آموزش یک Backend REST API با Node JS از ابتدا بسازید

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

معرفی Introduction

• معرفی پروژه Project Introduction

NodeJS Backend API NodeJS Backend API

• یک پروژه Node از ابتدا ایجاد کنید Create a Node project from scratch

• پیش چک ها راه اندازی محیط Pre-checks. Environment Setup

• NodeJS، NPM، Git و Git Config NodeJS, NPM, Git, and Git Config

• بسته های NPM لازم را نصب کنید Install necessary NPM packages

• Nodemon را برای بارگذاری خودکار هر گونه تغییر نصب کنید Install Nodemon for automatically reload any changes

• اولین فایل ما (server.js) Our first file (server.js)

• بیایید با باطن خود (API) صحبت کنیم Let's speak with our backend (API)

• بی خوابی - پستچی - مشتریان REST برای ایجاد درخواست های HTTP بسیار آسان Insomnia - Postman - REST clients for making HTTP requests very easily

• کدهای وضعیت HTTP - بیایید آنها را خوانا کنیم HTTP Status Codes - Let's make them readable

• نقاط پایانی API API Endpoints

• بیایید معماری Simple API خود را طراحی کنیم Let's design the architecture of our Simple API

• قسمت 1 - یک معماری جامد و انعطاف پذیر برای API ایجاد کنید Part 1 - Create a solid and flexible architecture for the API

• قسمت 2 - یک معماری جامد و انعطاف پذیر برای API ایجاد کنید Part 2 - Create a solid and flexible architecture for the API

• نقاط پایانی ما را تأیید کنید Validate our endpoints

• API ما را ایمن کنید - آسیب پذیری های بالقوه Secure our API - Potential Vulnerabilities

• بیایید به طور خلاصه JSDoc و OpenAPI را ببینیم Let's briefly see JSDoc and OpenAPI

• بیایید git commit API ساده RESTful خود را انجام دهیم Let's git commit our simple RESTful API

• محدود کردن و فشرده سازی API خود را رتبه بندی کنید Rate limiting and compressing your API

• افزودن کتابخانه ورود به سیستم Pino برای NodeJS API Adding Pino logging library for our NodeJS API

Frontend React Client Frontend React Client

• بیایید برنامه React مشتری خود را ایجاد کنیم Let's create our client React app

• UsersList، Axios/Fetch و نصب وابستگی ها UsersList, Axios/Fetch and Installing dependencies

• جزء UsersList - پیاده سازی UsersList component - Implementation

• کامپوننت UsersLis را تقویت کنید Enhance UsersLis component

• React Styled-Components React Styled-Components

• از React Router استفاده کنید Use React Router

• ایجاد کامپوننت کاربر Create User component

• Toastify پیام‌ها و پیام‌های خطا از API Toastify messages and hadling error messages from API

• یک کاربر را از کامپوننت React ما بازیابی کنید Retrieve a user from our React component

• Refactoring Layout-Navbar Refactoring Layout-Navbar

• React کلاینت را در چند لایه سازماندهی مجدد کرد Re-organized React client into multi-tiers

• یک کاربر را ویرایش کنید Edit a User

• حذف یک کاربر Delete a User

• صفحات پاورقی و ثابت Footer and static pages

• اختیاری - تبدیل axios با JS Fetch بومی Optional - Convert axios with native JS Fetch

• پاورقی، ترفندهای کوچک CSS/HTML را تقویت کنید Enhance footer, little CSS/HTML tricks

• هنگامی که هیچ کاربری در صفحه اصلی وجود ندارد، پیام خطا را به خوبی مدیریت کنید Handle nicely an error message when no users on homepage

• بهبود بخش 1 - هنگام بازیابی کاربران، یک اسپینر بارگیری داشته باشید Enhancement, part 1 - Have a loading spinner when retrieving users

• بهبود بخش 2 - رفع عدم نمایش پیام های خطا توسط لودر محتوا Enhancement, part 2 - Fixing the content loader not showing the error messages

• استفاده از بلوک "بالاخره" در JS و نحوه پیاده سازی آن Usage of the `finally` block in JS and how we can implement it

• افزایش UsersList - استفاده از Bootstrap Row و Refactor را در کامپوننت کاربر جدید رفع کنید Enhance UsersList - Fix Bootstrap Row usage and Refactor into new User component

تست های واحد (API) Unit tests (API)

• افزودن تست های واحد برای API باطن ما Adding unit tests for our backend API

• بهبود تست "باید همه کاربران را دریافت کند" Enhance test "must get all users"

• چارچوب های تست جاوا اسکریپت - لیست و استفاده از آنها JavaScript testing Frameworks - The list and their usage

کد منبع/مخازن GitHub Source Code / GitHub Repositories

• قسمت 34 - فشار دادن کد ما به GitHub Part 34 - Pushing our code to GitHub

• کد منبع GitHub Repo + Community Source Code GitHub Repo + Community

منابع و فراتر از آن Resource & Beyond

• کجا من را دنبال کنید + منابع Where to Follow Me + Resources

• فهرست جعبه‌های ایمنی جاوا اسکریپت (برای اشکال‌زدایی سریع مفید است) List of JavaScript Sandboxes (handy for quick debugging)

• جایزه: افزونه های کد VS! BONUS: The VS Code Extensions!