دوره آموزشی ری‌اکت: ایجاد و میزبانی یک سایت فول‌استک

جزئیات دوره

شما React را یاد گرفته‌اید و می‌توانید رابط‌های کاربری جذاب در سمت کاربر ایجاد کنید. اما برای استقرار آنها نیاز به موارد بیشتری دارید. شما به منطق و فضایی برای قرار دادن آن نیاز دارید. با ترکیب رابط کاربری فرانت‌اند خود با یک راه‌حل بک‌اند و میزبانی ابری، می‌توانید برنامه‌های کاربردی قدرتمند و تعاملی فول‌استک بسازید. در این دوره مبتنی بر پروژه، شان واسل نحوه ترکیب React، Node.js و خدمات وب آمازون (AWS) را در یک وب‌سایت فول‌استک و تمام‌ویژگی نشان می‌دهد، از جمله فرم‌های کاربرپسند برای ارسال مقالات و نظرات. یاد بگیرید چگونه یک رابط کاربری از اجزای React بسازید، یک سرور Node.js توسعه دهید، یک پایگاه داده MongoDB متصل کنید، احراز هویت کاربر با Firebase Auth را اضافه کنید و سایت خود را در آمازون وب سرویس استقرار دهید. به شان بپیوندید تا مهارت‌های لازم برای ارتقاء خدمات مشتری خود را به سطح بعدی بیاموزید: برنامه‌های وب فول‌استک که واقعاً تعاملی هستند.

اهداف آموزشی:
ترکیب React، Node.js و AWS برای ساخت برنامه‌های فول‌استک
توسعه فرم‌های کاربرپسند برای ارسال مقالات و نظرات
ایجاد رابط کاربری با اجزای React
توسعه سرور Node.js برای پشتیبانی از رابط کاربری
اتصال پایگاه داده MongoDB برای ذخیره‌سازی داده‌ها
افزودن احراز هویت کاربر با Firebase Auth
استقرار وب‌سایت در AWS برای میزبانی ابری

سرفصل ها

0. مقدمه

01 - وب سایت فول استک خود را با استفاده از React بسازید
02 - آنچه باید بدانید

1. ایجاد یک React Front-End

03 - چرا واکنش نشان دهید
04 - راه‌اندازی یک پروژه React
05 - ایجاد صفحه اصلی
06 - اضافه کردن React Router به برنامه
07 - استفاده از پیوندهای React Router
08 - پارامترهای URL با React Router
09 - ایجاد و پیوند لیست مقالات
10 - ایجاد صفحه 404 در React
11 - اضافه کردن سبک

2. ایجاد یک Node.js Back-End

12 - چرا Node.js
13 - راه‌اندازی سرور اکسپرس
14 - تست سرور اکسپرس با Postman
15 - پارامترهای مسیر در Express
16 - مقالات موافق
17 - به روز رسانی خودکار با Nodemon
18 - اضافه کردن نظرات

3. افزودن MongoDB به Node.js

19 - چرا MongoDB
20 - دانلود و نصب MongoDB
21 - افزودن MongoDB به Express
22 - بازنویسی نقطه پایانی رأی مثبت
23 - بازنویسی نقطه پایان نظرات

4. اتصال Front-End و Back-End

24 - کتابخانه Axios
25 - بارگذاری داده‌ها برای مسیرهای React Router
26 - استفاده از قلاب useLoaderData
27 - استفاده از پارامترهای مسیر در لودرها
28 - نمایش نظرات
29 - ایجاد دکمه upvote
30 - ایجاد فرم افزودن نظر

5. افزودن احراز هویت کاربر با Firebase Auth

31 - چرا Firebase Auth
32 - ایجاد پروژه Firebase
33 - افزودن Firebase Auth به React
34 - یک فرم ورود بسازید
35 - یک صفحه ایجاد حساب بسازید
36 - ایجاد تنظیمات رابط برای کاربران احراز هویت شده
37 - ایجاد قلاب احراز هویت سفارشی
38 - افزودن Firebase Auth به Node.js
39 - محافظت از نقاط پایانی با استفاده از نشانه‌های اعتبار
40 - حفاظت از نقاط پایانی رای مثبت و نظرات
41 - درخواست با توکن‌های auth

6. میزبانی یک برنامه React Full-Stack

42 - آماده سازی یک برنامه برای انتشار
43 - راه‌اندازی هاست برای MongoDB
44 - تعریف متغیرهای محیطی
45 - استقرار یک برنامه فول استک
46 - خاموش کردن پروژه Google Cloud

نتیجه گیری

47 - مراحل بعدی در سفر React شما