Javascript Masterclass: Zero To Market Ready With 10 Project

Learn JavaScript from Beginner to Expert level with Concepts, Coding Exercises, Quizzes, Assignments and Projects.

What you'll learn

Everything you need to become a JavaScript developer with basics to advanced concepts, how things works behind the scenes and real projects

Understand fundamentals: variables, data types, control flow statements, loop, functions and more…

Dive deep with Object-oriented Programming: classes, objects, constructors, inheritance, encapsulation, static keyword, getter & setter etc.

Complex concepts like the 'this' keyword, closures, promises, async-await etc.

Work with API's to make the most of third-party data (such as News/Weather/Sports information)

Build real-world front-end applications with JavaScript (Task manager, budget tracker, kanban, quiz application, bookmark manager & more)

Modern tools for 2023: NPM, Babel, Webpack, Firebase and more.

And lot more!

Requirements

Basics of HTML & CSS

Description

Welcome to JavaScript Masterclass, one single course to start your JavaScript journey as a beginner step-by-step. This course touches on each and every important topic through concept explanation, documentation, and implementation. The entire course is designed for beginners with one goal in mind, to learn concepts and build JavaScript projects.Throughout the course, we will explore the most important JavaScript topics step-by-step:Fundamental Concepts:IntroductionVariablesData TypesLoops & IterationControl FlowExpressions & OperatorsFunctionsMore…Intermediate Concepts:DOM: Document Object ModelRegular ExpressionsArray MethodsDates & TimesLocal StorageObject Oriented ProgrammingError Handling & ExceptionsModulesAPIsAdvanced Concepts:Event LoopssetTimeout & setIntervalCallbacks & Callback HellPromisesAsync AwaitFetch APIMiscellaneous:BabelWebpackDatabase: FirebaseExternal Libraries: Swiper JSDeployment: Git, Github & Netlify–––––––––Why this course?Complete course is focused on the concept learning approach, you learn every concept through a logical and visual learning approach. Learn all important concepts in the simplest possible way with examples and real-life project. You just need basic HTML and CSS knowledge, we will cover everything step-by-step from scratch.–––––––––After completing this course you will be ready to work as an Intern, Fresher, or Freelancer and you will also be able to implement everything yourself! Most importantly you will be ready to divide deep with future practice and hard level question of JavaScript. Enroll now, I will make sure you learn best about JavaScript.

Overview

Section 1: Introduction & Resources

Lecture 1 Course Introduction

Lecture 2 Welcome - Lets Get Started!

Lecture 3 Resources [Important]

Lecture 4 Resources [Important]

Section 2: JavaScript Basics

Lecture 5 JavaScript Basics

Lecture 6 Environment Setup / 003

Lecture 7 How To Run JavaScript Files? / 005

Lecture 8 Browser Console / 006

Lecture 9 Variables, Constants & Comments / 007

Lecture 10 Naming Convention / 007-1

Lecture 11 Data Types / 008

Lecture 12 Strings / 009

Lecture 13 String Methods / 010

Lecture 14 Numbers / 011

Lecture 15 Template Literals / 012

Lecture 16 Arrays / 013

Lecture 17 Null & Undefined / 014

Lecture 18 Booleans & Comparisons / 015

Lecture 19 Loose vs Strict Comparison / 016

Lecture 20 Type Conversion / 017

Section 3: Control Flow

Lecture 21 Control Flow / 018

Lecture 22 For Loop / 019

Lecture 23 For Loop (in & of) / 019-1

Lecture 24 While Loop / 020

Lecture 25 Do While Loop / 021

Lecture 26 If Statements / 022

Lecture 27 Else & Else If / 023

Lecture 28 Logical Operators / 024

Lecture 29 Logical NOT / 025

Lecture 30 Break & Continue / 026

Lecture 31 Switch Statements / 027

Lecture 32 Scope (Global & Local) / 028

Lecture 33 Ternary Operator / 028-1

Section 4: Functions

Lecture 34 Functions - I / 029

Lecture 35 Functions - II / 030

Lecture 36 Arguments & Parameters / 031

Lecture 37 Returning Values / 032

Lecture 38 Arrow Functions / 033

Lecture 39 Functions & Methods / 034

Lecture 40 forEach Method & Callbacks / 035

Lecture 41 forEach Method / 036

Section 5: Object Literals

Lecture 42 Object Literals - I

Lecture 43 Object Literals - II / 038

Lecture 44 Methods / 039

Lecture 45 'this' Keyword / 040

Lecture 46 Objects in Arrays / 041

Lecture 47 Math Object / 042

Lecture 48 Primitive vs Reference Types - I / 043

Lecture 49 Primitive vs Reference Types - II / 043-2

Section 6: Document Object Model

Lecture 50 DOM Introduction / 044

Lecture 51 DOM In-depth / 045

Lecture 52 Query Selector / 046

Lecture 53 Selectors / 047

Lecture 54 Controlling Content (Add/Delete) / 048

Lecture 55 Attributes (Get/Set) / 049

Lecture 56 Changing CSS Styles / 050

Lecture 57 Classes (Add/Remove) / 051

Lecture 58 Relationships (Parent/Child/Siblings) / 052

Lecture 59 Events - I / 053-1

Lecture 60 Events - II / 053-2

Lecture 61 Creating & Removing Elements / 054

Lecture 62 Event Bubbling & Delegation / 055

Lecture 63 More DOM Events / 056

Section 7: Form & Form Events

Lecture 64 Events Inside Forms / 057

Lecture 65 Submit Events / 059

Lecture 66 Regular Expressions / 060

Lecture 67 Testing RegEx Patterns / 061

Lecture 68 Basic Form Validation / 062

Lecture 69 Keyboard Events / 063

Lecture 70 Events on HTML Page / 065

Section 8: Project: Quiz Application

Lecture 71 Project Demo / 210

Lecture 72 Template Structure [Optional] / 211

Lecture 73 Template Structure [Optional] / 212

Lecture 74 Working With Answer / 213

Lecture 75 Score Update / 214

Lecture 76 Reload / 215

Lecture 77 Final Demo / 216

Lecture 78 Project Deployment Using Github & Netlify / 321

Section 9: Array Methods

Lecture 79 Filter Method / 071

Lecture 80 Map Method / 072

Lecture 81 Reduce Method / 073

Lecture 82 Find Method / 074

Lecture 83 Sort Method / 075

Lecture 84 Reverse Method / 075-3

Lecture 85 Chaining Methods / 076

Section 10: Project: Todo List Manager

Lecture 86 Project Demo / 221

Lecture 87 Template Structure [Optional] / 222

Lecture 88 Template Structure [Optional] / 223

Lecture 89 Add Task / 224

Lecture 90 Delete Task / 225

Lecture 91 Update Task Count / 226

Lecture 92 Search Task I / 227

Lecture 93 Search Task II: Case Sensitive / 228

Lecture 94 Project Deployment Using Github & Netlify / 322

Section 11: Dates & Times

Lecture 95 Dates / 205

Lecture 96 Times / 206

Section 12: Local Storage

Lecture 97 Local Storage / 207

Lecture 98 JSON / 208

Section 13: Project: Budget Tracker

Lecture 99 Project Demo / 229

Lecture 100 Template Structure [Optional] / 231

Lecture 101 Template Structure [Optional] / 232

Lecture 102 Add Transaction / 234

Lecture 103 Transactions on localStorage / 235

Lecture 104 Income & Expense List / 236

Lecture 105 Get Transactions / 237

Lecture 106 Delete Transaction / 238

Lecture 107 Update Statistics / 239

Lecture 108 Empty Transactions / 240

Lecture 109 Project Deployment Using Github & Netlify / 316

Section 14: Object Oriented Programming

Lecture 110 Object Oriented Programming - I

Lecture 111 Object Oriented Programming - II

Lecture 112 Object Literals Again! / 117

Lecture 113 Classes / 118

Lecture 114 Methods / 119

Lecture 115 Inheritance - I / 120

Lecture 116 Inheritance - II / 121

Lecture 117 Prototype Model / 122

Lecture 118 Prototype Inheritance / 123

Lecture 119 Built-in Methods

Lecture 120 Static Keyword / 125

Lecture 121 Getter & Setter / 127

Section 15: Modules

Lecture 122 Module - I / 203

Lecture 123 Module - II / 204

Section 16: Error Handling & Exceptions

Lecture 124 Error Handling / 201

Lecture 125 Exceptions / 202

Section 17: Project: Kanban Application

Lecture 126 Project Demo / 281

Lecture 127 Template Structure [Optional] / 282

Lecture 128 Template Structure [Optional] / 283

Lecture 129 Kanban Flow / 284

Lecture 130 Class & Function / 285

Lecture 131 Get Task / 286

Lecture 132 Insert Task / 287

Lecture 133 Delete Task / 288

Lecture 134 Update Task / 289

Lecture 135 Task Card / 290

Lecture 136 Task Count / 291

Lecture 137 Form: Add Task / 292

Lecture 138 Form: Edit Task / 293

Lecture 139 Form: Delete Task / 294

Lecture 140 Drag-Drop Task Card / 295

Lecture 141 Project Deployment Using Github & Netlify / 317

Section 18: Asynchronous JavaScript

Lecture 142 Asynchronous JavaScript / 181

Lecture 143 setTimeout / 182

Lecture 144 setInterval / 183

Lecture 145 Callbacks & Callback Hell / 184

Lecture 146 Promises / 185

Lecture 147 Promises All / 186

Lecture 148 Async & Await / 187

Lecture 149 API / JSON Data

Lecture 150 Fetch API / 189

Lecture 151 Fetch API - Methods / 190

Section 19: Project: News Portal

Lecture 152 Project Demo / 241

Lecture 153 Template Structure [Optional] / 242

Lecture 154 Template Structure [Optional] / 243

Lecture 155 Working With News API / 244

Lecture 156 Fetch News Data / 245

Lecture 157 News Categories / 246

Lecture 158 Backup Data / 247

Lecture 159 Category Request / 248

Lecture 160 Project Deployment Using Github & Netlify / 319

Section 20: Babel

Lecture 161 Installing Node.js

Lecture 162 Babel Introduction

Lecture 163 Babel CLI / 153

Lecture 164 Babel / 154

Lecture 165 Folder Structure / 155

Section 21: Webpack

Lecture 166 Webpack / 156

Lecture 167 Loaders

Lecture 168 Mode / 158

Lecture 169 Webpack Dev Server / 162

Lecture 170 Webpack Boilerplate Code / 163

Section 22: Firebase

Lecture 171 Firebase Introduction

Lecture 172 Webpack Setup / 252

Lecture 173 Firebase Setup / 253

Lecture 174 Firebase Connection / 254

Lecture 175 Fetching Documents - I / 255

Lecture 176 Fetching Documents- II / 256

Lecture 177 Adding & Deleting Documents / 257

Lecture 178 Snapshots / 258

Lecture 179 Firestore Queries / 259

Lecture 180 Ordering Data / 260

Lecture 181 Updating Documents / 261

Lecture 182 Fetching Individual Document / 262

Lecture 183 Authentication - I / 263

Lecture 184 Authentication - II / 264

Section 23: Project: Bookmark Manager

Lecture 185 Project Demo / 269

Lecture 186 Template Structure [Optional] / 271

Lecture 187 Template Structure [Optional] / 272

Lecture 188 Firebase Setup / 273

Lecture 189 Access Document / 274

Lecture 190 Delete Document / 275

Lecture 191 Filter Documents / 276

Lecture 192 Project Deployment Using Github & Netlify / 318

Section 24: Project: notNotion

Lecture 193 Project Demo / 301

Lecture 194 Template Structure [Optional] / 302

Lecture 195 Template Structure [Optional] / 303

Lecture 196 Template Structure [Optional] / 304

Lecture 197 Template Structure [Optional] / 305

Lecture 198 Template Structure [Optional] / 306

Lecture 199 Navbar, Modals & Accordions / 307

Lecture 200 Swipe Library - I / 308

Lecture 201 Swipe Library - II / 309

Lecture 202 Merge All Projects / 310

Lecture 203 Project Deployment Using Github & Netlify / 320

Section 25: [Optional] HTML & CSS Refresher

Lecture 204 How Web Works? [Optional]

Lecture 205 Environment Setup

Lecture 206 HTML Introduction

Lecture 207 Head Section

Lecture 208 Common HTML Tags

Lecture 209 Media Tags

Lecture 210 Linking Page

Lecture 211 Forms I

Lecture 212 Forms II

Lecture 213 Comments

Lecture 214 List

Lecture 215 Tables

Lecture 216 Inline and Block

Lecture 217 Id & Classes

Lecture 218 HTML Semantics I

Lecture 219 HTML Semantics II

Lecture 220 HTML Entity

Lecture 221 Introduction To CSS

Lecture 222 CSS Types and Order

Lecture 223 Selectors

Lecture 224 Selector Game I

Lecture 225 Selector Game II

Lecture 226 Specificity / R029

Lecture 227 Common Properties

Section 26: Bonus

Lecture 228 Bonus

Anyone who wants to learn JavaScript,No previous programming knowledge required