* Skip to main content 
  * Skip to search 

[ MDN Web Docs  ](/en-US/) Open main menu

  * References  [ References ](/en-US/docs/Web)
    * [ Overview / Web Technology  Web technology reference for developers  ](/en-US/docs/Web)
    * [ HTML  Structure of content on the web  ](/en-US/docs/Web/HTML)
    * [ CSS  Code used to describe document style  ](/en-US/docs/Web/CSS)
    * [ JavaScript  General-purpose scripting language  ](/en-US/docs/Web/JavaScript)
    * [ HTTP  Protocol for transmitting web resources  ](/en-US/docs/Web/HTTP)
    * [ Web APIs  Interfaces for building web applications  ](/en-US/docs/Web/API)
    * [ Web Extensions  Developing extensions for web browsers  ](/en-US/docs/Mozilla/Add-ons/WebExtensions)
    * [ Web Technology  Web technology reference for developers  ](/en-US/docs/Web)
  * Guides  [ Guides ](/en-US/docs/Learn)
    * [ Overview / MDN Learning Area  Learn web development  ](/en-US/docs/Learn)
    * [ MDN Learning Area  Learn web development  ](/en-US/docs/Learn)
    * [ HTML  Learn to structure web content with HTML  ](/en-US/docs/Learn/HTML)
    * [ CSS  Learn to style content using CSS  ](/en-US/docs/Learn/CSS)
    * [ JavaScript  Learn to run scripts in the browser  ](/en-US/docs/Learn/JavaScript)
    * [ Accessibility  Learn to make the web accessible to all  ](/en-US/docs/Web/Accessibility)
  * Plus  [ Plus ](/en-US/plus)
    * [ Overview  A customized MDN experience  ](/en-US/plus)
    * [ AI Help (beta)  Get real-time assistance and support  ](/en-US/plus/ai-help)
    * [ Updates  All browser compatibility updates at a glance  ](/en-US/plus/updates)
    * [ Documentation  Learn how to use MDN Plus  ](/en-US/plus/docs/features/overview)
    * [ FAQ  Frequently asked questions about MDN Plus  ](/en-US/plus/docs/faq)
  * [ Curriculum  New  ](/en-US/curriculum/)
  * [ Blog ](/en-US/blog/)
  * [ Play ](/en-US/play)
  * [ AI Help  Beta  ](/en-US/plus/ai-help)

Search MDN  Clear search input  Search

Theme

  * [ Log in ](/users/fxa/login/authenticate/?next=%2Fen-US%2Fcurriculum%2F)
  * [ Sign up for free  ](/users/fxa/login/authenticate/?next=%2Fen-US%2Fcurriculum%2F)

  1. [ MDN Curriculum  ](/en-US/curriculum/)

#  MDN Curriculum

##  The essential skillset for new front-end developers

The MDN Curriculum provides a structured guide to the essential skills and
practices for being a successful front-end developer, along with recommended
learning resources.

Last updated: February 2024

##  About the curriculum

  * Beginner's level 
  * Self-paced 
  * Free 

The go-to resource for the essential skills and knowledge every front-end
developer needs for career success and industry relevance.

Developed by Mozilla and refined with insights from the broader MDN community.

[ Learn more ](/en-US/curriculum/about-curriculum/)

##  Modules

  1. Getting started 
    1. [ 1\. Soft skills  Develop a great attitude towards learning, researching, and collaborating to enhance your chances of success.  Best Practices  ](/en-US/curriculum/getting-started/soft-skills/)
    2. [ 2\. Environment setup  Familiarize yourself with your development environment and the tools you'll use to build websites.  Tooling  ](/en-US/curriculum/getting-started/environment-setup/)
[ Let's begin  ](/en-US/curriculum/getting-started/soft-skills/)

  2. Core 
    1. [ 1\. Web standards  Understand how the web works at a high level, and the process for creating web technologies.  Web Standards & Semantics  ](/en-US/curriculum/core/web-standards/)
    2. [ 2\. Semantic HTML  Learn the fundamentals of HTML, the language used to define and structure web content.  Web Standards & Semantics  ](/en-US/curriculum/core/semantic-html/)
    3. [ 3\. CSS fundamentals  Dive into the fundamentals of CSS, the language you'll use to style and layout websites.  Styling  ](/en-US/curriculum/core/css-fundamentals/)
    4. [ 4\. CSS text styling  Focus on using CSS to style text and apply custom web fonts.  Styling  ](/en-US/curriculum/core/css