Preview JavaScript Masterclass: Zero To Job Ready With 10 Project

Introduction & Resources

Course Introduction

Resources [Important]

JavaScript Basics

Environment Setup / 003

How To Run JavaScript Files? / 005

Browser Console / 006

Variables, Constants & Comments / 007

Naming Convention / 007-1

Data Types / 008

Strings / 009

String Methods / 010

Numbers / 011

Template Literals / 012

Arrays / 013

Null & Undefined / 014

Booleans & Comparisons / 015

Loose vs Strict Comparison / 016

Type Conversion / 017

Control Flow

Control Flow / 018

For Loop / 019

For Loop (in & of) / 019-1

While Loop / 020

Do While Loop / 021

If Statements / 022

Else & Else If / 023

Logical Operators / 024

Logical NOT / 025

Break & Continue / 026

Switch Statements / 027

Scope (Global & Local) / 028

Ternary Operator / 028-1

Functions

Functions - I / 029

Functions - II / 030

Arguments & Parameters / 031

Returning Values / 032

Arrow Functions / 033

Functions & Methods / 034

forEach Method & Callbacks / 035

forEach Method / 036

Object Literals

Object Literals - I

Object Literals - II / 038

Methods / 039

'this' Keyword / 040

Objects in Arrays / 041

Math Object / 042

Primitive vs Reference Types - I / 043

Primitive vs Reference Types - II / 043-2

Document Object Model

DOM Introduction / 044

DOM In-depth / 045

Query Selector / 046

Selectors / 047

Controlling Content (Add/Delete) / 048

Attributes (Get/Set) / 049

Changing CSS Styles / 050

Classes (Add/Remove) / 051

Relationships (Parent/Child/Siblings) / 052

Events - I / 053-1

Events - II / 053-2

Creating & Removing Elements / 054

Event Bubbling & Delegation / 055

More DOM Events / 056

Form & Form Events

Events Inside Forms / 057

Submit Events / 059

Regular Expressions / 060

Testing RegEx Patterns / 061

Basic Form Validation / 062

Keyboard Events / 063

Events on HTML Page / 065

Project: Quiz Application

Project Demo / 210

Template Structure [Optional] / 211

Template Structure [Optional] / 212

Working With Answer / 213

Score Update / 214

Reload / 215

Final Demo / 216

Project Deployment Using Github & Netlify / 321

Array Methods

Filter Method / 071

Map Method / 072

Reduce Method / 073

Find Method / 074

Sort Method / 075

Reverse Method / 075-3

Chaining Methods / 076

Project: Todo List Manager

Project Demo / 221

Template Structure [Optional] / 222

Template Structure [Optional] / 223

Add Task / 224

Delete Task / 225

Update Task Count / 226

Search Task I / 227

Search Task II: Case Sensitive / 228

Project Deployment Using Github & Netlify / 322

Dates & Times

Dates / 205

Times / 206

Local Storage

Local Storage / 207

JSON / 208

Project: Budget Tracker

Project Demo / 229

Template Structure [Optional] / 231

Template Structure [Optional] / 232

Add Transaction / 234

Transactions on localStorage / 235

Income & Expense List / 236

Get Transactions / 237

Delete Transaction / 238

Update Statistics / 239

Empty Transactions / 240

Project Deployment Using Github & Netlify / 316

Object Oriented Programming

Object Oriented Programming - I

Object Oriented Programming - II

Object Literals Again! / 117

Classes / 118

Methods / 119

Inheritance - I / 120

Inheritance - II / 121

Prototype Model / 122

Prototype Inheritance / 123

Built-in Methods

Static Keyword / 125

Getter & Setter / 127

Error Handling & Exceptions

Error Handling / 201

Exceptions / 202

Modules

Module - I / 203

Module - II / 204

Project: Kanban Application

Project Demo / 281

Template Structure [Optional] / 282

Template Structure [Optional] / 283

Kanban Flow / 284

Class & Function / 285

Get Task / 286

Insert Task / 287

Delete Task / 288

Update Task / 289

Task Card / 290

Task Count / 291

Form: Add Task / 292

Form: Edit Task / 293

Form: Delete Task / 294

Drag-Drop Task Card / 295

Project Deployment Using Github & Netlify / 317

Asynchronous JavaScript

Asynchronous JavaScript / 181

setTimeout / 182

setInterval / 183

Callbacks & Callback Hell / 184

Promises / 185

Promises All / 186

Async & Await / 187

API / JSON Data

Fetch API / 189

Fetch API - Methods / 190

Project: News Portal

Project Demo / 241

Template Structure [Optional] / 242

Template Structure [Optional] / 243

Working With News API / 244

Fetch News Data / 245

News Categories / 246

Backup Data / 247

Category Request / 248

Project Deployment Using Github & Netlify / 319

Babel

Installing Node.js

Babel Introduction

Babel CLI / 153

Babel / 154

Folder Structure / 155

Webpack

Webpack / 156

Loaders

Mode / 158

Webpack Dev Server / 162

Webpack Boilerplate Code / 163

Firebase

Firebase Introduction

Webpack Setup / 252

Firebase Setup / 253

Firebase Connection / 254

Fetching Documents - I / 255

Fetching Documents- II / 256

Adding & Deleting Documents / 257

Snapshots / 258

Firestore Queries / 259

Ordering Data / 260

Updating Documents / 261

Fetching Individual Document / 262

Authentication - I / 263

Authentication - II / 264

Project: Bookmark Manager

Project Demo / 269

Template Structure [Optional] / 271

Template Structure [Optional] / 272

Firebase Setup / 273

Access Document / 274

Delete Document / 275

Filter Documents / 276

Project Deployment Using Github & Netlify / 318

Project: notNotion

Project Demo / 301

Template Structure [Optional] / 302

Template Structure [Optional] / 303

Template Structure [Optional] / 304

Template Structure [Optional] / 305

Template Structure [Optional] / 306

Navbar, Modals & Accordions / 307

Swipe Library - I / 308

Swipe Library - II / 309

Merge All Projects / 310

Project Deployment Using Github & Netlify / 320

Preview - JavaScript Masterclass: Zero To Job Ready With 10 Project