About this course
Launch your frontend adventure with our vibrant Beginner course of Craft with React! Master React essentials, from JSX and components to basic state management, in just 2 months, building a rock-solid foundation for creating dynamic web apps.
Real World Usecases
1 Parts
- 0:05 Hr
Global Implemenation
5 Min
Prerequisites & Readiness Check
2 Parts
- 1:00 Hr
Environment Setup
15 Min
Prerequisites for Craft with React: Beginner
45 Min
Chapter 1: Introduction to React
3 Parts
- 1:45 Hr
React Overview
30 Min
Project Setup
45 Min
Exercise: Create a Welcome Component
30 Min
Chapter 2: JavaScript Fundamentals for React
3 Parts
- 2:15 Hr
ES6+ Syntax
45 Min
Destructuring, Modules, and TypeScript Basics
45 Min
Exercise: ES6+ and TypeScript Practice
45 Min
Chapter 3: JSX Basics
3 Parts
- 1:30 Hr
JSX Syntax
30 Min
Expressions in JSX
30 Min
Exercise: Build a JSX Card
30 Min
Chapter 4: Components and Props
3 Parts
- 2:15 Hr
Components
45 Min
Props
45 Min
Exercise: Build a Reusable Info Card Component
45 Min
Chapter 5: State and Lifecycle
3 Parts
- 1:45 Hr
State Basics
45 Min
Lifecycle Overview
30 Min
Exercise: Create a Toggleable Content Component
30 Min
Chapter 6: Event Handling
3 Parts
- 1:30 Hr
Event Basics
30 Min
Common Events
30 Min
Exercise: Toggle Button
30 Min
Chapter 7: Rendering Lists and Conditionals
3 Parts
- 1:30 Hr
List Rendering
30 Min
Conditional Rendering
30 Min
Exercise: Render a Dynamic Item List
30 Min
Chapter 8: Basic Styling in React
3 Parts
- 2:00 Hr
Inline CSS
30 Min
CSS Modules and Tailwind
45 Min
Exercise: Style a Card with Tailwind CSS
45 Min
Chapter 9: Forms in React
3 Parts
- 2:00 Hr
Controlled Components
45 Min
Uncontrolled Components
30 Min
Exercise: Build a Simple Contact Form
45 Min
Chapter 10: Introduction to React Router
3 Parts
- 1:45 Hr
Router Setup
30 Min
Route Parameters
30 Min
Exercise: Set Up Basic Navigation
45 Min
Capstone Projects
2 Parts
- 100:00 Hr
Project 1: Personal Portfolio Website
3000 Min
Project 2: Event Planner App
3000 Min
No Reviews Yet
