ایجاد یک برنامه به اشتراک گذاری یادداشت با Angular، NodeJS، Express و MongoDB: آموزش MEAN Stack برای مبتدیان

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

ایجاد یک برنامه اشتراک‌گذاری یادداشت: مدیریت داده‌های فرانت‌اند Build A Note-Sharing App: Front-end Data Management

• بررسی اجمالی Overview

• معرفی Introduction

• صفحه جزئیات یادداشت را ایجاد کنید Create the Note Detail Page

• صفحات یافت نشد را ایجاد کنید Create the Not-Found Pages

• عملیات CRUD را به یک سرویس اضافه کنید Add CRUD Operations to a Service

• انتشار تغییرات داده ها به صورت خودکار Propagate Data Changes Automatically

• نتیجه Conclusion

ایجاد یک برنامه اشتراک‌گذاری یادداشت: یک صفحه جلویی ساده زاویه‌ای ایجاد کنید Build A Note-Sharing App: Create A Simple Angular Front-end

• بررسی اجمالی Overview

• معرفی Introduction

• برنامه ای که خواهیم ساخت The App We'll Be Building

• ایجاد صفحات و تنظیم مسیرها Create Pages and Set Up Routes

• صفحه فهرست یادداشت ها را ایجاد کنید Create the Notes List Page

• نتیجه Conclusion

ایجاد یک برنامه به اشتراک گذاری یادداشت: یک Back-end با Node و Express ایجاد کنید Build a Note-Sharing App: Create a Back-end with Node and Express

• بررسی اجمالی Overview

• معرفی Introduction

• راه اندازی پروژه تمام پشته Full-Stack Project Setup

• بارگیری یادداشت ها از سرور Load Notes from the Server

• یادداشت های مشترک را از سرور بارگیری کنید Load Shared Notes from the Server

• یادداشت ها را روی سرور ایجاد کنید Create Notes on the Server

• به روز رسانی و حذف یادداشت ها در سرور Update and Delete Notes on the Server

• نتیجه Conclusion

ایجاد یک برنامه اشتراک گذاری یادداشت: یک پایگاه داده اضافه کنید Build A Note-Sharing App: Add a Database

• بررسی اجمالی Overview

• معرفی Introduction

• تبدیل نقاط پایانی سرور به MongoDB Convert Server Endpoints to MongoDB

• برنامه های Express را به چندین فایل تقسیم کنید Split Express Apps Into Multiple Files

• MongoDB را در فایل های مختلف در دسترس قرار دهید Make MongoDB Available in Different Files

• نتیجه Conclusion

ایجاد یک برنامه اشتراک گذاری یادداشت: احراز هویت کاربر را به Front-end اضافه کنید Build A Note-Sharing App: Add User Authentication to the Front-end

• بررسی اجمالی Overview

• معرفی Introduction

• ایجاد ورود و ایجاد فرم های حساب Create Login and Create Account Forms

• Firebase Auth را نصب و راه اندازی کنید Install and Set Up Firebase Auth

• مشاهده تغییرات Auth Observing Auth Changes

• نتیجه Conclusion

ایجاد یک برنامه اشتراک گذاری یادداشت: احراز هویت کاربر را به Back-end اضافه کنید Build A Note-Sharing App: Add User Authentication to the Back-end

• بررسی اجمالی Overview

• معرفی Introduction

• Firebase Admin را نصب و راه اندازی کنید Install and Set Up Firebase Admin

• توکن‌های تأیید اعتبار کاربر را در درخواست‌ها لحاظ کنید Include User Auth Tokens in Requests

• تبدیل نقاط پایانی برای مالکیت Convert Endpoints for Ownership

• یک نوار ناو و دکمه خروج اضافه کنید Add a Nav Bar and Logout Button

• نتیجه Conclusion

ایجاد یک برنامه اشتراک گذاری یادداشت: از داده های کاربران محافظت کنید Build A Note-Sharing App: Protect Users' Data

• بررسی اجمالی Overview

• معرفی Introduction

• جلوگیری از دسترسی غیرمجاز یادداشت Prevent Unauthorized Note Access

• جلوگیری از تغییر داده های غیرمجاز Prevent Unauthorized Data Modification

• میان افزار را به تعاریف مسیر اضافه کنید Add Middleware to Route Definitions

• مسیرهایی با چندین توابع میانافزار Routes with Multiple Middleware Functions

• نتیجه Conclusion

ایجاد یک برنامه اشتراک‌گذاری یادداشت: پیشرفت‌های ایجاد حساب Build A Note-Sharing App: Account Creation Enhancements

• بررسی اجمالی Overview

• معرفی Introduction

• از Angular Route Guards استفاده کنید Use Angular Route Guards

• یک نقطه پایانی ایجاد کاربر اضافه کنید Add a Create User Endpoint

• ایجاد درخواست های کاربر از Front-end Make Create User Requests from the Front-end

• نتیجه Conclusion

ایجاد یک برنامه اشتراک گذاری یادداشت: مدیریت حساب کاربری Build A Note-Sharing App: User Account Management

• بررسی اجمالی Overview

• معرفی Introduction

• به روز رسانی داده های کاربر Update User Data

• یک سرویس اطلاعات کاربر ایجاد کنید Create a User Info Service

• حذف حساب های کاربری Delete User Accounts

• نتیجه Conclusion

ایجاد یک برنامه اشتراک گذاری یادداشت: اشتراک گذاری یادداشت را به Front-end اضافه کنید Build A Note-Sharing App: Add Note-Sharing to the Front-end

• بررسی اجمالی Overview

• معرفی Introduction

• یک صفحه جدید برای تنظیمات اشتراک‌گذاری ایجاد کنید Create a New Page for Sharing Settings

• پر کردن یادداشت ها با اطلاعات کاربر Populating Notes with User Info

• یک لیست ایمیل های مشترک ایجاد کنید Create a Shared Emails List

• نتیجه Conclusion

ایجاد برنامه اشتراک‌گذاری یادداشت: اشتراک‌گذاری یادداشت را به قسمت پشتیبان اضافه کنید Build A Note-Sharing App: Add Note-Sharing to the Back-end

• بررسی اجمالی Overview

• معرفی Introduction

• یک نقطه پایانی "Share Note" اضافه کنید Add a "Share Note" Endpoint

• درخواست های "اشتراک گذاری" را از Front-end انجام دهید Make "Share" Requests from the Front-end

• قابلیت "Unshare" را اضافه کنید Add "Unshare" Functionality

• درخواست های "Unshare" را از Front-end ارسال کنید Make "Unshare" Requests from the Front-end

• نتیجه Conclusion

ایجاد یک برنامه اشتراک گذاری یادداشت: مجوزهای کاربر را اضافه کنید Build A Note-Sharing App: Add User Permissions

• بررسی اجمالی Overview

• معرفی Introduction

• استراتژی های اساسی برای سطوح مجوز Basic Strategies for Permission-Levels

• برای تطبیق مجوزها، داده ها را قالب بندی مجدد کنید Reformat Data to Accommodate Permissions

• سطوح مجوز را به Front-end اضافه کنید Add Permission Levels to the Front-end

• اصلاح Route Handlers برای مجوزها Modifying Route Handlers for Permissions

• نتیجه Conclusion

ایجاد یک برنامه اشتراک گذاری یادداشت: اصول تأیید ایمیل Build A Note-Sharing App: Email Verification Basics

• بررسی اجمالی Overview

• معرفی Introduction

• عملکرد ویرایش برنامه را برطرف کنید Fix the Application's Edit Functionality

• اصول تأیید ایمیل Email Verification Basics

• SendGrid را به یک برنامه Node.js اضافه کنید Add SendGrid to a Node.js Application

• ارسال ایمیل از یک Node Server Send Emails From A Node Server

• نتیجه Conclusion

ایجاد یک برنامه اشتراک گذاری یادداشت: تأیید ایمیل متوسط Build A Note-Sharing App: Intermediate Email Verification

• بررسی اجمالی Overview

• معرفی Introduction

• یک صفحه «لطفاً تأیید ایمیل» ایجاد کنید Create a "Please Verify Email" Page

• ارسال ایمیل هنگام ثبت نام کاربران Send Emails When Users Sign Up

• کدهای تایید ایمیل را ایجاد و ارسال کنید Generate and Send Email Verification Codes

• یک مسیر سرور تأیید ایمیل ایجاد کنید Create an Email Verification Server Route

• نتیجه Conclusion

ایجاد یک برنامه اشتراک‌گذاری یادداشت: تأیید ایمیل پیشرفته Build A Note-Sharing App: Advanced Email Verification

• بررسی اجمالی Overview

• معرفی Introduction

• جلوگیری از دسترسی Front-end برای کاربران تایید نشده Prevent Front-end Access for Unverified Users

• خروج خودکار کاربران تایید نشده Automatically Log Out Unverified Users

• میان افزار را برای کاربران تایید نشده اضافه کنید Add Middleware for Unverified Users

• نتیجه Conclusion

ایجاد یک برنامه اشتراک‌گذاری یادداشت: اشتراک‌گذاری لینک Build A Note-Sharing App: Link Sharing

• بررسی اجمالی Overview

• معرفی Introduction

• اصول به اشتراک گذاری لینک Link Sharing Basics

• یک بخش اشتراک گذاری لینک ایجاد کنید Create a Link-Sharing Section

• یک نقطه پایانی برای فعال کردن اشتراک گذاری لینک ایجاد کنید Create an Endpoint for Enabling Link Sharing

• یک نقطه پایانی برای غیرفعال کردن اشتراک گذاری لینک ایجاد کنید Create an Endpoint for Disabling Link Sharing

• درخواست های اشتراک گذاری لینک را به Front-end اضافه کنید Add Link-Sharing Requests to the Front-end

• نتیجه Conclusion

یک برنامه اشتراک‌گذاری یادداشت بسازید: اجزای سبک و قابل استفاده مجدد Build A Note-Sharing App: Styling and Reusable Components

• بررسی اجمالی Overview

• معرفی Introduction

• یک مدال "یادداشت جدید" ایجاد کنید Create A "New Note" Modal

• یادداشت های جدید ایجاد کنید Create New Notes

• حذف یادداشت ها Delete Notes

• استایل دهی به کل برنامه Styling the Entire App

• نتیجه Conclusion

یک برنامه اشتراک گذاری یادداشت بسازید: ارتباطات بلادرنگ Build A Note-Sharing App: Real-Time Communication

• بررسی اجمالی Overview

• معرفی Introduction

• بارگیری یادداشت های پیوند مشترک از سرور Loading Link-Shared Notes from the Server

• Web-Sockets را به Express اضافه کنید Add Web-Sockets to Express

• Web-Sockets را به برنامه Angular اضافه کنید Add Web-Sockets to an Angular App

• نتیجه Conclusion

ایجاد یک برنامه اشتراک‌گذاری یادداشت: سوکت‌های وب در عمق Build A Note-Sharing App: Web-Sockets In-Depth

• بررسی اجمالی Overview

• معرفی Introduction

• داده های مشتری را همزمان نگه دارید Keep Client Data In Sync

• جلوگیری از حلقه های سوکت بی نهایت Prevent Infinite Socket Loops

• نقش ها را به داده های وب سوکت اضافه کنید Add Roles to Web-Socket Data

• از اتاق های وب سوکت استفاده کنید Use Web-Socket Rooms

• نتیجه Conclusion