Sigma Batch (Development)

What is Web Development?

What will we learn?

Off-Campus Mentorship Session

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

Try & Catch

Arrow Functions

Implicit Return in Arrow Functions

Set TimeOut Function

Set Interval Function

this with Arrow Functions

Practice Qs

Map & Filter

Every & Sum

Reduce Method

Maximum in Array

Practice Qs

Default Parameters

Spread

Spread (Array Literals)

Spread (Object Literals)

Rest

Destructuring

Destructuring (Objects)

What is DOM?

Download Starter Code

Selecting Element by ID

Selecting Elements by Class Name

Selecting Elements by Tag Name

Query Selectors

Setting Content in Objects

Manipulating Attributes

Manipulating Style (with style attribute)

classList Property

Navigation on Page

Adding Elements on Page

Removing Elements from Page

Practice Qs

Mouse/ Pointer Events

Event Listeners

Activity

Event Listeners for Elements

this in Event Listeners

Keyboard Events

Form Events

Extracting Form Data

More Events

Building Todo with DOM

Event Delegation

What is Simon Say Game?

Setting up Project

Start Game

Flash Buttons & Level Up

Button Event Listeners

Matching Sequence

Reset Game

Display Score

Visualizing the Call stack

Breakpoints

JS is Single Threaded

Callback Hell

Setting up for Promises

Refactoring with Promises

then( ) and catch( ) methods

Promise chaining

Results & Errors in Promises

Refactoring old code

await Keyword

Handing Rejections

What is an API?

Accessing some APIs

What is JSON?

Accessing JSON data

API Testing Tools

What is Ajax?

Https Verbs

Status Codes

Adding Information in URLs

Https Headers

Our First API request

Using Fetch with async-await

DogPictures API

Sending Headers with API requests

Activity using Query Strings

Different Terms related to Terminal

(Window Users Only) Installing Git Bash

Basic Commands

Navigation Commands

Paths in Navigation

Making Directories

What are Flags?

Touch Command

Deleting Files & Folders

Creating a Github Account

Using Github

Using Git

Configuring Git

Git with VSCode

Clone command

Status command

Add & Commit Commands

Push command

Init Command

Pushing Local repo

Workflow

Git branches

Branch Commands

Merging Branches

Pull command

Merge Conflicts

Fixing Mistakes

What is Forking?

Node Installation

Node REPL

Node Files

Process in Node

Export in Files

Export in Directories

What is npm?

Installing Packages

package.json

Local v/s Global Installation

import modules

Getting started with Express

Handling requests

Sending a Response

Routing

Installing Nodemon

Path Parameters

Query Strings

Using EJS

Views Directory

Interpolation Syntax

Passing data to EJS

Instagram EJS

Conditional Statements

Loops

Instagram Page with EJS

Serving Static Files

Includes

Handling POST requests

Revisiting JS (OOPS)

Object Prototypes

Factory Functions

New Operator

Classes in JS

Inheritance

CRUD Operations

Creating RESTful APIs

Index Route

Create & New Route

Redirect

Show Route

Creating Ids (UUID)

Update Route

Edit Route

Destroy Route

SQL v/s NoSQL

What is SQL?

What is a Table?

(For Windows) Installation

(For Mac) Installation

Our First Database

Our First Table

Database Queries

CREATE Table

What are Constraints?

Key Constraints

Primary & Foreign Keys

INSERT into Table

SELECT Command

Operators in Where

Frequently Used Operators

Limit Clause

Order By Clause

Aggregate Functions

Group By Clause

Having Clause

General Order

UPDATE Table

DELETE Table

ALTER Table

TRUNCATE Table

Practice Qs1

Practice Qs2

MySQL Package

Using SQL from CLI

CREATE Table user

INSERT INTO user

Insert in Bulk

Routing

Home Route

Add Template

Show Route

Edit Route

Update Route

How we store data? (BSON)

Document & Collection

INSERT in DB (InsertOne)

INSERT in DB (InsertMany)

FIND in DB

Query Operators

UPDATE in DB

Nesting

DELETE in DB

Installation & Setup

Schema

Models

Insert in Mongoose

Insert Multiple

Find in Mongoose

Update in Mongoose

FindAndUpdate

Delete in Mongoose

Schema Validations

SchemaType Options

Validation in Updation & Errors

Creating our Model (Chat)

Initialize Database

Index Route

New Route

Create Route

Using Date

Edit Route

Update Route

Destroy Route

Listing Model

Initialize Database

Index Route

READ (Show Route)

CREATE (New & Create Route)

UPDATE (Edit & Update Route)

DELETE (Delete Route)

Navbar

Footer

Styling Index

Styling New Listing

Styling Edit Listing

Styling Show Listing

Our 1st Middleware

Using next( )

Creating Utility Middleware

Exploring app.use( )

API Token as Query String

Passing multiple Middlewares

Error Handling (Express Default)

Custom Error Class

Default Status & Message

Activity

Handling Async Errors

Using try-catch

Using wrapAsync

Mongoose Errors

Success & Failure Text

Custom Error Handling

Add wrapAsync

Add ExpressError

Error.ejs

Validation for Schema

Validation for Schema (Middleware)