• What is HTML Web Storage?
• What is localStorage and sessionStorage?
• Set Entries
• Updating Entries
• Deleting Entries
• Clearing Everything
• Storing Json Objects
• Checking for Items
• Checking for Support
• Iterating Over Items

• What is Observable
• What is Subscribe
• Angular In-Memory Web API
• Observable and subscribe with Web API
• Observable with Async pipe and ngFor
• Observable with Async pipe and ngIf
• Observable map
• What is Promise
• Difference between observable and promise

• The Angular HTTP Client
• Using The HTTP Client – Overview
• Importing HttpClientModule
• Service Using HttpClient
• Using the Service in a Component
• HTTP VS HttpClient
• HttpModule VS HttpClientModule
• HttpClient get()
• HttpClient post()
• HttpClient put()
• HttpClient delete()
• HttpParams and HttpHeaders
• Use of headers in HttpClient
• Use of observe in HttpClient
• Use of params in HttpClient
• Use of reportProgress in HttpClient
• Use of responseType in HttpClient
• Use of withCredentials in HttpClient
• Requesting JSON using HttpClient.get using subscribe method
• Requesting JSON using HttpClient.get useing async pipe with Observable
• Requesting Text data using HttpClient.get using subscribe method
• Requesting Text data using HttpClient.get useing async pipe with Observable
• Using HttpParams
• Using HttpParams and HttpHeaders
• Using HttpClient.get with observe Property
• Error Handling
• RxJS retry() to Handle Error
• HttpClient.post Body
• HttpClient.post with Headers
• HttpClient.post with observe Option
• HttpClient.post and Response Type
• HttpClient.post with Error Handling
• HttpClient.put Body
• HttpClient.put with Headers
• HttpClient.put with observe Option
• HttpClient.put and Response Type
• HttpClient.put with Error Handling
• HttpClient.delete with Headers
• HttpClient.delete with observe Option
• HttpClient.delete and Response Type
• HttpClient.delete with Error Handling

• What is form?
• Forms in Angular
• Template Driven Forms
• Model-driven forms (Reactive forms)
• Which one is better – Template Driven or Reactive?

• Template Driven Forms
• Template Driven Forms features
• Importing Forms Module
• A Basic Angular Form
• What is NgForm ?
• What is NgModel ?
• Template Driven Forms with Validation
• What is ng-touched?
• What is ng-untouched ?
• What is ng-pristine ?
• What is ng-valid?
• What is ng-invalid ?
• Binding Input Fields
• Accessing the Form Object
• Binding the Form Submit Event
• The Submit Function
• Basic HTML5 Validation – “required” Attribute
• HTML5 vs. Angular Validation
• Angular Validators
• Angular Validation State
• Controlling when validation is applied
• Displaying Form Validation State
• Displaying Field Validation State
• Displaying Validation State Using Classes
• Disabling Submit when Form is Invalid
• Submitting the Form
• Checkboxes
• Select (Drop Down) Fields
• Rendering Options for Select (Drop Down)
• Date fields
• Radio Buttons

• Model Driven Forms
• Setup for Model Driven Forms
• Form Component Setup
• Setup Main FormGroup
• formControlName
• FormControl Object
• Getting Form Values
• FormBuilder Form Initialization
• Validation
• Built-In Validators
• Controlling when validation is applied
• What is FormControl?
• What is FormGroup?
• What is FormBuilder?
• Reactive forms with Validation
• FormGroup Get Value and reset()
• FormGroup setValue() and patchValue()
• valueChanges() and statusChanges()
• What is FormArray?
• Use of FormArray in component
• What is Nested FormArray?
• Use of Nested FormArray in component
• What is Nested FormGroup?
• Use of Nested FormGroup
• Reactive Form Using Angular Material Design
• Custom Validator
• Using a Custom Validator

• What is Angular Material?
• Angular Material – Features
• Angular Material – install and use
• Angular Material Theming
• Angular Material All Modules
• What is bootstrap?
• Install and Use bootstrap in Angular
• How to Import and Use jQuery in Angular
• What is Cookies?
• Creating Cookies using ngx-cookie-service in Angular
• Cookie methods-Check
• Cookie methods-Get
• Cookie methods-GetAll
• Cookie methods-Set
• Cookie methods-Delete
• Cookie methods-DeleteAll

• Angular Versions
• Angular 8 Overview
• Upgrading to Angular 8
• Creating New Projects with Angular v5
• What’s New in Angular 8 and How to update to version 8
• Differential Loading by Default in Angular 8
• Dynamic Imports in Angular 8
• Builder APIs in the CLI in Angular 8
• Workspace APIs in the CLI
• Web Worker Support
• Use Analytics Data
• Bazel Support
• Bye Bye @angularhttp
• Changes in ViewChild and ContentChild
• Support SVG Template
• Ivy Rendering Engine
• AngularJS Migration Improvements

• What is a Single Page Application (SPA)
• SPA Workflow
• Traditional Web Application Capabilities
• Single Page Application Advantages
• SPA and Traditional Web Sites
• SPA Challenges
• Implementing SPA’s Using Angular
• Simple SPA Using Visibility Control
• SPA Using Angular Components
• Implement SPA Using an Angular Component Router
•  

• REST Web Services and Angular
• Understanding REST
• REST Example – Create
• REST Example – Retrieve
• REST Example – Update
• REST Example – Delete
• REST Example – Client Generated ID
• REST Example – JSON
• Knowledge of the REST API
• Common Angular Tasks for REST Communication
• Angular Service Class Using HTTP Client
• RequestOptions
• URL Path Parameters
• Query Parameters
• Common HTTP Request Headers
• Override Default Request Options
• Returning Response Data
• DELETE
• GET
• PUT
• POST
• Security of REST APIs
• Summary

• Debugging Overview
• Basic Debugging Practices
• Development (Debug) Mode
• Selecting Elements to Inspect
• Inspecting Angular Components with ng.probe
• Saving ng.probe Component References
• Modifying Values using Component References
• Using Breakpoints in Angular Code
• What is Augury?
• Installing Augury
• Opening Augury
• Augury – Component Tree
• Augury – Router Tree
• Augury – NgModules Tab
• Common Exceptions
• Common Exceptions: ‘No such file: package.json’
• Common Exceptions: ‘Cant bind to ngModel’
• Common Exceptions: ‘router-outlet not a known element’
• Common Exceptions: ‘No provider for Router!’

• What is the Angular Style Guide?
• Style Categories
• Single Responsibility
• Naming
• Coding Conventions
• App Structure and Angular Modules
• Components
• Directives and Services

• RESTful Web Service API Refresher
• JSON Web Tokens
• JSON Web Token Architecture
• JWT Header
• JWT Payload
• JWT Example Payload
• JWT Example Signature
• How JWT Tokens are Used
• Adding JWT to HTTP Header
• How The Server Makes Use of JWT Tokens
• What are “Scopes”?
• What About OAuth?

e-commerce application