Your first step. Learn what programming is, what HTML/CSS/JavaScript do, and how they work together to build websites.
JavaScript Syllabus
Not sure what to learn next? This syllabus suggests a clear sequence of topics, from JavaScript basics to advanced concepts, so you can choose what to study next with confidence.
You don't need to learn everything at once
JavaScript is a large language, so this syllabus covers both the foundations you need first and the deeper topics you can explore later. Start with Must Learn, then move to Good to Know and Advanced / Optional when you're ready.
Focus on one section at a time
Start from Basics if you're a beginner
Follow the core topics in order
Must Learn
0 core topics
Good to Know
0 useful topics
Advanced / Optional
0 deeper topics
Total syllabus
0 topics
This is a starting path, not the whole syllabus. For a more detailed timeline and milestones, use the JavaScript Roadmap.
A quick story of how JavaScript was born, how it grew over the years, and what runs it inside your browser today.
- JavaScript history
- ECMAScript
- JScript
- ActionScript
- JavaScript
- ECMA-262 and ISO/IEC 16262
- Versions of JavaScript & History
- Backward & Forward compatible
- JavaScript Engines
- V8
- SpiderMonkey
- JavaScriptCore
Install the code editor you'll use for everything. Set up VS Code with the right extensions and settings.
- What is an IDE?
- Downloading & Installing Visual Studio Code
- Difference - File vs Folder vs Workspace
- VSCode shortcuts
- Installing extensions
- Applying Settings & Default Formatter Setting
Create your first project - set up folders, link your files, and keep HTML, CSS, and JavaScript organized.
- Separation of concern
- Setting up starter files
- Folder structure for JavaScript projects
JavaScript Core
What makes JavaScript special? A quick look at the key features that set it apart from other languages.
- High Level Language
- Garbage Collected
- Interpreted Language (JIT)
- Parsing
- Interpretation
- Profiling
- Compilation
- Execution
- Multi Paradigm
- Prototype based functions
- First Class Function
- Dynamically Typed
- Single Threaded
- Non-Blocking Event Loop
- Platform Independent
See results on screen! Learn how to display output using the console, alerts, and more.
Understand the different types of data in JavaScript - numbers, text, true/false - and how to convert between them.
Primitive Data Types
Non-Primitive Data Types
Truthy and Falsy Values
- What are the truthy and falsy values in JavaScript?
- Falsy values
- undefined
- null
- 0
- ""
- false
- NaN
- Using Truthy and Falsy values in conditional statements
Type Conversion
Number Conversion
String Conversion
Boolean Conversion
Use alert, confirm, and prompt boxes to interact with users through simple browser dialogs.
Learn the naming rules for variables and functions, and which words are reserved keywords in JavaScript.
Write single-line and multi-line comments to document your code and follow clean coding guidelines.
Understand what a statement is, how semicolons work, and the difference between single-line and block statements.
Three ways to create variables in JavaScript. Learn when to use each one and how they behave differently.
Learn the symbols and shortcuts JavaScript uses for math, comparisons, and making logical decisions.
Arithmetic Operators
Assignment Operator
Comparison Operator
Logical Operators
Other Operators
Logical Assignment Operators
Short Circuiting
Control program flow with if/else, else-if chains, nested conditions, and switch-case statements.
Enable strict mode to catch common mistakes and write more secure, predictable JavaScript code.
Run the same code over and over automatically. Learn for, while, do-while, and other loop types.
Work with strings, template literals, escape characters, and 20+ built-in string methods like slice, split, and replace.
String Functions
Learn where your variables are available and why some work in one place but not another.
Write reusable code with function declarations, expressions, arrow functions, parameters, default values, and more.