Module 1: Variables, Scope and Memory
Primitive & reference values in variables
Execution Context & Scope
Private & Public Variables
Multithreading with Workers
Control Flow Libs
Reactive Extensions (Rx.js)
AMD & Require.js
Async & awiat in ES 7
Iterators & Generators
Module 4: TypeScript
Angular A to Z (Day 2 – 3)
Angular is a development platform for building mobile and desktop applications. Angular is a development platform for creating applications using modern web standards. Angular includes a wealth of essential features such as mobile gestures, animations, filtering, routing, data binding, security, internationalization, and beautiful UI components. It's extremely modular, lightweight, and easy to learn.
Module 1: AngularJS Overview
This module gives a quick overview of the main angular components and how they work together.
The Challenge with Web Apps (SPA)
Directives & Components
Model, View & Controller
Module 2: Template Syntax
Attribute, Class and Style Bindings
Two-way data binding with NgModel
* and <template>
Local template variables
Input and Output Properties
Template Expression Operators
Module 3: Dependency Injection (DI)
Angular 2.0 ships with powerful, yet simple-to-use dependency injection, allowing you to maintain modular applications without writing tedious glue code. Dependency injection helps you write tests by making it easy to inject test doubles.
Why Dependency Injection?
Angular Dependency Injection
Configuring the Injector
@Injectable() & @inject
The Injector Tree
Module 4: AngularJS Pipes
In this module we learn how to use pipes. Pipes transform displayed values within a template.
Parameterizing a Pipe
Module 5: Forms in AngularJS 2.0
In this module we learn how to build a form that creates a cohesive, effective, and compelling data entry experience. An Angular form coordinates a set of data-bound user controls, tracks changes, validates input, and presents errors.
ng-model & ng-control directives
Track change-state and CSS special classes
Validation and Error messages
Form component & Control Component
Select options with *ng-for directive
Module 6: Routing and Navigation
A new router for Angular 1.5 and 2.0, written with TypeScript. Angular 2.0 supports card stack navigation, animated transitions, and lazy loading for mobile users.
Configuring routes (@RouteConfig)
Router lifecycle hooks
Lazy loaded routes and async routes
Module 7: Components
Angular components use web standards (such as shadow DOM and the HTML5 template tag) in browsers that support them. Angular components are lightweight, reusable, self-contained UI components that have a single specific purpose.
Component Metadata (@component)
@Input and @Output
Component change detection startegy
Module 8: Attribute Directives
An Attribute directive changes the appearance or behavior of a DOM element.