- Module 1: An Introduction to Angular 2
- Module 2: Bootstrapping process
- Module 3: Introduction to Typescript
- Module 4: Developing an application with data binding and directives
- Module 5: Form inputs and Events
- Module 6: Apply styles to the components
- Module 7: Dependency Injection
- Module 8: Implementing Routes
- Module 9: Implement HTTP request for get and post operations on RestFul API
- Module 10: Implement the test environment in Angular
- Module 11: Project discussion
Module 1: An Introduction to Angular 2
- Setting up Angular Development Environment
- Understanding Angular Framework
- Angular Architecture
- Angular modularity
- Component Structure
- Decorators
- Selector
- Template
- Style
- Component Class
Module 2: Bootstrapping process
- Understanding the Angular Bootstrap process
- Understanding system configuration
- Understanding the implementation of NgModule
- Building the first App – ' Hello Angular Js 2'
Module 3: Introduction to Typescript
- Introduction Typescript
- Configuring Typescript transpilar
Module 4: Developing an application with data binding and directives
- Components
- Attribute directives
- Structural directives
- *ngIf
- *ngFor
- ngSwitch ... ngSwitchCase
- Implement data transformation using Pipes
- Assignment
Module 5: Form inputs and Events
- Implement Data Binding
- Implement one-way and two-way data binding
- Implement Event handling
- Implement Error handling
- Assignments
Module 6: Apply styles to the components
- Create external Style components
- Apply styles
- Assignments
Module 7: Dependency Injection
- Understanding Importance refactoring
- Creating reusable components
- Implementing Dependency Injection to consume a component
- Implementing the Promise pattern
Module 8: Implementing Routes
- Implement Route path
- Associate components to paths
- Route with search value
- Assignment
- Project Begins
Modules 9: Implement HTTP request for get and post operations on RestFul API
- HTTP client overview
- Implement RxJS module for HTTP request and Responses
- Fetch data with http.get
- Post data with http.post
- Processing JSON data
- Error handling
- Understand Promise vs. Observables
- Project
Module 10: Implement the test environment in Angular
- Install Jasmine
- Configure jasmine
- Create test cases
- Project
Module 11: Project discussion
- Creating modules
- Publishing into Node package
- Capstone Project