Full Stack Training

• $.Ajax() Method
• Jqxhr (Jquery Xmlhttprequest) Vs. Xhr (Xmlhttprequest)
• Invoking Jquery Ajax Http Methods
• Synchronous Vs. Asynchronous Communication
• Jquery Ajax Global Event Handlers

                     $.Ajaxsend()
                     $.Ajaxstart()
                     $.Ajaxstop()
                     $.Ajaxsuccess()
                     $.Ajaxerror()
                     $.Ajaxcomplete()

• Using $.Ajaxsetup() To Globalize Parameters
• Using $.Ajaxprefilter() To Filter Ajax Requests
• Other Ajax Powered Functions In Jquery

                      $.Get() And $.Post() Functions
                      $.Load() Function
                      $.Getscript()

• Introduction
• Json Vs Xml
• Json Object
• Json Array
• Ajax Json

• Let, Var, Const
• Arrow Functions
• Default Parameters
• For Loop
• Spread Attributes
• Maps
• Sets
• Static Methods
• Getters And Setters

What is a SPA? What is Angular?

• Single Page Apps VS Conventional Web
• Applications
• Where Angular Fits
• Angular-9 is arrived (what’s new)

Preparing for Type Script

• Brief Intro to TypeScript
• The TypeScript Module System
• Getting Setup
• Project Setup
• String Templates
• Const
• Let
• Rest & Spread Operators
• Arrow Functions
• Maps
• Sets
• Interface
• Generics
• New Object Features
• Classes
• Destructing
• Typescript decorators

Building with Components

• A Trivial Component
• Nested Components
• Deeper Nesting

Bootstrap Scaffolding

• What Is Bootstrap?
• Bootstrap File Structure
• Basic HTML Template
• Global Styles
• Default Grid System
• Fluid Grid System
• Bootstrap CSS
• Typography
• Code
• Tables
• Forms
• Buttons
• Images
• Icons

Angular Binding and Events

• Templates
• Bindings
• Event Bindings
• Two-way Binding
• Class and Style Bindings
• Built-in Directives
• Component Data Binding
• Component Events
• Ng-model
• Introduction to webpack/systemJS

Dependency Injection and services

• Why Dependency Injection?
• Injection API
• Component Multi Providers
• Injection Multi Providers
• Services Overview
• Creating a Service
• Injecting a Service

Directives

• Introduction and Examples
• Directives Overview
• Attribute Directives
• Custom Attribute Directive
• Structural Directives
• Structural Directive: ngIf
• Structural Directive: ngFor
• Structural Directive: ngSwitch
• Custom Structural Directive

Pipes

• Using Pipes
• Creating Pipes
• Built-in Pipes
• Chaining Pipes
• Custom Pipes
• Stateful Pipes

Forms

• Controls
• Control groups
• Form Builder
• Template Driven Approach
• Data Driven Approach

Routing

• Introduction and Use
• Creating and configuring Routes
• Imperative Routing
• Routing Parameters
• Child Routes
• Routing Lifecycle Hooks
• Setting up Firebase
• HTTP POST Request
• HTTP GET Request

HTTP, Promises, and Observables

• Promises – still available, still useful
• Calling an API via HTTP
• Introduction to Observables
• Observable Bindings
• Observables Operator

Testing

• Unit Testing
• End to End Testing
• Angular-9 new features (Add-on)
• ..Else Template Conditions
• Animation Module
• Typescript’s StrictNullChecks
• Angular Universal
• FESM
• Angular2 to Angular9migrartion
• Router ParamMap
• TypeScript 2.1/2.2

• Reactjs Introduction
• Installation / Setup An Environment
• Displaying An Output
• Working With Loops
• Understanding How The Styles Are Implemented Into Output
• Working With Inline, External Styles
• Naming Convention - Classname - Class = '...'
• Working With Frontend & Background Images
• Working With Comments
• Understanding How We Can Create Components
• Writing An Arrow Functions In Components
• Working With Props, Children Props
• Working With State Management
• Understanding & Working With Event Handling
• Working With User-Defined Methods
• Working With Property Binding
• One Way Binding Data
• Two Way Binding Data
• Routing
• Working With Forms And Instant Field Validation
• Working With File Upload
• Working With Rest Api’s
• Observables
• Ref's
• Materialui
• Life Cycle Hooks With Functional Components
• Life Cycle Hooks With Class Components
• Redux
• Redux With Saga Middleware
• Testing Or Debug - Jest+Enzyme