آموزش ساخت یک چارچوب SPA با استفاده از AngularJS

سرفصل ها و درس ها

مقدمه Introduction

• مقدمه Introduction

• پیش نیازها و دوره های مفید Pluralsight Prerequisites and Helpful Pluralsight Courses

ایجاد یک چارچوب SPA با استفاده از AngularJS Creating a SPA Framework Using AngularJS

• مقدمه Introduction

• راه اندازی پروژه Project Setup

• ماژول های AngularJS ما Our AngularJS Modules

• ایجاد ماژول های AngularJS Creating AngularJS Modules

• ساخت چارچوب ما Building Our Framework

• یک ظاهر طراحی سربرگ Styling the Header

• کنترل های یکسان سازی Styling Controls

• پاسخگو بودن چارچوب Making the Framework Responsive

• انتقال مقادیر به یک محدوده جداگانه Passing Values to an Isolate Scope

• گرفتن استثناها Catching Exceptions

• خلاصه Summary

ساخت یک کامپوننت منو در AngularJS Building a Menu Component in AngularJS

• مقدمه Introduction

• اعلام منو Declaring a Menu

• دستورالعمل های سفارشی منو Menu Custom Directives

• یک دستورالعمل سفارشی مورد منو A Menu Item Custom Directive

• نمایش منو Showing the Menu

• سبک کردن منو Styling the Menu

• مشخص کردن نمادها Specifying Icons

• مسیریابی Routing

• انتخاب مورد منو Menu Item Selection

• پاسخگو بودن منو ما Making Our Menu Responsive

• سبک کردن منوی پاسخگو Styling the Responsive Menu

• فعال کردن منوی پاسخگو Activating the Responsive Menu

• خلاصه Summary

ویژگی های پیشرفته منو Advanced Menu Features

• مقدمه Introduction

• گروه بندی موارد منو Grouping Menu Items

• یک دستورالعمل سفارشی برای گروه ها A Custom Directive for Groups

• افتتاح و بستن یک گروه Opening and Closing a Group

• چندین سطح منو Multiple Menu Levels

• ایجاد یک منوی افقی Creating a Horizontal Menu

• یک ظاهر طراحی منوی افقی Styling the Horizontal Menu

• پاکسازی منوی افقی Horizontal Menu Cleanup

• کنترل منوی بازشو Controlling the Popup Menu

• پاسخگو بودن منو Making the Menu Responsive

• متحرک سازی منو با استفاده از ngAnimate Animating the Menu Using ngAnimate

• خلاصه Summary

ساخت داشبورد و ابزارک ها Building a Dashboard and Widgets

• مقدمه Introduction

• گزینه های مسیریابی Routing Options

• تنظیم مسیریابی Setting up Routing

• مسیریابی به دستورالعمل های سفارشی Routing to Custom Directives

• مقدمه ای بر Gridster و angular-gridster Introduction to Gridster and angular-gridster

• راه اندازی شبکه زاویه دار Setting up angular-gridster

• ایجاد داشبورد Dashboard Creation

• گزینه های داشبورد Dashboard Options

• سرصفحه های ویجت Widget Headers

• سرصفحه های داشبورد Dashboard Headers

• خلاصه Summary

محتوای ویجت Widget Content

• مقدمه Introduction

• ابزارک های ما Our Widgets

• یک سرویس جعلی داده A Fake Data Service

• ایجاد دستورالعمل های سفارشی ویجت Creating Widget Custom Directives

• تدوین محتوای ویجت Compiling Widget Content

• بارگیری داده های ابزارک Loading Widget Data

• یک دکمه برای افزودن ابزارک ها A Button to Add Widgets

• افزودن ابزارک به داشبورد Adding Widgets to a Dashboard

• افزودن منوی ابزارک Adding a Widget Menu

• ابزارک بستن Closing Widgets

• نمایش گفتگوی تنظیمات ابزارک Showing a Widget Settings Dialog

• به روزرسانی تنظیمات ویجت Updating Widget Settings

• رفع موبایل Mobile Fixes

• رفع بارگیری تصویر پس زمینه Fixing Background Image Loading

• خلاصه Summary

ویژگی های اضافی Angular SPA Additional Angular SPA Features

• مقدمه Introduction

• ابزارک های پاسخگو Responsive Widgets

• در حال بارگیری شاخص ها برای ابزارک ها Loading Indicators for Widgets

• خطاهای ویجت Widget Errors

• پوسته های داشبورد را ذخیره و بارگیری کنید Save and Load Dashboard Layouts

• صفحه ورود به سیستم با استفاده از ngSwitch A Sign-in Page Using ngSwitch

• اجزای نمایه کاربر User Profile Components

• رفع اندازه ابزارک و اشکالات منو Fixing Widget Size and Menu Bugs

• راه اندازی Gulp Setting up Gulp

• استفاده از Gulp برای بسته بندی اجزا Using Gulp to Package Components

• خلاصه Summary