Course Purpose:   

 

The Angular 4+ training course is designed to provide knowledge and skills to become a successful Client-Side Application Developer. It starts with the fundamental concepts of Client-side MVC Design Patterns, DOM and Virtual DOM manipulation, Services, Dependency Injection (DI) and the moves towards advance concepts like DOM Event handling, client-side Routing, XHR communication, Testing, MEAN stack development, Multi-Device implementation, etc.

 

Course Description:

Angular is a advanced toolset for building framework most suited for your application development. It is fully advanced and compatible with other libraries. Every feature can be replaced or modified based on your application development workflow and functionality needs.

 

Course Objectives:

Students will:

• Understand the design of single-page applications and how Angular facilitates their development
• Properly separate the model, view, and controller layers of your application and implement them using Angular
• Master Angular expressions, filters, and scopes
• Build Angular forms
• Elegantly implement Ajax in your Angular applications
• Write Angular directives
• Unit test and end-to-end test your Angular applications

 

Prerequisites

You must have a good understanding on how the following:

• Moderate knowledge of HTML, CSS, and JavaScript
• Basic Model-View-Controller (MVC) concepts
• The Document Object Model (DOM)
• JavaScript functions, events, and error handling
  

  Angular

  1. Introduction to Angular          
  • Angular Architecture
  • Working with Angular
  • Angular Version and Tools
  • Angular Seed

   

  2. Controllers and Markup
  • Introduction to Angular Controllers
  • Controllers and Scope
  • Creating Controllers
  • Working with border-image

   

  3. Working with golocations in Angular 
  • Displaying Repeating Information
  • Demo with ng-repeat

   

  4. Working with events in Angular
  • Handling Events
  • Event Scope
  • Event Directives

   

  5. Built-in Directives
  • Working with built in directives
  • Other Directives

   

  6. Working with Expressions in Angular
  • Expressions

   

  7. Working with Expressions in Filters
  • Understanding Filters
  • Built-in Filters

   

  8. Two Way Binding in Angular
  • Impotence of two-way binding
  • Two Way Binding Demo

   

  9. Validation
  • Importance of validation
  • Working example

   

  10. Creating and Using Services
  • Introduction of services in Angular
  • Understanding importance of Services
  Working with an Example