MDN Curriculum

archived 3 Dec 2024 04:18:52 UTC

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
Defines the essential skills and knowledge every front-end developer needs for career success and industry relevance.
Created by Mozilla and refined with insights from students, educators, and developers from the broader web community.
Includes learning resource recommendations covering every curriculum topic, helping you become job-ready.
Clicking will load content from scrimba.com Open on Scrimba
Learn our curriculum with Scrimba's interactive Frontend Developer Career Path.

#Modules

    1. 1. Soft skills
      Develop a great attitude towards learning, researching, and collaborating to enhance your chances of success.
      Best Practices
    2. 2. Environment setup
      Familiarize yourself with your development environment and the tools you'll use to build websites.
      Tooling
    Let's begin
    1. 1. Web standards
      Understand how the web works at a high level, and the process for creating web technologies.
      Web Standards & Semantics
    2. 2. Semantic HTML
      Learn the fundamentals of HTML, the language used to define and structure web content.
      Web Standards & Semantics
    3. 3. CSS fundamentals
      Dive into the fundamentals of CSS, the language you'll use to style and layout websites.
      Styling
    4. 4. CSS text styling
      Focus on using CSS to style text and apply custom web fonts.
      Styling
    5. 5. CSS layout
      Learn modern techniques for creating flexible layouts that work on a wide variety of devices.
      Styling
    6. 6. JavaScript fundamentals
      Focus on the core JavaScript language and fundamental surrounding topics.
      Scripting
    7. 7. Accessibility
      Understand the need for universal access to web content and how to write accessible code.
      Best Practices
    8. 8. Design for developers
      Appreciate basic design theory, how to speak design language, and what makes websites look good.
      Best Practices
    9. 9. Version control
      Understand why version control is necessary, and use GitHub to store code and collaborate with others.
      Tooling
    Let's begin
    1. 1. Transform & animate CSS
      Add animations to your toolbox to enhance user experience and perceived performance.
      Web Standards & Semantics
    2. 2. Custom JS objects
      Create custom JavaScript objects to gain a deeper understanding of object-oriented programming.
      Scripting
    3. 3. Web APIs
      Study common WebAPIs in depth to appreciate how WebAPIs work in general.
      Scripting
    4. 4. Performance
      Explore how to create performant, fast-loading websites and enhance perceived performance.
      Best Practices
    5. 5. Security and privacy
      Learn how to protect data from unauthorized access and how to treat user data responsibly.
      Best Practices
    6. 6. Testing
      Explore the need for testing, and learn how to implement common test types.
      Best Practices
    7. 7. JavaScript frameworks
      Study the features of popular JavaScript frameworks, and use them to implement common use cases.
      Tooling
    8. 8. CSS tooling
      Look at popular CSS tooling and understand what code problems they can solve.
      Tooling
    9. 9. Other tooling types
      Understand the purpose and usage of other tooling types commonly found in a web project.
      Tooling
    Let's begin

Learn the curriculum with Scrimba and become job ready

Scrimba's Frontend Developer Career Path teaches the MDN Curriculum Core with fun interactive lessons and challenges, knowledgeable teachers, and a supportive community. Go from zero to landing your first front-end job!
Find out more
How can youboost your employability with the MDNCurriculum?
Learn about research collaboration and other essential soft skills.Balance between modern tooling and long-term best practices.Get access to high-quality recommended resources.Get guidance from trusted voices.

#Don't know where to
get started?

  • Starting out with coding?

    Begin with our "Getting started" and "Core" modules to grasp the essential skills for web development.

  • Beyond the basics?

    Dive deeper with our "Extensions" modules to develop specialized skills.

  • Seeking employment?

    Our "Soft skills" module, part of "Getting started", offers crucial insights to help you land your job.

  • Working at a school?

    Use our modules to guide your teaching, or enroll your students in Scrimba's Frontend Path.
0%
 
10%
 
20%
 
30%
 
40%
 
50%
 
60%
 
70%
 
80%
 
90%
 
100%