CL Classic CY Cyber FR Forest SS Sunset AU Aurora MN Mono
Loading…
If this never completes: start PostgreSQL, check DATABASE_URL and DIRECT_URL in .env, run npx prisma db push. Optional: set SKIP_RUNTIME_CATALOG_SEED=1 to skip heavy catalog seed while debugging.
🧱 HTML Course Beginner to Advanced
Start with semantic HTML, accessibility-first structure, and practical page-building patterns used in real production websites.
Curriculum 410 structured lessons with exercises and projects.
Level 1: HTML Beginner 110 lessons
Module 1: HTML foundations
Module 2: Semantic structure
Module 3: Text and link architecture
Lesson 21: Text and link architecture: Concept walkthrough Lesson 22: Text and link architecture: Syntax drill Lesson 23: Text and link architecture: Debugging scenario Lesson 24: Text and link architecture: Refactoring strategy Lesson 25: Text and link architecture: Testing focus Lesson 26: Text and link architecture: Real-world case study Lesson 27: Text and link architecture: Performance perspective Lesson 28: Text and link architecture: Security and reliability Lesson 29: Text and link architecture: Architecture checkpoint Lesson 30: Text and link architecture: Project integration FULL SUBSCRIPTION Module 4: Media and embedded content
Lesson 31: Media and embedded content: Concept walkthrough Lesson 32: Media and embedded content: Syntax drill Lesson 33: Media and embedded content: Debugging scenario Lesson 34: Media and embedded content: Refactoring strategy Lesson 35: Media and embedded content: Testing focus Lesson 36: Media and embedded content: Real-world case study Lesson 37: Media and embedded content: Performance perspective Lesson 38: Media and embedded content: Security and reliability Lesson 39: Media and embedded content: Architecture checkpoint Lesson 40: Media and embedded content: Project integration FULL SUBSCRIPTION Module 5: Tables and structured data
Lesson 41: Tables and structured data: Concept walkthrough Lesson 42: Tables and structured data: Syntax drill Lesson 43: Tables and structured data: Debugging scenario Lesson 44: Tables and structured data: Refactoring strategy Lesson 45: Tables and structured data: Testing focus Lesson 46: Tables and structured data: Real-world case study Lesson 47: Tables and structured data: Performance perspective Lesson 48: Tables and structured data: Security and reliability Lesson 49: Tables and structured data: Architecture checkpoint Lesson 50: Tables and structured data: Project integration FULL SUBSCRIPTION Module 6: Colors, numbers, shapes, and coordinates
Lesson 51: Colors, numbers, shapes, and coordinates: Concept walkthrough Lesson 52: Colors, numbers, shapes, and coordinates: Syntax drill Lesson 53: Colors, numbers, shapes, and coordinates: Debugging scenario Lesson 54: Colors, numbers, shapes, and coordinates: Refactoring strategy Lesson 55: Colors, numbers, shapes, and coordinates: Testing focus Lesson 56: Colors, numbers, shapes, and coordinates: Real-world case study Lesson 57: Colors, numbers, shapes, and coordinates: Performance perspective Lesson 58: Colors, numbers, shapes, and coordinates: Security and reliability Lesson 59: Colors, numbers, shapes, and coordinates: Architecture checkpoint Lesson 60: Colors, numbers, shapes, and coordinates: Project integration FULL SUBSCRIPTION Module 7: Forms and user input
Lesson 61: Forms and user input: Concept walkthrough Lesson 62: Forms and user input: Syntax drill Lesson 63: Forms and user input: Debugging scenario Lesson 64: Forms and user input: Refactoring strategy Lesson 65: Forms and user input: Testing focus Lesson 66: Forms and user input: Real-world case study Lesson 67: Forms and user input: Performance perspective Lesson 68: Forms and user input: Security and reliability Lesson 69: Forms and user input: Architecture checkpoint Lesson 70: Forms and user input: Project integration FULL SUBSCRIPTION Module 8: Accessibility essentials
Lesson 71: Accessibility essentials: Concept walkthrough Lesson 72: Accessibility essentials: Syntax drill Lesson 73: Accessibility essentials: Debugging scenario Lesson 74: Accessibility essentials: Refactoring strategy Lesson 75: Accessibility essentials: Testing focus Lesson 76: Accessibility essentials: Real-world case study Lesson 77: Accessibility essentials: Performance perspective Lesson 78: Accessibility essentials: Security and reliability Lesson 79: Accessibility essentials: Architecture checkpoint Lesson 80: Accessibility essentials: Project integration FULL SUBSCRIPTION Module 9: Metadata and SEO basics
Lesson 81: Metadata and SEO basics: Concept walkthrough Lesson 82: Metadata and SEO basics: Syntax drill Lesson 83: Metadata and SEO basics: Debugging scenario Lesson 84: Metadata and SEO basics: Refactoring strategy Lesson 85: Metadata and SEO basics: Testing focus Lesson 86: Metadata and SEO basics: Real-world case study Lesson 87: Metadata and SEO basics: Performance perspective Lesson 88: Metadata and SEO basics: Security and reliability Lesson 89: Metadata and SEO basics: Architecture checkpoint Lesson 90: Metadata and SEO basics: Project integration FULL SUBSCRIPTION Module 10: Componentized page sections
Lesson 91: Componentized page sections: Concept walkthrough Lesson 92: Componentized page sections: Syntax drill Lesson 93: Componentized page sections: Debugging scenario Lesson 94: Componentized page sections: Refactoring strategy Lesson 95: Componentized page sections: Testing focus Lesson 96: Componentized page sections: Real-world case study Lesson 97: Componentized page sections: Performance perspective Lesson 98: Componentized page sections: Security and reliability Lesson 99: Componentized page sections: Architecture checkpoint Lesson 100: Componentized page sections: Project integration FULL SUBSCRIPTION Module 11: Beginner website project
Lesson 101: Beginner website project: Concept walkthrough Lesson 102: Beginner website project: Syntax drill Lesson 103: Beginner website project: Debugging scenario Lesson 104: Beginner website project: Refactoring strategy Lesson 105: Beginner website project: Testing focus Lesson 106: Beginner website project: Real-world case study Lesson 107: Beginner website project: Performance perspective Lesson 108: Beginner website project: Security and reliability Lesson 109: Beginner website project: Architecture checkpoint Lesson 110: Beginner website project: Project integration FULL SUBSCRIPTION Level 2: HTML Intermediate 100 lessons
Module 1: Advanced semantic strategies
Lesson 111: Advanced semantic strategies: Concept walkthrough Lesson 112: Advanced semantic strategies: Syntax drill Lesson 113: Advanced semantic strategies: Debugging scenario Lesson 114: Advanced semantic strategies: Refactoring strategy Lesson 115: Advanced semantic strategies: Testing focus Lesson 116: Advanced semantic strategies: Real-world case study Lesson 117: Advanced semantic strategies: Performance perspective Lesson 118: Advanced semantic strategies: Security and reliability Lesson 119: Advanced semantic strategies: Architecture checkpoint Lesson 120: Advanced semantic strategies: Project integration FULL SUBSCRIPTION Module 2: Accessibility workflows
Lesson 121: Accessibility workflows: Concept walkthrough Lesson 122: Accessibility workflows: Syntax drill Lesson 123: Accessibility workflows: Debugging scenario Lesson 124: Accessibility workflows: Refactoring strategy Lesson 125: Accessibility workflows: Testing focus Lesson 126: Accessibility workflows: Real-world case study Lesson 127: Accessibility workflows: Performance perspective Lesson 128: Accessibility workflows: Security and reliability Lesson 129: Accessibility workflows: Architecture checkpoint Level 3: HTML Advanced 100 lessons
Module 1: Large-scale information architecture
Lesson 211: Large-scale information architecture: Concept walkthrough Lesson 212: Large-scale information architecture: Syntax drill Lesson 213: Large-scale information architecture: Debugging scenario Lesson 214: Large-scale information architecture: Refactoring strategy Lesson 215: Large-scale information architecture: Testing focus Lesson 216: Large-scale information architecture: Real-world case study Lesson 217: Large-scale information architecture: Performance perspective Lesson 218: Large-scale information architecture: Security and reliability Lesson 219: Large-scale information architecture: Architecture checkpoint Lesson 220: Large-scale information architecture: Project integration FULL SUBSCRIPTION Module 2: SEO and discoverability strategy
Lesson 221: SEO and discoverability strategy: Concept walkthrough Lesson 222: SEO and discoverability strategy: Syntax drill Lesson 223: SEO and discoverability strategy: Debugging scenario Lesson 224: SEO and discoverability strategy: Refactoring strategy Lesson 225: SEO and discoverability strategy: Testing focus Lesson 226: SEO and discoverability strategy: Real-world case study Lesson 227: SEO and discoverability strategy: Performance perspective Level 4: HTML Professional 100 lessons
Module 1: Enterprise content architecture
Lesson 311: Enterprise content architecture: Concept walkthrough Lesson 312: Enterprise content architecture: Syntax drill Lesson 313: Enterprise content architecture: Debugging scenario Lesson 314: Enterprise content architecture: Refactoring strategy Lesson 315: Enterprise content architecture: Testing focus Lesson 316: Enterprise content architecture: Real-world case study Lesson 317: Enterprise content architecture: Performance perspective Lesson 318: Enterprise content architecture: Security and reliability Lesson 319: Enterprise content architecture: Architecture checkpoint Lesson 320: Enterprise content architecture: Project integration FULL SUBSCRIPTION Module 2: Accessibility compliance workflows
Lesson 321: Accessibility compliance workflows: Concept walkthrough Lesson 322: Accessibility compliance workflows: Syntax drill Lesson 323: Accessibility compliance workflows: Debugging scenario Lesson 324: Accessibility compliance workflows: Refactoring strategy Lesson 325: Accessibility compliance workflows: Testing focus Lesson 326: Accessibility compliance workflows: Real-world case study Lesson 327: Accessibility compliance workflows: Performance perspective First 20 lessons are free. Subscribe to unlock all remaining lessons in HTML.
Lesson 130: Accessibility workflows: Project integration Module 3: Content architecture
Lesson 131: Content architecture: Concept walkthrough Lesson 132: Content architecture: Syntax drill Lesson 133: Content architecture: Debugging scenario Lesson 134: Content architecture: Refactoring strategy Lesson 135: Content architecture: Testing focus Lesson 136: Content architecture: Real-world case study Lesson 137: Content architecture: Performance perspective Lesson 138: Content architecture: Security and reliability Lesson 139: Content architecture: Architecture checkpoint Lesson 140: Content architecture: Project integration FULL SUBSCRIPTION Module 4: Documentation site patterns
Lesson 141: Documentation site patterns: Concept walkthrough Lesson 142: Documentation site patterns: Syntax drill Lesson 143: Documentation site patterns: Debugging scenario Lesson 144: Documentation site patterns: Refactoring strategy Lesson 145: Documentation site patterns: Testing focus Lesson 146: Documentation site patterns: Real-world case study Lesson 147: Documentation site patterns: Performance perspective Lesson 148: Documentation site patterns: Security and reliability Lesson 149: Documentation site patterns: Architecture checkpoint Lesson 150: Documentation site patterns: Project integration FULL SUBSCRIPTION Module 5: Form UX patterns
Lesson 151: Form UX patterns: Concept walkthrough Lesson 152: Form UX patterns: Syntax drill Lesson 153: Form UX patterns: Debugging scenario Lesson 154: Form UX patterns: Refactoring strategy Lesson 155: Form UX patterns: Testing focus Lesson 156: Form UX patterns: Real-world case study Lesson 157: Form UX patterns: Performance perspective Lesson 158: Form UX patterns: Security and reliability Lesson 159: Form UX patterns: Architecture checkpoint Lesson 160: Form UX patterns: Project integration FULL SUBSCRIPTION Module 6: Integration with CSS and JS
Lesson 161: Integration with CSS and JS: Concept walkthrough Lesson 162: Integration with CSS and JS: Syntax drill Lesson 163: Integration with CSS and JS: Debugging scenario Lesson 164: Integration with CSS and JS: Refactoring strategy Lesson 165: Integration with CSS and JS: Testing focus Lesson 166: Integration with CSS and JS: Real-world case study Lesson 167: Integration with CSS and JS: Performance perspective Lesson 168: Integration with CSS and JS: Security and reliability Lesson 169: Integration with CSS and JS: Architecture checkpoint Lesson 170: Integration with CSS and JS: Project integration FULL SUBSCRIPTION Module 7: Validation and quality checks
Lesson 171: Validation and quality checks: Concept walkthrough Lesson 172: Validation and quality checks: Syntax drill Lesson 173: Validation and quality checks: Debugging scenario Lesson 174: Validation and quality checks: Refactoring strategy Lesson 175: Validation and quality checks: Testing focus Lesson 176: Validation and quality checks: Real-world case study Lesson 177: Validation and quality checks: Performance perspective Lesson 178: Validation and quality checks: Security and reliability Lesson 179: Validation and quality checks: Architecture checkpoint Lesson 180: Validation and quality checks: Project integration FULL SUBSCRIPTION Module 8: Performance-aware markup
Lesson 181: Performance-aware markup: Concept walkthrough Lesson 182: Performance-aware markup: Syntax drill Lesson 183: Performance-aware markup: Debugging scenario Lesson 184: Performance-aware markup: Refactoring strategy Lesson 185: Performance-aware markup: Testing focus Lesson 186: Performance-aware markup: Real-world case study Lesson 187: Performance-aware markup: Performance perspective Lesson 188: Performance-aware markup: Security and reliability Lesson 189: Performance-aware markup: Architecture checkpoint Lesson 190: Performance-aware markup: Project integration FULL SUBSCRIPTION Module 9: Reusable templates
Lesson 191: Reusable templates: Concept walkthrough Lesson 192: Reusable templates: Syntax drill Lesson 193: Reusable templates: Debugging scenario Lesson 194: Reusable templates: Refactoring strategy Lesson 195: Reusable templates: Testing focus Lesson 196: Reusable templates: Real-world case study Lesson 197: Reusable templates: Performance perspective Lesson 198: Reusable templates: Security and reliability Lesson 199: Reusable templates: Architecture checkpoint Lesson 200: Reusable templates: Project integration FULL SUBSCRIPTION Module 10: Intermediate content project
Lesson 201: Intermediate content project: Concept walkthrough Lesson 202: Intermediate content project: Syntax drill Lesson 203: Intermediate content project: Debugging scenario Lesson 204: Intermediate content project: Refactoring strategy Lesson 205: Intermediate content project: Testing focus Lesson 206: Intermediate content project: Real-world case study Lesson 207: Intermediate content project: Performance perspective Lesson 208: Intermediate content project: Security and reliability Lesson 209: Intermediate content project: Architecture checkpoint Lesson 210: Intermediate content project: Project integration FULL SUBSCRIPTION
Lesson 228: SEO and discoverability strategy: Security and reliability
Lesson 229: SEO and discoverability strategy: Architecture checkpoint
Lesson 230: SEO and discoverability strategy: Project integration Module 3: Internationalization structure
Lesson 231: Internationalization structure: Concept walkthrough Lesson 232: Internationalization structure: Syntax drill Lesson 233: Internationalization structure: Debugging scenario Lesson 234: Internationalization structure: Refactoring strategy Lesson 235: Internationalization structure: Testing focus Lesson 236: Internationalization structure: Real-world case study Lesson 237: Internationalization structure: Performance perspective Lesson 238: Internationalization structure: Security and reliability Lesson 239: Internationalization structure: Architecture checkpoint Lesson 240: Internationalization structure: Project integration FULL SUBSCRIPTION Module 4: Design system markup standards
Lesson 241: Design system markup standards: Concept walkthrough Lesson 242: Design system markup standards: Syntax drill Lesson 243: Design system markup standards: Debugging scenario Lesson 244: Design system markup standards: Refactoring strategy Lesson 245: Design system markup standards: Testing focus Lesson 246: Design system markup standards: Real-world case study Lesson 247: Design system markup standards: Performance perspective Lesson 248: Design system markup standards: Security and reliability Lesson 249: Design system markup standards: Architecture checkpoint Lesson 250: Design system markup standards: Project integration FULL SUBSCRIPTION Module 5: Security considerations in markup
Lesson 251: Security considerations in markup: Concept walkthrough Lesson 252: Security considerations in markup: Syntax drill Lesson 253: Security considerations in markup: Debugging scenario Lesson 254: Security considerations in markup: Refactoring strategy Lesson 255: Security considerations in markup: Testing focus Lesson 256: Security considerations in markup: Real-world case study Lesson 257: Security considerations in markup: Performance perspective Lesson 258: Security considerations in markup: Security and reliability Lesson 259: Security considerations in markup: Architecture checkpoint Lesson 260: Security considerations in markup: Project integration FULL SUBSCRIPTION Module 6: Analytics instrumentation points
Lesson 261: Analytics instrumentation points: Concept walkthrough Lesson 262: Analytics instrumentation points: Syntax drill Lesson 263: Analytics instrumentation points: Debugging scenario Lesson 264: Analytics instrumentation points: Refactoring strategy Lesson 265: Analytics instrumentation points: Testing focus Lesson 266: Analytics instrumentation points: Real-world case study Lesson 267: Analytics instrumentation points: Performance perspective Lesson 268: Analytics instrumentation points: Security and reliability Lesson 269: Analytics instrumentation points: Architecture checkpoint Lesson 270: Analytics instrumentation points: Project integration FULL SUBSCRIPTION Module 7: Maintenance workflows
Lesson 271: Maintenance workflows: Concept walkthrough Lesson 272: Maintenance workflows: Syntax drill Lesson 273: Maintenance workflows: Debugging scenario Lesson 274: Maintenance workflows: Refactoring strategy Lesson 275: Maintenance workflows: Testing focus Lesson 276: Maintenance workflows: Real-world case study Lesson 277: Maintenance workflows: Performance perspective Lesson 278: Maintenance workflows: Security and reliability Lesson 279: Maintenance workflows: Architecture checkpoint Lesson 280: Maintenance workflows: Project integration FULL SUBSCRIPTION Module 8: Quality governance
Lesson 281: Quality governance: Concept walkthrough Lesson 282: Quality governance: Syntax drill Lesson 283: Quality governance: Debugging scenario Lesson 284: Quality governance: Refactoring strategy Lesson 285: Quality governance: Testing focus Lesson 286: Quality governance: Real-world case study Lesson 287: Quality governance: Performance perspective Lesson 288: Quality governance: Security and reliability Lesson 289: Quality governance: Architecture checkpoint Lesson 290: Quality governance: Project integration FULL SUBSCRIPTION Module 9: Release standards
Lesson 291: Release standards: Concept walkthrough Lesson 292: Release standards: Syntax drill Lesson 293: Release standards: Debugging scenario Lesson 294: Release standards: Refactoring strategy Lesson 295: Release standards: Testing focus Lesson 296: Release standards: Real-world case study Lesson 297: Release standards: Performance perspective Lesson 298: Release standards: Security and reliability Lesson 299: Release standards: Architecture checkpoint Lesson 300: Release standards: Project integration FULL SUBSCRIPTION Module 10: Advanced documentation platform
Lesson 301: Advanced documentation platform: Concept walkthrough Lesson 302: Advanced documentation platform: Syntax drill Lesson 303: Advanced documentation platform: Debugging scenario Lesson 304: Advanced documentation platform: Refactoring strategy Lesson 305: Advanced documentation platform: Testing focus Lesson 306: Advanced documentation platform: Real-world case study Lesson 307: Advanced documentation platform: Performance perspective Lesson 308: Advanced documentation platform: Security and reliability Lesson 309: Advanced documentation platform: Architecture checkpoint Lesson 310: Advanced documentation platform: Project integration FULL SUBSCRIPTION
Lesson 328: Accessibility compliance workflows: Security and reliability
Lesson 329: Accessibility compliance workflows: Architecture checkpoint
Lesson 330: Accessibility compliance workflows: Project integration Module 3: Governance and editorial pipelines
Lesson 331: Governance and editorial pipelines: Concept walkthrough Lesson 332: Governance and editorial pipelines: Syntax drill Lesson 333: Governance and editorial pipelines: Debugging scenario Lesson 334: Governance and editorial pipelines: Refactoring strategy Lesson 335: Governance and editorial pipelines: Testing focus Lesson 336: Governance and editorial pipelines: Real-world case study Lesson 337: Governance and editorial pipelines: Performance perspective Lesson 338: Governance and editorial pipelines: Security and reliability Lesson 339: Governance and editorial pipelines: Architecture checkpoint Lesson 340: Governance and editorial pipelines: Project integration FULL SUBSCRIPTION Module 4: Cross-platform integration
Lesson 341: Cross-platform integration: Concept walkthrough Lesson 342: Cross-platform integration: Syntax drill Lesson 343: Cross-platform integration: Debugging scenario Lesson 344: Cross-platform integration: Refactoring strategy Lesson 345: Cross-platform integration: Testing focus Lesson 346: Cross-platform integration: Real-world case study Lesson 347: Cross-platform integration: Performance perspective Lesson 348: Cross-platform integration: Security and reliability Lesson 349: Cross-platform integration: Architecture checkpoint Lesson 350: Cross-platform integration: Project integration FULL SUBSCRIPTION Module 5: Quality and auditing
Lesson 351: Quality and auditing: Concept walkthrough Lesson 352: Quality and auditing: Syntax drill Lesson 353: Quality and auditing: Debugging scenario Lesson 354: Quality and auditing: Refactoring strategy Lesson 355: Quality and auditing: Testing focus Lesson 356: Quality and auditing: Real-world case study Lesson 357: Quality and auditing: Performance perspective Lesson 358: Quality and auditing: Security and reliability Lesson 359: Quality and auditing: Architecture checkpoint Lesson 360: Quality and auditing: Project integration FULL SUBSCRIPTION Module 6: Team collaboration models
Lesson 361: Team collaboration models: Concept walkthrough Lesson 362: Team collaboration models: Syntax drill Lesson 363: Team collaboration models: Debugging scenario Lesson 364: Team collaboration models: Refactoring strategy Lesson 365: Team collaboration models: Testing focus Lesson 366: Team collaboration models: Real-world case study Lesson 367: Team collaboration models: Performance perspective Lesson 368: Team collaboration models: Security and reliability Lesson 369: Team collaboration models: Architecture checkpoint Lesson 370: Team collaboration models: Project integration FULL SUBSCRIPTION Module 7: Operational publishing
Lesson 371: Operational publishing: Concept walkthrough Lesson 372: Operational publishing: Syntax drill Lesson 373: Operational publishing: Debugging scenario Lesson 374: Operational publishing: Refactoring strategy Lesson 375: Operational publishing: Testing focus Lesson 376: Operational publishing: Real-world case study Lesson 377: Operational publishing: Performance perspective Lesson 378: Operational publishing: Security and reliability Lesson 379: Operational publishing: Architecture checkpoint Lesson 380: Operational publishing: Project integration FULL SUBSCRIPTION Module 8: Knowledge management systems
Lesson 381: Knowledge management systems: Concept walkthrough Lesson 382: Knowledge management systems: Syntax drill Lesson 383: Knowledge management systems: Debugging scenario Lesson 384: Knowledge management systems: Refactoring strategy Lesson 385: Knowledge management systems: Testing focus Lesson 386: Knowledge management systems: Real-world case study Lesson 387: Knowledge management systems: Performance perspective Lesson 388: Knowledge management systems: Security and reliability Lesson 389: Knowledge management systems: Architecture checkpoint Lesson 390: Knowledge management systems: Project integration FULL SUBSCRIPTION Module 9: Open-source documentation contribution
Lesson 391: Open-source documentation contribution: Concept walkthrough Lesson 392: Open-source documentation contribution: Syntax drill Lesson 393: Open-source documentation contribution: Debugging scenario Lesson 394: Open-source documentation contribution: Refactoring strategy Lesson 395: Open-source documentation contribution: Testing focus Lesson 396: Open-source documentation contribution: Real-world case study Lesson 397: Open-source documentation contribution: Performance perspective Lesson 398: Open-source documentation contribution: Security and reliability Lesson 399: Open-source documentation contribution: Architecture checkpoint Lesson 400: Open-source documentation contribution: Project integration FULL SUBSCRIPTION Module 10: Enterprise capstone
Lesson 401: Enterprise capstone: Concept walkthrough Lesson 402: Enterprise capstone: Syntax drill Lesson 403: Enterprise capstone: Debugging scenario Lesson 404: Enterprise capstone: Refactoring strategy Lesson 405: Enterprise capstone: Testing focus Lesson 406: Enterprise capstone: Real-world case study Lesson 407: Enterprise capstone: Performance perspective Lesson 408: Enterprise capstone: Security and reliability Lesson 409: Enterprise capstone: Architecture checkpoint Lesson 410: Enterprise capstone: Project integration FULL SUBSCRIPTION HTML Programming Course | CodeAtlas