Building RIA Using Angular Js 3 Days - TL
Building RIA Using Angular Js 3 Days - TL
Angular.js
OVERVIEW
This workshop aims at equipping the participants with the necessary knowledge and skills required
to build rich internet applications using cutting edge technologies, frameworks and tools.
DURATION
6 half days (3.5 hrs each) or 3 full days (7 hrs each) : Total - 21 Hrs
PARTICIPANT PREREQUISITES
Web developers with exposure to HTML + CSS + JavaScript
INFRASTRUCTURE REQUIREMENTS
A good text editor (Textpad++/Sublime Text) or WebStorm
Chrome
Internet Connection (Mandatory)
Node.js
DAY WISE SYLLABUS
JavaScript In Depth (1 Day)
Expressive JavaScript
o The Flexibility of JavaScript
o JavaScript as a Loosely Typed Language
o Functions as First-Class Objects
o Object Mutability
Functions In Depth
o Function Objects
o Function Literal
o Function Invocation Patterns
o Augmenting Types
o Recursion & Closures
o Functions as Callbacks
o Function Currying & Memorization
Closures In Depth
o How Closures Work
o Private Variables, Callbacks and Timers
o Binding Function Contexts
o Overriding Function Behavior
Object Orientation With Prototypes
o Object Instantiation
o Constructors
o Inheritance and Prototype Chain
o Extending Object
o Extending Number
o Instantiation Issues
o Writing class-like code
JavaScript Gotchas
o Global Variables
o Scope
o Semicolon Insertions
o Type Coercion
Angular.js (2 Days)
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
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 Creating Directives
O The Directive Definition Object
O Compilation and Linking
O Creating Components
Communicating with Servers
O Communicating over $http
O Configuring the requests
O Sending Http Headers
O Caching Responses
O Request and Response Transformation
O Using RESTful Resources
O Communication over WebSockets
Testing
O Testing Models using Jasmine
O Test considerations for Directives and Filters
O Using Angular Mocks
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