Angular 2 Training

• They learn how to implement a full-fledged Angular framework
• They would be able to develop a structurally well-formed applications using the Angular components
• They would be able to write type script that is based on the syntax which is the upcoming web coming standards
• Learn the implementation of loops and conditions using the structural directives
• Implementing the  one way / two way data binding for the data interpolation
• Implementing the event and error handling
• Learn how to implement the dependency injection and reusability
• Creating a routing structure for the components for navigation
• Learn how to implement http services to communicate with Restful APIs
• Implement unit testing using Jasmine framework
• Know how to implement a bootstrap framework for enhanced User Interface
• Develop the full-fledged shopping cart front-end

• The Freshers as well as experienced front-end developers interested in learning a modern JavaScript framework
• This course is for everyone interested in learning a state-of-the-art front-end JavaScript framework
• Taking this course will enable you to be amongst the first to gain a very solid understanding of Angular

• Basic HTML and CSS knowledge
• JavaScript and TypeScript knowledge

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