Description

Master the React ecosystem and build dynamic, fast, and interactive user interfaces. React's component-based architecture and virtual DOM make it the perfect tool to craft modern web applications

Syllabus

HTML

HTML is the standard markup language for creating Web pages

• HTML for Beginners
  
• Learn HTML - Full Tutorial for Beginners
  
• HTML Tutorial for Beginners: HTML Crash Course
  

CSS

Cascading Style Sheets (CSS) is a style sheet language used for describing the presentation of a document written in a markup language like HTML

• CSS Tutorial - Full Course for Beginners

JavaScript

JavaScript is a programming language that adds dynamic functionality and complex features like interactivity and animation to web pages. Together with HTML and CSS, JavaScript forms the foundation of web development

• Modern JavaScript From The Beginning | First 12 Hours
  
• JavaScript Tutorials
  
• JavaScript Crash Courses
  

TypeScript

TypeScript is a superset of JavaScript that adds static types to the language. It is designed for the development of large applications and transpiles to JavaScript

• Learn TypeScript - Full Tutorial
  
• TypeScript Tutorial for Beginners
  
• TypeScript Crash Course
  

Git

Git is a distributed version control system for tracking changes in source code during software development. It is designed for coordinating work among programmers, but it can be used to track changes in any set of files

• Git for Professionals Tutorial - Tools & Concepts for Mastering Version Control with Git
  
• Git and GitHub Tutorial For Beginners | Full Course
  
• Git Tutorial for Beginners: Learn Git in 1 Hour
  

React.js

React is a JavaScript library for building user interfaces. It is maintained by Facebook and a community of individual developers and companies. React can be used as a base in the development of web or mobile applications

• Build 25 React Projects - Tutorial
  
• React Tutorial for Beginners
  
• React Course - Beginner's Tutorial for React JavaScript Library
  
• React JS Crash Course
  
• React Projects
  

Next.js

Next.js is a modern React framework that enables features such as server-side rendering and static site generation

• Create an Airbnb Clone with Next.js 14, Kinde, Supabase, Prisma and Tailwind
  
• Create a SaaS Application with Next.js.14, Stripe, Kinde, Prisma, Supabase and Tailwind
  
• Create a modern and fully responsive UI/UX website with Next.js 14 and Tailwind
  
• Build a Next.js 14 Blog | React, Sanity.io, Tailwind.css, Shadcn/Ui
  
• Next.js 14 E-Commerce Website with Stripe, and Sanity.io | Full Stack Tutorial | 2023
  
• Next.js Projects: Build a Full-stack App with Next.js, Tailwind, Radix UI, and Prisma
  
• Next.js 13 E-Commerce Tutorial (App Router, TypeScript, Deployment, TailwindCSS, Prisma, DaisyUI)
  
• Next js Tutorial for Beginners | Nextjs 13 (App Router) with TypeScript
  
• Next.js 13 Crash Course | App Directory, React Server Components & More
  

Remix.js [optional]

Remix is a full stack web framework that lets you focus on the user interface and work back through web standards to deliver a fast, slick, and resilient user experience. People are gonna love using your stuff

• Remix Movies: build a movie browser with Remix
  
• Trellix: build a Trello clone using Remix
  
• Create a Full Stack Realtime Chat Messaging App with Remix.run
  
• Remix.run V2 Full Stack Tutorial 2023 | Crash course
  
• Create a Personal Website / Blog using Remix.run, Tailwind.css, Hygraph and GraphQL
  
• Building an E-Commerce Store with Remix.run, Stripe, and Sanity.io: Full Stack Tutorial