آموزش AngularJS JumpStart با Dan Wahlin

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

AngularJS - تصویر بزرگ AngularJS - The Big Picture

• معرفی دوره Course Introduction

• طرح کلی دوره و بررسی اجمالی برنامه Course Outline and Application Overview

• با مربی آشنا شوید Meet the Instructor

• پیش نیازها Pre-Requisites

• مواد و کد ماژول را از کجا دریافت کنم؟ Where do I get the Module Materials and Code?

• مواد و کد ماژول Module Materials and Code

• معرفی Introduction

• بررسی اجمالی SPA SPA Overview

• پرش به AngularJS Jumping into AngularJS

• AngularJS Hello World AngularJS Hello World

• بازیکنان کلیدی در AngularJS Key Players in AngularJS

• مستندات AngularJS AngularJS Documentation

• خلاصه Summary

• ماژول 1 مسابقه Module 1 Quiz

نماها، دستورالعمل ها و فیلترها Views, Directives and Filters

• مواد و کد ماژول Module Materials and Code

• معرفی Introduction

• بررسی اجمالی اتصال داده ها Data Binding Overview

• دستورالعمل ها و عبارات Directives and Expressions

• دستورالعمل ها و عبارات در عمل Directives and Expressions in Action

• دستورالعمل های اضافی Additional Directives

• تکرار بیش از داده Iterating Over Data

• ng-repeat در عمل ng-repeat in Action

• مرتب سازی و قالب بندی داده ها Sorting and Formatting Data

• قالب بندی داده ها با فیلترها Formatting Data with Filters

• مرتب سازی و فیلتر کردن داده ها با فیلترها Sorting and Filtering Data with Filters

• مرتب سازی پویا با فیلتر orderBy Dynamic Sorting with the orderBy Filter

• خلاصه Summary

• مسابقه ماژول 2 Module 2 Quiz

کنترلرها، محدوده و ماژول ها Controllers, Scope and Modules

• مواد و کد ماژول Module Materials and Code

• معرفی Introduction

• الگوهای معماری AngularJS AngularJS Architecture Patterns

• نقش کنترل کننده ها The Role of Controllers

• ایجاد یک کنترلر Creating a Controller

• نکته ای سریع درباره عملکردهای کنترلر مستقل A Quick Note About Stand-Alone Controller Functions

• دستورالعمل کنترلر ng The ng-controller Directive

• اتصال نما به یک کنترلر Hooking a View to a Controller

• با استفاده از دستور "Controller As". Using "Controller As" Syntax

• نقش ماژول ها The Role of Modules

• ایجاد یک ماژول Creating a Module

• اضافه کردن کنترلر به ماژول Adding a Controller to a Module

• گزینه هایی برای اضافه کردن یک کنترلر به یک ماژول Options for Adding a Controller into a Module

• تکنیک های تزریق پارامتر Parameter Injection Techniques

• خلاصه Summary

• مسابقه ماژول 3 Module 3 Quiz

مسیریابی Routing

• مواد و کد ماژول Module Materials and Code

• معرفی Introduction

• بررسی اجمالی مسیریابی Routing Overview

• ارجاع به ماژول ngRoute Referencing the ngRoute Module

• افزودن اسکریپت ngRoute به یک برنامه Adding the ngRoute Script into an Application

• پیکربندی مسیرها Configuring Routes

• استفاده از $routeProvider برای پیکربندی مسیرها Using $routeProvider to Configure Routes

• با استفاده از دستورالعمل ng-view Using the ng-view Directive

• افزودن ng-view به صفحه Adding ng-view to a Page

• افزودن مسیر، نمای و کنترلر دیگر Adding Another Route, View, and Controller

• خلاصه Summary

• مسابقه ماژول 4 Module 4 Quiz

کارخانه ها و خدمات Factories and Services

• مواد و کد ماژول Module Materials and Code

• معرفی Introduction

• بررسی اجمالی کارخانه و خدمات Factory and Service Overview

• ایجاد یک کارخانه Creating a Factory

• تبدیل کد به کارخانه Refactoring Code into a Factory

• تزریق یک کارخانه به یک کنترلر Injecting a Factory into a Controller

• ایجاد یک سرویس Creating a Service

• تبدیل کد به یک سرویس Refactoring Code into a Service

• تعریف ارزش های کاربردی Defining Application Values

• تعریف ارزش ها و ثابت ها Defining Values and Constants

• برقراری تماس های Ajax از یک کارخانه/خدمات Making Ajax Calls from a Factory/Service

• خدمات RESTful: نکته ای سریع درباره نسخه های Node.js Express RESTful Services: A Quick Note About Node.js Express Versions

• ایجاد یک سرویس RESTful Creating a RESTful Service

• با استفاده از سرویس $http Using the $http Service

• سیم کشی وعده های موفقیت و خطا در پاسخ به تماس ها Wiring Promises to Success and Error Callbacks

• با استفاده از سرویس $log Using the $log Service

• خلاصه Summary

• مسابقه ماژول 5 Module 5 Quiz

رابط کاربری و انیمیشن UI and Animation

• مواد و کد ماژول Module Materials and Code

• معرفی Introduction

• بهبود رابط کاربری با بوت استرپ Enhancing the UI with Bootstrap

• اضافه کردن کلاس های بوت استرپ Adding Bootstrap Classes

• نمای کلی انیمیشن Animation Overview

• مثال ها و منابع انیمیشن Animation Examples and Resources

• ماژول ngAnimate The ngAnimate Module

• افزودن اسکریپت و ماژول ngAnimate Adding the ngAnimate Script and Module

• تعریف انیمیشن در CSS Defining Animations in CSS

• ایجاد یک Stylesheet با CSS Transitions Creating a Stylesheet with CSS Transitions

• ارجاع به کلاس های انیمیشن Referencing Animation Classes

• دستورالعمل های Hooking به انیمیشن ها Hooking Directives to Animations

• خلاصه Summary

• مسابقه ماژول 6 Module 6 Quiz

• متشکرم! Thank You!

امتیاز: شروع به ساخت دستورالعمل های سفارشی Bonus: Getting Started Building Custom Directives

• درباره این محتوای جایزه About this Bonus Content

• مواد و کد ماژول Module Materials and Code

• معرفی Introduction

• نقش دستورالعمل ها The Role of Directives

• ایجاد دستورالعمل Hello World Creating a Hello World Directive

• دسته بندی دستورالعمل ها Directive Categories

• بلوک های ساختمانی دستورالعمل Directive Building Blocks

• خلاصه Summary

پاداش: محدوده مشترک، Isolate Scope، تابع ()link در دستورالعمل های سفارشی Bonus: Shared Scope, Isolate Scope, the link() Function in Custom Directives

• درباره این محتوای جایزه About this Bonus Content

• مواد و کد ماژول Module Materials and Code

• معرفی Introduction

• درک محدوده مشترک و ایزوله Understanding Shared and Isolate Scope

• نسخه نمایشی محدوده مشترک و ایزوله Shared and Isolate Scope Demo

• @ دارایی Local Scope @ Local Scope Property

• @ Local Scope Property Demo @ Local Scope Property Demo

• = ویژگی Local Scope = Local Scope Property

• = نسخه نمایشی ویژگی محدوده محلی = Local Scope Property Demo

• ویژگی & Local Scope & Local Scope Property

• نسخه نمایشی ویژگی دامنه محلی & Local Scope Property Demo

• تابع ()link The link() function

• لینک () تابع نسخه ی نمایشی link() Function Demo

• خلاصه Summary

جایزه: مقالاتی در مورد ساخت دستورالعمل های سفارشی Bonus: Articles on Building Custom Directives

• درباره این سری مقالات در دستورالعمل های AngularJS About this Article Series on AngularJS Directives

• بخش 1: اصول Part 1: The Fundamentals

• قسمت 2: ایزوله کردن محدوده Part 2: Isolate Scope

• بخش 3: پارامترهای محدوده و عملکرد را جدا کنید Part 3: Isolate Scope and Function Parameters

• بخش 4: محدودیت و فراگیری Part 4: Restriction and Transclusion

• قسمت 5: تابع پیوند () Part 5: The link() Function

• قسمت 6: استفاده از کنترلرها Part 6: Using Controllers

• قسمت 7: ایجاد یک دستورالعمل ارزش منحصر به فرد با استفاده از $asyncValidators Part 7: Creating a Unique Value Directive using $asyncValidators