AngularJS Mastering Angular 2 Online Course Content

AngularJS Mastering Angular 2 Online Course Content

AngularJS Mastering Angular 2 Course Content

1. Introduction to JavaScript MVC Framework & AngularJS
Introduction to AngularJS
Uses of AngularJS
Introduction to JavaScript MVC Framework
Write your first program in Angular JS
Comparison between JavaScript Frameworks

2. Dependency Injection and Controllers
Creating Controllers
Two-way binding
Sharing data between controllers
Dependency injection

3. Route, Directives, and Filters
Why use routes
Creating routes
Nested routes
Creating directives and filters

4. Creating Custom Directives and Filters
Custom directives
Why custom directives
Creating and using custom directives
Custom filters
Creating and using custom filters

5. Third Party AngularJS Modules and Testing Angular
Modules & its necessities  Usage of angular-ui
Usage of ng-grid
Usage of angular-translate and testing AngularJS

6. AngularJS with Node.js, Yeoman and Rest Exposure
Introduction to Node.js
Introduction to Yo Generator
Bower, rest exposure
Web Sockets and push notification

Module 1: Introduction to Angular 2

  • Setting up Angular Development Environment
  • Understanding Angular Framework
  • Angular Architecture
  • Angular modularity
  • Component Structure
    1. Decorators
    2. Selector
    3. Template
    4. Style
    5. Component Class

Module 2: Bootstrapping process

  • Understanding 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 transpiler

Module 4: Developing an application with data binding and directives

  • Components
  • Attribute directives
  • Structural directives
    1. *ngIf
    2. *ngFor
    3. 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 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
  • Processing JSON data
  • Error handling
  • Understand Promise vs. Observables
  • Project

Module 10: Implement test environment in Angular

  • Install Jasmine
  • Configure jasmine
  • Create test cases
  • Project

Module 11: Project discussion

  • Creating modules
  • Publishing into Node package
  • Capstone Project

Share this post