Full Stack

• Introduction to Web Designing & Development
• How Website Works
• Client side vs Server side
• Introduction to Client Side Programming
• Introduction to HTML and CSS
• Setup , Editors
• Elements & Attributes
• Headings & Paragraphs
• Lists, Links & Images
• Forms & Form Elements
• Tables & Sections
• HTML 5 Elements
• Introduction to CSS
• Inline, Internal & External CSS
• Syntax
• Borders & Backgrounds
• Margins & Paddings
• Fonts & Colors
• Ids & Classes
• Box Model
• Pseudo Classes
• Introduction to Bootstrap

• Introduction to JavaScript
• Syntax
• Internal & External JavaScript
• Using Async and Defer and their advantages
• Variables
• Datatypes
• Numbers
• Working with Floating Point Numbers
• Problems with Floating point numbers and their solutions
• Working with NaN
• Number Conversions
• Strings
• Working with Strings
• Working with String Methods
• Booleans
• Truth and Falsy things in JavaScript
• Undefined & Null
• Arrays
• Working with Arrays
• Working with Array Methods
• Objects
• Working with Objects

• If and Else Statements
• While loop
• Do While loop
• While vs Do While
• Switch Statement
• For loops
• Arrays with For Loops
• Various For loops in JavaScript
• Introduction to Functions
• Named and Anonymous Functions
• Functions with Parameters
• What is DOM
• How to access HTML Elements from JavaScript
• Manipulating Content using JavaScript
• Browser Events
• Adding Event Listeners
• Set Timeout
• Set Interval
• Clear Interval

• Problems with JavaScript
• Variable Scopes in JavaScript
• Problems with Scopes in JavaScript
• Variable Hoisting
• Type Coercions
• Primitive and Reference Data types
• Problems working with Arrays and Objects
• Shallow and Deep Copy
• What are IIFEs
• Advantages of using IIFEs
• Object Oriented Programming in Traditional JavaScript
• Objects, Functions and Prototypes
• Understanding How JavaScript itself executes
• Asynchronous programming in JavaScript
• Problems with Async execution in JavaScript
• Closures
• Advantages of Closures
• ES5 and ES6 JavaScript
• New features in ES6
• Var vs Let
• Advantages of Let keyword
• Fat Arrow Functions
• Advantages of Fat Arrow Functions
• De-structuring in JavaScript and its advantages
• Spread operator
• OOPs in ES6 JavaScript

• Working with TypeScript and its advantes
• Typing System
• TypeScript Types
• Enums, Consts & Type aliases
• Optional, Default parameters
• OOP with TypeScript
• Interfaces
• Classes and Class Constructors
• Properties, Methods, Getters and Setters
• Generics and Decorators

Angular

• Angular Installation
• Angular CLI
• Serving and Building the Application
• Application Structure
• Angular Modules
• Root and Featured Modules
• Lazy loading
• Imports, Declarations, Providers and Dependencies

• What are Components and their role
• Root Component
• Component Syntax
• Selectors, Templates and Styles
• Nested Components
• Component Life Cycle
• Initialization Hooks
• Destroy Hooks
• View Encapsulation
• Web Components
• Re-usable Components

• Angular Data Bindings
• String Interpolation
• Property & Event Bindings
• Two Way Data Binding
• Template Variables
• Component Communications
• Input and Output
• ViewChild
• Content Projection
• Events and Event Emitters
• Listening to Event Emitters
• Container & Presentational Components
• Smart & Dumb Components

• Angular Directives
• Attribute Directives
• Built-In Attribute Directives
• Structural Directives
• Built-In Structural Directives
• NgIf, NgFor  and NgSwitch Directives
• ng-container
• ng-template and template outlets
• ng-template context
• Custom Directives
• Element Refs, Renderers
• Host Binding, Host Listeners
• What are Pipes
• Built-In Angular Pipes
• Currency Pipe
• Number Pipe
• Percent Pipe
• Lower and Upper Case Pipes
• Date Pipe
• Custom Pipes
• Custom pipe with parameters
• Pure and Impure Pipes
• What are Services in Angular
• Injectable Services
• Dependency Injection
• Singletons
• Export and Import Services
• Shared Services
• Providing Services
• Services at Component Level
• Global Services
• Forms Module
• Template Driven Forms
• NgForm & NgSubmit
• NgModel and Two way Bindings
• Form Validations
• Touched & Untouched states
• Pristine & Dirty states
• Valid and Invalid
• Form Submit
• Password & Confirm Password Validations
• Handling Check Boxes & Radio Buttons

• Handling Select, Range inputs
• What are Reactive Forms
• Reactive vs Template Driven Forms
• Form Group
• Form Control
• Form Array
• Form Builders
• Form Validators
• Required, Min, Max, Pattern Validators
• Custom Validators
• Custom Async Validators
• Subscribing to Form Values
• Setting & Patching the Forms
• Resetting the Form
• Form Status & Status Changes
• Handling Check boxes, Radio Buttons, Select options, Ranges etc.,
• Dynamically Generating Input Fields
• HTTP Module
• Promises
• Reactive Programming
• Observables
• Subscriptions
• Subjects
• Behavior Subjects
• JSONP
• Get, Post, Put & Delete Requests
• Error Handling
• Working with APIs
• Working in a MEAN Stack
• HTTP interceptors
• What are Routes
• How to Configure Routes
• Router Outlet
• Router Link & Navigation
• SPA (Single Page Application)
• Route Parameters
• Subscribing to route parameters
• Routes for Root Module and Child Modules
• Query Parameters and subscribing to them
• Activated Routes
• Route Guards
• Implementing Can Activate Guard
• Implementing Can Deactivate Guard
• Child Routes

• Install
• folder structure
• Writing pure react
• using jsx
• Components
• Basics on Components
• Js vs jsx extension
• State in React
• Stateful and Stateless Components
• Conditional Content with Ternary operator
• Handling Arrays with Map operator
• Handling Events
• Handling Events – Accessing Event Details
• Handling Events – Getting Data from Input
• Child Component
• Child Component – Passing Data
• Child Component – Using Arrays
• Child Component – Passing HTML – Children
• Child Component – From Child to Parent
• Controlled Component
• Introduction to latest Hooks API
• Use State
• Introduction to Use State
• useState async
• useState callback
• Use Effect
• Introduction to use effect
• Run on First Render
• Run selectively
• Cleanup Function
• Use Context

• Working with Use Context
• Use Reducer
• Working with Use Reducer
• Use Callback
• Use Memo
• Use Ref
• Working with Input Elements
• Controlled Input Elements
• Uncontrolled Input Elements
• HTTP Requests in React JS
• Introduction to Axios
• Get Request
• Get with then and catch
• Get with async and await
• Async await error handling
• Post Put Delete requests
• Routing in React JS
• Introduction to React Router
• Registering Routes
• Using Switch
• Implementing 404 page with Catch All Routes
• Working with Link
• Path Info
• Params
• Accessing Params from URL
• Query Params
• Redirects
• Programmatically Redirects
• Nested Routes