CoursesFrontend DevelopmentJavaScript Tutorial
BeginnerFree
4.8(2,149 reviews)

JavaScript Tutorial logoJavaScript Tutorial

Complete JavaScript roadmap from basics to advanced, including DOM, async JS, Node.js, interview concepts, and polyfills with practical examples.

73 Lessons
Step by step
30 Hours
Estimated duration
15.9K
Students enrolled
Certificate
Upon completion
Start Learning Free

What You'll Learn

JavaScript Introduction and Browser Execution
Variables and Data Types
Operators Type Conversion Template Literals and Comments
Control Flow If Else and Switch
Loops For While Do While Break Continue Nested Loops
Function Declaration Expression Arrow and Parameters

Course Content

73 lessons • 30 hours total
Course Progress0% Complete

Practice editor is inside each lesson

Open any lesson to use the Try It Yourself editor with course-specific practice code.

Open First Lesson
01

Module 1

5 lessons • 75 minutes

Try It Yourself available

Try It Yourself
JavaScript Introduction and Browser ExecutionTry It Yourself available
9:07Try It Yourself
Variables and Data TypesTry It Yourself available
11:17Try It Yourself
Operators Type Conversion Template Literals and CommentsTry It Yourself available
13:27Try It Yourself
Control Flow If Else and SwitchTry It Yourself available
15:37Try It Yourself
Loops For While Do While Break Continue Nested LoopsTry It Yourself available
17:47Try It Yourself
02

Module 2

5 lessons • 75 minutes

Try It Yourself available

Try It Yourself
Function Declaration Expression Arrow and ParametersTry It Yourself available
15:42Try It Yourself
Advanced Functions Rest Callback HOF Pure Impure and IIFETry It Yourself available
17:52Try It Yourself
Arrays Fundamentals and Core MethodsTry It Yourself available
19:02Try It Yourself
Array Search Iterate and TransformTry It Yourself available
9:12Try It Yourself
Objects Methods This and DestructuringTry It Yourself available
11:22Try It Yourself
03

Module 3

5 lessons • 75 minutes

Try It Yourself available

Try It Yourself
Object Utilities Optional Chaining and JSONTry It Yourself available
9:17Try It Yourself
DOM Basics Selecting and Changing ElementsTry It Yourself available
11:27Try It Yourself
DOM Creating Removing Elements and EventsTry It Yourself available
13:37Try It Yourself
Event Bubbling Capturing and Form ValidationTry It Yourself available
15:47Try It Yourself
Asynchronous JavaScript Callbacks and PromisesTry It Yourself available
17:57Try It Yourself
04

Module 4

5 lessons • 75 minutes

Try It Yourself available

Try It Yourself
Async Await Fetch API and Error HandlingTry It Yourself available
15:52Try It Yourself
ES6 Plus Features and ModulesTry It Yourself available
17:02Try It Yourself
Advanced JavaScript Scope Hoisting ClosuresTry It Yourself available
19:12Try It Yourself
Execution Context Call Stack Memory and Garbage CollectionTry It Yourself available
9:22Try It Yourself
Prototypes Classes Inheritance and Function MethodsTry It Yourself available
11:32Try It Yourself
05

Module 5

5 lessons • 75 minutes

Try It Yourself available

Try It Yourself
Currying Debouncing Throttling and PolyfillsTry It Yourself available
9:27Try It Yourself
Error Handling Debugging and Strict ModeTry It Yourself available
11:37Try It Yourself
Browser Storage LocalStorage SessionStorage and CookiesTry It Yourself available
13:47Try It Yourself
Strings and Useful String MethodsTry It Yourself available
15:57Try It Yourself
Numbers Math Methods and RoundingTry It Yourself available
17:07Try It Yourself
06

Module 6

5 lessons • 75 minutes

Try It Yourself available

Try It Yourself
Booleans Truthy Falsy and ComparisonsTry It Yourself available
15:02Try It Yourself
User Input Prompt Confirm and Basic ConversionTry It Yourself available
17:12Try It Yourself
Logical Operators and Short CircuitingTry It Yourself available
19:22Try It Yourself
JavaScript Dates and Time BasicsTry It Yourself available
9:32Try It Yourself
Random Numbers and Simple Guess LogicTry It Yourself available
11:42Try It Yourself
07

Module 7

5 lessons • 75 minutes

Try It Yourself available

Try It Yourself
Array slice splice sort and reverseTry It Yourself available
9:37Try It Yourself
Query Selector All and classListTry It Yourself available
11:47Try It Yourself
Form Validation with Friendly MessagesTry It Yourself available
13:57Try It Yourself
JavaScript Calculator Mini ProjectTry It Yourself available
15:07Try It Yourself
JavaScript Counter and Toggle UI ProjectTry It Yourself available
17:17Try It Yourself
08

Module 8

5 lessons • 75 minutes

Try It Yourself available

Try It Yourself
JavaScript To-Do Project with Local StorageTry It Yourself available
15:12Try It Yourself
APIs Backend Connection Axios HTTP Methods and Status CodesTry It Yourself available
17:22Try It Yourself
JavaScript Real Projects and Authentication LogicTry It Yourself available
19:32Try It Yourself
Node.js NPM Modules File System Express Middleware and JWTTry It Yourself available
9:42Try It Yourself
Interview Concepts Event Loop Microtask vs Macrotask Deep vs Shallow Copy Memory LeakTry It Yourself available
11:52Try It Yourself
09

Module 9

5 lessons • 75 minutes

Try It Yourself available

Try It Yourself
JavaScript Variables Revision PracticeTry It Yourself available
9:47Try It Yourself
JavaScript Comparison Operators Deep DiveTry It Yourself available
11:57Try It Yourself
JavaScript Nested Conditions and Decision TreesTry It Yourself available
13:07Try It Yourself
JavaScript Loop Patterns and TablesTry It Yourself available
15:17Try It Yourself
JavaScript Break Continue and Loop ControlTry It Yourself available
17:27Try It Yourself
10

Module 10

5 lessons • 75 minutes

Try It Yourself available

Try It Yourself
JavaScript Function Scope and Local VariablesTry It Yourself available
15:22Try It Yourself
JavaScript Default Parameters and Rest PracticeTry It Yourself available
17:32Try It Yourself
JavaScript Array of Objects BasicsTry It Yourself available
19:42Try It Yourself
JavaScript map filter reduce on Real DataTry It Yourself available
9:52Try It Yourself
JavaScript Object Methods and this PracticeTry It Yourself available
11:02Try It Yourself
11

Module 11

5 lessons • 75 minutes

Try It Yourself available

Try It Yourself
JavaScript Optional Chaining and Nullish ValuesTry It Yourself available
9:57Try It Yourself
JavaScript DOM Text HTML and AttributesTry It Yourself available
11:07Try It Yourself
JavaScript DOM Styles and Theme SwitchingTry It Yourself available
13:17Try It Yourself
JavaScript Create Cards from DataTry It Yourself available
15:27Try It Yourself
JavaScript Search Filter UITry It Yourself available
17:37Try It Yourself
12

Module 12

5 lessons • 75 minutes

Try It Yourself available

Try It Yourself
JavaScript Simple Modal Toggle LogicTry It Yourself available
15:32Try It Yourself
JavaScript Keyboard Events Mini PracticeTry It Yourself available
17:42Try It Yourself
JavaScript Mouse Events Hover and MovementTry It Yourself available
19:52Try It Yourself
JavaScript setTimeout UI NotificationsTry It Yourself available
9:02Try It Yourself
JavaScript Promise Basics with Fake APITry It Yourself available
11:12Try It Yourself
13

Module 13

5 lessons • 75 minutes

Try It Yourself available

Try It Yourself
JavaScript Async Await Real Fetch PracticeTry It Yourself available
9:07Try It Yourself
JavaScript JSON Parse and Stringify PracticeTry It Yourself available
11:17Try It Yourself
JavaScript Local Storage Project PracticeTry It Yourself available
13:27Try It Yourself
JavaScript Class Basics and InstancesTry It Yourself available
15:37Try It Yourself
JavaScript Inheritance Easy ExampleTry It Yourself available
17:47Try It Yourself
14

Module 14

5 lessons • 75 minutes

Try It Yourself available

Try It Yourself
JavaScript Modules Simple Project SplitTry It Yourself available
15:42Try It Yourself
JavaScript Debugging with Console and DevToolsTry It Yourself available
17:52Try It Yourself
JavaScript Mini Project Digital ClockTry It Yourself available
19:02Try It Yourself
JavaScript Mini Project Tabs SwitcherTry It Yourself available
9:12Try It Yourself
JavaScript Mini Project FAQ AccordionTry It Yourself available
11:22Try It Yourself
15

Module 15

3 lessons • 45 minutes

Try It Yourself available

Try It Yourself
JavaScript Mini Project Quiz LogicTry It Yourself available
9:17Try It Yourself
JavaScript Mini Project Weather UI StructureTry It Yourself available
11:27Try It Yourself
JavaScript Final Project Course Dashboard BasicsTry It Yourself available
13:37Try It Yourself

Try It Yourself

Practice this course here with JavaScript Introduction and Browser Execution.

Open Full Lesson

Try It Yourself

Loading editor...

Requirements

  • No prior coding experience needed
  • A computer with internet access
  • Any modern web browser (Chrome, Firefox, Safari)
  • Text editor (VS Code recommended)

Student Reviews

0.0(0 reviews)
No reviews yet. Be the first student to add one.

Add Your Review

Rating

Instructor

Instructor Ali Moavia
Ali Moavia
Senior Web Developer

Full-stack developer with 3+ years of experience. Passionate about teaching web technologies.

50K+ students
12 courses

Related Courses

HTML Tutorial logo

HTML Tutorial

Beginner • Frontend Development

Learn HTML from beginner to advanced with practical examples.

4.9
CSS Tutorial logo

CSS Tutorial

Beginner • Frontend Development

Learn CSS from beginner to advanced with practical examples, layouts, animations, responsive design, and modern styling techniques.

4.7

Share this course