دوره آموزشی ریاکت: ایجاد و میزبانی یک سایت فولاستک (2022)
4 ساعت 45 دقیقهمتوسط2022-09-13
مدرسین

Shaun Wassell
Full-Stack Software Developer
جزئیات دوره
شما React را یاد گرفته اید و می توانید رابط های front-end شگفت انگیزی ایجاد کنید. اما استقرار آنها نیاز بیشتری دارد. شما به منطق و مکانی برای قرار دادن آن نیاز دارید. با ترکیب رابط کاربری front-end خود با یک راه حل back-end و میزبانی ابری، می توانید برنامه های قدرتمند و تعاملی کامل بسازید. در این دوره مبتنی بر پروژه، Shaun Wassell نشان میدهد که چگونه React، Node.js و Amazon Web Services (AWS) را در یک وبسایت با ویژگیهای کامل، شامل فرمهای کاربرپسند برای ارسال مقالات و نظرات، ترکیب کنیم. یاد بگیرید که چگونه یک رابط از اجزای React ایجاد کنید، یک سرور Node.js ایجاد کنید، در پایگاه داده MongoDB پیوند دهید، احراز هویت کاربر را با Firebase Auth اضافه کنید، و سایت خود را در خدمات وب آمازون مستقر کنید. به Shaun در این دوره بپیوندید تا مهارتهایی را به دست آورید تا خدمات مشتری خود را به سطح بعدی برسانید: برنامههای کاربردی وب تمام پشته که واقعاً تعاملی هستند.
مهارت ها
FirebaseExpress.jsNode.jsEcma InternationalReact.jsMetaJavaScriptFull-Stack Web DevelopmentFront-End Web DevelopmentGoogleWeb DevelopmentOpen SourceDeep Dive (X:Y)
سرفصل ها
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 - مراحل بعدی
دوره های مرتبط
- دوره آموزشی استفاده از هوش مصنوعی در چرخه عمر طراحی تا توسعه فولاستک
- دوره آموزشی ساخت برنامههای واکنشی آماده تولید: راهاندازی برای استقرار با Firebase
- دوره آموزشی ساخت یک برنامه چت ویدیویی با Vue.js و Firebase
- دوره آموزشی React: برنامههای قدرتمند مبتنی بر ابر با Firebase
- دوره آموزشی انگولار: برنامه های ابری با Firebase
- دوره آموزشی Vue.js 2: برنامه های Full-Stack با Firebase
- دوره آموزشی یادگیری Google Firebase برای Flutter
- دوره آموزشی یونیتی: کار با Google Firebase