The Complete React Bootcamp 2021 (w/ React Hooks, Firebase)
Become an advanced ReactJS developer, build and deploy three production-ready apps with React, React Hooks, and NodeJS.
Arash Ahadzadeh
Summary
- Reed courses certificate of completion - Free
- Tutor is available to students
Overview
Created with up-to-date versions of React, React Hooks, Node.js, JavaScript, and Firebase.
------
What is this course all about?
This course is about React - a library that helps developers to create user interfaces on the web. But React is not limited only to user interfaces, there is much more to that.
Have you ever wondered how Facebook, Twitter, or Netflix websites are built and why they don't feel like websites at all? React can answer all of that. In this course, we show how to create mobile-feel-like websites (Single Page Apps) where React is the foundation.
First, we will guide you through the basics of web development before jumping into React. Here we will talk about the latest JavaScript, Node.JS, Git, APIs, and essential tools to make you feel as comfortable as possible at any stage of the development process.
Then we slightly move to React with a small portion of theory. At this point, you will get to know what React is made of and how it works.
Our first project is a Tic-Tac-Toe game. Here you will get to know React basics, hooks, and core functionality. By the end of this project, you will be able to create a simple web app that shows off your strong React basics. Here you will experience the development flow of a React app in general.
The second project is a movie search web-app called Box Office. With this project, we move towards more complex React use-cases and we start working with external APIs, dynamic layout, and pages combined with different approaches for styling a React app. Here we will work with more advanced and custom React Hooks. At the end of this project, we will analyze and optimize the app with React hooks to make it even more faster and reliable. We will even turn it into a Progressive Web App that works offline!
The final project is going to be a Chat app. It will include the following features: social media logins, account management, role-based permissions, real-time data, and lots of others. In this project, we will combine React with Firebase - a backend solution in the cloud, powered by NoSQL database. You will master global state management with Context API and sharpen your knowledge of React hooks. At the final stage, we will extend the app with a custom backend in form of serverless.
All of our projects will have a user-friendly and well-designed user interface that is responsive and optimized for all devices.
Curriculum
-
Introduction 05:04
-
Before We Start 1:51:46
-
Look Through Modern JavaScript 51:31
-
What is React Exactly? 10:20
-
Starting up With React (Parcel) Tic Tac Toe Game 2:04:18
-
Box Office Project - CRA 3:32:30
-
Firebase 09:47
-
Chat Application Project 6:42:48
-
Custom Chat Backend 1:18:33
-
Key Features of React 16:18
-
What is the Next Move? 06:29
Course media
Description
Is this course exactly what you are looking for?
If ...
-
... you are eager to learn front-end development with React from scratch ...
-
... you have some experience with React, but you don't feel confident ...
-
... you only started to learn web development and want to move towards modern tools and technologies ...
-
... you feel that you stuck doing only HTML, CSS and some JavaScript ...
... then this course is definitely for you!
What do you need to succeed in this course?
-
HTML and CSS is absolutely required
-
General/basic understanding of programming or JavaScript
-
No prior experience with React or JavaScript frameworks
-
Passion to learn new things :)
After this course, you will have:
-
Three real-world React projects of different complexity that can be put into your resume
-
Total React comprehension
-
Experience with popular React libraries
-
Knowledge of how to create and deploy React apps
-
Knowledge of custom serverless backend and Firebase
Topics that will be covered and explained:
-
React basics (syntax, core concepts, theory)
-
Scaffolding templates (create-react-app, nano-react-app /w Parcel)
-
Styling of React apps (CSS, SASS, UI components library, CSS-IN-JS /w Styled components)
-
Conditional rendering (dynamic content and styles)
-
State management, local + global (/w React Hooks, Context API)
-
Components analysis and optimization (/w React hooks)
-
Complex layout management
-
Dynamic pages with React Router
-
Progressive Web Apps and service workers
-
Real-time subscriptions in React
-
Using external APIs to fetch remote data
-
Deployment of React apps (github pages, surge, firebase)
-
Serverless backend with cloud functions in node.js
-
Latest and modern JavaScript (ES6 - ES2020)
Not part of React, but included:
-
Git, Node.js, APIs, ESLint and Prettier quick guides
-
Firebase (/w NoSQL realtime database, cloud functions, cloud messaging, cloud storage)
-
Serverless cloud computing idea and concept + explanation about docker containers
What if you stuck during the course?
Getting stuck is the worse and inevitable. At the same time it's a common thing for a developer. We understand that and we are always ready to help you out with your questions as quickly as possible.
What if you are not satisfied with this course?
We are so confident that you will love this course that we're offering a 14-day money-back guarantee! You can sign up today with zero risks.
What are you waiting for? Enroll today!
Who is this course for?
- Anyone who wants to develop scalable web-apps with React
- Programmers who want to increase their value as web developers
- People who are eager to learn how modern web-apps are working and how everything is connected
- Anyone who wants to develop applications like Facebook or Twitter
- Anyone who wants to become a freelancer or an independent web app developer
Requirements
- HTML + CSS fundamentals
- Basic comprehension of programming (i.e variables, loops)
- JavaScript basic knowledge would be a PLUS, but NOT essential
- NO prior experience with JS-frameworks is required
Questions and answers
Currently there are no Q&As for this course. Be the first to ask a question.
Certificates
Reed courses certificate of completion
Digital certificate - Included
Will be downloadable when all lectures have been completed
Reviews
Currently there are no reviews for this course. Be the first to leave a review.
Legal information
This course is advertised on reed.co.uk by the Course Provider, whose terms and conditions apply. Purchases are made directly from the Course Provider, and as such, content and materials are supplied by the Course Provider directly. Reed is acting as agent and not reseller in relation to this course. Reed's only responsibility is to facilitate your payment for the course. It is your responsibility to review and agree to the Course Provider's terms and conditions and satisfy yourself as to the suitability of the course you intend to purchase. Reed will not have any responsibility for the content of the course and/or associated materials.