MDN Front‑End Curriculum Overview

The MDN Front‑End Curriculum is a free, publicly accessible guide that lists essential and supplementary topics for aspiring web developers. It connects learners with vetted articles, videos, and tools, forming a clear roadmap from basics to advanced specializations.

Core Modules

These modules cover the foundational knowledge required for any front‑end professional. They align with industry standards and are organized to build competence step by step.

• HTML & CSS fundamentals - semantic markup, layout techniques, and responsive design.
• JavaScript core concepts - variables, control flow, DOM manipulation, and modern ES6+ features.
• Browser APIs - fetch, storage, and accessibility considerations.
• Version control with Git - branching, pull requests, and collaborative workflows.
• Performance basics - measuring load time, minimizing render‑blocking resources.

Getting Started Modules

These optional sections help newcomers set up a productive development environment and develop soft skills. They are especially useful for learners transitioning from other fields.

• Environment setup - selecting editors, browsers, and local servers.
• Command‑line basics - navigation, file operations, and scripting.
• Team collaboration - communication tools, code reviews, and agile principles.
• Problem‑solving strategies - debugging, research methods, and peer learning.
• Introductory projects - building a personal portfolio and a simple interactive page.

Extension Modules

After mastering the core, learners can explore specialized tracks to match career goals. Each extension offers deeper dives with curated resources.

• UI/UX design - design systems, accessibility, and prototyping tools.
• Advanced JavaScript - frameworks (React, Vue), state management, and testing.
• Web security - OWASP guidelines, CSP, and secure authentication.
• Performance optimization - code splitting, lazy loading, and web vitals.
• Progressive Web Apps - service workers, offline support, and app manifests.

Educator Implementation Guide

Instructors can adopt the curriculum as a blueprint for courses, certifications, or boot‑camps. The structure supports both self‑paced and instructor‑led formats.

• Map curriculum modules to course weeks or units.
• Select assessment criteria that reflect each topics learning outcomes.
• Integrate accessibility annotations into lesson plans.
• Provide supplemental labs that mirror real‑world project workflows.
• Gather feedback via the curriculums public repository for continuous improvement.

Next Steps & Community Contribution

The curriculum is open‑source, inviting community members to suggest updates, add resources, or create new modules. Ongoing collaboration ensures the guide stays current.

• Visit the public MDN repository to propose changes.
• Track emerging web standards via the MDN HTML5 guide.
• Participate in discussion forums to share teaching experiences.
• Contribute localized translations to broaden accessibility.
• Review the scalable framework guide for best practices in large‑scale content management.