Modern React, Express 2024 Build Complete Canva Project A-Z

سرفصل های دوره

Build Full Stack Canva Application Project with React.js, Node.js, Express.js and MongoDB From Concept to Creation

1. Introduction Project - What You Will Build

1. Introduction Project - What You Will Build

2. Need Your Support

3. My Mission

4. Course Review - It will Inspire me a Lot

2. React Fundamentals React Structure, JSX component & Rendering

1. React Introduction

2.1 Fundamental Excise Files.zip

2. Fundamental Excise Files - Downloadable Resources.html

3. Create New React App Using Vite

4. Project Run And Build Command

5. Dive Inside React Project Structure

6. Organizing File Folders

7. Best VS Code Extensions And Settings For React Development

8. Primary Understanding On Component Part 1

9. Primary Understanding On Component Part 2

10. JSX And Conventions

11. JSX Short Hand If else

12. JSX Immediately invoked function

13. JSX Loop Inside

14. JSX Conditional Rendering Using If Else

15. JSX Conditional Rendering Using Switch Statement

16. JSX Conditional Rendering Using Ternary Operator

17. JSX Conditional Rendering Using Logical And And

18. JSX Conditional Rendering Using Immidiatly Invoked Function

19. Passing Properties to Child Component

20. Passing Simple String to Child Component

21. Passing Object to Child Component

22. Passing Function to Child Component

23. Managing Click Event

24. Managing Form Submit

3. React Routing

1. Applying React Router Dom

2. Link And NavLink For Router

3. Browser Router VS HashRouter

4. Passing Parameter Via Naviagation

4. React Hook & State Management

1. [Hook] Meet With Hook

2. [Hook] useRef InnerText InnerHTML

3. [Hook] useRef Working With Attribute

4. [Hook] useRef Working With Input Element

5. [Hook] useRef Working With CSS Class

6. [Hook] useRef Caching Expensive Computation

7. [Hook] useState Understading Inside

8. [Hook] useState Working With Immutable Object

9. [Hook] useState Working With Immutable Array Part 1

10. [Hook] useState Working With Immutable Array Part 2

11. [Hook] useState Managing Form Like Pro Part 1

12. [Hook] useState Managing Form Like Pro Part 2

13. [Hook] useEffect understanding arguments and uses

14. [Hook] useEffect calling api using promises

15. [Hook] useEffect calling api usig async await

5. Express JS Fundamental

1. Introduction What is Express Js

2. Your First Express Application

3. Express js Routing

4. Four Topic We Need To Focus

5. Understanding Response

6. Simple String Response

7. Response Status Code

8. JSON Response

9. Response Download

10. Response Redirect

11. Response Header

12. Response Set Cookies

13. Response Clear Cookies

14. Working With Request

15. Get Request With URL Query

16. Working With Get Request Header

17. Simple Post Request

18. Post Request With URL Query

19. Post Request With Header Properties

20. Post application-json

21. Working With Multipart Form Data

22. File Upload

23. Middleware

24. Application Middleware

25. Route Middleware

6. MongoDB Fundamental - A NoSQL Database

1. Introduction to MongoDB

2. Installing MongoDB and Compass

3. Connecting to MongoDB

4. Schema and Models

5. Create and Save a document

6. Find documents in multiple ways

7. Query API Select, Sort, Limit, Count Documents

8. Complex Query Comparison Operators

9. Complex Query And, Or Operations

10. Exercise Advanced Query

11. Update a document (Way 1)

12. Update a document (Way 2)

13. Delete documents in 2 ways

7. Build Complete Canva Project From Scratch

1. Start to Build Complete Canva Project - What You Will Build Introduction

2.1 Canva Excise File.zip

2. Canva Project Excise File - Downloadable Resources.html

8. Project Setup and Deploy

1. Project Setup and VS Code Extensions

2. Project Setup and Deploy Part 1

3. Project Setup and Deploy Part 2

4. Project Setup and Deploy Part 3

5. Project Setup and Deploy Part 4

6. Project Setup and Deploy Part 5

7. Project Setup and Deploy Part 6

9. Setup React Router Dom and Tailwind Css

1. Setup React Router Dom And Tailwind Css Part 1

2. Setup React Router Dom And Tailwind Css Part 2

10. Canva Home Page Design

1.1 Canva Home Page Design.html

1. Canva Home Page Design

11. Register and Login Form Create and Design

1.1 Register and Login Form Create and Design Part 1.html

1. Register and Login Form Create and Design Part 1

2.1 Register and Login Form Create and Design Part 2.html

2. Register and Login Form Create and Design Part 2

3.1 Register and Login Form Create and Design Part 3.html

3. Register and Login Form Create and Design Part 3

4.1 Register and Login Form Create and Design Part 4.html

4. Register and Login Form Create and Design Part 4

5. Upload Project to Live Server

12. Home Page Create and Design

1.1 Home Page Create and Design Part 1.html

1. Home Page Create and Design Part 1

2.1 Home Page Create and Design Part 2.html

2. Home Page Create and Design Part 2

3.1 Home Page Create and Design Part 3.html

3. Home Page Create and Design Part 3

4.1 Home Page Create and Design Part 4.html

4. Home Page Create and Design Part 4

5.1 Home Page Create and Design Part 5.html

5. Home Page Create and Design Part 5

6.1 Home Page Create and Design Part 6.html

6. Home Page Create and Design Part 6

7.1 Home Page Create and Design Part 7.html

7. Home Page Create and Design Part 7

8.1 Home Page Create and Design Part 8.html

8. Home Page Create and Design Part 8

9.1 Home Page Create and Design Part 9.html

9. Home Page Create and Design Part 9

13. Main Page Sidebar Design

1.1 Main Page Sidebar Design Part 1.html

1. Main Page Sidebar Design Part 1

2.1 Main Page Sidebar Design Part 2.html

2. Main Page Sidebar Design Part 2

3.1 Main Page Sidebar Design Part 3.html

3. Main Page Sidebar Design Part 3

4.1 Main Page Sidebar Design Part 4.html

4. Main Page Sidebar Design Part 4

5.1 Main Page Sidebar Design Part 5.html

5. Main Page Sidebar Design Part 5

14. Design Sidebar Pop Up Section

1.1 Design Sidebar Pop Up Section Part 1.html

1. Design Sidebar Pop Up Section Part 1

2.1 Design Sidebar Pop Up Section Part 2.html

2. Design Sidebar Pop Up Section Part 2

3.1 Design Sidebar Pop Up Section Part 3.html

3. Design Sidebar Pop Up Section Part 3

15. Setup Main Design Component

1.1 Setup Main Design Component Part 1.html

1. Setup Main Design Component Part 1

2.1 Setup Main Design Component Part 2.html

2. Setup Main Design Component Part 2

3.1 Setup Main Design Component Part 3.html

3. Setup Main Design Component Part 3

4.1 Setup Main Design Component Part 4.html

4. Setup Main Design Component Part 4

5.1 Setup Main Design Component Part 5.html

5. Setup Main Design Component Part 5

16. Design Functionality Design Component

1.1 Design Functionality Design Component Part 1.html

1. Design Functionality Design Component Part 1

2.1 Design Functionality Design Component Part 2.html

2. Design Functionality Design Component Part 2

3.1 Design Functionality Design Component Part 3.html

3. Design Functionality Design Component Part 3

17. Make Design Rotate Resize Move Indicator

1.1 Make Design Rotate Resize Move Indicator Part 1.html

1. Make Design Rotate Resize Move Indicator Part 1

2.1 Make Design Rotate Resize Move Indicator Part 2.html

2. Make Design Rotate Resize Move Indicator Part 2

3.1 Make Design Rotate Resize Move Indicator Part 3.html

3. Make Design Rotate Resize Move Indicator Part 3

18. Move Html Div Method

1.1 Move Html Div Method Part 1.html

1. Move Html Div Method Part 1

2.1 Move Html Div Method Part 2.html

2. Move Html Div Method Part 2

3.1 Move Html Div Method Part 3.html

3. Move Html Div Method Part 3

19. Resize Html Div Method

1.1 Resize Html Div Method Part 1.html

1. Resize Html Div Method Part 1

2.1 Resize Html Div Method Part 2.html

2. Resize Html Div Method Part 2

20. Rotate Html Div Method

1.1 Rotate Html Div Method Part 1.html

1. Rotate Html Div Method Part 1

2.1 Rotate Html Div Method Part 2.html

2. Rotate Html Div Method Part 2

21. Text Add Opacity Add Option

1.1 Text Add Opacity Add Option Part 1.html

1. Text Add Opacity Add Option Part 1

2.1 Text Add Opacity Add Option Part 2.html

2. Text Add Opacity Add Option Part 2

3.1 Text Add Opacity Add Option Part 3.html

3. Text Add Opacity Add Option Part 3

22. Text Padding Font Weight Add

1.1 Text Padding Font Weight Add Part 1.html

1. Text Padding Font Weight Add Part 1

2.1 Text Padding Font Weight Add Part 2.html

2. Text Padding Font Weight Add Part 2

3.1 Text Padding Font Weight Add Part 3.html

3. Text Padding Font Weight Add Part 3

23. Image Added Option

1.1 Image Added Option Part 1.html

1. Image Added Option Part 1

2.1 Image Added Option Part 2.html

2. Image Added Option Part 2

3.1 Image Added Option Part 3.html

3. Image Added Option Part 3

24. User Register Function

1.1 User Register Function Part 1.html

1. User Register Function Part 1

2.1 User Register Function Part 2.html

2. User Register Function Part 2

3.1 User Register Function Part 3.html

3. User Register Function Part 3

4.1 User Register Function Part 4.html

4. User Register Function Part 4

5.1 User Register Function Part 5.html

5. User Register Function Part 5

25. User Login Function

1.1 User Login Function Part 1.html

1. User Login Function Part 1

2.1 User Login Function Part 2.html

2. User Login Function Part 2

26. Create Design And Store Database

1.1 Create Design And Store Database Part 1.html

1. Create Design And Store Database Part 1

2.1 Create Design And Store Database Part 2.html

2. Create Design And Store Database Part 2

3.1 Create Design And Store Database Part 3.html

3. Create Design And Store Database Part 3

4.1 Create Design And Store Database Part 4.html

4. Create Design And Store Database Part 4

5.1 Create Design And Store Database Part 5.html

5. Create Design And Store Database Part 5

6.1 Create Design And Store Database Part 6.html

6. Create Design And Store Database Part 6

27. Design Functionality Add and Download

1.1 Design Functionality Add and Download Part 1.html

1. Design Functionality Add and Download Part 1

2.1 Design Functionality Add and Download Part 2.html

2. Design Functionality Add and Download Part 2

3.1 Design Functionality Add and Download Part 3.html

3. Design Functionality Add and Download Part 3

4.1 Bug Fix for Add Text Zindex.html

4. Bug Fix for Add Text Zindex

28. Image Save Function Setup

1.1 Image Save Function Part 1.html

1. Image Save Function Part 1

2.1 Image Save Function Part 2.html

2. Image Save Function Part 2

3.1 Image Save Function Part 3.html

3. Image Save Function Part 3

29. Image Upload Function Setup

1.1 Image Upload Function Part 1.html

1. Image Upload Function Part 1

2.1 Image Upload Function Part 2.html

2. Image Upload Function Part 2

3.1 Image Upload Function Part 3.html

3. Image Upload Function Part 3

30. Image Show Function Setup

1.1 Image Show Function Part 1.html

1. Image Show Function Part 1

2.1 Image Show Function Part 2.html

2. Image Show Function Part 2

3.1 Image Show Function Part 3.html

3. Image Show Function Part 3

31. Design Template Show

1.1 Design Template Show Part 1.html

1. Design Template Show Part 1

2.1 Design Template Show Part 2.html

2. Design Template Show Part 2

3.1 Design Template Show Part 3.html

3. Design Template Show Part 3

32. Project Organize Setup

1.1 Project Organize Setup Part 1.html

1. Project Organize Setup Part 1

2.1 Project Organize Setup Part 2.html

2. Project Organize Setup Part 2

3.1 Project Organize Setup Part 3.html

3. Project Organize Setup Part 3

4.1 Project Organize Setup Part 4.html

4. Project Organize Setup Part 4

33. User Logout Function

1.1 User Logout Function.html

1. User Logout Function

2.1 Protect The Route.html

2. Protect The Route

3.1 Show Validation Message For User Login.html

3. Show Validation Message For User Login

53,700 تومان

خرید اشتراک افزودن به سبد خرید

خرید دانلودی فوری

در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.

تولید کننده: Udemy