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

جزئیات دوره

شما React را یاد گرفته اید و می توانید رابط های front-end شگفت انگیزی ایجاد کنید. اما استقرار آنها نیاز بیشتری دارد. شما به منطق و مکانی برای قرار دادن آن نیاز دارید. با ترکیب رابط کاربری front-end خود با یک راه حل back-end و میزبانی ابری، می توانید برنامه های قدرتمند و تعاملی کامل بسازید. در این دوره مبتنی بر پروژه، Shaun Wassell نشان می‌دهد که چگونه React، Node.js و Amazon Web Services (AWS) را در یک وب‌سایت با ویژگی‌های کامل، شامل فرم‌های کاربرپسند برای ارسال مقالات و نظرات، ترکیب کنیم. یاد بگیرید که چگونه یک رابط از اجزای React ایجاد کنید، یک سرور Node.js ایجاد کنید، در پایگاه داده MongoDB پیوند دهید، احراز هویت کاربر را با Firebase Auth اضافه کنید، و سایت خود را در خدمات وب آمازون مستقر کنید. به Shaun در این دوره بپیوندید تا مهارت‌هایی را به دست آورید تا خدمات مشتری خود را به سطح بعدی برسانید: برنامه‌های کاربردی وب تمام پشته که واقعاً تعاملی هستند.

سرفصل ها

0. مقدمه

01 - یک وب سایت فول استک ایجاد کنید
02 - آنچه باید بدانید
03 - نصب Node.js و NPM
04 - معرفی پروژه

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

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

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

14 - چرا Node.js
15 - راه اندازی سرور اکسپرس
16 - تست سرور اکسپرس با Postman
17 - پارامترهای URL در Express
18 - مقالات موافق
19 - به روز رسانی خودکار با nodemon
20 - افزودن نظرات

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

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

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

26 - کتابخانه Axios
27 - افزودن قلاب های React
28 - فراخوانی useEffect در زمان مناسب
29 - افزودن بارگذاری اطلاعات به اجزای صفحه
30 - نمایش نظرات
31 - ایجاد دکمه upvote
32 - ایجاد فرم افزودن نظر

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

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

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

44 - آماده سازی یک برنامه برای انتشار
45 - راه اندازی هاست برای MongoDB
46 - انتشار یک برنامه فول استک
47 - خاموش کردن پروژه Google Cloud

نتیجه

48 - مراحل بعدی

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

مدرسین

Shaun Wassell