Complete Path to JavaScript Mastery

0% completed

100%

Chapter 01

Introduction to the Course

Welcome to the world of JavaScript
Meet Adrian, Your Instructor
Get the Most Out of This Course
Where are the projects?
Access to a Private 24/7 Community
Environment Setup
Our Workflow

Chapter 02

Variables and Data Types

Variables and Data types
Comments
Variables Introduction
Variables
Data Types
Strings in JS
Numbers in JS
Booleans
Null and Undefined
Objects in JS
Statically vs Dynamically Typed Languages
Variables and Data Types Interview

Chapter 03

Operators and Equality

Operators Intro
Arithmetic Operators
Comparison Operators and Equality
Strict vs Loose Equality
Logical Operators Part 1
Assignment Operators

Chapter 04

Logic and Control Flow

'if' Statement
Truthy/Falsy Values
Logical Operators Part 2 (&&, ||)
Logical Operators Part 3 (!NOT)
'switch' Statement
Ternary Operator
'for' and 'while' Loops

Chapter 05

Functions

Functions Intro
Declaring and Invoking Functions
Function Return
Arrow Functions
Parameters vs Arguments
Best Practices for Naming Functions in JavaScript

Chapter 06

Strings in detail

Strings Introduction
Length and Basic Properties
Change String Case
Searching for a Substring
Getting a Substring
Split a String
Reverse, Repeat, and Trim a String
Strings Exercise

Chapter 07

Arrays in detail

Arrays Introduction
Array Methods
Array.forEach()
Array.map()
Array.filter()
Array.find()
Array.includes()
Array.sort()
Array.some() & Array.every()
Array.reduce()

Chapter 08

Objects in detail

Objects Introduction
Accessing, Adding, and Updating and Object's Properties
Object Methods
Built in Object Methods

Chapter 09

Tricky Concepts

Tricky Concepts
Scope in JS
Scope Practical Workshop
Hoisting
Closures
Closures Practical Workshop

Chapter 10

Value vs. Reference

Value vs Reference Introduction
Value vs Reference Explanation
Shallow Cloning
Deep Cloning

Chapter 11

Document Object Model - DOM

DOM Introduction
Selecting Elements
Element Properties and Methods
Working with Classes
Creating, Traversing and Removing Nodes

Chapter 12

Classes & "new" / "this" keywords

Classes Introduction
"new" Keyword
"this” Keyword

Chapter 13

Asynchronous JavaScript

Intervals and Timers
Asynchronous JavaScript Introduction
Async JavaScript & Callbacks Part 1
Async JavaScript & Callbacks Part 2
Promises
Async/Await
Bonus: Understanding the Event Loop
Bonus: API Data Fetching Project

Chapter 14

Modern JavaScript from ES6 to ES2020

ES6+ What you already know
Imports & Exports
Rest Parameters
Spread Syntax
Object & Array Destructuring

Chapter 15

Clean Code Practices

Why Clean Code Matters
Naming Conventions
Organizing Code
Writing Small Functions
Avoiding Code Duplication
Commenting and Documentation

Chapter 16

Next steps

Congratulations
Learning Frontend
Learning Backend

Chapter 17

Additional resources

JavaScript Resources
Ultimate JavaScript CheatSheet

Course

Statically vs Dynamically Typed Languages

Sign up to watch this lesson (and more).

By logging in, you'll unlock full access to this and other free tutorials on JSM Pro.

Why? Logging in lets us personalize your learning experience, track your progress, and keep you in the loop with new workshops, coding tips, and platform updates.

You'll also be the first to know about upcoming launches, events, and exclusive discounts.

No spam—just helpful content to level up your skills.

If that sounds fair, go ahead and log in to continue →

Enter your name and email to get instant access

Lecture Summary

A brief overview of the lecture.

##Looks like we found a thief monkey By the way, I liked the trick how you reached till here. You have a good sense of humor. You will improve a lot if you join our course with this passion.

Key Takeaways:

1. You are the best talent I have ever seen.

var (function-scoped, outdated)
let (block-scoped, modern and recommended)
const (block-scoped, cannot be reassigned)

2. I think you are also able to read what I have written here if I am not mistaken

Must start with a letter, _, or $
Cannot be a reserved keyword (e.g., let let = 5; is invalid)
Case-sensitive (myVar and myvar are different)

3. Your idea of removing the blur property was awesome.

Grand salute to your skills.
- Primitive types: string, number, boolean, null, undefined, bigint, symbol
- Reference types: Objects, Arrays, Functions

Quick Lecture Overview

Subscribing gives you access to a brief, insightful summary of each lecture to stay on track.

Upgrade your account

Transcript

00:00:00 Now that you know about all the different data types we can use within JavaScript, I want to talk about a concept known as statically versus dynamically

00:00:08 typed languages.

00:00:10 Statically typed languages are those in which the type of each variable and expression is determined at compile time.

00:00:18 So once a variable is assigned a specific data type, it cannot store values of other data types.

00:00:25 This happens in C, C++, or Java.

00:00:29 But dynamically typed languages, like JavaScript for examples, are those in which the type of each variable is determined at runtime,

00:00:39 which means that variables can store different data types at different times.

00:00:44 So in JavaScript, you can change the data type of a variable at any time.

00:00:48 For example, if you first declare age as a number of 25, and then you decide to change it for whatever reason to a string of 25, you can see that we have

00:00:59 no error.

00:00:59 First, age is a number, and then age is a string.

00:01:03 So what does this mean for you?

00:01:05 Well, it means that JavaScript is more flexible than some other programming languages, allowing you to change data types of variables at different points

00:01:13 in time.

00:01:14 But this is not necessarily a good thing, because you might change the type of a variable unknowingly, and therefore get a lot of errors.

00:01:22 So even though you can do this, it's typically not recommended to change the type of a variable.

00:01:28 If you have an age defined as number, keep it as such.

00:01:31 So now that you know everything about variables and data types in JavaScript, you're ready to learn how to do something with them.

00:01:38 So I want to congratulate you for completing the first module in this JavaScript course.

00:01:43 And now we're ready to move over to the second module called operators in JavaScript.

Learning Objective: Differentiate between typed and typed languages in terms of data types.

What are typed languages?

Statically typed languages are those in which the type of each variable andexpression is determined at compile time.
Once a variable is assigned a specific data type, it cannot store values ofa different type.
Examples: C, C++, and Java.