Web Development Mentorship Program

Live Session

Project

Cheat Sheet

Quizes

What is web development?

Who is front-end developer?

Who is full-stack developer?

Static vs dynamic website

Who is backend developer?

Live Session

Project

Cheat Sheet

Quizes

Introduction to HTML

HTML page structure

Basic HTML tags

Anchor tag, email tag, tel tag

Ordered and Unordered Lists

Table tags in HTML

Designing a calendar using HTML table

HTML form elements

HTML input attributes

Opening and closing tags

How to create HTML file?

Image tag and attributes

HTML lists

Creating website homepage using basic tags

Table attributes in HTML

HTML Div Tag

HTML input types

Live Session

Project

Cheat Sheet

Quizes

Introduction to Cascading Style Sheet (CSS)

CSS selector (CSS selector (class, Id, tagName))

Basic CSS properties

Creating professional webpage using HTML & CSS

Margin properties

CSS measurement units

Background image property

Border-radius property

Full-width vs fixed-width web design

CSS clear property

CSS hover

CSS position (fixed, relative, sticky) properties

CSS display property

CSS Z-index properties

CSS flexbox

Pseudo classes and elements

Concept of one-page website

CSS cursor properties

Types of CSS Types of CSS (external, internal, inline)

Using internal CSS

Border properties

CSS Spacing properties (Margin & Padding)

Padding properties

CSS box model browser

External CSS

How to comment HTML or CSS code?

Setting width in percentage

Creating full-width section

CSS transition property

Absolute positioning

CSS overflow properties

CSS opacity

CSS Grid

Display properties

CSS #id selector

CSS scroll properties

Live Session

Project

Cheat Sheet

Quizes

Introduction to CSS3

Google Fonts & FontAwesome

CSS transform: scale

Calc function

Column properties

CSS3 Animation

After & before selector

Multiple background images

Creating responsive layout

@import mystyle.css

3D transforms

Background gradient

CSS hover

Box-shadow & text-shadow

CSS3 transition

Compatibility and ventor prefixes

CSS transform: translate

Figma To HTML

CSS3 new features

CSS skew

CSS Media Queries

Creating section from Figma file

Responsiveness across all devices

Max and min height

CSS transform: rotate

Max and min width

Live Session

Project

Cheat Sheet

Quizes

Introduction to HTML5

Basic HTML5 structure

Text-level semantic tags

HTML5 semantic & non-semantic elements

Structural and semantic tags

Media and interaction tags

Live Session

Project

Cheat Sheet

Quizes

Introduction to JavaScript

Scope and lifetime

JavaScript arrays

JavaScript conditional statements

Window object functions

JavaScript loops

JavaScript promises

Events in JavaScript

Show/hide password using JS DOM

JavaScript Operators

Building random code generator

Creating responsive menu

Creating password generator

JavaScript array methods

Most useful functions in JS

Mini e-commerce app using promise with free AP

Date object in JavaScript

JavaScript data types

JavaScript variables

Uses of JavaScript

Functions in JavaScript

Ways to embed JS

Object in JavaScript

JavaScript DOM

Math operations

Changing image using this function

Product cart system to increase/decrease quantity

Creating JavaScript calculator

Creating to-do list

Different types of patterns using nested loop

Weather app using promise with free API

JavaScript exception handling for of loop and for in loop

Data swipe using JavaScript DOM

Local Storage in JS

Live Session

Project

Cheat Sheet

Quizes

What is library?

How to add jQuery to your project?

Adding jQuery CDN to HTML page

Selectors and HTML functions in jQuery

jQuery dimension methods

jQuery Owl carousel

Introduction to Gsap

What is jQuery?

What is CDN?

jQuery events

Functions in jQuery and event handling

Traversing in jQuery

jQuery LightBox

Introduction to Locomotive

Live Session

Project

Cheat Sheet

Quizes

Introduction to Bootstrap

Bootstrap Breakpoints

Bootstrap grid system

Bootstrap auto column layout

Bootstrap button, border, and background classes

Bootstrap navbar, collapse, dropdown, off-canvas

Bootstrap accordion

Bootstrap spacing classes

Bootstrap dropdowns

Bootstrap collapse

Setting up Bootstrap environment

Bootstrap containers

Bootstrap responsive layout

Bootstrap typography and color classes

Bootstrap forms and form control

Bootstrap carousel and card

Creating website sections using Bootstrap classes

Bootstrap modals

Bootstrap tabs

Bootstrap alerts

Live Session

Project

Cheat Sheet

Quizes

Introduction to Tailwind CSS

Tailwind CSS Breakpoints and customization

Tailwind CSS Flexbox

Typography in Tailwind CSS

Tailwind CSS Animation

Setting up Tailwind CSS environment

Tailwind CSS Grid layout

Sizing in Tailwind CSS

Tailwind CSS Transforms

Backgrounds in Tailwind CSS

Live Session

Project

Cheat Sheet

Quizes

Introduction to Git

How to create project?

Git pull, push, merge, commit

Introduction to BitBucket

How to create repository, branch, and clone?

Learning to use BitBucket practically

Live Session

Project

Cheat Sheet

Quizes

Important JavaScript concepts for ReactJS

ReactJS components

React Route DOM

CRUD operations using APIs

Creating weather search app

What is ReactJS?

NextJS folder structure

Introduction to Firebase

Slick slider in ReactJS

Creating quiz app

Live Session

Project

Cheat Sheet

Quizes

Introduction to NodeJS

Nodemon package

Introduction to ExpressJS

How NodeJS works?

Getting input from command line

Using raw queries in admin panel

Creating transaction listing module in admin panel

Node.JS and JWT token authentication

Creating login/logout functionality in admin panel

Asynchronous programming

Routing params: Request & Response

Package.json file

Creating Node server

Installing node package manager

JavaScript fundamentals in NodeJS

EJS template engine

Route-level middleware

ExpressJS middleware

Display file list from folder

Handling asynchronous data

Live Session

Project

Cheat Sheet

Quizes

Introduction to MongoDB

Update and delete data in MongoDB

Delete API to delete data in MongoDB

PUT API to update data in MongoDB

GET API in MongoDB

POST API for inserting data in MongoDB

CRUD with Mongoose

Select query methods

Events and Event Emitter

File upload using multer

MongoDB installation

Connecting MongoDB with NodeJS

CRUD operations in MongoDB

Installing MongoDB

Basics of MongoDB

Live Session

Project

Cheat Sheet

Quizes

Introduction to AWS

Security groups in AWS

Creating EC2 instance

How to deploy project in AWS?