The Complete Reactjs Course – (Hooks, Routing, Tailwind)

Wishlist Share
Share Course
Page Link
Share On Social Media

About Course

(Discounted price is for the first 20 students only!)

This is a complete Reactjs course for anyone with no knowledge of React. Dive in and learn Reactjs from Scratch. We will start with an introduction of what is Reactjs and the installation steps and from there we will move on towards advanced concepts, eventually making one big project that you can showcase to the recruiters.

Note: Top 3 students will also get internships at Appsol360 and a chance to work on real ReactJS projects.

By the end of this course, you can call yourself a Reactjs developer. Each of the classes will have a small exercise for you to get your hands dirty with React and to be a good React developer by the end of the course.

Course Schedule

This is a 4-week (1 month) course, with two classes a week to give you enough time to practice what you learn in the class. For the first two weeks, the classes will be held on Monday and Thursday between 8 PM to 10 PM. In the last 2 weeks, we will extend the classes to 3 per week (Monday, Wednesday, and Thursday).

About the Instructor

This course is taught by Arsalan Khattak, who is creating content and helping the community to grow for years. Arsalan has worked and collaborated with companies like GitHub and FreeCodeCamp. He has also spoken at events like Google DevFest and Microsoft Reactor. In the early stage of his career, he worked with Vercel – the company behind Next.js to make some noticeable improvements and improve the user experience.

Arsalan is currently managing a community of over 12,000 people on Instagram, to whom he teaches frontend technologies.

Show More

What Will You Learn?

  • 🧠 Using Vite to setup Reactjs projects
  • ✨ How do Reactjs components work?
  • 📋 Working with 3rd Party APIs and services to fetch and send data
  • 🚦 How to navigate and do routing
  • 🎨 Different ways to do styling in React. Also, how to use 3rd party frameworks such as Tailwind
  • 🗃️ State management using Redux
  • 🔦 An introduction to Next.js
  • 🚀 The final project - Todoist Clone

Course Content

Lec #1:🚀Introduction to Reactjs

  • Welcome to the course
  • What is Reactjs and it’s advantages
    00:00
  • Installing Node.js and npm
    00:00
  • 13:49
  • Understanding the project Structure
    00:00

Lec #2:✨JSX and Components

Lec #3:⚙️Working with Forms

Lec #4:📋Working with APIs

Lec #5:🚦Routing and Navigation

Lec #6:🎨Styling in React

Lec #7:🗃️ State management with Redux

Lec #8:🚀Project: Todoist Clone

Lec #9:🚀Project: Todoist Clone #2

Lec #10:🚪Winding up

Student Ratings & Reviews

No Review Yet
No Review Yet

Want to receive push notifications for all major on-site activities?