1

Introduction (Including HTML and HTML-5 Difference)

2

Editor set up (Visual Studio Code)

3

Basics (!Doctype, metadata, head tag and structure part.)

4

Elements (Inline, Block level, Including all tags)

5

Attributes

6

Comments

7

Links

8

Images

9

Table

10

Lists (Ul – Unordered List, OL-Ordered List)

11

Class

12

Id

13

Layouts

14

Semantics

15

Forms

16

Graphics

17

Media tags

18

HTML and CSS (Introduction)

19

Style Guide (Internal, External, Inline)

1

Deep Learning

2

Introduction

3

Syntax

4

Class, Id, and Selectors (Including Attributes Selectors)

5

Colour, Background-colour

6

Border, Padding, Margin

7

Width/Height

8

Fonts, Icons

9

Display Properties (Inline, Block, Inline-Block, Inherit)

10

Position Properties (static, relative, absolute, fixed, sticky)

11

Min-Max/width

12

Outline

13

Box Model

14

Float properties

15

Units (px, em, rem, %)

16

Pseudo-Class and Pseudo-elements

17

Flexbox Model

18

Media Query

19

Responsive Web Design/Development (Supporting Mobile Phones, Tabs, Small Screen)

20

Bootstrap-4

1

Introduction

2

Basic Variables (Including ES6 – Let and Const)

3

Data Types (String, Number, Boolean, Undefined, null)

4

Operators (=, ==, ===, , , -, –, *, /, %)

5

Objects, Arrays

6

Primitive Values, Reference Value

7

Function (Declaration, Expression)

8

Type of Operator

9

Adding JavaScript file to HTML page (External file, Internal)

10

Defer/async

11

If Statements

12

Loops (for, for of, for in)

13

Logical OR and AND Operators

14

Error Handling (Try Catch)

15

ES6 (Arrow Function, Class, Constructor, Destructuring, Let, Const, Block Scope, Local Scope)ES6 (Arrow Function, Class, Constructor, Destructuring, Let, Const, Block Scope, Local Scope)

16

Anonymous/Call-back Function

17

Rest Operator, Spread Operator

18

Call (), Apply (), Bind () Methods(Array).

19

this keyword

20

DOM

21

Object Oriented Programming

22

Browser API

23

Event Handler

24

Closure

25

Async, Promise & Call-backs

26

Http Requests

27

Browser Storage

28

Security

1

Introduction

2

} Why React.js? (Other frameworks comparison: – Angular-{Version}, Vue.js)

3

React.js project set up (npm, node.js)

4

Introduction to JSX

5

Components

6

Props/State

7

Class Based Components/ Function Based Components

8

Rendering List Conditionally (map (), find (), filter (), reduce () methods)

9

Keys for list Items

10

Styling React components (module.css)

11

React debugging

12

Fragments, Portals & ref

13

React Hooks

14

Handling side effects (Using useEffect hook and useReducer)

15

Props drilling

16

Context API

17

Connecting to real database (Http Request)

18

Promises (Async Await and Handling Errors)

19

Custom React Hooks

20

Forms and User Input

21

Validation

22

Introduction to Redux (Latest Versions and Redux ToolKits)

23

React Router (Single page, multi-page application)

24

Authentication

25

Testing React app (Unit test using react test library)

26

Deployment

1

Introduction to Bootstrap

2

Bootstrap Basics

3

Bootstrap Components