Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
News

Announcing our new JavaScript frameworks and libraries learning path!

Learn how to navigate the modern JS ecosystem and gain job-ready skills with JavaScript frameworks. Throughout this path, we dive into the core concepts of JS frameworks to help you find your feet.

The Frontend Mentor team

Β·

12 Jul 2024

The way we build websites and applications has changed considerably over the years. Over the past decade or so, JavaScript frameworks have risen in popularity and become the go-to tool for building production-ready applications.

Regardless of the framework you choose, there are core concepts applicable to all. So, we're delighted to announce our new "JavaScript frameworks and libraries" learning path, where we explore these core concepts to help you get up and running with your framework of choice.

JavaScript frameworks and libraries learning path graphic

So, whether you're Team React, Team Vue, or any other Team, you'll learn the commonalities applicable to all frameworks so you can effectively navigate the modern JavaScript ecosystem and job market.

What we cover

As mentioned above, we focus on the core concepts applicable to all JavaScript frameworks to help you understand their similarities and the problems each area solves.

This includes:

  • Intro to JavaScript frameworks: In this article, we provide recommendations for this path and your learning journey in general. We aim to keep you focused and on the right track to becoming proficient in your chosen framework.
  • What is a JavaScript framework?: What problems do JavaScript frameworks actually solve? In this article, we look at why you might want to use a JS framework as your projects become more complex.
  • The modern JavaScript ecosystem: The JavaScript ecosystem has changed significantly over the years and is continually evolving. This article provides an overview of the most essential tools to understand.
  • Component architecture: The introduction of frameworks has changed how developers approach building interfaces. Component-based architecture provides many benefits, which we cover in this article.
  • State management: Although each framework differs in how it manages state, they all share the same core concepts. In this article, we provide an overview of state management essentials and link to recommend resources.
  • Working with forms: Forms are an essential part of the web, and each framework takes its own approach to managing them. In this article, we examine the basics of form management and recommend some approaches.
  • Routing: Routing is a fundamental aspect of building multi-page projects, whether building a single-page application or using server-side rendering. This article covers the basics to help you get started.

Our challenges

We chose the initial challenges in this path to get you thinking about components and building simple UIs. As the path progresses, we ramp up the difficulty with challenges that help you practice each new concept to reinforce your knowledge.

Once you get to the final projects, you'll build multi-page applications that will stand out in any web developer's portfolio!

We hope you enjoy the path and find it helpful to gain experience building realistic projects using JavaScript frameworks and libraries. We can't wait to see what you create!

Practice building projects like a pro

  • Portfolio-ready projects
  • Professional design files
  • Curate your profile
  • Unlimited solution refinement
Unlock Pro

Get all community news and our latest articles in your inbox

Join over 50,000 developers receiving updates via our newsletter. Stay up-to-date with new challenges, articles, community news, featured solutions, and handy links from across the web. We promise no spam, and you can unsubscribe at any time.