آموزش جامع توسعه فول استک با جاوااسکریپت: MongoDB، Node و React - آخرین آپدیت

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

مقدمه Introduction

• یادگیری توسعه فول استک جاوااسکریپت Learning full-stack JavaScript development

1. شروع به کار 1. Getting Started

• ماژول‌های نود Node modules

• اکسپرس و تایپ‌اسکریپت Express and TypeScript

• مخزن پروژه و NPM Project repo and NPM

• میدل‌ورها و قالب‌بندی Middlewares and templating

• ری‌اکت و وب‌پک React and webpack

• ای‌اس‌لیندت ESLint

• مونگو دی‌بی و داکر MongoDB and Docker

2. مبانی ری‌اکت 2. React Fundamentals

• استیت و هندلرهای رویداد State and event handlers

• چرخه حیات کامپوننت و اثرات جانبی Component life-cycle and side effects

• سینتکس JSX JSX syntax

• چرا ری‌اکت؟ Why React?

• کامپوننت‌های تابعی و پراپ‌ها Function components and props

3. کار با داده‌ها 3. Working with Data

• دریافت داده‌ها از MongoDB Fetching data from MongoDB

• دریافت داده‌ها هنگام رندر شدن ری‌اکت Fetching data while React is rendering

• اشتراک‌گذاری داده‌ها بین سرور و کلاینت Sharing data between server and client

• استفاده از کلید (key) در لیست‌های ری‌اکت React’s key for items in a list

• استفاده از اندپوینت API در مرورگر Using an API endpoint from the browser

• ساخت یک اندپوینت API آزمایشی Creating a mock API endpoint

• رندر کردن لیستی از آیتم‌ها Rendering a list of items

• رندرینگ سمت سرور برای مسیر ریشه Server-side rendering of the root path

4. مسیریابی و تاریخچه 4. Routing and History

• جابجایی با کلیک روی لینک Navigating on link click

• رندرینگ سمت سرور برای مسیرهای سفارشی Server-side rendering of a custom path

• دریافت داده‌ها پس از جابجایی به نمای جدید Fetching data after navigating to a new view

• دریافت شرطی داده‌ها Fetching data conditionally

• فراخوانی اکشن‌های کامپوننت در فرزندان Invoking component actions in children

• نمایش یک کامپوننت ریشه متفاوت Displaying a different root component

• مدیریت تاریخچه پیمایش مرورگر Handling browser navigation history

5. ذخیره‌سازی داده‌ها 5. Persisting Data

• بروزرسانی رابط کاربری بر اساس پاسخ API Updating UI based on API response

• خواندن داده‌های فرم با DOM API Reading form data with the DOM API

• گام‌های بعدی Next steps

• مدیریت داده‌ها در یک آرایه Handling data in an array

• چالش پروژه Project challenge

• درک متدهای درخواست HTTP Understanding HTTP request methods

• استفاده از اندپوینت API برای بروزرسانی داده‌ها Using an API endpoint to update data