Sigma 9 (Web Development)

What is Web Development?

What will we learn?

HTML Elements & Tags

Hello World

Paragraph Element

Heading Elements

Practice Qs

Boilerplate Code

Attributes in HTML

Anchor Element

Image Element

Practice Qs

More HTML Tags

Comments in HTML

Is HTML Case Sensitive?

Practice Qs

Div Element

Span Element

Hr Tag

Sup & Sub Tags

Practice Qs

Semantic Markup

Semantic Tags

Practice Qs

HTML Entities

Practice Qs

Emmets

Further Understanding HTML

Semantics in Tables

Colspan & Rowspan Attributes

Practice Qs

Forms in HTML

Input - Form Element

Placeholders & Labels

Button Element

Name Attribute

Practice Qs

Checkbox - Input Element

Radio - Input Element

Select - Input Element

Range - Input Element

Text Area

Practice Qs

Basic CSS Format

Including CSS

Color Property

Background Color Property

Practice Qs

Color Systems (Name & RGB)

Hex Codes

Practice Qs

Text Align Property

Font Weight & Text Decoration

Line Height & Letter Spacing

Units in CSS (Pixel)

Font Family

Practice Qs

Universal Selector

Element Selector

Id Selector

Class Selector

Practice Qs

Descendant Selector

Sibling Combinator

Child Combinator

Attribute Selector

Practice Qs

Pseudo Class

Pseudo Element

Cascading & Specificity

Practice Qs

!important in CSS

Inheritance

Height & Width

Border

Border Radius

Padding Property

Margin Property

Practice Qs

Display Property

Inline-Block

Relative Units (Percentage)

Em & Rem in Units

Transitions in CSS

Transform - Rotate

Tranform - Scale

Transform - Translate

Transform - Skew

Box Shadow

Background Image

Card Hover Effect

Position Property

Simple Smiley Face

Display Flex

Flex Direction

Justify Content

Flex Wrap

Align Items

Align Content

Align Self

Flex Sizing

Flex Shorthand

Grid Model

Grid Template

Grid Template (repeat)

Grid Gaps

Grid Columns

Grid Rows

Grid Properties

Animation in CSS

Animation Shorthand

% in Animation

Media Queries

Media Queries (Orientation)

Pet Adoption Page

z-index

Typography

Google Fonts

Icons

Introduction

Setting Style

Sidebar Menu

Hover Changes

Configuring Checkbox

Using Bootstrap

Container (Layout)

Button (Component)

Badge (Component)

Alert (Component)

Button Group (Component)

Navbar (Component)

Card (Component)

Grid (Layout)

Grid (Vertical Alignment)

Form Controls in Bootstrap

Select in Form

Checkbox & Radio in Form

Form Layout

Basics

Layout

Sidebar (Nav)

Sidebar (Library)

Library Boxes

Sticky Nav

Cards

Footer Line

Setting up Player

Player Controls

Playback Bar

Tailwind CSS

Using the Console

What is a Variable?

Data Types in JS

Numbers in JS

Operations in JS

NaN in JS

Operator Precedence

let, const & var Keywords

Practice Qs

Assignment Operators

Unary Operators

Practice Qs

Identifier Rules

Boolean in JS

What is TypeScript?

Practice Qs

String in JS

String Indices

null & undefined in JS

Practice Qs

Linking JS File

Template Literals

Operators in JS

Comparison Operators

Comparison for Non-numbers

Conditional Statements

if Statement

Practice Qs

else if Statement

else Statement

Practice Qs

Nested if-else

Logical Operators

Practice Qs

truthy & falsy

Switch Statement

Practice Qs

Alerts & Prompts

Trim Method

Strings are Immutable in JS

ToUpperCase and ToLowerCase

Methods with Arguments - indexOf

Method Chaining

Slice Method

Replace & Repeat Method

Practice Qs

Array (Data Structure)

Visualizing Arrays

Creating Arrays

Arrays are Mutable

Array Methods

Practice Qs

indexOf & includes Method

Concatenation & Reverse

Slice in Arrays

Splice in Arrays

Sort in Arrays

Practice Qs

Arrays References

Constant Arrays

Nested Arrays

Practice Qs

Dry Run

Print Odd Numbers

Print Even Numbers

Infinite Loops

Print Multiplication Table

Nested for Loop

while Loops

Favorite Movie

break Keyword

Loops with Arrays

Loops with Nested Arrays

for-of Loops

Nested for-of Loop

Todo App (only JS)

Creating Object Literals

Creating a Post

Get Values

Conversion in Get Values

Add / Update Values

Nested Objects

Array of Objects

Math Object

Random Integers

Practice Qs

Guessing Game

Practice Qs1

Practice Qs 2

Functions with Arguments

Practice Qs 3

Practice Qs 4

return Keyword

Practice Qs 5

Practice Qs 6

What is Scope?

Block Scope

Lexical Scope

Practice Qs 7

Functions Expressions

Higher Order Functions

Higher Order Functions (Returns)

Methods

JavaScript (Mini-project)

Terminal

Git & Github

Backend 1 (Node.js)

Backend 2 (Node : Express)

Backend 3 (Node : EJS)

Miscellaneous

Backend 4 (REST)

Starting with SQL

SQL (Part 2)

Backend 5 ( Node with SQL)

MongoDB (2 Parts)

MongoDB with Express

Project - Phase 1 (3 Parts)

Backend 6 (Middlewares)

Backend 7 (Errors)

Database Relationships

Project - Phase 2 (5 parts)

Project - Phase 3 (4 parts)

React (6 parts)

React (Major-Project)

Tailwind

Supplement : Redux and Redux Toolkit

Certificate of Completion