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

MERN Stack Course 2022 – MongoDB, Express, React & NodeJS

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

Build Full Stack React Application from Scratch with MongoDB, Express, React and NodeJS in this project based course.


1. Introduction
  • 1. Introduction and Course Requirement
  • 2. Environment Setup
  • 3. What is MERN Stack

  • 2. Some NodeJS Basics
  • 1. Node Basics
  • 2. Modules
  • 3. Core Modules
  • 4. Create a NodeJS Server
  • 5. Create Routes in NodeJS
  • 6. Create an Express Server and Route
  • 7. Continously monitor server with Nodemon
  • 8. HTTP Request Methods and Status Codes

  • 3. Express Basics - Task Manager App
  • 1. Task Manager - Demo
  • 2. Project Setup
  • 3. Create Express Server
  • 4. Create start script with nodemon
  • 5. Setup Postman and Insomia for API testing
  • 6. Setup MongoDB
  • 7. Connect To MongoDB - Method 1
  • 8. Refactor the connection sequence
  • 9. Connect To MongoDB - Method 2
  • 10. Create Task Model and Schema
  • 11. Create a Task Route
  • 12. Middleware
  • 13. Save Task to database
  • 14. Get All Tasks
  • 15. Create Task Route
  • 16. Create Task Controller
  • 17. Get a Single Task
  • 18. Delete a Task
  • 19. Update a Task - PUT
  • 20. Update a Task - PATCH
  • 21. Refactor out Routes

  • 4. React Frontend - Task Manager App
  • 1. React App Setup
  • 2. Create Script to run backend and frontend
  • 3. Create all Components
  • 4. Task Manager JSX
  • 5. Add Task to DB
  • 6. Set Proxy URL
  • 7. Get Tasks from DB
  • 8. Display tasks on the page
  • 9. Delete a Task
  • 10. Update Task Part 1
  • 11. Update Task Part 2
  • 12. Set task to completed
  • 13. Get task count

  • 5. Deployment - Render and Heroku
  • 1. Deploy - Push app to GitHub
  • 2. Deploy Frontend To Render
  • 3. Deploy Backend To Render
  • 4. Before you deploy to Heroku
  • 5. Preparing our App for deployment
  • 6. Deploying our app to Heroku

  • 6. Inventory Management App - Demo and Setup
  • 1. Pinvent App - Demo
  • 2. Planning the Project
  • 3. Project Setup

  • 7. Inventory Management App - Backend
  • 1. Create Server and Connect MongoDB
  • 2. Create Folders and Home Route
  • 3. Create User Model
  • 4. Create User Route
  • 5. Create User Controller
  • 6. Create Custom Error Handler
  • 7. Register New User
  • 8. Encrypt Password - Method 1
  • 9. Encrypt Password - Method 2
  • 10. Generate JSON Web Token
  • 11. Send Token With HTTP-Only cookie
  • 12. Create Login Route
  • 13. Create Login Controller Function
  • 14. Logout User
  • 15. Create User Profile Route
  • 16. Create Protect MiddleWare and UserProfile Controller
  • 17. Create Route to Get Login Status
  • 18. Create Login Status Controller Function
  • 19. Create Route to Update User
  • 20. Create Update User Controller Function
  • 21. Create Route to Change Password
  • 22. Create Controller Function to Change Password
  • 23. Reset Password Process
  • 24. Create Forgot Password Route
  • 25. Create Token Model
  • 26. Create send Email Function
  • 27. Forgot Password Controller Function - Part 1
  • 28. Forgot Password Controller Function - Part 2
  • 29. Forgot Password Controller Function - Part 3
  • 30. Email not delivered
  • 31. Create Reset Password Route
  • 32. Create Reset Password Controller
  • 33. Create Product Model
  • 34. Create Product Route
  • 35. Create Product Controller
  • 36. Set up Multer file upload
  • 37. Upload Image With Multer
  • 38. Save product to cloudinary
  • 39. Get all Products - Route and Controller
  • 40. Get single Product - Route and Controller
  • 41. Delete a Product - Route and Controller
  • 42. Update Product - Route and Controller
  • 43. Update Product - Bug Fix
  • 44. Contact Us Route
  • 45. Contact Us Controller

  • 8. Inventory Management App - Frontend
  • 1. Create React App
  • 2. Set up Redux
  • 3. Set up Routing
  • 4. Home Page
  • 5. Create Auth Pages and Routes
  • 6. Create Card Component
  • 7. Login Page JSX
  • 8. Register Page JSX
  • 9. Forgot Passord Page JSX
  • 10. Reset Passord Page JSX
  • 11. Header, Footer and Layout Component JSX
  • 12. Dashboard Initial Setup
  • 13. Get The Sidebar Code
  • 14. Sidebar Component - Part 1
  • 15. Sidebar Component - Part 2
  • 16. Navigate to Home Page from Dashboard
  • 17. Set up auth slice
  • 18. Set up auth service and Register User function
  • 19. Register User - Part 1
  • 20. Register User - Part 2
  • 21. Register User - Part 3
  • 22. Create Loader Component
  • 23. Create Login User function
  • 24. Login User
  • 25. Logout User
  • 26. Display name of user
  • 27. Forgot Password
  • 28. Create Reset Password function
  • 29. Reset Password
  • 30. Hide or Show Nav Menu
  • 31. Get Login Status
  • 32. Redirect Logged out users
  • 33. Create productSlice
  • 34. Create Product Function Redux
  • 35. Create Add Product Component
  • 36. Create Add Product Route
  • 37. Create Product Form and Test
  • 38. Create Get all Products Function Redux
  • 39. Get All Products
  • 40. Display Products on dashboard
  • 41. Search Component JSX
  • 42. Search Function in Redux
  • 43. Product List Pagination
  • 44. Product Summary JSX
  • 45. Calculate Total Store Value
  • 46. Calculate Out Of Stock Products
  • 47. Calculate all Categories
  • 48. Create Delete Function Redux
  • 49. Delete Product
  • 50. Create Get Single Product Function Redux
  • 51. Create Product Detail Route
  • 52. Create Product Details Component
  • 53. Create Update Product Function Redux
  • 54. Create Edit Product Route
  • 55. Create Edit Product Component
  • 56. Create Get User Profile Function
  • 57. Create Profile Component and Route
  • 58. Profile Component Logic
  • 59. Profile Component Logic JSX
  • 60. Edit Profile - Part 1
  • 61. Edit Profile - Part 2
  • 62. Edit Profile Component
  • 63. Change Password Component
  • 64. Testing Our App
  • 65. Deploy To GitHub
  • 66. Deploy Frontend To Vercel
  • 67. Deploy Backend To Render
  • 53,700 تومان
    بیش از یک محصول به صورت دانلودی میخواهید؟ محصول را به سبد خرید اضافه کنید.
    خرید دانلودی فوری

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

    ایمیل شما:
    تولید کننده:
    شناسه: 1507
    حجم: 12103 مگابایت
    مدت زمان: 1568 دقیقه
    تاریخ انتشار: 27 دی 1401
    طراحی سایت و خدمات سئو

    53,700 تومان
    افزودن به سبد خرید