JavaScript Tutorial
A versatile language used anywhere from interactive websites to backend servers.
- ES6 and ES5 are different versions of JavaScript.
- If you are learning JavaScript for the first time, we recommend ES6 because it is the latest version.
※ The name of the older JavaScript has been changed, but the content is the same as before.
- ES6 (latest)
- ES5 (previous)
List of Lessons to Learn JavaScript
This is a list of JavaScript lessons where you can start learning immediately without environment setup.
Study
JavaScript I
Estimated 2h
0%
ES6 is the future of JavaScript. It's the new standard for writing JavaScript that has become popular. In this first lesson, we'll cover the syntax and grammar including variables,...
What You Can Learn in This Lesson
-
1. Strings & Integers
-
Intro to JavaScript (ES6)
-
console.log()
-
Calculations
-
Calculations (2)
-
Combining Strings
-
-
2. Variables & Constants
-
Variables
-
Using Variables
-
Updating Variables
-
Updating Variables (2)
-
Constants
-
Template Literals
-
-
3. Conditionals
-
if Statements
-
Booleans & Comparison Operators
-
Booleans & Comparison Operators (2)
-
else Statements
-
else if
-
Logical Operators
-
switch Statements
-
switch Statements (2)
-
Study
JavaScript II
Estimated 2h
0%
In ES6 Study II you will learn how to use "iteration" to efficiently repeat sections of code. You'll also learn the basics of arrays and objects in this lesson.
What You Can Learn in This Lesson
-
1. Iteration
-
Review of Variables
-
while Loops
-
for Loops
-
Applying Iteration
-
-
2. Arrays
-
What are arrays?
-
Getting Array Elements
-
Updating Array Elements
-
Iteration with Arrays
-
Iteration with Arrays (2)
-
-
3. Objects
-
What are Objects?
-
Accessing & Updating Values
-
Arrays in Objects
-
Arrays in Objects (2)
-
-
4. undefined
-
What is undefined?
-
Handling undefined
-
-
5. Final Project
-
Part 1
-
Part 2
-
Study
JavaScript III
Estimated 2h
0%
In JavaScript Study III, you will learn to combine and run code efficiently by creating functions. You'll also learn how to use arrow functions.
What You Can Learn in This Lesson
-
1. Learning Functions
-
What’s a Function?
-
What’s a Function? (2)
-
Arrow Functions
-
Arguments
-
Using Multiple Arguments
-
Return Values
-
Using Return Values
-
Scope
-
Final Exercise
-
Study
JavaScript IV
Estimated 2h
0%
We'll learn about the JavaScript classes introduced in ES6 in this lesson.
What You Can Learn in This Lesson
-
1. Basics of Classes
-
Review of Objects
-
What are Classes?
-
Making Instances
-
Constructors
-
Constructors (2)
-
Constructors (3)
-
Methods
-
Methods (2)
-
Calling Methods within Methods
-
-
2. Class Inheritance
-
What is Inheritance?
-
Using Inherited Classes
-
Adding Methods
-
Overriding
-
Overriding (2)
-
Study
JavaScript V
Estimated 2h
0%
In JavaScript Study V, you will learn to use npm packages and create a project with multiple files!
What You Can Learn in This Lesson
-
1. Separating Files
-
Separating Files
-
Separating Files (2)
-
Exporting Values
-
Named Exports
-
Relative Paths
-
-
2. Using Packages
-
Packages
-
Packages (2)
-
Study
JavaScript VI
Estimated 1h
0%
In JavaScript Study VI, we'll cover methods for handling arrays that are essential for practical JavaScript development.
What You Can Learn in This Lesson
-
1. Methods for an Array
-
push
-
forEach
-
find
-
filter
-
map
-
Study
JavaScript VII
Estimated 1h
0%
In JavaScript Ⅶ, you will learn about callback functions.
What You Can Learn in This Lesson
-
1. Learning about Callback Functions
-
Learning about Callback Functions
-
What are Callback Functions?
-
Declaring Callback Functions Directly
-
Arguments of Callback Functions
-
Study
JavaScript (ES5) I
Estimated 1h30m
0%
JavaScript is a programming language that's used in many parts of web development, from frontend to backend. In this lesson, we'll learn about its basic syntax.
What You Can Learn in This Lesson
-
1. Strings and Integers
-
Getting Started
-
Printing to the Console
-
Basic Calculation
-
More Calculations
-
String Concatenation
-
-
2. Variables
-
Variables
-
Concatenating Variables and Strings
-
Roles of Variables
-
Updating Variables (1)
-
Updating Variables (2)
-
Study
JavaScript (ES5) II
Estimated 1h30m
0%
In this lesson, we'll learn about booleans and if statements. Things get a little tricky from here, but let's master them one by one!
What You Can Learn in This Lesson
-
1. Booleans
-
Booleans and Comparison Operators
-
More Comparison Operators
-
Logical Operators
-
-
2. Control Flow
-
if statements
-
else statements
-
else if statements
-
switch statements
-
Study
JavaScript (ES5) III
Estimated 1h30m
0%
In this lesson, we'll learn about "loops" which is convenient for repeating the same code many times. We'll also study how to use arrays, such as associative arrays.
What You Can Learn in This Lesson
-
1. Loops
-
While loops
-
For loops
-
-
2. Arrays
-
Arrays
-
Updating Arrays
-
Working with Arrays
-
Arrays and Loops
-
-
3. Objects
-
Objects
-
Updating Objects
-
Study
JavaScript (ES5) IV
Estimated 1h30m
0%
In this lesson, we'll learn how to define and call "functions", which combine multiple processes into one. Let's clear the lesson and master the basics of JavaScript!
What You Can Learn in This Lesson
-
1. Functions
-
Functions
-
Scope
-
Parameters and Arguments
-
Multiple Arguments
-
Return Values
-
Dojo
JavaScript (ES5) I
Estimated 1h30m
0%
This lesson gives you a chance to review and practice what you learned in JavaScript Study I, II, and III. Some of the exercises may be diffic...
What You Can Learn in This Lesson
-
1. JavaScript Study I & II Review
-
Printing Strings
-
String Concatenation
-
Getting the Area of a Circle
-
Decimals
-
Calculating BMI (1)
-
Calculating BMI (2)
-
-
2. JavaScript Study III Review
-
FizzBuzz
-
Average Score
-
Max Score
-
Printing Associative Array Values
-
Associative Arrays as Elements (1)
-
Associative Arrays as Elements (2)
-
Courses Related to JavaScript
Expand what you can do by learning related courses.
Start the lesson from the initial state.
Warning: your code will be deleted.
Review the lesson without
resetting your code.