JavaScript Master Class

209 Enrolled

30 Hours

Deal Price $10.99

Suggested Price $44.00

You save 75%

JavaScript Master Class

$10.99 $44.00 75% OFF

299 Lessons (30h)

• Intro

  • Intro 3:38

• EXERCISE Files and SOFTWARE Setup

  • 00 INTRO - Exercise Files and Software Setup 0:50
  • 01 LECTURE - Software Setup Overview 3:34
  • 02 PRACTICE - WINDOWS ONLY - Install "cmder" 0:28
  • 03 PRACTICE - Visual Studio Code Setup 10:33
  • 04 PRACTICE - Launch Node.js and execute test JavaScript file 4:42
  • 05 PRACTICE - Git Overview - PART 1 10:02
  • 06 PRACTICE - Git Overview - PART 2 6:21
  • 07 PRACTICE - Clone remote Git repository and switch Branches 6:50
  • 08 PRACTICE - Use SourceTree for Git repositories management 6:17

• JAVASCRIPT BASICS - Intro

  • 1 PRACTICE - Exploring Web Sites in the Browser 12:56
  • 2 PRACTICE - Create first HTML file and start Live Server 6:18
  • 3 PRACTICE - Add favicon to the HTML file 2:15
  • 4 PRACTICE - JavaScript embedded into the HTML 4:04
  • 5 DEMO - Git branches management 3:47
  • 6 PRACTICE - JavaScript in the separate file 3:03
  • 7 CHALLENGE - External Scripts 1:17
  • 8 ✓ CHALLENGE - External Scripts - SOLUTION 2:35
  • 9 PRACTICE - JavaScript in the Console of the Browser 2:34

• JAVASCRIPT BASICS - Types and Variables

  • 10 LECTURE - Object in JavaScript 3:53
  • 11 LECTURE - Primitive vs Reference Value Types 11:29
  • 12 PRACTICE - Exploring Primitive Value Types 13:46
  • 13 PRACTICE - Exploring Reference Type - Object 5:55
  • 14 LECTURE - Variable declaration using "var", "let" and "const" 9:10
  • 15 PRACTICE - Variable declaration and assignment 13:54
  • 16 CHALLENGE - Variable Declaration and Assignment 3:56
  • 17 CHALLENGE - Variables Reusage 14:28
  • 18 LECTURE - Statically vs Dynamically typed Languages 7:53
  • 19 PRACTICE - Dynamic typing in JavaScript 9:46

• JAVASCRIPT BASICS - Objects

  • 20 LECTURE - Variety of Objects in JavaScript 5:30
  • 21 LECTURE - Objects Modification 11:55
  • 22 PRACTICE and CHALLENGES - Objects - PART 1 10:29
  • 23 PRACTICE and CHALLENGES - Objects - PART 2 10:46
  • 24 PRACTICE and CHALLENGES - Objects - PART 3 10:39
  • 25 LECTURE - Global Objects - "window" and "global" 9:22
  • 26 LECTURE - Methods of the Object 2:07

• JAVASCRIPT BASICS - Functions

  • 27 LECTURE - Introduction to the Functions 6:26
  • 28 LECTURE - Syntax of the Function 13:34
  • 29 PRACTICE - Functions - PART 1 12:59
  • 30 PRACTICE - Functions - PART 2 14:03
  • 31 CHALLENGES - Functions - PART 1 9:02
  • 32 CHALLENGES - Functions - PART 2 9:26
  • 33 LECTURE - Function Expressions vs Function Declarations 7:01
  • 34 PRACTICE - Function Expressions, setTimeout(), setInterval() 11:26
  • 35 CHALLENGE - Function Expressions 1:16
  • 36 ✓ CHALLENGE - Function Expressions - SOLUTION 8:28

• JAVASCRIPT BASICS - Operators

  • 37 LECTURE - Operators 8:45
  • 38 LECTURE - Operands, Unary vs Binary Operators and Notations 5:11
  • 39 PRACTICE - Arithmetic Operators - PART 1 8:48
  • 40 PRACTICE - Arithmetic Operators - PART 2 12:11
  • 41 PRACTICE - Comparison Operators - PART 1 10:54
  • 42 PRACTICE - Comparison Operators - PART 2 10:48
  • 43 PRACTICE - Logical Operators - PART 1 12:31
  • 44 PRACTICE - Logical Operators - PART 2 10:56
  • 45 PRACTICE - Operators Precedence and Associativity 12:11
  • 46 CHALLENGES - Operators - PART 1 9:41
  • 47 CHALLENGES - Operators - PART 2 11:15

• JAVASCRIPT BASICS - Expressions vs Statements

  • 48 LECTURE - Expressions vs Statements - PART 1 10:42
  • 49 LECTURE - Expressions vs Statements - PART 2 11:11
  • 50 PRACTICE - Expressions vs Statements - PART 1 8:49
  • 51 PRACTICE - Expressions vs Statements - PART 2 11:56

• ES6 Variables Lifecycles

  • 11 LECTURE - Recap of the "var" 7:50
  • 12 LECTURE - Scopes - Global, Function and Block 2:26
  • 13 LECTURE - let 10:36
  • 14 LECTURE - const 11:52
  • 15 LECTURE - Variables Usage Guidelines 13:05
  • 16 LECTURE - Var, Let or Const? 16:19
  • 17 CHALLENGE 1-1 - let, var and const 3:00
  • 18 ✓ CHALLENGE 1-1 - let, var and const - SOLUTION 10:14
  • 19 CHALLENGE 1-2 - let, var and closures 3:19
  • 20 ✓ CHALLENGE 1-2 - let, var and closures - SOLUTION 10:55
  • 21 LECTURE - JavaScript Engine Phases 2:11
  • 22 LECTURE - Variable Lifecycle Phases 6:09
  • 23 LECTURE - Var lifecycle 7:33
  • 24 LECTURE - Undeclared variable lifecycle 6:02
  • 25 LECTURE - Let lifecycle 8:29
  • 26 LECTURE - Const lifecycle 5:51
  • 27 LECTURE - Function lifecycle - Part 1 6:16
  • 27 LECTURE - Function lifecycle - Part 2 6:02
  • 28 LECTURE - What is finally hoisting? 1:49
  • 29 DEMO - Putting different variables lifecycles together 4:01
  • 30 ✓ DEMO - Putting different variables lifecycles together - SOLUTION, Part 1 7:00
  • 31 ✓ DEMO - Putting different variables lifecycles together - SOLUTION, Part 2 17:26
  • 32 CHALLENGE 1-3 - Variable Lifecycles 1:32
  • 33 ✓ CHALLENGE 1-3 - Variable Lifecycles - SOLUTION 9:42
  • 34 LECTURE - Variables Phases Section Summary 4:46

• ES6 Arrow Functions

  • 35 LECTURE - Introduction to the Arrow Functions Section 0:34
  • 36 LECTURE - Traditional JavaScript Functions Overview 13:12
  • 37 LECTURE - Introduction to the Arrow Functions 2:27
  • 38 LECTURE - Arrow Functions syntax 8:47
  • 39 PRACTICE - Arrow Functions 12:39
  • 40 LECTURE - Arrow Functions and "this" 12:13
  • 41 LECTURE - Regular functions instead of Arrow Functions 9:43
  • 42 CHALLENGE 2-1 - Regular vs Arrow Functions 1:16
  • 43 ✓ CHALLENGE 2-1 - Regular vs Arrow Functions - SOLUTION 11:39
  • 44 LECTURE - Arguments in the Functions 6:22
  • 45 LECTURE - Arrow Functions Summary 2:04

• ES5.1 Array Helper Methods

  • 47 LECTURE - forEach() Overview 3:52
  • 48 PRACTICE - forEach() 7:10
  • 49 CHALLENGE 3-1 - forEach() with Index 0:43
  • 50 ✓ CHALLENGE 3-1 - forEach() with Index - SOLUTION 3:32
  • 51 LECTURE - map() Overview 2:34
  • 52 PRACTICE - map() 12:39
  • 53 CHALLENGE 3-2 - map() JSON to Object 0:31
  • 54 ✓ CHALLENGE 3-2 - map() JSON to Object - SOLUTION 8:17
  • 55 LECTURE - filter() Overview 1:31
  • 56 PRACTICE - filter() 3:14
  • 57 LECTURE - find() Overview 1:48
  • 58 PRACTICE - find() 2:38
  • 59 CHALLENGE 3-3 - find() Single Post 0:57
  • 60 ✓ CHALLENGE 3-3 - find() Single Post - SOLUTION 2:13
  • 61 LECTURE - every() and some() Overview 2:36
  • 62 PRACTICE - every() and some() 9:28
  • 63 CHALLENGE 3-4 Is Array of Numbers Sorted? 2:00
  • 64 ✓ CHALLENGE 3-4 Is Array of Numbers Sorted? - SOLUTION 12:38
  • 65 CHALLENGE 3-5 Are Arrays Equal or not? 2:13
  • 66 ✓ CHALLENGE 3-5 Are Arrays Equal or not? - SOLUTION 6:51
  • 67 CHALLENGE 3-6 Check if Element is in Array 1:11
  • 68 ✓ CHALLENGE 3-6 Check if Element is in Array - SOLUTION 2:22
  • 69 LECTURE - includes() Overview 1:36
  • 70 PRACTICE - includes() 4:28
  • 71 CHALLENGE 3-7 Includes() with Array or Object 4:00
  • 72 ✓ CHALLENGE 3-7 Includes() with Array or Object - SOLUTION 11:07
  • 73 CHALLENGE 3-8 Push Element to Array if Not Exists 2:19
  • 74 ✓ CHALLENGE 3-8 Push Element to Array if Not Exists - SOLUTION 8:54
  • 75 LECTURE - reduce() Overview 4:03
  • 76 PRACTICE - reduce() 16:55
  • 77 CHALLENGE 3-9 Reduce Array of Objects 1:21
  • 78 ✓ CHALLENGE 3-9 Reduce Array of Objects - SOLUTION 4:30
  • 79 CHALLENGE 3-10 Reduce Array of Objects to Object 1:56
  • 80 ✓ CHALLENGE 3-10 Reduce Array of Objects to Object - SOLUTION 9:02
  • 81 LECTURE - Do you know how sort() works? 3:17
  • 82 LECTURE - Sorting Algorithms Overview 3:42
  • 83 LECTURE - Stable vs Unstable Sort 2:24
  • 84 LECTURE - sort() Overview 4:52
  • 85 LECTURE - sort() without Arguments 2:37
  • 86 LECTURE - sort() Analyze sorting algorithms 10:22
  • 87 LECTURE - sort() Algorithms in different browsers 12:37
  • 88 CHALLENGE 3-11 sort() Array of objects 1:43
  • 89 ✓ CHALLENGE 3-11 sort() Array of objects - SOLUTION 6:29
  • 90 CHALLENGE 3-12 sort() Long Array of objects 1:32
  • 91 ✓ CHALLENGE 3-12 sort() Long Array of objects - SOLUTION 14:31
  • 92 LECTURE - sort() Summary 2:35
  • 93 LECTURE - Array helper methods Summary 5:01

• ES6 Template Literals

  • 94 LECTURE - Template Literals Overview 11:28
  • 95 LECTURE - Tagged Templates Overview 11:35
  • 96 CHALLENGE 4-1 Template Literals 1:02
  • 97 ✓ CHALLENGE 4-1 Template Literals - SOLUTION 4:05
  • 98 CHALLENGE 4-2 Default tagged template 2:19
  • 99 ✓ CHALLENGE 4-2 Default tagged template - SOLUTION 14:34

• ES6 Rest/Spread Operators and Default Function Parameters

  • 100 LECTURE - Rest Parameters Overview 4:50
  • 101 PRACTICE - Rest Parameters 11:54
  • 102 LECTURE - Spread Operator Overview 1:22
  • 103 PRACTICE - Spread Operator 17:18
  • 104 CHALLENGE 5-1 Rest and Spread Operators 3:05
  • 105 ✓ CHALLENGE 5-1 Rest and Spread Operators - SOLUTION 14:18
  • 106 LECTURE - Default Function Parameters Overview 3:24
  • 107 PRACTICE - Default Function Parameters 15:57
  • 108 CHALLENGE 5-2 Default value without default parameters 1:31
  • 109 ✓ CHALLENGE 5-2 Default value without default parameters - SOLUTION 5:43
  • 110 CHALLENGE 5-3 Generate Missing Unique IDs 3:44
  • 111 ✓ CHALLENGE 5-3 Generate Missing Unique IDs - SOLUTION PART 1 5:02
  • 112 ✓ CHALLENGE 5-3 Generate Missing Unique IDs - SOLUTION PART 2 8:02
  • 113 ✓ CHALLENGE 5-3 Generate Missing Unique IDs - SOLUTION PART 3 15:56
  • 114 ✓ CHALLENGE 5-3 Generate Missing Unique IDs - SOLUTION PART 4 11:33

• ES6 Enhanced Object Literals

  • 115 LECTURE - Enhanced Object Literals Overview 3:00
  • 116 PRACTICE - Enhanced Object Literals 14:02
  • 117 CHALLENGE 6-1 Enhanced Object Literals 3:51
  • 118 ✓ CHALLENGE 6-1 Enhanced Object Literals - SOLUTION 11:56

• ES6 Array and Object Destructuring

  • 119 LECTURE - Destructuring Overview 5:16
  • 120 PRACTICE - Array Destructuring 20:13
  • 121 CHALLENGE 6-2 Array Destructuring 0:34
  • 122 ✓ CHALLENGE 6-2 Array Destructuring - SOLUTION 1:50
  • 123 CHALLENGE 6-3 Destructure Result of the Function 1:19
  • 124 ✓ CHALLENGE 6-3 Destructure Result of the Function - SOLUTION 9:17
  • 125 PRACTICE - Object Destructuring - PART 1 14:42
  • 126 LECTURE - New Variable Names and Default Values in Object Destructuring 3:50
  • 127 PRACTICE - Object Destructuring - PART 2 9:04
  • 128 CHALLENGE 6-4 Object Destructuring 0:50
  • 129 ✓ CHALLENGE 6-4 Object Destructuring - SOLUTION 5:49
  • 130 CHALLENGE 6-5 Object Destructuring and Array Helper Methods 1:50
  • 131 ✓ CHALLENGE 6-5 Object Destructuring and Array Helper Methods - SOLUTION 6:21
  • 132 CHALLENGE 6-6 Delete Object Properties 0:50
  • 133 ✓ CHALLENGE 6-6 Delete Object Properties - SOLUTION 10:44

• ES6 Classes, Prototypes and Function Constructors

  • 134 LECTURE - Class-based vs Prototype-based 3:07
  • 135 LECTURE - What is inheritance? 4:36
  • 136 LECTURE - Prototype Chain 5:26
  • 137 LECTURE - proto and [[Prototype]] 5:42
  • 138 LECTURE - What is Prototype? 5:36
  • 139 LECTURE - Don't reassign proto 4:43
  • 140 LECTURE - Native Prototypes - PART 1 10:34
  • 141 LECTURE - Native Prototypes - PART 2 8:48
  • 142 LECTURE - Prototypal Inheritance in JavaScript 7:35
  • 143 PRACTICE - Function Constructors - PART 1 9:07
  • 144 LECTURE - Function Constructors Overview 4:07
  • 145 PRACTICE - Function Constructors - PART 2 3:18
  • 146 PRACTICE - Function Constructors - PART 3 15:00
  • 147 LECTURE - Object.create() Overview 3:24
  • 148 PRACTICE - Object.create() 9:41
  • 149 PRACTICE - Function Constructors - PART 4 17:40
  • 150 LECTURE - Function Constructors - New Prototype in the Chain 3:30
  • 151 CHALLENGE 7-1 Insert Prototype Into the Existing Prototype Chain 1:31
  • 152 ✓ CHALLENGE 7-1 Insert Prototype Into the Existing Prototype Chain - SOLUTION 7:09
  • 153 LECTURE - "instanceof" and "typeof" in the Prototype Chain 3:52
  • 154 CHALLENGE 7-2 Fix Mistakes in the Function Constructors 0:58
  • 155 ✓ CHALLENGE 7-2 Fix Mistakes in the Function Constructors - SOLUTION 14:48
  • 156 LECTURE - Classes - Overview 5:52
  • 157 LECTURE - Classes vs Function Constructors 10:32
  • 158 PRACTICE - Classes - PART 1 13:26
  • 159 PRACTICE - Classes - PART 2 20:55
  • 160 PRACTICE - Classes - PART 3 12:33
  • 161 CHALLENGE 7-3 Convert Function Constructors to Classes 1:45
  • 162 ✓ CHALLENGE 7-3 Convert Function Constructors to Classes - SOLUTION 12:28
  • 163 CHALLENGE 7-4 Extend Array 4:13
  • 164 ✓ CHALLENGE 7-4 Extend Array - SOLUTION 11:09
  • 165 CHALLENGE 7-5 Custom Push Method for Arrays 2:33
  • 166 ✓ CHALLENGE 7-5 Custom Push Method for Arrays - SOLUTION 13:46
  • 167 LECTURE - React and ES6 Classes 20:43
  • 168 CHALLENGE 7-6 Classes in React - Additional Button 1:17
  • 169 ✓ CHALLENGE 7-6 Classes in React - Additional Button - SOLUTION 7:24

• Babel Introduction

  • 00 LECTURE - Babel Module Introduction 0:23
  • 01 LECTURE - What is Compiler? 1:15
  • 02 LECTURE - Compiled vs Interpreted languages 4:18
  • 03 LECTURE - Transpiler 1:28
  • 04 LECTURE - Transpiling vs Compiling 2:20
  • 05 LECTURE - ES5, ES6 and JavaScript 3:57
  • 06 LECTURE - What Babel does? 2:21
  • 07 LECTURE - Why do we need Babel? 7:31
  • 08 LECTURE - ES6 support by Browsers 6:49
  • 09 LECTURE - How many browsers need compiled ES5 code? 2:25
  • 10 PRACTICE - Babel in action - ES6 Rest operator 4:31
  • 11 PRACTICE - Compare performance - ES6 Rest Operator(Node.js) 5:44
  • 12 PRACTICE - Compare Performance - ES6 Rest Operator (Google Chrome) 2:59
  • 13 CHALLENGE - Compare Performance - ES6 Destructuring 1:49
  • 14 ✓ CHALLENGE - Compare Performance - ES6 Destructuring - SOLUTION 6:09
  • 15 LECTURE - What is User Agent? 4:08
  • 16 LECTURE - Serve different JS files to different browsers 0:45
  • 17 LECTURE - Different JS files on the server 2:06
  • 18 PRACTICE - Browser detection on the client 4:39
  • 19 CHALLENGE - Detect feature support in the Browser 0:28
  • 20 ✓ CHALLENGE - Detect feature support in the Browser - SOLUTION 4:18
  • 21 CHALLENGE - Insert different script tags into the DOM 3:09
  • 22 ✓ CHALLENGE - Insert different script tags into the DOM - SOLUTION 6:44
  • 23 LECTURE - How Babel Works? 1:37
  • 24 PRACTICE - Online Babel Compiler 2:08
  • 25 LECTURE - Install Babel Globally 3:09
  • 26 PRACTICE - Compile JS file using Babel 2:04
  • 27 LECTURE - Plugins and Presets 6:08

• NPM - Node Package Manager

  • 01 LECTURE - Introduction to the NPM 0:47
  • 02 PRACTICE - Exploring NPM packages 1:32
  • 03 LECTURE - Package.json and init 3:11
  • 04 LECTURE - Semantic Versioning 4:45
  • 05 LECTURE - Packages Installation 2:13
  • 06 PRACTICE - Install package in the project 4:42
  • 07 CHALLENGE - Install Semver package 0:37
  • 08 ✓ CHALLENGE - Install Semver Package - SOLUTION 11:04
  • 09 PRACTICE - Install Browserslist - package with own dependencies 3:22
  • 10 LECTURE - Dependencies and Development Dependencies 2:43
  • 11 PRACTICE - Examine Development Dependencies 6:21
  • 12 PRACTICE - Browser App vs Server Package 4:41
  • 13 CHALLENGE - Clock Browser Application 1:42
  • 14 ✓ CHALLENGE - Clock Browser Application - SOLUTION 12:07
  • 15 LECTURE - Clock Challenge Summary 2:19
  • 16 LECTURE - Browser App vs Public Package 6:50
  • 17 PRACTICE - Exploring Package Information and Versions 2:44
  • 18 PRACTICE - Installing Specific Package Version 3:25
  • 19 LECTURE - Why package-lock.json file is needed? 4:28
  • 20 CHALLENGE - Reinstall old package version without lock file 0:58
  • 21 ✓ CHALLENGE - Reinstall old package version without lock file - SOLUTION 3:07
  • 22 LECTURE - How lock file is handled 10:55
  • 23 LECTURE - Lock file summary 0:37
  • 24 LECTURE - Update NPM packages overview 1:32
  • 25 CHALLENGE - Update project dependencies 0:40
  • 26 ✓ CHALLENGE - Update project dependencies - SOLUTION 5:07
  • 27 LECTURE - Introduction to the NPM scripts 2:49
  • 28 PRACTICE - Start npm script 2:21
  • 29 CHALLENGE - Create prestart script 1:28
  • 30 ✓ CHALLENGE - Create prestart script - SOLUTION 7:13
  • 31 PRACTICE - Custom NPM scripts 2:48
  • 32 CHALLENGE - Run NPM scripts simultaneously 1:15
  • 33 ✓ CHALLENGE - Run NPM scripts simultaneously - SOLUTION 3:25
  • 34 LECTURE - NPM .bin Folder with Executable Scripts 4:45
  • 35 PRACTICE - Explore .bin Folder on the Mac 2:48
  • 36 PRACTICE - Explore .bin Folder on Windows 1:28
  • 37 LECTURE - NPM Scripts Wrap-Up 1:24

Everything You Need to Know to Become a JavaScript Developer

Bogdan Stashchuk
Bogdan Stashchuk | Software Engineer, MBA, PhD
4.6/5 Instructor Rating:
★ ★ ★ ★ ★

Bogdan Stashchuk is a software engineer, a Udemy instructor and he is also a senior Full Stack Web Developer. He has a 20 years of experience teaching Node.js, React, Redux, JavaScript, ES6, Docker, MongoDB, Grafana, NPM, Kafka and so much more!

Description

JavaScript is the web's most popular programming language and absolutely essential to learn for aspiring web developers. This beginner-friendly course covers everything you need to know about JavaScript to become a front-end, back-end, or full-stack developer. Through 70 hands-on exercises, you'll get up to speed with JavaScript basics and advance through to expert topics.

• Access 299 lectures & 30 hours of content 24/7
• Learn JavaScript, ES6, NPM, Webpack, Babel, Node, and React by solving real-world problems
• Learn JavaScript fundamentals and advanced topics
• Understand ES6 features
• Understand proper methods to work with Arrays
• Discover the purposes of the NPM
• Explore the basics of the NoSQL database MongoDB

Specs

Important Details

• Length of time users can access this course: lifetime
• Access options: web streaming, mobile streaming
• Certification of completion included
• Redemption deadline: redeem your code within 30 days of purchase
• Experience level required: beginner
• Have questions on how digital purchases work? Learn more here

Requirements

• Any device with basic specifications

Terms

• Unredeemed licenses can be returned for store credit within 30 days of purchase. Once your license is redeemed, all