Introduction to the course

How internet works

What is web development

Your first webpage

The structure of a Webpage

Creating a full webpage

Header tags

Paragraph tags

Formatting tags

Unordered list

Ordered list

Image tags

Forms in HTML

Tables

Links

HTML entities

iFrame

PROJECT- Putting it all together

What is CSS

Inline CSS

Internal CSS

Class and id

Div

Color

Floating

Positions

Margins

Padding

Borders

Font style

Styling text

Aligning text

Styling links

FlexBox in CSS

Inline javascript

Internal javascript

Accessing elements

Onclick event

Changing Website content

Manupulating styles with javascript

Disappearing circles

Variables

Array

If statement

Random number guessing game

For loop

While loop

PROJECT-Reaction tester project

External javascript

DOM intro

Naming conventions

String concat

Length property in strings

Slicing

Changing Case of string

Operators in js

Functions

Objects

How to add event listener in js

What is jQuery

Including jQuery on our webpage

Detecting a click

Changing website content using jQuery

Changing website styles

Fading content

Regular expression

PROJECT-Form Validation

Intro to jquery Ui Plugin

Droppable

Jqui widget

Intro to Bootstrap

Your first bootstrap site

Grid

Card in bootstrap

Tables and Form

Modals,popover and tooltips

Scrollspy

PROJECT-App landing project

Themes in bootstrap

Setting up the folder structure

Responsive grid system

Header section - Part-1

Header section - Part-2

Header section - Part-3

Feature section - Part-1

Feature section - Part-2

Creating Favorite meal section - Part-1

Creating Favorite meal section - Part-2

Creating how it works section - Part-1

Creating how it works section - Part-2

Creating the city section - Part-1

Creating the city section - Part-2

Creating Customer testimonial section - Part-1

Creating Customer testimonial section - Part-2

Creating Sign up section - Part-1

Creating Sign up section - Part-2

Creating the contact form section - Part-1

Creating the contact form section - Part-2

Creating the footer section - Part-1

Creating the footer section - Part-2

Making webpage responsive - Part-1

Making webpage responsive - Part-2

Including jquery

Scrolling effect

Adding animations

Backend

Nodejs

REPL

Native modules

Modules in nodejs

Express framework

Creating a server using express

Request and response using express

Routes

Sending html file as a response

Post request in express

API

Authentication and JSON

Weather app

Git

Version control using git

Github and remote repositories

Clonning

Forking and pulling request

EJS

Creating Ejs template

Creating a Todo list project Part-1

Creating a Todo list Part-2

Layouts In ejs

Creating our own modules

What is database

Installing mongodb

Create In CRUD

Read In CRUD

Update and Delete In CRUD

Relationship In mongodb

Mongoose

Retriving Data from Database

Data Validation

Delete and Update

Connecting documents

Storing list items permanently PART-1

Storing list item permanently PART-2

Deleting a task from todo list

what REST

Setting Up Robo 3T

Get All Articles

Post a new article

Delete Request

Making a specific get request

Put operation on a specific record

Patch request

Deleteing a specific record

Intro to Authentication and security

Setting Up folder structure

Register and login

Encryption

Cookies and Session

Intro to Reactjs

Code sandbox

JSX and babel

JSX practice

Javascript expression in JSX practice

Javascript expression in jsx

JSX styling React elements

Inline style for React elements

React styling practice

React Components

React Component Practice

Import and export

Export and import Practice

Keeper app Project Part-1

Props in reactjs

Adding React js developer tools

Mapping Data to components

Map function Practice challenge

Map reduce and filter function In js ES6

Arrow function in ES6

Keeper App project Part-2

React Condiitional rendering

ReactJs states

React Hooks UseState

Hooks use state practice

Destructure Concept in ES6

Handling events in React

Form Events

Class component Vs Hooks

Handling multiple states in react js app

Spread operator

Component tree structure

Keeper app project-3

Material UI