JavaScript Masterclass 2021: Modern & Comprehensive

Zero to Hero: ES6 / ES2015 + ES2016 + ES2017, Object Oriented, Functional, Asynchronous JS + Interview Prep

4.71 (914 reviews)
Udemy
platform
English
language
Web Development
category
instructor
4,391
students
8.5 hours
content
Nov 2020
last update
$64.99
regular price

What you will learn

Understand fundamentals of JavaScript

Understand scope in JavaScript with concepts like Lexical Scope, Global Scope and Block Scope

Understand basic concepts of functions such as Callback Functions, Function Expressions, IIFE

Master object-oriented JavaScript concepts like Prototypal Inheritance, Prototype Chain

Master functional programming concepts in JavaScript like Closures, Method Chaining, Higher Order Functions

Get entry point into modern JavaScript frameworks like React, Angular and Ember

Master Async JavaScript concepts like SetTimeout, Promises, Async Await

Description

This is a modern and comprehensive JavaScript course that focuses on the latest version of JavaScript

     You don't need any prior JavaScript experience at all,  we will start by JavaScript basics like declaring variables using const and let keywords.  After that we will look at how scope works in JavaScript,  here we will understand global scope , lexical scope and block scope.  We will then learn about variase data primitive data types such as string, boolean and number.   Before we move to anyfurthrer we will look at some computer science fundametanls like if-else statements, for-loops, while loops, and diffreent operators specific to JavaScript. By  then we will be ready to learn complex data structures like arrays, objects, maps and sets.  After that we will focus on some important JavaScript fundamentals  such as closures, object creation, method chaining, prototype inheritances, call, apply, bind, spread operator, arrow function, promises.  I will cover all of the latest features of JavaScript. Features such as Async Await, Array.from(), Array.Map() that were recently introduced.  I will also go through ES2015, ES2016, ES2017, ES2018, ES2019, ES2010 and ES2021 features.  You also will get lots of coding exercises to practice. In the end I will show you how to build few practical JavaScript Projects. You will surly enjoy building your own to-do list using pure JavaScript.  One of the best feature of this course is its simplicity. All the coding samples are very easy to understand. I prefer to use real world use cases to explain concepts.  


Content

Course Introduction and Setup

Course Introduction and Overview
Setting up tools and environment

Variables

Defining Variables
Let vs Const
Valid Variables
Basic Debugging Techniques

Primitive Data Types

Types of Data Types
null & undefined
Boolean
Strings
Template Strings
String Methods
Numbers
Math Methods
Math.random()
Symbol
Type Conversions
Coding Exercise
Coding Solution

JavaScript Basics (Operators and Statements)

Section Intro
Operators
Bitwise Operators
if/else Statement
switch Statement
for Loop
while Loop
Coding Exercise
Coding Solution

Variable Scope & Scope Chain

Section Intro
Global Scope
Block Scope
Lexical Scope
Scope Chain

Arrays and Objects

Section Intro
Array Introduction
Mutating Arrays
Multidimensional Arrays
Iterating Arrays using "forEach" & "for of"
Object Introduction
Iterating Objects using "for in"
Destructuring
Sets
Maps and WeakMaps
Coding Exercise
Coding Solution

functions

Function Basics
Spread Operator and Rest Parameters
Default Parameters
Callback Functions
Map, Filter, and Reduce Methods
Array Method Sort()
Array Methods some() & every()
Coding Exercise
Coding Solution

Object Oriented Programming

Prototypal Inheritance
Function Constructors
Extending Constructors
Classes
Sub Classes
Arrow Function

Functional Programming

"this" keyword in Object Literals
Call Apply Bind
Closures
Function Chaining

Async JavaScript

Blocking vs Non-Blocking
setTimeout & setInterval
Promises
Async Await
Rest API
GET, POST, PUT
Fetch API

JavaScript and HTML

Installing Visual Studio Code Editor
Using JavaScript In HTML
DOM Events
Event Bubbling and Capturing
Debounce Function
Throttling
Coding Exercise : Building a Todo App
Coding Solution

ES2019 Features (*new*)

Object Method Object.fromEntries()
Array Methods flat() & flatMap()
String Methods trimStart() & trimEnd()
Symbol.description()
Optional Catch Binding

Browser caching and local storage

Browser caching
cookies
localStorage
SessionStorage

Screenshots

JavaScript Masterclass 2021: Modern & Comprehensive - Screenshot_01JavaScript Masterclass 2021: Modern & Comprehensive - Screenshot_02JavaScript Masterclass 2021: Modern & Comprehensive - Screenshot_03JavaScript Masterclass 2021: Modern & Comprehensive - Screenshot_04

Reviews

Rohit
April 27, 2023
I followed TechSith on youtube and it helped me to get better job and more confidence. Will write full review of this course here as well after completion
naresh
April 25, 2023
I have seen many videos of him. Everything is explained in an understanding manner which is very great for a learner to learn a new concept. He is doing a great job for those learners out there who is in an urge to learn things. Well done and Thank You!!!
Shivam
February 18, 2022
in less than 1 hour of starting this course. I have been introduced to somethings which I never knew were there. For sure anyone should invest time here.
Shivam
February 4, 2022
I love the course. All who will join it will get their fundamentals very clear. I finished it in one go.
Sergey
February 1, 2022
Great lessons, though I had a previous understanding of JS, it helped me to structure and deepen my knowledge.
Alon
December 9, 2021
There is lack of context for the real beginners . needed to give an extra google searches to understand the purpose of what i'm looking at and why its important . for example section 5
Jacqueline
September 16, 2021
Great course that covers most of the big topics in javascript. I already had a novice understanding of javascript and wanted to take the course to relearn the basics. If I wasn't already familiar with javascript I would have struggled, so something to be aware of when suggesting that no previous js experience is necessary. Would change: more exercises between sections 8-10 (arrow function syntax and async), a lesson on ajax. Liked: Clear and concise explanations, the prime number exercise and the throttling/debouncing lessons. Thank you!
Vikrama
August 5, 2021
Closures are explained in a difficlut manner, it should have been more simple and some realistic approaches as like "settimeout" as call back functions and ond one interview question to increase the i th value using var and let to solve that again.
Kalyan
June 12, 2021
I watched so many youtube videos of techsith. Thanks for joining Udemy. I am hoping to have a udemy tutorial for React.
Katamaraju
May 10, 2021
Excellent topics covered in Javascript & very clearly explained. I also subscribed to techsith youtube channel. This course gave more knowledge on Javascript.
Sumedh
February 19, 2021
Most helpful for working professionals because we dont have time to learn everything in depth.I wish dom basics were included.
Malyaban
January 18, 2021
Got clarity on main topics (functions) & etc. This course is good. I personally prefer Mr. Patel's teaching that's why i bought the course. He is really good in his way of teaching. Hope to get interacted someday.
Amar
December 25, 2020
Expected to have more concepts and more examples. Overall its a good course to start with JS learning
Surya
June 27, 2019
The Course is Extrordinary.Explained modern JS features like Promises Async/await Very easy and simple manner anyone can follow easily.Its agreat and beautiful Course.In this Course,Hemil Explained and covered all the areas of Javascript.Thankyou Hemil.I learned alot from this.This is the best course for Javascript.
Gopi
June 24, 2019
I loved this course. The instructor has great knowledge. I've taken a few Udemy technology courses and this was one of the best. This was very well organized, detailed and well delivered. Hemil Patel is the best! THANK YOU very much from the bottom of my heart.

Charts

Price

JavaScript Masterclass 2021: Modern & Comprehensive - Price chart

Rating

JavaScript Masterclass 2021: Modern & Comprehensive - Ratings chart

Enrollment distribution

JavaScript Masterclass 2021: Modern & Comprehensive - Distribution chart
1171102
udemy ID
4/6/2017
course created date
5/12/2019
course indexed date
Bot
course submited by