JavaScript Tutorial
A versatile language used anywhere from interactive websites to backend servers.
-
7 Lessons
-
0 Articles
-
Estimated 12 hours
- 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.
JavaScript I Plus
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,...
Estimated 2h
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)
-
JavaScript II Plus
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.
Estimated 2h
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
-
JavaScript III Plus
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.
Estimated 2h
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
-
JavaScript IV Plus
We'll learn about the JavaScript classes introduced in ES6 in this lesson.
Estimated 2h
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)
-
JavaScript V Plus
In JavaScript Study V, you will learn to use npm packages and create a project with multiple files!
Estimated 2h
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)
-
JavaScript VI Plus
In JavaScript Study VI, we'll cover methods for handling arrays that are essential for practical JavaScript development.
Estimated 1h
What You Can Learn in This Lesson
-
1. Methods for an Array
-
push
-
forEach
-
find
-
filter
-
map
-
JavaScript VII Plus
In JavaScript Ⅶ, you will learn about callback functions.
Estimated 1h
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
-
JavaScript (ES5) I Plus
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.
Estimated 1h30m
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)
-
JavaScript (ES5) II Plus
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!
Estimated 1h30m
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
-
JavaScript (ES5) III Plus
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.
Estimated 1h30m
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
-
JavaScript (ES5) IV Plus
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!
Estimated 1h30m
What You Can Learn in This Lesson
-
1. Functions
-
Functions
-
Scope
-
Parameters and Arguments
-
Multiple Arguments
-
Return Values
-
JavaScript (ES5) I Dojo Plus
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...
Estimated 1h30m
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.