MDN 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

Beginner's level
Self-paced
Free
Logo is loading....

Defines the essential skills and knowledge every front-end developer needs for career success and industry relevance.

Logo is loading....

Created by Mozilla and refined with insights from students, educators, and developers from the broader web community.

Logo is loading....

Includes learning resource recommendations covering every curriculum topic, helping you become job-ready.

Modules


1. Web standards

Understand how the web works at a high level,and the process for creating web technologies.

Web Standards & Semantics
2. Semantic HTML

Learn the fundamentals of HTML,the language used to definde and structure web content.

Web Standards & Semantics

{}

3. CSS fundamentals

Dive into the fundamentals of CSS,the language you'll use to style and layout websites.

Styling

{}

4. CSS taxt styling

Focus on using CSS to styling text and apply custom web fonts.

Styling

{}

5. CSS layout

Learn modern technigues for creating flexible layout that work on a wide variety of devices.

Styling

JS

6. Javascript fundamentals

Focus on the core javascript and fundamental surrounding topics.

Scripting
7. Accessability

Understand to need for universal access to web content and how to write accessible code.

Best Practices
8. Design for Developers

Appriciate basic design theory,how to speak desgin language,and what makes websites look good.

Best Practices
9. Version control

Understand why version control is necessary,and use Github to store code and collaborate with other.

Tooling
Logo is loading....
Logo is loading....

Don't know where to get started?

Logo is loading....

Embarking on your coding journey?

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

Logo is loading....

Beyond the basics?

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

Logo is loading....

Seeking employment?

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

Logo is loading....

Crafting courses?

Utilize our modules to guide your teaching and support your students' learning journey.