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

Introduction to Operators

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 You know many operators from school, like addition, multiplication, and subtraction.

00:00:05 In programming, operators perform operations on data values, often known as operands, and produce results.

00:00:13 For example, in 1 plus 2, plus is the operator, 1 is the left operand, and 2 is the right operand, resulting in 3. JavaScript has a couple of categories

00:00:25 of operators.

00:00:26 First, there are arithmetic operators.

00:00:29 For example, 5 plus 3 results in 8. Then, there are comparison operators.

00:00:36 For example, 5 is greater than 3, results in a Boolean value of true.

00:00:43 Then, there are logical operators, for example, true and false, results in false, because when using an AND operator, both of the values have to be true

00:00:53 to result in true, but more on that later.

00:00:56 Then there's an assignment operator.

00:00:58 For example, let is equal to 5. And then later on, x plus equal to 3 results in x being 8. And finally, there's a conditional,

00:01:07 also known as ternary operator, where you can modify what the result will be depending on a specific comparison.

00:01:15 You can think of this operator as combining a couple of other operators.

00:01:18 So, if you have something like if 5 is greater than 3, then return yes, else return no, well, the result in this case will be yes.

00:01:29 In the next couple of lessons, we'll explore all of these operators in detail.

00:01:33 So, in the next lesson, let's dive right into the arithmetic operators.

We know many operators from school, like: addition , multiplication , and subtraction .

In programming, operators perform operations on data values (operands) and produce results.

For example, in :

is the operator
is the left operand
is the right operand
Resulting in

JavaScript includes the following categories of :

Arithmetic Operators: 5 + 3 results in 8.
Comparison Operators: 5 > 3 results in true.
Logical Operators: true && false results in false.
Assignment Operators: let x = 5; x += 3; results in x being 8.
Conditional (Ternary) Operator: let result = (5 > 3) ? 'Yes' : 'No'; results in result being 'Yes'.

In the next few lessons, we'll explore these operators in detail.

How did you manage to remove the blur property and reach here?

A

I used sheer determination and problem-solving skills.

B

I inspected the code, found the blur effect, and disabled it.

C

I randomly clicked buttons until something worked.

D

I have no idea, but I made it!

Test Your Knowledge, Level Up

Upgrading gives you access to quizzes so you can test your knowledge, track progress, and improve your skills.

Upgrade your account

0 Comments

"Please login to view comments"

Join the Conversation!

Subscribing gives you access to the comments so you can share your ideas, ask questions, and connect with others.

Upgrade your account

00:00:00 You know many operators from school, like addition, multiplication, and subtraction.

00:00:05 In programming, operators perform operations on data values, often known as operands, and produce results.

00:00:13 For example, in 1 plus 2, plus is the operator, 1 is the left operand, and 2 is the right operand, resulting in 3. JavaScript has a couple of categories

00:00:25 of operators.

00:00:26 First, there are arithmetic operators.

00:00:29 For example, 5 plus 3 results in 8. Then, there are comparison operators.

00:00:36 For example, 5 is greater than 3, results in a Boolean value of true.

00:00:43 Then, there are logical operators, for example, true and false, results in false, because when using an AND operator, both of the values have to be true

00:00:53 to result in true, but more on that later.

00:00:56 Then there's an assignment operator.

00:00:58 For example, let is equal to 5. And then later on, x plus equal to 3 results in x being 8. And finally, there's a conditional,

00:01:07 also known as ternary operator, where you can modify what the result will be depending on a specific comparison.

00:01:15 You can think of this operator as combining a couple of other operators.

00:01:18 So, if you have something like if 5 is greater than 3, then return yes, else return no, well, the result in this case will be yes.

00:01:29 In the next couple of lessons, we'll explore all of these operators in detail.

00:01:33 So, in the next lesson, let's dive right into the arithmetic operators.