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.
Skill level
IntermediateTime to complete
Average based on combined completion rates — individual pacing in lessons, projects, and quizzes may vary37 hoursProjects
25Prerequisites
1 courseWe suggest you complete the following courses before you get started with Create a Front-End App with React:- Basic HTML
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
Syllabus
9 units • 24 lessons • 25 projects • 17 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.
Certificate of completion available with Plus or Pro
Earn a certificate of completion and showcase your accomplishment on your resume or LinkedIn.
Projects in this skill path
- practice Project
Kelvin Weather
In this project, we're going to practice variables and printing to the console in JavaScript so you can hone your skills and feel confident taking them to the real world. Why? You've got to master the basics. Get comfortable with these fundamentals. - practice Project
Dog Years
In this project, we're going to practice variables and strings in JavaScript so you can hone your skills and feel confident taking them to the real world. Why? These concepts will help you use your data to output information to your users. - practice Project
Magic Eight Ball
Build a virtual Magic Eight Ball using control flow in JavaScript. You’ll practice building decision-making into your programs and gain confidence in writing more robust JavaScript code.
Earn a certificate of completion
Show your network you've done the work by earning a certificate of completion for each course or path you finish.- Show proofReceive a certificate that demonstrates you've completed a course or path.
- Build a collectionThe more courses and paths you complete, the more certificates you collect.
- Share with your networkEasily add certificates of completion to your LinkedIn profile to share your accomplishments.
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.ChrisCodecademy 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.RodrigoCodecademy Learner @ UK
- Brilliant learning experience. Very interactive. Literally a game changer if you're learning on your own.John-AndrewCodecademy Learner @ USA
Our learners work at
Skill paths help you level-up
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.Get step-by-step guidance
We guide you through exactly where to start and what to learn next to build a new skill.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.Looking for something else?
Related resources
- Article
JavaScript: All the Cool Kids Are Doing It
Why is JavaScript so popular? What can you do with it? - Article
What is JavaScript?
What is JavaScript, and how does it work? - Article
Why learn JavaScript foundations?
Learn more about why you should build a strong foundation in JavaScript when you first learn the language.
Related courses and paths
- Free course
Learn JavaScript
Learn how to use JavaScript — a powerful and flexible programming language for adding website interactivity.Beginner Friendly15 hours - Skill path
Create a Back-End App with JavaScript
Learn how to build back-end web APIs using Express.js, Node.js, SQL, and a Node.js-SQLite database library.Includes 8 CoursesWith CertificateBeginner Friendly30 hours - Free course
Learn Intermediate JavaScript
Take your JavaScript knowledge to the next level by learning how to use advanced functions to create more efficient programs.Intermediate10 hours
Browse more topics
- Web Development4,830,679 learners enrolled
- JavaScript2,802,809 learners enrolled
- Code Foundations7,220,260 learners enrolled
- Computer Science5,673,263 learners enrolled
- Data Science4,346,523 learners enrolled
- Python3,511,972 learners enrolled
- For Business3,220,453 learners enrolled
- Data Analytics2,338,786 learners enrolled
- HTML & CSS2,293,896 learners enrolled
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.