Online training of Angular 2

Angular 2

This course provides a broad introduction to Angular 2. Topics include: Components, Components, Services, Routing, Forms, Pipes, and Http. The course will also discuss recent applications of Angular 2.

Enroll Now
Online training of Angular 2
Enquire more about the Course

Course Details

Duration: 30 hours Effort:6 hours per week

Price With GST: ₹250/- Discount for few Seats

Subject: Web Development Level: Beginner
Prerequisites
HTML, CSS and Basic JavaScript

About this course

What you'll learn

  • Angular Overview
  • Angular Hello World
  • Local Development Environment Overview
  • Nodejs package manager npm overview
  • Nodejs and node package manager npm installation on windows
  • Nodejs and npm installation on mac
  • Updating nodejs and npm on windows
  • Updating nodejs and npm on mac
  • Installing git on windows
  • Installing git on mac
  • Angular quick start project
  • Angular cli installation
  • Updating your angular cli tool
  • Hello world angular using angular cli
  • Your ides for angular
  • Angular Workspace Setup
  • Exercise-1 creating your first angular application
  • Angular core components
  • anatomy of an angular application
  • How to create components
  • Using components
  • Templates
  • How to create directives
  • Using Directives
  • How to create services
  • Using services
  • How to create services
  • Pipes overview
  • How to create pipes
  • Using pipes
  • How to create routing
  • Using routes
  • Adding router link
  • ngmodule in focus
  • Ifelse ngif syntax directive
  • Angular universal
  • Typescript class
  • Typescript interface
  • Using typescript interface
  • Typescript enum
  • Introduction to bootstrap 4
  • Integrating bootstrap 4 to angular cli
  • How to add bootstrap 4 to angular
  • Adding bootstrap 4 components
  • Adding and customizing a bootstrap 4 navigation bar
  • Creating a dashboard page
  • Customizing your dashboard using jumbotron
  • Structural directive-1 ngfor
  • Structural directive-2 ngif
  • Structural directive-3 ngswitch
  • Attribute directive-1 ngstyle
  • Attribute directive-2 ngclass
  • Installing and running the postman api tool
  • json server installation
  • Testing json servers crud operations with postman
  • Preparing a custom jsonserver api data
  • CRUD application overview
  • Read Data using get http method and observable
  • Read data using ngfor
  • Read data using a table
  • Create data using post
  • Updating data with put http method
  • Delete data with delete http method
  • Adding a simple spinner loader
  • Autorefresh data table
  • Add a simple modal
  • Simple form and field validation
  • How to create a form using ngform
  • Form customization with grid classes placeholder and readonly
  • Template reference variable
  • Angular css classes
  • custom-form-validation
  • Built-In Pipes
  • Async Pipe
  • Custom Pipes
  • Flash Cards Pipes
  • Core HTTP API Part 1 Setup
  • Core HTTP API Part 2 Usage
  • HTTP with Promises
  • HTTP with Observables Part 1 - Basic Observables
  • HTTP with Observables Part 1 - Observables All The Way Down
  • JSONP with Observables
  • Angular css classes demo
  • Angular unit testing
  • Configuring and running endtoend e2e tests
Enroll Now
Batches
Class Room Training
₹15,000+GST
Enroll Now
Online Live Classes
₹10,000+GST
Enroll Now
Self Paced Classes
₹250+GST
Enroll Now
Course Video
  • 003-local-development-environment-overview Preview
  • 004-nodejs-overview
  • 005-nodejs-package-manager-npm-overview
  • 006-nodejs-and-node-package-manager-npm-installation-on-windows
  • 007-nodejs-and-npm-installation-on-mac
  • 008-updating-nodejs-and-npm-on-windows
  • 009-updating-nodejs-and-npm-on-mac
  • 010-installing-git-on-windows
  • 011-installing-git-on-mac
  • 012-angular-quick-start-project Preview
  • 013-angular-cli-installation
  • 014-updating-your-angular-cli-tool
  • 015-hello-world-angular-using-angular-cli
  • 016-your-ides-for-angular
  • 017-angular-workspace-setup
  • 018-exercise-1-creating-your-first-angular-application
  • 021-how-to-create-components Preview
  • 022-using-components
  • 023-templates
  • 024-how-to-create-directives
  • 025-using-directives
  • 026-how-to-create-services
  • 027-using-services
  • 028-pipes-overview
  • 029-how-to-create-pipes
  • 030-using-pipes
  • 031-how-to-create-routing
  • 032-using-routes
  • 033-adding-routerlink
  • 034-ngmodule-in-focus
  • 035-ifelse-ngif-syntax-directive
  • 036-angular-universal
  • 041-introduction-to-bootstrap-4 Preview
  • 042-integrating-bootstrap-4-to-angular-cli
  • 043-how-to-add-bootstrap-4-to-angular
  • 044-adding-bootstrap-4-components
  • 045-adding-and-customizing-a-bootstrap-4-navigation-bar
  • 046-creating-a-dashboard-page
  • 047-customizing-your-dashboard-using-jumbotron
  • 057-crud-application-overview Preview
  • 058-read-data-using-get-http-method-and-observable
  • 059-read-data-using-ngfor
  • 060-read-data-using-a-table
  • 061-create-data-using-post
  • 062-updating-data-with-put-http-method
  • 063-delete-data-with-delete-http-method
  • 064-adding-a-simple-spinner-loader
  • 065-autorefresh-data-table
  • 066-add-a-simple-modal
  • 067-simple-form-and-field-validation Preview
  • 068-how-to-create-a-form-using-ngform
  • 069-form-customization-with-grid-classes-placeholder-and-readonly
  • 070-template-reference-variable
  • 071-angular-css-classes
  • 072-angular-css-classes
  • 073-custom-form-validation
  • 078-Core-HTTP-API-Part-1-Setup Preview
  • 079-Core-HTTP-API-Part-2-Usage
  • 080-HTTP-with-Promises
  • 081-HTTP-with-Observables-Part-1-Basic Observables
  • 082-HTTP-with-Observables-Part-1-Observables-All-The-Way-Down
  • 083-JSONP-with-Observables
Angular 2 Interview Questions:
1. Explain data binding in Angular 2.

According to AngularJS.org, “Data-binding in Angular apps is the automatic synchronization of data between the model and view components. The way that Angular implements data-binding lets you treat the model as the single-source-of-truth in your application. The view is a projection of the model at all times. When the model changes, the view reflects the change, and vice versa.”

There are two ways of data binding:

  1. Data mining in classical template systems
  2. Data binding in angular templates

2. Name the key features of Angular 2?

The key features of AngularJS are:

  • Scope
  • Controller
  • Model
  • View
  • Services
  • Data Binding
  • Directives
  • Filters
  • Testable

Read More
Angular 2 Free PDF Book:
Advantage
Certification
 
Customer Reviews

Sunita

It's really nice course for beginners to get hands on experience on the subject with clear idea and we can learn code organization by doing along the instructor.

Mudassar

The quality of the course is really good.Best value for money.I don't think we can get such level of detailed teaching even in reputed universities.

Sharath Kumar

I joined here for web development training. Training is good here but for freshers they need some more level of teaching to crack the interview. For freshers who are looking for both training and placement this institute may be not good. Think before joining.

Manoj

Thank you for this wonderful course. This is arguably the best learning experience that I have ever had.

More Reviews