Loading content…
Loading content…
Master the fundamentals of web development
This track features 4 modules outlining core production requirements. Follow the lessons to understand the conceptual architectures and complete the recommended tasks.
Beginner developers, engineering interns, and self-taught coders looking to build a high-performance web development foundation.
Refactor a non-accessible interactive component (a div-based toggle switch) to satisfy WCAG AA accessibility standards. The component must support keyboard navigation (Tab to focus, Space/Enter to toggle) and state announcements via ARIA properties.
Intermediate TaskImplement an image lazy loading and performance auditing component in React. Demonstrate how to defer off-screen images using browser Intersection Observer APIs, rendering low-res placeholders during loading.
Beginner TaskBuild a registration form using only semantic HTML5 tags and native constraint validation attributes. The form must require an email, a username (alphanumeric, 4-12 characters), and a password (minimum 8 characters with at least one number).
Beginner TaskBuild a pricing page grid containing three cards (Starter, Pro, Enterprise) using pure CSS Grid or Flexbox. The layout must stack vertically on mobile screens (< 768px) and display in three columns on desktop viewports.
Build an accessible, high-performance professional developer portfolio to showcase your project work, experience, and contact forms using clean semantic HTML and modular CSS variables.
Intermediate LabDesign a collaborative task management application featuring drag-and-drop kanban boards, task lists, prioritization controls, and filtered sorting columns.
Validate your task solutions and project outputs against senior coding standards.
Once you have completed the module lessons and practice tasks in this path, click below to proceed.
Proceed to Frontend Frameworks (React & Next.js)