•  


MDN Curriculum | 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

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

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

How can you boost your employability with the MDN Curriculum?

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?

  • Embarking on your coding journey?

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

  • Beyond the basics?

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

  • Seeking employment?

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

  • Crafting courses?

    Utilize our modules to guide your teaching and support your students' learning journey. Core modules
- "漢字路" 한글한자자동변환 서비스는 교육부 고전문헌국역지원사업의 지원으로 구축되었습니다.
- "漢字路" 한글한자자동변환 서비스는 전통문화연구회가 "울산대학교한국어처리연구실 옥철영(IT융합전공)교수팀"에서 개발한 한글한자자동변환기를 바탕하여 지속적으로 공동 연구 개발하고 있는 서비스입니다.
- 현재 고유명사(인명, 지명등)을 비롯한 여러 변환오류가 있으며 이를 해결하고자 많은 연구 개발을 진행하고자 하고 있습니다. 이를 인지하시고 다른 곳에서 인용시 한자 변환 결과를 한번 더 검토하시고 사용해 주시기 바랍니다.
- 변환오류 및 건의,문의사항은 juntong@juntong.or.kr로 메일로 보내주시면 감사하겠습니다. .
Copyright ⓒ 2020 By '전통문화연구회(傳統文化硏究會)' All Rights reserved.
 한국   대만   중국   일본 

Close