UI Front end

Overview Web Technology

Client side and Server side Programming

What is HTML?

Versions of HTML

Structure Of HTML

Languages vs Scripts

Web tools browsers

Types of Webpages

Writing web page.

Introduction to HTML tags ex. html, head and body

Understanding controls and attributes

Use of container div, p, ul, li

Building List

Formatting Tags

Navigation tags

Table tag

Form tag

Introduction to Meta keywords and Description

Understanding attribute?

Attributes of html controls

JavaScript Event

Dynamic html with events

Style in web page

Inline style

Internal style

External style

Built-in style

Introduction to embedded or Multimedia in web page?

Understanding cross browser problems

Introduction to HTML5 Features.

Overview Web Technology

Client side and Server side Programming

What is HTML?

Versions of HTML

Structure Of HTML

Languages vs Scripts

Web tools browsers

Types of Webpages

Writing web page.

What is CSS?

Advantages of CSS

Why CSS?

External style sheet

Internal style sheet

Inline style

Global

Class

Id

Grouped

Descendant

Background

Background-color

Background-image

Background-repeat

Background-attachment

Background-position

letter-spacing

Word-spacing

line-height

text-decoration

text-transform

font-family

color

font-size

font-style

font-variant

font-weight

Containers

Grid Basic

Typography

Colors

Tables

Images

Jumbotron

Alerts

Buttons

Cards

Dropdowns

Navs

Forms

Inputs

Toast

Flex

Icons

Media Objects

Filters

Grid

Grid System

Stacked/Horizontal

Grid XSmall

Grid Small

Grid Medium

Grid Large

Grid XLarge

Introduction javascript

Cross browser issues.

Syntax

Statements

Comments

Popup

Boxes

Variables

Data Types

Operators

Regular Functions

Arrow function

Nested Function

Callback function

Default parameter

Closure function

Function binding

If statement if…

else

if…else if…else

Switch

Introduction to loop

Difference between for and while

Built-in function for looping

Associative Arrays

Array Properties and Methods

Introduction to es6

Constructor keyword this

Prototype

Understanding State managament

Query string and Cookie

Form validation

Local storage

jQuery Introduction

Selectors

Events

Show / Hide

Effects

Understanding React and Why React?

Client side Framework/Library or Technologies

Single Page Application vs Multiple Page Application

Different Architecture discussion.

Real DOM vs Virtual DOM

Node.js Installation

Node Package Manager

Installation React CLI

Creating first web application

ES5 vs ES6

Why use jsx ?

Component creation

Class component vs functional component

Building Class component

Constructor and render function

Building Functional Component

Multiple Components

Using Props in Class Component

Using Props in Functional Component

Using State in Class Component

Rendering Multiple row data

Understanding component lifecycle

• Mounting

• Updating

• Unmounting

Understanding React event system

Passing arguments to event handlers

Reading DOM element using React Form

Validator and Error message in React Form

Using style or Bootstrap class in form/ component

Understanding Routing

Setting up react router

Understand Single Page Application

Working with BrowserRouter

Configuring route with Route component

Making routes dynamic using route params

Working with nested routes

Navigating to pages using Link and NavLink component

Redirecting to routes dynamically

Invalid route handling Error Page not found.

High Order Component (HOC)

Why Hooks in React

Functional Component with Hooks

Implementing Hooks in component

What is Redux

Why Redux

Redux Architecture

Installation and Setup Redux

Redux and State management

Redux Action

Redux Reducer

Redux Store

Understanding Middleware

Understanding axios

Asynchronous requests handling with axios and Redux

Crud operation - add, update, delete, get request to API

What is Promise?

Understanding Middleware thunk

• Introduction to Typescript

• Typescript Features

• Variable & Data Types

• Modifiers

• Class

• Modules

• Constructor

• Inheritance

• Functions and Arrow Function

• Node.js and NPM installation

• Angular CLI installation

• Run Angular CLI

• Understanding Configuration

• Creating Components

• Bootstrapping the Component

• Multiple Component

• Data Binding

• Attribute Binding

• Event Binding

• Custom Event

• Introduction Directives

• Types of Directive

• Component Directives

• Structural Directives

• Attribute Directives

• Introduction to Pipes

• Built-in Pipes

• Creating Custom Pipes

• The Component Router

• Defining Routes

• Navigation

• Route Params

• Child Routes

• Building Service

• Calling service

• Retrieving data using HTTP

• Handling Exception

• Why use Modules

• NgModule

• Declarations

• Imports

• Bootstrapping

• Shared Modules

• Building Form

• Angular form input controls

• Angular form validation