DIIT EDUCOM

diit-education.png

Angular JS

Course Duration: - 1.5 Months (1hrs)

Weekdays: - 1hrs/6days, Fastrack: - 2hrs/day, Weekends: - 4hrs (Sat & Sun)

 

Angular JS is a Java Script web application framework that can be added to HTML pages. If a person knows Angular JS properly then they easily structure dynamic web pages and extend their job opportunities.

 

We are one of the best Angular JS training institutes in Rajasthan. This Angular JS course is especially customized for web designers and UI developers who want to do professional level training in this.

Course Content

 Setting Up Angular

  • ES6 JavaScript & TypeScript: An Overview
  • Setup and Installation of Angular CLI

 Important Components

  • Architecting with Components
  • Templates, Styles, and View Encapsulation
  • Content Projection
  • Lifecycle Hooks
  • ViewChildren & ContentChildren

Overview of Built-in Directives

  • NgFor
  • NgIf and NgSwitch
  • NgStyle and NgClass
  • NgNonBindable
  • Structural Directives

Working with Custom Directives

  • Creating Custom Angular Directives
  • Using HostListener & HostBinding
  • Inputs & Configuration

 Introduction to Pipes and Customizations

  • Built-in Pipes and their parameters
  • Understand and utilize Async Pipe
  • Custom Pipes

Overview of Forms

  • Model Driven Forms
  • Model Driven Form Validation
  • Submitting and Resetting
  • Reactive Model Form
  • Template Driven Forms

 Dependency Injection (DI), Services, and Providers

  • Injectors
  • Provider
  • Tokens
  • Services
  • Configuring Dependency Injection in Angular
  • NgModule.providers vs Component.providers vs Component.viewProviders

Observables

Angular Animations

Routing and Navigation in Angular

  • Introduction to Route Configuration
  • Working with Navigation
  • Parametrized Routes and Nested Routes
  • Router Guards
  • Routing Strategies

 Unit Testing Best Practices

  • Jasmine & Karma
  • Testing Angular App
  • Creating Custom Tests

Deploying an Angular App

Build Apps with Angular

  • Setting up deep linking
  • Wiring up a second partial
  • Creating details template
  • Adding navigation to details page
  • Angular animation events
  • Setting up the routing

 






img