Radical Technologies
Aundh:+91 8055223360 | Kharadi: +91 8448448706

ANGULAR JS

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 JS Training in Pune

Angular JS Course Duration : 6 weekends

Industry based Training by Certified Instructors

AngularJS 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

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