Professional Modern JavaScript Lessons

1.Course Intro
free
⏱️ 1:13
2.Setup & Tooling
free
⏱️ 3:32
3.Debugger Statements and Breakpoints
free
⏱️ 2:17
4.Primitive Data Types and Values
free
⏱️ 3:06
5.JavaScript Variables - let and const
free
⏱️ 4:50
6.Comments in JavaScript
free
⏱️ 2:55
7.JavaScript Identifer Naming
free
⏱️ 2:52
8.Using TypeScript
free
⏱️ 4:26
9.JavaScript String Masterclass
free
⏱️ 9:29
10.JavaScript Boolean Type
⏱️ 6:45
11.Missing Guide to JavaScript Numbers
⏱️ 15:28
12.JavaScript Objects Demystified
⏱️ 13:33
13.Functions in JavaScript
⏱️ 20:25
14.JavaScript Arrays Masterclass
⏱️ 22:31
15.JavaScript If Else Statements and Best Practices
⏱️ 6:13
16.JavaScript Conditional Expressions
⏱️ 8:38
17.JavaScript Loose vs Strict Equality
⏱️ 4:02
18.Truthy vs Falsy in JavaScript
⏱️ 3:44
19.Concept of JavaScript Nullish and Unification
⏱️ 5:51
20.JavaScript Classes - Object Oriented Programming
⏱️ 10:30
21.JavaScript Error Handling and Exceptions
⏱️ 13:21
22.JavaScript Nullish Operators
⏱️ 5:48
23.JavaScript Switch Statement Masterclass
⏱️ 8:07
24.JavaScript For Loop Iteration Simplified
⏱️ 10:59
25.JSON Masterclass
⏱️ 7:59
26.JavaScript While and Do While Loops
⏱️ 2:52
27.JavaScript Date and Time Simplified
⏱️ 13:16
28.this in JavaScript
⏱️ 12:04
29.JavaScript Tagged Templates Masterclass
⏱️ 5:48
30.Promises in JavaScript
⏱️ 10:01
31.JavaScript Async Await Masterclass
⏱️ 9:00
32.JavaScript Symbols Demystified
⏱️ 7:25
33.JavaScript Iterators and Iterables
⏱️ 8:50
34.JavaScript Generators Simplified
⏱️ 9:17
35.JavaScript Prototype - The Secret Guide
⏱️ 11:21
36.JavaScript Set Builtin Data Structure
⏱️ 9:52
37.JavaScript Map Builtin - HashMap Magic
⏱️ 10:38
38.JavaScript Deferred Promise Pattern - withResolvers
⏱️ 3:35
39.Cloning and Deep Copying in JavaScript
⏱️ 3:14
40.JavaScript Async Await Sequencing and Execution Masterclass
⏱️ 10:31
41.JavaScript Memory Management Masterclass
⏱️ 5:26
42.JavaScript WeakMap Demystified
⏱️ 8:58
43.JavaScript bigint Masterclass
⏱️ 5:35
44.JavaScript WeakSet Explained with Examples
⏱️ 7:47
45.JavaScript Regular Expressions Masterclass
⏱️ 17:54
46.JavaScript Weak References Demystified
⏱️ 5:29
47.JavaScript Memory Leaks Demonstrations and Fixes
⏱️ 6:01
48.Semicolon Free Coding in JavaScript
⏱️ 3:46
49.JavaScript Modules Masterclass
⏱️ 11:36

Setup & Tooling

Check Successful Install

Ensure that you can run the following commands:

log versions
node --version
npm --version
npx --version

Basic Hello World

Create a directory for your code:

mkdir demo
cd demo

Add a simple log statement in a new js file:

/index.js
console.log('Hello World');

Execute the JavaScript using NodeJS:

node index.js
javascript
typescript
react
playwright

Enjoy free content straight from your inbox 💌

No spam, unsubscribe at any time.

Transcript

00:00

A key reason for the success of JavaScript is the fact that it is the language of the web, which means that you don't necessarily even need to set up for it. You can just stop playing around with it in your browser. For example, within Chrome you can click the Triple Dots hidden way up over here on the side, select more tools and then select developer tools. It's a good idea at this point to also memorize the shortcut. For this, for my particular operating system, it is Option Command I. Now this will open up the developer tools and one of the features of all of these developer tools is the console. This is where you can enter some arbitrary JavaScript and execute that within

00:35

the context of the currently open page. So let's use JavaScript's built-in console log function, and pass in a simple string like Hello World. The browser will execute the JavaScript and no surprise we see Hello World on the console. Now of course, if you are thinking of doing JavaScript professionally, we are going to need a more professional developer setup. The first thing that we will install is a node jss and you can simply head on over to nodejs.org. You can download straight from the homepage or go into downloads for the current version and then select the download that is appropriate for your operating system.

01:09

Mac as various windows come with the very nice installers that will guide you through the whole installation process. Once we have it installed, we can verify it quite easily by opening up the terminal or the command prompt and then executing node passing in a minus minus version. This will log the version of the node jss that is currently installed. Now Node JSS also comes with additional boundaries called N P M and N P X N P M is used to install packages and N P X is used to execute various scripts and it's good to make sure that they are available on the terminal as well. Now the specific versions of Node N P M and N P X doesn't really matter because

01:45

they have been very stable for a number of years at this point. So any version that you have will be fine. Now the next step is to install a nice I D E, and for that I recommend Visual Studio Code. It is a free open source i d e from Microsoft and it is available for all the popular platforms. Head on over to code do visual studio.com. From here, you can go into the download section and grab an installer specific for your oss once you have it installed and boot it up for the first time. You can see some nice walkthroughs on your right hand side that you can use to

02:19

learn more about this i D E. Now that we have our I D E and node JS setup, let's just create a very basic hello world application and execute it through Node jss. Now, running a code through no JS allows us to think about JavaScript in isolation without slowing us down with concepts that we do not need when we are simply trying to master JavaScript by itself. So we create a nice folder for all of the code that we will be working with. And then once we have this directory, we see the into it and open it up within Visual Studio Code, let's create a first JavaScript file.

02:52

We will call this index js and it is conventional to call the entry point of our application as index. And Within that we write that same sample statement that we saw before, which is console log. Hello World. Now we can execute this code from node JS by opening of the terminal, executing the node command and this time passing in the path to the file that we want to execute, which of course is index jss. This executes the code through node and outputs the result, and of course we see what we would expect, which is that string. Hello, world. Now that we have our I D E and Node J set up and verified,

03:27

we can start playing around with more and more JavaScript language features.

Professional Modern JavaScript

Professional Modern JavaScript

1.Course Intro
free
⏱️ 1:13
2.Setup & Tooling
free
⏱️ 3:32
3.Debugger Statements and Breakpoints
free
⏱️ 2:17
4.Primitive Data Types and Values
free
⏱️ 3:06
5.JavaScript Variables - let and const
free
⏱️ 4:50
6.Comments in JavaScript
free
⏱️ 2:55
7.JavaScript Identifer Naming
free
⏱️ 2:52
8.Using TypeScript
free
⏱️ 4:26
9.JavaScript String Masterclass
free
⏱️ 9:29
10.JavaScript Boolean Type
⏱️ 6:45
11.Missing Guide to JavaScript Numbers
⏱️ 15:28
12.JavaScript Objects Demystified
⏱️ 13:33
13.Functions in JavaScript
⏱️ 20:25
14.JavaScript Arrays Masterclass
⏱️ 22:31
15.JavaScript If Else Statements and Best Practices
⏱️ 6:13
16.JavaScript Conditional Expressions
⏱️ 8:38
17.JavaScript Loose vs Strict Equality
⏱️ 4:02
18.Truthy vs Falsy in JavaScript
⏱️ 3:44
19.Concept of JavaScript Nullish and Unification
⏱️ 5:51
20.JavaScript Classes - Object Oriented Programming
⏱️ 10:30
21.JavaScript Error Handling and Exceptions
⏱️ 13:21
22.JavaScript Nullish Operators
⏱️ 5:48
23.JavaScript Switch Statement Masterclass
⏱️ 8:07
24.JavaScript For Loop Iteration Simplified
⏱️ 10:59
25.JSON Masterclass
⏱️ 7:59
26.JavaScript While and Do While Loops
⏱️ 2:52
27.JavaScript Date and Time Simplified
⏱️ 13:16
28.this in JavaScript
⏱️ 12:04
29.JavaScript Tagged Templates Masterclass
⏱️ 5:48
30.Promises in JavaScript
⏱️ 10:01
31.JavaScript Async Await Masterclass
⏱️ 9:00
32.JavaScript Symbols Demystified
⏱️ 7:25
33.JavaScript Iterators and Iterables
⏱️ 8:50
34.JavaScript Generators Simplified
⏱️ 9:17
35.JavaScript Prototype - The Secret Guide
⏱️ 11:21
36.JavaScript Set Builtin Data Structure
⏱️ 9:52
37.JavaScript Map Builtin - HashMap Magic
⏱️ 10:38
38.JavaScript Deferred Promise Pattern - withResolvers
⏱️ 3:35
39.Cloning and Deep Copying in JavaScript
⏱️ 3:14
40.JavaScript Async Await Sequencing and Execution Masterclass
⏱️ 10:31
41.JavaScript Memory Management Masterclass
⏱️ 5:26
42.JavaScript WeakMap Demystified
⏱️ 8:58
43.JavaScript bigint Masterclass
⏱️ 5:35
44.JavaScript WeakSet Explained with Examples
⏱️ 7:47
45.JavaScript Regular Expressions Masterclass
⏱️ 17:54
46.JavaScript Weak References Demystified
⏱️ 5:29
47.JavaScript Memory Leaks Demonstrations and Fixes
⏱️ 6:01
48.Semicolon Free Coding in JavaScript
⏱️ 3:46
49.JavaScript Modules Masterclass
⏱️ 11:36