React – Build a Complete E-Commerce Application Step by Step

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

Learn React.js from scratch and build a Complete E-Commerce Front-end Application using React JS, JavaScript and JSX

1. Introduction

1. Introduction

2.1 source code.zip

2. Source Code.html

2. React Basics

1. Create React Application

2. Function Components and Class Components

3. Include Bootstrap CSS, JS and Icons

4. Convert HTML to JSX

5. Default Export-Import

6. Named Export-Import

7. Use CSS with JSX

8. JavaScript Arrays

9. JavaScript Objects

10. Component parameters - props

11. List elements

12. Component State and useState Hook

13. Controlled Components

14. Delete Components from a List

15. Uncontrolled Forms

16. Controlled Forms

17. Store Data in the Browser - Local Storage

18. React Hooks - useEffect Function

19. React Hooks - useContext Function

3. E-Commerce Application Setup

1. React App and Bootstrap Setup

2. Application layout - Navbar and Footer

3. React Router - Add BrowserRouter

4. React Router - Add Links

4. Perform CRUD Operations on Products

1. Introduction

2. Setup Backend Server

3. Read Products - Create the ProductList Component

4. Read Products - Fill the Product Table

5. Configure Backend Server for File Upload and Data Validation

6. Create Products - Create the Form

7. Create Products - Submit the Form

8. Create Products - Show Server-Side Validation Errors

9. Update Products - Create the EditProduct Component

10. Update Products - Fill and Submit the Form

11. Delete Products

12. Read Products - Add Pagination

13. Read Products - Add Search Functionality

14. Read Products - Add Sort Functionality

15. Read Products - Add Sort Arrow

16. Home Component - Add Hero Section

17. Home Component - Show Products

18. Home Component - Add Pagination

19. Home Component - Add Filter Functionality

20. Home Component - Add Sort Functionality

21. ProductDetails Component - Create the Layout

22. ProductDetails Component - Read and Render Product Details

5. Authentication and Authorization

1. Introduction

2. Setup JWT Authentication Server

3. Create Register and Login Routes

4. Create the Register Component

5. Create the Login Component

6. Store User Credentials in the Application Memory

7. Store User Credentials in the Browser (Local Storage)

8. User Logout

9. Update the Navbar based on user Authentication and Role

10. Route Protection Components

11. Configure JWT Authentication Server - Enable Authorization

12. Send JWT to Create and Update Products

13. Send JWT in Delete Requests

14. UserProfile - Route Setup

15. UserProfile - Create Skeleton

16. UserProfile - Show Profile Details

17. UserProfile - Update Profile

18. UserProfile - Update Password

19. UserList - Create the UserList Component

20. UserList - Show the List of Users

21. UserList - Add Pagination

22. UserDetails - Create the UserDetails Component

23. UserDetails - Show the User Details

45,900 تومان

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

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

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

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