Start with programming concepts, see what JavaScript, TypeScript, Python, SQL and web technologies actually do, then apply them to your own projects. You don't need to learn every language at once.
Learning path
The first two lessons are guided tutorials with practice questions. The remaining modules are planned. Examples are illustrative and do not execute code.
LESSON 01 · Guided lesson available
How Code Works
Recognize source files, syntax, running programs and different execution environments.
Practice: Locate a .ts file and explain what executes it.
Prerequisites: None
LESSON 02 · Guided lesson available
Programming Concepts
Read variables, types, functions, conditionals, loops and collections.
Practice: Trace a tiny function's inputs and output.
Prerequisites: how-code-works
LESSON 03 · Planned
JavaScript Essentials
Explain functions, objects, events, promises and asynchronous behavior.
Practice: Predict and compare two function outputs.
Prerequisites: programming-concepts
LESSON 04 · Planned
TypeScript Essentials
Understand type annotations and why builds can reject invalid types.
Practice: Fix an argument type mismatch.
Prerequisites: javascript
LESSON 05 · Planned
HTML & CSS
Distinguish semantic page structure from visual styling.
Practice: Identify a heading, label, layout and focus state.
Prerequisites: how-code-works
LESSON 06 · Planned
Python Essentials
Understand scripts, modules and common automation use cases.
Practice: Read a simple file-processing script.
Prerequisites: programming-concepts
LESSON 07 · Planned
SQL Essentials
Read SELECT, WHERE, JOIN and database relationships.
Practice: Write a read-only query against sample account data.
Prerequisites: programming-concepts
LESSON 08 · Planned
Language Explorer
Compare language ecosystems by task and constraints, including Go, Rust, Java and C#.
Practice: Select two reasonable choices for an example project and explain tradeoffs.
Prerequisites: how-code-works
LESSON 09 · Planned
Frameworks & Runtimes
Differentiate React, Next.js, Node.js and platforms such as Vercel.
Practice: Label each part of your current portfolio stack.
Prerequisites: javascript
LESSON 10 · Planned
Choose the Right Tools
Pick a suitable language, framework and runtime for a concrete problem.
Practice: Design a small sourced-data workflow and justify its stack.
Prerequisites: frameworks-runtimes, sql
Language & technology explorer
Languages, frameworks, libraries, runtimes and platforms are different categories. Compare what each does and where it fits.
Programming language
JavaScript
Makes web pages interactive and also runs outside browsers.
Why it matters
A broadly used language for web applications, events, data and network requests.
Where you might use it
Browser features and server-side JavaScript services.
example.js · illustrative example, not a live code runner
function greet(name) {
return "Hello, " + name;
}
console.log(greet("Builder"));