Skill Path

Create a Front-End App with React

Learn to build front-end web apps with JavaScript and React.

Includes JavaScript, React, HTTP, Web Apps, Front-End Development, Web Framework, and more.

To start this Skill Path, upgrade your plan.
48,698 learners enrolled
  • Skill level

  • Time to complete

    8 weeks
  • Certificate of completion

  • Prerequisites

    1 course

About this skill path

Front-end skills are in high demand, and plenty of people know HTML and CSS. Set yourself apart by building a foundation in JavaScript. Then, you’ll create interactive applications with React—the library that powers Facebook and Netflix.

Skills you'll gain

  • Build interactive web apps
  • Understand the React library
  • Use and call APIs


9 units • 24 lessons • 25 projects • 16 quizzes
  • 1

    Introduction to JavaScript and Building Apps

    Learn the fundamentals of JavaScript and set up your computer for web app development.

  • 2

    JavaScript Functions, Arrays, and Loops

    Learn common programming tools in JavaScript such as conditionals and control flow, functions, arrays, and loops.

  • 3

    JavaScript Iterators, Objects, and Classes

    Learn to use higher-order functions, array methods, objects, and classes in JavaScript.

  • 4

    Modern JavaScript: Modules and Browser Compatibility

    Learn JavaScript’s module syntax to write more reusable code, and learn how to manage modern ES6+ JavaScript to work with all browsers.

  • 5

    Introduction to React

    Learn JSX, build your first React Components, and start the Ravenous Project.

  • 6

    React: Components Interacting

    Create nested components and complete part two of the Ravenous project.

  • 7

    React: Component State

    Manage component data with React state, and manage multi-component apps using stateless and stateful components.

The platform

Hands-on learning

Don't just watch or read about someone else coding — write your own code live in our online, interactive platform. You'll even get AI-driven recommendations on what you need to review to help keep you on track.
Animated demonstration of running code in Codecademy's learning environment

Reviews from learners

  • The progress I have made since starting to use codecademy is immense! I can study for short periods or long periods at my own convenience - mostly late in the evenings.
    Codecademy Learner @ USA
  • I felt like I learned months in a week. I love how Codecademy uses learning by practice and gives great challenges to help the learner to understand a new concept and subject.
    Codecademy Learner @ UK
  • Brilliant learning experience. Very interactive. Literally a game changer if you're learning on your own.
    Codecademy Learner @ USA

Our learners work at

  • Google Logo
  • Meta Logo
  • Apple Logo
  • EA Logo
  • Amazon Logo
  • IBM Logo
  • Microsoft Logo
  • Reddit Logo
  • Spotify Logo
  • Uber Logo
  • YouTube Logo
  • Instagram Logo

What's included in skill paths

  • Practice Projects

    Guided projects that help you solidify the skills and concepts you're learning.
  • Assessments

    Auto-graded quizzes and immediate feedback help you reinforce your skills as you learn.
  • Certificate of Completion

    Earn a document to prove you've completed a course or path that you can share with your network.
How it works

Skill paths help you level-up

  1. Get a specialized skill

    Want to level up at work? Gain a practical, real-world skill that you can use right away to stand out at your job.
  2. Get step-by-step guidance

    We guide you through exactly where to start and what to learn next to build a new skill.
  3. Get there quickly

    We’ve hand-picked the content in each Skill Path to fast-track your journey and help you gain a new skill in just a few months.

Ready to learn a new skill?

Get started on Create a Front-End App with React with a free Codecademy account.