Welcome to the ultimate journey in web development: our "Modern React, Express 2024 Build Complete Canva Project A-Z" course! Whether you’re an experienced coder or just starting out, prepare to enter the exciting world of building Canva applications from scratch. There are no boring lectures here – just hands-on learning to build amazing web applications in no time!
In this course, "Modern React, Express 2024 Build Complete Canva Project A-Z," we cover everything you need to know, from the basics of JavaScript to mastering the art of Tailwind CSS. You'll learn how to build beautiful, interactive interfaces with React .js and Node. You will learn how to build powerful server-side applications using .js and Express.js. Plus, we’ll show you how to easily incorporate Canva into your projects so you can take your designs to the next level.
You will work on real-world projects that will sharpen your skills and help you build a portfolio that will impress any potential employer.
Modern React, Express 2024 Build Complete Canva Project A-Z Table of Contents:
- Introduction project: What you will build (16:09)
- Need Your Support (01:20)
- My Mission (01:23)
- Course Review - It will Inspire me a Lot (02:39)
- React introduction (06:46)
- Create new React app using Vite (07:21)
- Project Run And Build Command (06:33)
- Dive Inside React Project Structure (14:43)
- Organizing File Folders (05:09)
- Best VS Code Extensions And Settings For React Development (06:19)
- Primary Understanding On Component Part 1 (08:59)
- Primary Understanding On Component Part 2 (07:22)
- JSX And Conventions (09:41)
- JSX Short Hand If else (04:01)
- JSX Immediately invoked function (06:42)
- JSX Loop Inside (05:52)
- JSX Conditional Rendering Using If Else (08:55)
- JSX Conditional Rendering Using Switch Statement (04:07)
- JSX Conditional Rendering Using Ternary Operator (02:42)
- JSX Conditional Rendering Using Logical And And (03:32)
- JSX Conditional Rendering Using Immediately Invoked Function (03:40)
- Passing Properties to Child Component (05:13)
- Passing Simple String to Child Component (05:06)
- Passing Object to Child Component (05:35)
- Passing Function to Child Component (02:52)
- Managing Click Event (05:40)
- Managing Form Submit (05:07)
- Applying React Router Dom (15:15)
- Link And NavLink For Router (13:37)
- Browser Router VS HashRouter (05:09)
- Passing Parameter Via Navigation (05:45)
- [Hook] Meet With Hook (01:45)
- [Hook] useRef InnerText InnerHTML (09:58)
- [Hook] useRef Working With Attribute (05:44)
- [Hook] useRef Working With Input Element (07:38)
- [Hook] useRef Working With CSS Class (06:13)
- [Hook] useRef Caching Expensive Computation (15:27)
- [Hook] useState Understanding Inside (08:35)
- [Hook] useState Working With Immutable Object (08:21)
- [Hook] useState Working With Immutable Array Part 1 (14:15)
- [Hook] useState Working With Immutable Array Part 2 (06:48)
- [Hook] useState Managing Form Like Pro Part 1 (12:32)
- [Hook] useState Managing Form Like Pro Part 2 (11:34)
- [Hook] useEffect understanding arguments and uses (06:40)
- [Hook] useEffect calling api using promises (07:00)
- [Hook] useEffect calling api using async await (07:09)
- Introduction: What is Express Js (04:01)
- Your First Express Application (10:23)
- Express Js Routing (06:45)
- Four Topic We Need To Focus (01:21)
- Understanding Response (04:17)
- Simple String Response (05:07)
- Response Status Code (04:12)
- JSON Response (04:14)
- Response Download (04:12)
- Response Redirect (04:27)
- Response Header (05:43)
- Response Set Cookies (04:59)
- Response Clear Cookies (04:46)
- Working With Request (01:32)
- Get Request With URL Query (06:26)
- Working With Get Request Header (04:15)
- Simple Post Request (02:48)
- Post Request With URL Query (03:52)
- Post Request With Header Properties (05:14)
- Post application-json (07:42)
- Working With Multipart Form Data (08:46)
- File Upload (09:46)
- Middleware (02:18)
- Application Middleware (08:05)
- Route Middleware (03:49)
- Introduction to MongoDB (01:41)
- Installing MongoDB and Compass (06:23)
- Connecting to MongoDB (08:07)
- Schema and Models (07:24)
- Create and Save a document (08:05)
- Find documents in multiple ways (10:21)
- Query API Select, Sort, Limit, Count Documents (08:51)
- Complex Query Comparison Operators (07:58)
- Complex Query And, Or Operations (05:34)
- Exercise Advanced Query (06:13)
- Update a document (Way 1) (03:43)
- Update a document (Way 2) (05:38)
- Delete documents in 2 ways (03:53)
- Start to Build Complete Canva Project - What You Will Build Introduction (16:09)
- Project setup and deploy code extensions (04:33)
- Project Setup and Deploy Part 1 (09:52)
- Project Setup and Deploy Part 2 (15:53)
- Project Setup and Deploy Part 3 (16:46)
- Project Setup and Deploy Part 4 (12:34)
- Project Setup and Deploy Part 5 (10:56)
- Project Setup and Deploy Part 6 (14:52)
- Setup React Router Dom And Tailwind Css Part 1 (10:44)
- Setup React Router Dom And Tailwind Css Part 2 (16:04)
- Canva Home Page Design (13:21)
- Register and Login Form Create and Design Part 1 (12:26)
- Register and Login Form Create and Design Part 2 (16:52)
- Register and Login Form Create and Design Part 3 (10:19)
- Register and Login Form Create and Design Part 4 (10:39)
- Upload Project to Live Server (06:09)
- Home Page Create and Design Part 1 (11:29)
- Home Page Create and Design Part 2 (11:03)
- Home Page Create and Design Part 3 (13:01)
- Home Page Create and Design Part 4 (15:53)
- Home Page Create and Design Part 5 (10:36)
- Home Page Create and Design Part 6 (14:50)
- Home Page Create and Design Part 7 (13:30)
- Home Page Create and Design Part 8 (11:14)
- Home Page Create and Design Part 9 (15:41)
- Main Page Sidebar Design Part 1 (12:51)
- Main Page Sidebar Design Part 2 (13:27)
- Main Page Sidebar Design Part 3 (15:20)
- Main Page Sidebar Design Part 4 (12:10)
- Main Page Sidebar Design Part 5 (04:30)
- Design Sidebar Pop Up Section Part 1 (08:57)
- Design Sidebar Pop Up Section Part 2 (07:29)
- Design Sidebar Pop Up Section Part 3 (13:51)
- Setup Main Design Component Part 1 (18:40)
- Setup Main Design Component Part 2 (19:26)
- Setup Main Design Component Part 3 (08:11)
- Setup Main Design Component Part 4 (10:36)
- Setup Main Design Component Part 5 (10:25)
- Design Functionality Design Component Part 1 (11:15)
- Design Functionality Design Component Part 2 (17:06)
- Design Functionality Design Component Part 3 (07:51)
- Make Design Rotate Resize Move Indicator Part 1 (09:48)
Who is this course for?
- Anyone curious about the MERNA Stack
- Students in web development or a related field
- Independents expanding service offerings
Click on the links below to Download Modern React, Express 2024 Build Complete Canva Project A-Z!
You are replying to :