Ready to become a React.js developer? In this course, we'll guide you step-by-step as you learn React.js by building three exciting projects: a Todo App, a Pokedex, and a Coffee Tracker. These projects gradually increase in complexity, helping you strengthen your skills while creating impressive, real-world applications. You'll use Firebase for authentication and data storage and all the projects are beautifully pre-styled with FantaCSS. By the end, not only will you be a React.JS wizard, but you'll have portfolio-worthy projects that can get you hired as a Software Developer!
🔥 8+ hours of on-demand video.
⭐️ Companion Notes.
🧪 Access on mobile and TV.
🏆 Build and deploy three fully functional applications with React.js, Firebase, and FantaCSS.
- Only basic knowledge of HTML, CSS, and JavaScript is required! This course is completely beginner-friendly, and we'll guide you through everything step-by-step.
- Any computer with Windows, macOS, or Linux will do. We'll help you set up your development environment.
Need to brush up on these topics? Check out full courses for each here.
This course will teach you how to build real-world applications with React.js while keeping it fun, practical, and beginner-friendly. We focus on hands-on learning by building projects that not only give you the ultimate React.JS education, but also allow you to confidently showcase your skills to potential employers or clients. You’ll also learn to quickly style your apps with FantaCSS, a utility-first CSS framework, and handle authentication and persistent data management with Firebase.
Instead of getting lost in theory, you’ll jump right into creating fully functional and super fun apps that are deployed live to the internet. By the end, you'll have projects that demonstrate your readiness for a software developer role!
In this course, you'll build three complete React.js projects from scratch:
-
Todo App
A simple yet powerful task management app to help you get started with the basics of React.js, state management, and component architecture. -
Pokedex
A dynamic app that fetches data from an external API to display information about various Pokémon, teaching you how to handle API requests and data rendering. -
Coffee Tracker
A more advanced app called Caffiend that uses Firebase for user authentication and Firestore as a database, perfect for tracking your daily coffee consumption with real-time updates and secure user data management, and also gives you some cool statistics about your coffee habits.
-
Chapter 1: Building a Todo App with React.js Basics
We'll start off at the very beginning by setting up your React.js development environment and building the core structure of a Todo app. You’ll learn about components, props, state, and the essential building blocks of React. -
Chapter 2: Creating the Pokedex with API Integration
In this chapter, we'll advance to a slightly more complex app where you'll learn how to fetch and display data from an external API in a dynamic way. We'll cover hooks likeuseEffectanduseState, making your app interactive and responsive. -
Chapter 3: Developing the Coffee Tracker with Firebase
In the final chapter, we consolidate our existing knowledge in addition to learning about React.JS for Full Stack development as we implement Firebase authentication and Firestore database to manage user logins and store data securely. This will prepare you to build more complex apps in the future.
My name is James, and I’ve helped over 500,000 people learn to code. I understand the challenges of learning a new technology, and that’s why I’ve designed this course to be interactive, hands-on, and approachable. With my experience in teaching and software development, I'll guide you from beginner to confident React.js developer, ready to take on the job market.
By the end of this course, you'll be equipped with the skills and confidence to build and deploy modern React.js applications, ace technical interviews, and land that developer job you’ve been dreaming of.
James is a self-taught software developer with a background in civil engineering. With over a decade of experience teaching programming, math, and science, he’s passionate about making learning fun and accessible to everyone. You can connect with James on Discord or LinkedIn.
