آموزش MERN پشته با پروژه

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

معرفی Introduction

• معرفی Introduction

• ابزار مورد نیاز Tools Required

ایجاد یک React Front End Creating a React Front End

• راه اندازی React Project Setting up React Project

• Tailwind css را با React پیکربندی کنید Configure Tailwind css with React

• ایجاد مؤلفه برنامه Creating the app component

• ایجاد صفحات وبلاگ Creating blog pages

• ایجاد کامپوننت NabBar Creating NabBar component

• لینک Github Github link

• پارامترهای URL با روتر واکنش URL parameters with react-router

• ایجاد و پیوند دادن لیست مقالات Creating and linking the articles list

• ساخت فهرست مقاله به عنوان جزء قابل استفاده مجدد Making article list as reusable component

• ایجاد یک صفحه 404 در React Creating a 404 page in React

ایجاد یک Node Back End Creating a Node Back End

• آماده سازی وابستگی های باطن preparing-the-backend-dependencies

• Creating-our-express-app (Server.js) creating-our-express-app (Server.js)

• تست سرور اکسپرس با Postman Testing an Express server with Postman

• پارامترهای مسیر در Express Route parameters in Express

• افزودن قابلیت نظرات Adding comments functionality

راه اندازی MongoDB Setting up MongoDB

• نصب MongoDB و ایجاد پایگاه داده Installing MongoDB and creating database

• اضافه کردن MongoDB به Express Adding MongoDB to Express

• بازنویسی نقطه پایان نظرات Rewriting the comments endpoint

اتصال FrontEnd و BackEnd Connecting the FrontEnd and BackEnd

• Fetch API The Fetch API

• افزودن قلاب‌های React برای واکشی داده‌ها Adding React hooks to fetch data

• نمایش نظرات Displaying comments

• افزودن فرم افزودن نظر Adding an Add Comment form

• لینک Github Github link