codedamn header logo
Course image for Learn ReactJS by Building 6 Projects

Learn ReactJS by Building 6 Projects

Learning React from the Beginning By Building 6 Awesome Projects

6 hours+ of content
0.0
0 ratings
411 developers learning
Creator: Pedro Machado
Please wait

Note: This course is a part of leet subscription. Free preview is available.

Goals

  • React Hooks
  • Routing In React
  • State Management in React - Context API
  • Creating API Based React Projects

Description

This is the perfect course to learn ReactJS if you are a beginner. Most programmers agree that the best way to learn a language or a technology is to build something. Therefore this course will teach you guys everything you would need to know in order to build your own awesome website.

The course starts with a simple and beginner-friendly introductory project where I teach you guys the basics of a react application. This includes using states and rendering javascript. Then, we gradually transition towards more complex applications which are meant to teach you the fundamentals.

Some of the projects, can even be included in your programming portfolio!

Course Structure

35 lectures • 03:59:42 total duration

Introduction

(1 lectures • 03 minutes)
  Introduction - Welcome (Preview)
03:02
  Project Structure (Preview)
06:36
  Creating Inputs (Preview)
04:45
  Using States (Preview)
08:06
  Changing States (Preview)
07:37
  Conditional Rendering (Preview)
08:46
  Setting up the UI (Preview)
05:28
  Add a task to the Todo List (Preview)
07:02
  Rendering a List (Preview)
04:43
  Clearing the Input after Adding a Task (Preview)
06:41
  Deleting a Task (Preview)
08:38
  Completing a Task (Preview)
12:17
  Final Episode - Allowing Keyboard Inputs (Preview)
04:36
  Setting Up 
06:51
  Creating the Menu Page 
05:40
  Global States with the Context API 
07:57
  Creating the Quiz Page 
05:25
  Creating the Questions 
08:06
  Answering Questions 
07:28
  Correct Answers 
06:10
  Keeping the Score 
04:31
  Creating the End Screen 
07:51
  Finishing the Project 
11:42
  Setting the Project Up 
02:44
  Fetching Data from the API 
06:55
  Displaying the API Data 
03:56
  Displaying the Articles 
03:52
  Linking the Articles 
06:40
  Setting up the UI 
06:33
  Searching Games 
10:04
  Displaying the Games 
06:37
  Finishing Search Section 
06:01
  Creating The Deals Section 
10:02
  Finishing Up Deals Section 
05:58
  Implementing SWR 
10:22
codedamn logo

We ♥ quality. And we would love to see your growth. Hence, codedamn comes with a 1337 plan for advanced and accelerated learning!

Plan Zero

  • HD video content
  • Certificate of completion
  • Mentorship from codedamn staff
  • Support over WhatsApp
  • Learning Path support
  • Unlimited hands-on practice

Plan 1337

  • HD video content
  • Certificate of completion
  • Mentorship from codedamn staff
  • Support over WhatsApp
  • Learning Path support
  • Unlimited hands-on practice
Become 1337 Member