Radical Technologies
Call :+91 8055223360 | 8103400400

ANGULAR 2/4/5/6/7/8

This course not just teaches MEAN stack, but this clarifies all the  required to to create a project end-to-end. Like…..

  •   Auth0/JWT based authentication.
  •   ES6/ES7 concepts
  •   JSON REST API concepts. etc
Satisfied Learners

Best Angular 8 Training in Pune

Angular 8  Course Duration : 8 weekends

Industry based Training by Certified Instructors

Angular  Syllabus

1.Web development history
[ASP.net / PHP (all synchronous operations ) ] => [Introduction of Ajax ] => [MVC.net websites (async operations)] => [Introduction of JSON web services] => [introduction of UI frameworks]

2.Service side VS client side programming

3.Available UI frameworks

4.Why Angular? 

5.Environment setup

  • Choice of IDE & installing it ( visual studio code, visual studio, eclipse or any text editor)
  • Installing node and npm
  • Install angular CLI
  • What is angular CLI? Installing angular CLI. Comprehensive list of CLI command.

6.Creating first Angular project

  • Creating first Angular application with angular CLI
  • Building and running angular Application
  • Angular standards and deep dive into project structure (Significance of each folder & file)    ( Revise this after few lectures)
  • How to run End to end test cases and unit testing

7.Angular project flow

  • Flow from boot strapping app to running into browser
  • Making small and easy changes to first app
  • How to debug angular application 

8.Prerequisite of learning Angular

  • Introduction to HTML
  • Introduction to bootstrap CSS ( optional )
  • Introduction to Typescript (Necessity of Typescripts in enterprise applications) – Create classes use it in first app.

9.Angular Architecture

  • Architecture overview
  • Intro to Modules
  • Intro to Component
  • Intro to Services and DI ( will cover in next lecture ) 

10.Components in details

  • Component ( selector, inline template, template url, styles, provider )
  • Template syntax ( various ways of data binding)

A. Interpolation

  1. Template expression
  2. Expression context

B.Property binding

  1. Difference between element attribute and property
  2. Element property binding
  3. attribute, class, style binding

C.Event binding

D.Two way binding

  • Using various html elements in angular e.g. textbox, button, dropdown, checkbox, radio   button etc
  • Child components – Event emitter and custom property 

11.Directives

  • Attribute directives (ngClass, ngStyle,ngModel)
  • Structural directives (ngIf, ngFor, ng Switch)
  • Creating custom directive

12.Pipes

  • using inbuilt pipes e.g. DatePipe, UpperCasePipe, LowerCasePipe, CurrencyPipe, and     PercentPipe etc
  • Parameterized pipe
  • Creating custom pipe

13.Animations

  • Setup (npm install @angular/animations@latest –save)
  • Example

14.Forms

  • User input
  • Form validations

15.NgModules in details

  • NgModules introduction ( declaration, imports, exports, providers, bootstrap )
  • js modules vs NgModules
  • Frequently used modules
  • Roots module vs Feature module
  • Creating feature module and use it in app ( which requires routing ) 

16.Routing and navigation

  • Configuring router for app
  • Significance of <base href=”/”>
  • Router outlet
  • Router link
  • Passing param using router
  • Router events
  • #Advance topics
  • Routing components from other modules
  • Lazy loading

17.Http client

  • Setup
  • Using Observable and RxJS
  • Calling rest services (GET, PUT, DELETE, PUT).
  • Error handling
  • Calling aws rest service endpoint ( or mocked rest service endpoint using www.mockable.io ) #Advance topics
  • Debouncing requests e.g. search widget
  • Request/response interceptors

Angular 8 Course Content 

  1. Introduction of Angular 8
  • Angular 8 Introduction
  • History and versions of Angular 8
  • Architecture of Angular 8
  • How to install Angular 8 and set-up it.
  • Creating our first Angular 8 app
  • Angular 8 app loading

2. Difference between Angular And react

  • Angular vs react

3. Angular 8 Advantages Disadvantage

  • Advantage and Disadvantage of Angular 8

4. Angular 8 file structure

  • Angular 8 file structure

5. Angular 8 components

  • Components of Angular 8

6. Angular 8 CLI Commands

  • All CLI commands of Angular

7. Angular 8 with Bootstrap

  • How to install bootstrap for Angular 8
  • Libraries of Angular 8

8.Angular 8 Routing

  • Routing in Angular 8

9. Angular 8 directives

  • Angular 8 Directives
  • Angular 8 ngIf directive
  • Angular 8 ngFor directive
  • Angular 8 ngSwitch directive
  • Angular 8 ngClass directive
  • Angular 8 ngStyle directive

10. Angular 8 pipes

  • Angular 8 Pipes

11. Angular 8 databinding

  • Angular 8 Data binding
  • Angular 8 Event binding
  • Angular 8 Property binding
  • Two-way data binding in Angular 8

12. String Interpolation In Angular 8

  • Angular 8 String interpolation

13. Angular 8 forms

  • Angular 8 Forms
  • Data flow of forms in Angular 8
  • Creating forms in Angular 8
  • Testing and validation of forms in Angular 8

14. Error fixing in Angular 8

  • Error fixing in Angular 8

15. Dependency injection and services in Angular 8

  • Dependency injection services in Angular 8

16. Angular 8 Animations

  • Angular 8 Animations

17. Dynamic components in Angular 8

  • Dynamic components in Angular 8

18. Angular 8 Module

  • Angular 8 Module
  • Deploying an angular 8 app

19. Introduction of unit testing in angular 8

  • unit testing in angular 8

20. Observables in angular 8

  • Observables in angular 8

21. Angular 8 universal

  • Angular 8 universal

22. Angular 8 Changes and new features

  • New features and changes in Angular 8

23. Conclusion

  • Angular 8 Conclusion

18.Creating application – User management system

19.Deploying app ( Illustration of deploying on AWS cloud server )

20.Interview questions will be discussed with every topic

21.Git repository setup(optional)

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Trainer has more than 15 years of  Industry experience.
Trainer is also well  Experienced in  using/architecting MEAN stack projects.

This course not just teaches MEAN stack, but this clarifies all the  required to to create a project end-to-end. Like…..

  •   Auth0/JWT based authentication.
  •   ES6/ES7 concepts
  •   JSON REST API concepts. etc

MEAN consists of four technologies, MongoDB, ExpressJs, NodeJS and Angular. After learning these 4 one becomes full fledged programmer. and nothing new is required to learn in programming.

Our Courses

Drop A Query