Angular Full Stack

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 

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)