Zero knowledge → degree → professional → expert

Web Technologies

HTML, CSS, APIs, hosting and modern web platforms

115 structured topics, each reinforced with plain-language teaching, memory hooks, hands-on practice, retrieval, teach-back, speed recall, professional transfer and spaced review.

Start learning

How mastery works

1. Five-year-old simple

Every new term is explained without assumed knowledge and linked to a familiar picture.

2. Do it

Guided labs, typing, diagrams, configurations, queries or professional artefacts turn words into usable skill.

3. Retrieve it

No-peeking recall, teach-back and 60-second checks force the brain to retrieve instead of recognise.

4. Use it professionally

Failure modes, security, evidence, capstones and spaced repetition build degree and workplace fluency.

Course topics

  1. Introduction to Web Technologies — How the web works
  2. Web Architecture — Client-server model
  3. HTTP Protocol — Requests, responses, methods
  4. Web Browsers — Rendering engines, DevTools
  5. HTML Introduction — Markup language basics
  6. HTML Document Structure — DOCTYPE, head, body
  7. Text Elements — Headings, paragraphs, formatting
  8. Hyperlinks — Anchor tags and navigation
  9. Images & Media — img, video, audio elements
  10. Lists — Ordered, unordered, definition
  11. Tables — Rows, columns, spanning
  12. CSS Introduction — Styling web pages
  13. CSS Selectors — Element, class, ID selectors
  14. Colors & Backgrounds — Color values and gradients
  15. Text Styling — Fonts, sizes, alignment
  16. The Box Model — Margin, border, padding
  17. Display Property — Block, inline, flex, grid
  18. Website Planning — Goals, audience, content
  19. Wireframing — Low-fidelity design sketches
  20. Site Maps — Information architecture
  21. User Flows — Navigation and journeys
  22. Mockups & Prototypes — High-fidelity designs
  23. HTML Forms — Input types and validation
  24. Form Elements — Select, textarea, buttons
  25. Semantic HTML — header, nav, article, section
  26. HTML5 APIs — Geolocation, storage, canvas
  27. Multimedia Elements — Video, audio, embedding
  28. SVG Basics — Scalable vector graphics
  29. Meta Tags & SEO — Title, description, keywords
  30. Responsive Images — srcset and picture element
  31. Iframes & Embedding — Embedding external content
  32. Data Attributes — Custom data-* attributes
  33. Template Element — Reusable HTML templates
  34. Flexbox Layout — Flexible box model
  35. CSS Grid — Two-dimensional layouts
  36. Positioning — Static, relative, absolute, fixed
  37. Responsive Design — Media queries and breakpoints
  38. CSS Animations — Transitions and keyframes
  39. Transforms — Rotate, scale, translate
  40. CSS Variables — Custom properties
  41. Pseudo-classes & Elements — :hover, ::before, ::after
  42. JavaScript Introduction — Programming for the web
  43. Variables & Data Types — let, const, types
  44. Operators & Expressions — Arithmetic, comparison, logical
  45. Control Flow — if/else, switch, loops
  46. Functions — Declaration, expression, arrow
  47. Arrays — Methods and iteration
  48. Objects — Properties and methods
  49. The DOM — Document Object Model
  50. DOM Selection — querySelector, getElementById
  51. DOM Manipulation — Creating and modifying elements
  52. Event Handling — Click, submit, keyboard events
  53. Async JavaScript — Callbacks, promises, async/await
  54. Fetch API — Making HTTP requests
  55. JSON Handling — Parse and stringify
  56. Local Storage — Client-side data persistence
  57. Form Validation — Client-side validation
  58. Web Accessibility — WCAG guidelines and ARIA
  59. Screen Reader Support — Alt text, labels, landmarks
  60. Keyboard Navigation — Focus management, tab order
  61. Cross-Browser Compatibility — Testing and polyfills
  62. Web Security Basics — XSS, CSRF, HTTPS
  63. Content Security Policy — CSP headers and directives
  64. Secure Form Handling — Input sanitization
  65. SEO Fundamentals — Search engine optimization
  66. Web Analytics — Tracking and measuring
  67. Performance Optimization — Loading speed and caching
  68. Version Control for Web — Git basics for web projects
  69. Web Deployment — Hosting and domain setup
  70. Website Maintenance — Updates, backups, monitoring
  71. HTML Best Practices — Clean, semantic markup
  72. CSS Best Practices — Maintainable stylesheets
  73. JavaScript Best Practices — Clean, efficient code
  74. Code Organization — File structure and naming
  75. Testing & Debugging — DevTools and testing strategies
  76. Progressive Enhancement — Building resilient websites
  77. TypeScript Introduction — Type-safe JavaScript
  78. TypeScript Types — Interfaces, generics, unions
  79. React Introduction — Component-based UI
  80. React Hooks — useState, useEffect, custom hooks
  81. State Management — Context, Redux, Zustand
  82. Next.js Introduction — Full-stack React framework
  83. Tailwind CSS — Utility-first CSS framework
  84. Progressive Web Apps — Installable web applications
  85. Service Workers — Offline functionality
  86. Web App Manifest — App-like experience
  87. Push Notifications — Engaging users
  88. Responsive Design Mastery — Mobile-first advanced patterns
  89. Technical SEO — Crawling, indexing, sitemaps
  90. On-Page SEO — Content optimization, keywords
  91. Off-Page SEO — Link building, authority
  92. Schema Markup — Structured data for search
  93. Core Web Vitals — LCP, FID, CLS optimization
  94. REST API Design — RESTful web services
  95. GraphQL Introduction — Query language for APIs
  96. API Authentication — JWT, OAuth, API keys
  97. API Documentation — Swagger, OpenAPI
  98. WebSockets — Real-time communication
  99. Full-Stack Architecture — Frontend + backend design
  100. Database Integration — SQL and NoSQL in web apps
  101. Auth Implementation — Login, signup, sessions
  102. File Upload Systems — Handling uploads and storage
  103. Advanced Deployment — CI/CD, Docker, cloud hosting
  104. Advanced Web Security — Rate limiting, WAF, DDoS
  105. Mobile App Development — Native vs cross-platform
  106. React Native — Build iOS & Android apps
  107. Flutter Introduction — Dart-based cross-platform
  108. Capacitor & Ionic — Web-to-native apps
  109. App Store Publishing — Play Store & App Store submission
  110. App Monetization — In-app purchases, ads, subscriptions
  111. Node.js Introduction — Server-side JavaScript
  112. Express.js APIs — Building REST APIs with Express
  113. Python Web Development — Django and Flask
  114. Microservices Architecture — Service-based backend design
  115. Serverless Functions — AWS Lambda, Vercel, Supabase

← View the complete AIblty curriculum