Modules
The curriculum is organized into 14 modules. Work through them in order — each one builds on the last.
Use this index to find the module you are currently on, review earlier topics, or preview what is coming next. Each module page includes an overview, vocabulary, core concepts, examples, common mistakes, and links to related exercises and assignments.
🛠️ Module 1 — Program Setup, Git & GitHub
Get your environment ready, learn Git fundamentals, and build your first workflow.
Key concepts: Terminal basics, Git init/clone/add/commit/push/pull, GitHub, SSH, branching intro.
🏗️ Module 2 — HTML Foundations
Learn the language that structures every webpage.
Key concepts: Document structure, semantic elements, forms, tables, accessibility basics.
🎨 Module 3 — CSS Foundations
Style and layout your HTML with CSS.
Key concepts: Selectors, the box model, Flexbox, responsive design, media queries.
⚡ Module 4 — JavaScript Fundamentals
Write your first programs and understand how JavaScript works.
Key concepts: Variables, data types, functions, loops, conditionals, arrays, objects, array methods.
🌐 Module 5 — DOM Manipulation
Make your pages interactive with JavaScript.
Key concepts: Selecting elements, modifying the DOM, event listeners, forms, user input.
🔌 Module 6 — External API Requests
Fetch data from the web and work with async patterns.
Key concepts: fetch(), Promises, async/await, JSON, REST APIs, error handling.
⚛️ Module 7 — Introduction to React
Build component-based UIs with React.
Key concepts: Components, JSX, props, rendering lists, conditional rendering, Vite setup.
🔄 Module 8 — React State & Props
Manage data inside components and pass it between them.
Key concepts: useState, controlled inputs, lifting state, useEffect, prop callbacks.
🧭 Module 9 — React Router
Build multi-page applications with client-side routing.
Key concepts: React Router, routes, navigation, URL params, layout components, useNavigate.
🚀 Module 10 — Node.js & Express
Write server-side JavaScript and build your first API.
Key concepts: Node.js, npm, Express, routes, middleware, CRUD routes, environment variables.
🗄️ Module 11 — PostgreSQL & Sequelize
Store and retrieve data with a relational database.
Key concepts: PostgreSQL, Sequelize ORM, models, migrations, CRUD queries, associations.
🔗 Module 12 — Full-Stack CRUD App
Connect your frontend and backend into a working application.
Key concepts: Full-stack project structure, Vite proxy, React fetch, create/update/delete from UI.
📦 Module 13 — Deployment
Ship your application to the web.
Key concepts: Netlify, Render, managed PostgreSQL, environment variables, production migrations.
🎓 Module 14 — Capstone Project
Design, build, and present a full-stack application of your own.
Key concepts: MVP planning, data modeling, full-stack build, authentication, deployment, presentation.