AngularJS Deep Dive Course

בקורס זה נפרק את AngularJS לגורמים שבונים את ה- Framework ונלמד איך עובד AngularJS, מה נקודות החולשה שלו ואיך אפשר לשפר אותו.  הקורס מיועד לאנשים שמכירים AngularJS ועובדים איתו ביום יום, אך לא מכירים איך הוא עובד "מתחת למכסה המנוע". אני מבטיח לכם שתגלו הרבה דברים חדשים.

[contact-form subject='[Eyal%26#039;s space'][contact-field label='שם מלא' type='name' required='1'/][contact-field label='אימייל' type='email' required='1'/][contact-field label='טלפון' type='text'/][/contact-form]

AngularJS Deep Dive Course

 

HTML is great for declaring static documents, but it falters when we try to use it for declaring dynamic views in web-applications. AngularJS lets you extend HTML vocabulary for your application. The resulting environment is extraordinarily expressive, readable, and quick to develop.

 

AngularJS is a structural framework for dynamic web apps. It lets you use HTML as your template language and lets you extend HTML's syntax to express your application's components clearly and succinctly. Out of the box, it eliminates much of the code you currently write through data binding and dependency injection.

 

Module 1: AngularJS Bootstrap Process

This module gives a quick overview about Angular startup process.

 

clip_image001      Angular Init

clip_image001[1]      Angular Bootstrap

clip_image001[2]      Injector Service

clip_image001[3]      Module Loading process

clip_image001[4]      Lazy Module Loading

clip_image001[5]      $compile service

o   $parse

o   $interpolate

clip_image001[6]      $scope

Module 2: $provide Services Internals

 

clip_image001[7]      Provider Method

clip_image001[8]      Factory Method

clip_image001[9]      Service Method

clip_image001[10]      Value and Constant

clip_image001[11]      Decorator

Module 3: Directive Internals

clip_image001[12]      Directive Definition Object

clip_image001[13]      Directive Execution Order

clip_image001[14]      Compile method vs. Link method

clip_image001[15]      Compile method vs. $compile

clip_image001[16]      Communication between directive

clip_image001[17]      Directive Scope

o   $id

o   $watch and $watchCollection

o   $apply

clip_image001[18]      Directive animations support

clip_image001[19]      Custom Directive Samples:

o   How to build directive with no scope and Watch

o   Dynamic Template

o   Multi Transclusion

clip_image001[20]      Directive Performance tips

Module 4: Communication Services

 

clip_image001[21]      $http Service

o   Headers

o   Transforming Requests & Responses

o   Caching

o   Response Interceptors

clip_image001[22]      $cacheFactory

clip_image001[23]      Angular-Cache module

clip_image001[24]      $resource Service

clip_image001[25]      $q Service

Module 5: Routing and Navigation

 

clip_image001[26]      $location service

clip_image001[27]      ng-view directive

clip_image001[28]      $route service and route object

clip_image001[29]      Navigation flow

clip_image001[30]      Routing broadcasted events

clip_image001[31]      Resolve option and promise

clip_image001[32]      Cancelling route changes

 

Module 6: Forms in AngularJS

 

clip_image001[33]      ng-model binding

clip_image001[34]      ngModelController & ngFormController

o   Input states and css

o   Custom value formatting and parsing

o   Custom validation

o   Custom validation in ng-repeat

clip_image001[35]      Input directive

No Comments