1. 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
2. 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
3. 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