Skip to content
  • Learning paths
  • Challenges
  • Solutions
  • Articles
  • Unlock Pro
  • Log in with GitHub
Learning paths

Learning paths

Our learning paths help you improve your front-end skills step by step. Each path covers a different topic, guiding you through essential front-end development topics to become a skilled developer.

  • 1newbie

    Getting started on Frontend Mentor

    These projects will help you find your feet on the Frontend Mentor platform and give you experience working with designs and building small projects. They're all HTML & CSS-only challenges, so they'll help you pick up the basics.

  • 1newbie

    Building responsive layouts

    A crucial part of modern front-end development is making web pages look good on various device sizes. The challenges in this path are designed to help you get to grips with making layouts that work across all devices.

  • 2junior

    JavaScript fundamentals

    Adding interactivity to our web pages is a key skill of the front-end developer. The challenges in this path are designed to guide you through handling common user interactions with JavaScript.

  • 2junior

    Introduction to web accessibility

    Understanding accessibility and how to create accessible websites is crucial for front-end developers. This path introduces you to key concepts while providing challenges with specific accessibility considerations in each design.

  • 3intermediate

    Advanced CSS techniques

    As you start building more complex projects, it helps to use defined strategies to keep your code organized. This path outlines key considerations and provides increasingly more difficult challenges to help you practice.

  • 4advanced

    JavaScript frameworks and libraries

    Using a JavaScript framework can provide many benefits. In this path, we outline core concepts and provide a sequence of challenges to help you reinforce knowledge and gain hands-on experience with your chosen framework.

  • 4advanced

    Introduction to front-end testing

    As developers, we aim to create robust applications, especially in a production environment. This path outlines how to test your applications to increase confidence in your code and ensure it functions as expected.

  • 4advanced

    Getting job ready

    It takes a lot to stand out in the job market. You need everything in place to make potential employers excited to work with you. This path gives you the tools you need to put your best foot forward and make a strong impression.

Frontend Mentor logo

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License