World mapWorld 2 · Open now

Web Development

បង្កើតគេហទំព័រពីសូន្យ

Start with the internet and HTML, shape layouts with modern CSS, work confidently in the terminal with AI tools, then build full apps with React and Next.js.

Beginner12 hours4 chaptersFree
6 of 21 lessons ready
Start lesson one

Chapter 01The web and HTML

  1. 01How the Internet & Browsers Actually Workconcept · 15 mins
  2. 02What Does a Web Developer Actually Do?mindset · 15 mins
  3. 03Developing in the Age of AI: The New Mindsetconcept · 10 mins Soon
  4. 04Your First HTML Document & Elements (Read & Do)code · 20 mins
  5. 05Semantic HTML & Accessibility: Why <div> Soup Is Harmfulcode · 15 mins
  6. 06Forms, Inputs & Validation: Interacting with Userscode · 20 mins Soon
  7. 07Capstone Project: Build a Responsive Developer Profileproject · 30 mins Soon

Chapter 02Modern CSS and layout

  1. 08How Browsers Render: Box Model, Margins & Paddingconcept · 15 mins
  2. 09Modern Color Systems & Typography Hierarchyconcept · 15 mins Soon
  3. 10Flexbox Mastery: 1D Alignment & Spacingcode · 25 mins Soon
  4. 11CSS Grid: Building Complex 2D Layoutscode · 30 mins Soon
  5. 12Mobile-First Media Queries & Fluid Unitscode · 20 mins Soon
  6. 13CSS Micro-Animations: Transitions & Keyframesproject · 35 mins Soon

Chapter 03Terminal, Git and AI tools

  1. 14Terminal Mastery for Claude Code & Developerscode · 25 mins
  2. 15Git & GitHub: Branching, Commits & Safe Rollbackscode · 20 mins Soon
  3. 16How to Prompt AI for Accurate, Bug-Free Codeconcept · 15 mins Soon
  4. 17Building an Autonomous Dev Routine with Shell Toolsproject · 30 mins Soon

Chapter 04React and Next.js

  1. 18The React Mental Model: State, Props & Re-rendersconcept · 20 mins Soon
  2. 19Hooks in Action: useState, useEffect & Custom Hookscode · 30 mins Soon
  3. 20Server vs Client Components: When to use whichconcept · 25 mins Soon
  4. 21Dynamic Routing, SEO & Metadata generationcode · 25 mins Soon