Angular JS Curriculum
OBJECTIVES
At the end of this training course, the participants will:
 Be able to understand the exploit the functional and object-oriented programming
techniques in JavaScript
 Understand and resolve scope issues in JavaScript
 Techniques for modularizing JavaScript code
 Be aware of the quirks in the JS language
 Be able build RIA using Angular.js
CASE STUDIES
Following are the case studies that will be developed by the participants during the workshop:
 Enterprises E-Commerce Web application
SUGGESTED AUDIENCE
Web developer who wants to build best-of-breed web applications with the simplicity and elegance
of JavaScript.
DURATION
(20 Hrs)
PARTICIPANT PREREQUISITES
INFRASTRUCTURE REQUIREMENTS
 A good text editor (Textpad++/Sublime Text) or WebStorm
 Chrome
 Internet Connection (Mandatory)
DAY WISE SYLLABUS
Angular.js
 Introduction to Angular.js
o How Angular.js is opinionated
o Difference between Backbone.js and Angular.js
 Angular.js Building Blocks
o Controller Component
o Model Component
o View Component
o Directives
o Filters
o Services
o Providers
o Factory
o DI in Angular.js
 Anatomy of an Angular.js Applications
o Creating Boundaries using ng-app
o Model View Controller
o Templates and Data Binding
o Repeating elements in templates
o Using Expressions, CSS Classes and Styles
o Using Controllers for UI responsibility separation
o Responding to model changes
 Modules
o Module Loading and Dependencies
o Configuration Blocks
o Run Blocks
o $provide service
 Data Binding in Angular.js
O Understanding Built-in Directives
O Scope resolution
O One way and Two way data binding
 Using Filters
O Filters Overview
O Understanding Filter Expressions
O Building custom Filters
 Services & Factories
O Services Overview
O Modularity using Services
O Injecting Services
O Creating Custom Factories and Providers
 Directives
O Directives Overview
O Built in directives
O Creating Directives
O The Directive Definition Object
O Compilation and Linking
O Creating Components
 Forms
O Handling Forms
O Forms Validations
O $valid and $error
 Promises
O The premise of promises
O Callbacks and Promises
O Built in promises
O Creating custom promises
 Communicating with Servers
O Communicating over $http
O Configuring the requests
O Sending Http Headers
O Caching Responses
O Request and Response Transformation
O Interceptors
O Using RESTful Resources
O Using $resource Service
O Using Restangular
O Communication over WebSockets
 Routing and Views
O $routeProvider and ng-view
O Using $locationProvider
O Configuring routes
O Accessing route values using $routeParams
O Using Angular-UI's $stateProvider
 Testing
O Testing Models using Jasmine
O Test considerations for Directives and Filters
O Using Angular Mocks
O Using Karma for testing browser compatibility
O Using Protractor for end to end testing
 Modular JavaScript
o Techniques for modularizing JavaScirpt code
o Using Require.js for loading dependent modules
 JavaScript Development Workflow
o Using Grunt.js
o Overview of Yeoman
o Clientside dependency management using Bower.js

AngularJS Curriculum-Zeolearn

  • 1.
    Angular JS Curriculum OBJECTIVES Atthe end of this training course, the participants will:  Be able to understand the exploit the functional and object-oriented programming techniques in JavaScript  Understand and resolve scope issues in JavaScript  Techniques for modularizing JavaScript code  Be aware of the quirks in the JS language  Be able build RIA using Angular.js CASE STUDIES Following are the case studies that will be developed by the participants during the workshop:  Enterprises E-Commerce Web application SUGGESTED AUDIENCE Web developer who wants to build best-of-breed web applications with the simplicity and elegance of JavaScript. DURATION (20 Hrs) PARTICIPANT PREREQUISITES INFRASTRUCTURE REQUIREMENTS  A good text editor (Textpad++/Sublime Text) or WebStorm  Chrome  Internet Connection (Mandatory) DAY WISE SYLLABUS Angular.js  Introduction to Angular.js o How Angular.js is opinionated o Difference between Backbone.js and Angular.js  Angular.js Building Blocks o Controller Component o Model Component o View Component o Directives o Filters o Services o Providers o Factory o DI in Angular.js  Anatomy of an Angular.js Applications o Creating Boundaries using ng-app
  • 2.
    o Model ViewController o Templates and Data Binding o Repeating elements in templates o Using Expressions, CSS Classes and Styles o Using Controllers for UI responsibility separation o Responding to model changes  Modules o Module Loading and Dependencies o Configuration Blocks o Run Blocks o $provide service  Data Binding in Angular.js O Understanding Built-in Directives O Scope resolution O One way and Two way data binding  Using Filters O Filters Overview O Understanding Filter Expressions O Building custom Filters  Services & Factories O Services Overview O Modularity using Services O Injecting Services O Creating Custom Factories and Providers  Directives O Directives Overview O Built in directives O Creating Directives O The Directive Definition Object O Compilation and Linking O Creating Components  Forms O Handling Forms O Forms Validations O $valid and $error  Promises O The premise of promises O Callbacks and Promises O Built in promises O Creating custom promises  Communicating with Servers O Communicating over $http
  • 3.
    O Configuring therequests O Sending Http Headers O Caching Responses O Request and Response Transformation O Interceptors O Using RESTful Resources O Using $resource Service O Using Restangular O Communication over WebSockets  Routing and Views O $routeProvider and ng-view O Using $locationProvider O Configuring routes O Accessing route values using $routeParams O Using Angular-UI's $stateProvider  Testing O Testing Models using Jasmine O Test considerations for Directives and Filters O Using Angular Mocks O Using Karma for testing browser compatibility O Using Protractor for end to end testing  Modular JavaScript o Techniques for modularizing JavaScirpt code o Using Require.js for loading dependent modules  JavaScript Development Workflow o Using Grunt.js o Overview of Yeoman o Clientside dependency management using Bower.js