Angular 2 Development With TypeScript

Web Development with Angular 2 and Bootstrap

Chapter 1. Introduction to Angular 2

1. Course Overview (Introduction and objective of course and application overview)
2. Angular 2.0 vs Angular 1.0
3. Installation and setup for Angular 2.0 with Typescript ES6
4. Let’s start create first “Hello world ” application Angular 2.0

Chapter 2. Getting Started with Angular 2

1. Bootstrap styles sass and JavaScript installation and setup for application.
2. Bootstrap fluid responsive layout with grid system
3. Bootstrap responsive nav & navbar Header
4. Bootstrap table, list, form and glyph icons & responsive utilities
5. Bootstrap carousel with bootstrap panel, accordion & tab menu
6. Creating Demo application Structure using Bootstrap Component

Chapter 3. Module Bundler & Transpilers

1. Writing application using Typescript/ECMAScript 5/ECMAScript 6.
2. TYPESCRIPT AS A LANGUAGE FOR ANGULAR APPLICATIONS
3. Understanding Universal Module Loader System JS.
4. Understanding Module Bundler Web pack.
5. Angular 2.0 different loaders and Transpilers using NPM package managers
6. Typescript @ annotations for components, views & directives.
7. Hands-on: Getting Started with Application.

Chapter 4. Angular 2.0 ES6 Features

1. Scope of Variables let & const Understanding different Template view and directives.
2. Template Literals & Optional Parameters with Default Values
3. Spread operator, Rest parameter and de-structuring
4. Arrow Function Expressions and lexical scope Binding
5. iterators Generators with for Each(), for-in, and for-of
6. Classes and Inheritance
7. Asynchronous Processing with Promises
8. Modules import & Exports

Chapter 5. Angular 2 Components & Modules

1. Angular 2 Components & Modules.
2. Angular 2 Modular Development using @NgMOdule
3. Angular 2.0 Dom Shadow View Encapsulation
4. Angular 2 app Architecture
5. Component Nesting & Templates
6. Angular Component Metadata
7. Component Communication with Input and Output.
8. Application development with data binding & pipes

Chapter 6. Angular 2.0 Components' Communication

1. Data Binding and Property Binding
2. DOM events and Event Binding
3. Two Way Data Binding
4. Attribute Directives and Structural Directives
5. Pipes
6. Angular 2 Application lifecycle Hooks
7. Application development with data binding,pipes & Directives in Angular 2

Chapter 7. Dependency Injection in Angular 2

1. The Dependency Injection and Inversion Of Control Patterns
2. Injectors and Providers
3. Building a Service & Registering Service
4. Injecting the Service
5. Dependency Injection with Angular 2 Application

Chapter 8.Routing with Angular 2

1. Angular2.0 Understanding Routing Basics
2. Angular 2.0 Passing Data to Routes
3. Child Routes & Auxiliary Routes
4. Lazy Loading with AsyncRoute
5. Hands-on: Using Routing in Our application

Chapter 9. Forms in Angular 2

1. Introducing to Angular 20 forms
2. Form Controls Form Directives in Template Driven Forms
3. Template-Driven Forms with Validation
4. Model driven forms or Reactive forms with Custom Validation
5. Angular 2.0 Application development with Angular forms

Chapter 10. Reactive programming in Angular 2.0

1. Introduction of Reactive programming
2. Observables and Reactive Extensions
3. Setting Up http service with RX JS
4. Sending an Http Request
5. Subscribing to an Observable
6. Adding Http service in Application