Skip to main content About the curriculum Beginner's level 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. Learn our curriculum with Scrimba's interactive Frontend Developer Career Path . Getting started Develop a great attitude towards learning, researching, and collaborating to enhance your chances of success. Best Practices Familiarize yourself with your development environment and the tools you'll use to build websites. Tooling Let's begin Develop a great attitude towards learning, researching, and collaborating to enhance your chances of success. Best Practices Develop a great attitude towards learning, researching, and collaborating to enhance your chances of success. Familiarize yourself with your development environment and the tools you'll use to build websites. Tooling Familiarize yourself with your development environment and the tools you'll use to build websites. Core Understand how the web works at a high level, and the process for creating web technologies. Web Standards & Semantics Learn the fundamentals of HTML, the language used to define and structure web content. Web Standards & Semantics Dive into the fundamentals of CSS, the language you'll use to style and layout websites. Styling Focus on using CSS to style text and apply custom web fonts. Styling Learn modern techniques for creating flexible layouts that work on a wide variety of devices. Styling Focus on the core JavaScript language and fundamental surrounding topics. Scripting Understand the need for universal access to web content and how to write accessible code. Best Practices Appreciate basic design theory, how to speak design language, and what makes websites look good. Best Practices Understand why version control is necessary, and use GitHub to store code and collaborate with others. Tooling Let's begin Understand how the web works at a high level, and the process for creating web technologies. Web Standards & Semantics Understand how the web works at a high level, and the process for creating web technologies. Web Standards & Semantics Learn the fundamentals of HTML, the language used to define and structure web content. Web Standards & Semantics Learn the fundamentals of HTML, the language used to define and structure web content. Web Standards & Semantics Dive into the fundamentals of CSS, the language you'll use to style and layout websites. Styling Dive into the fundamentals of CSS, the language you'll use to style and layout websites. Focus on using CSS to style text and apply custom web fonts. Styling Focus on using CSS to style text and apply custom web fonts. Learn modern techniques for creating flexible layouts that work on a wide variety of devices. Styling Learn modern techniques for creating flexible layouts that work on a wide variety of devices. Focus on the core JavaScript language and fundamental surrounding topics. Scripting Focus on the core JavaScript language and fundamental surrounding topics. Understand the need for universal access to web content and how to write accessible code. Best Practices Understand the need for universal access to web content and how to write accessible code. Appreciate basic design theory, how to speak design language, and what makes websites look good. Best Practices Appreciate basic design theory, how to speak design language, and what makes websites look good. Understand why version control is necessary, and use GitHub to store code and collaborate with others. Tooling Understand why version control is necessary, and use GitHub to store code and collaborate with others. Extensions Add animations to your toolbox to enhance user experience and perceived performance. Web Standards & Semantics Create custom JavaScript objects to gain a deeper understanding of object-oriented programming. Scripting Study common WebAPIs in depth to appreciate how WebAPIs work in general. Scripting Explore how to create performant, fast-loading websites and enhance perceived performance. Best Practices Learn how to protect data from unauthorized access and how to treat user data responsibly. Best Practices Explore the need for testing, and learn how to implement common test types. Best Practices Study the features of popular JavaScript frameworks, and use them to implement common use cases. Tooling Look at popular CSS tooling and understand what code problems they can solve. Tooling Understand the purpose and usage of other tooling types commonly found in a web project. Tooling Let's begin Add animations to your toolbox to enhance user experience and perceived performance. Web Standards & Semantics Add animations to your toolbox to enhance user experience and perceived performance.

Web Standards & Semantics Create custom JavaScript objects to gain a deeper understanding of object-oriented programming. Scripting Create custom JavaScript objects to gain a deeper understanding of object-oriented programming. Study common WebAPIs in depth to appreciate how WebAPIs work in general. Scripting Study common WebAPIs in depth to appreciate how WebAPIs work in general. Explore how to create performant, fast-loading websites and enhance perceived performance. Best Practices Explore how to create performant, fast-loading websites and enhance perceived performance. Learn how to protect data from unauthorized access and how to treat user data responsibly. Best Practices Learn how to protect data from unauthorized access and how to treat user data responsibly. Explore the need for testing, and learn how to implement common test types. Best Practices Explore the need for testing, and learn how to implement common test types. Study the features of popular JavaScript frameworks, and use them to implement common use cases. Tooling Study the features of popular JavaScript frameworks, and use them to implement common use cases. Look at popular CSS tooling and understand what code problems they can solve. Tooling Look at popular CSS tooling and understand what code problems they can solve. Understand the purpose and usage of other tooling types commonly found in a web project. Tooling Understand the purpose and usage of other tooling types commonly found in a web project. 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! 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? Starting out with coding? Begin with our "Getting started" and "Core" modules to grasp the essential skills for web development. Core modules 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. Extensions 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 Seeking employment? Our "Soft skills" module, part of "Getting started", offers crucial insights to help you land your job. Getting started modules Working at a school? Use our modules to guide your teaching, or enroll your students in Scrimba's Frontend Path. Frontend Path Working at a school? Use our modules to guide your teaching, or enroll your students in Scrimba's Frontend Path.