با استفاده از MERN Stack یک برنامه فول استک React بسازید

این آموزش React Intermediate توسعه دهندگان نرم افزار را آماده می کند تا یک برنامه کامل پشته را در React تهیه کنند که یکپارچه با بقیه پشته های Mern برای راندمان و ثبات بهینه متصل می شود.
حتی اگر از آن استفاده نکرده اید این نکته در حرفه شما ، تقریباً مطمئناً از React شنیده اید. این کتابخانه انعطاف پذیر ، آسان ، بسیار پشتیبانی شده و رایگان JavaScript است که باعث می شود رابط های کاربر فوق العاده ساده باشند. این واقعیت که توسط میلیون ها توسعه دهنده مورد استفاده قرار می گیرد ، فقط به اعتبار و جذابیت آن می افزاید.
این دوره به شما نشان می دهد که چگونه یک برنامه عالی را در React تهیه کنید ، بلکه چگونه اطمینان حاصل کنید که از اولین قدم با بقیه ساخته شده است از پشته مرن در ذهن. پس از اتمام برنامه شما ، یکپارچه با پایگاه داده ، سرور و چارچوب وب شما ارتباط برقرار می کند. برنامه ها ، یا به عنوان یک منبع مرجع منبع باز.
ساختن یک آموزش کامل برنامه React: آنچه شما باید بدانید
برای هر توسعه دهنده نرم افزاری که به دنبال بهبود مهارت خود با بهترین شیوه های برنامه نویسی است ، این دوره منبع باز مباحث را پوشش می دهد مانند:
- اضافه کردن یک پایگاه داده MongoDB
- ایجاد یک پس زمینه با گره و اکسپرس
- ایجاد قلاب های سفارشی برای سوکت های وب
- ایجاد و ارائه برنامه های React
چه کسی آیا باید یک آموزش برنامه React را انجام دهید؟ این دوره React Skills برای توسعه دهندگان نرم افزار با سه تا پنج سال تجربه با برنامه نویسی بهترین شیوه ها طراحی شده است.
توسعه دهندگان نرم افزار جدید یا مشتاق. همیشه ایده خوبی برای یک توسعه دهنده نرم افزار جدید است که به شدت به یک پشته خاص تکیه دهد و شخصی که در توسعه برنامه شروع می شود می تواند بدتر از پشته Mern باشد. این دوره به شما نشان می دهد که چگونه برنامه های قوی را با UI های عالی بنویسید که کاملاً با MongoDB ، Express.js و Node.js.
توسعه دهندگان نرم افزاری با تجربه کاملاً مناسب است. اگر چند سال است که در توسعه نرم افزار کار می کنید ، اگر می خواهید تجربه بیشتری با سایر پشته ها داشته باشید ، باید این دوره را طی کنید. شاید شما سالهاست که یک لامپ است یا روی روبی روی ریل متمرکز شده اید. این دوره می تواند به سرعت طناب های Mern را به شما نشان دهد و شما را در پشته بعدی خود شروع کند.

عنوان اصلی : Create a Full Stack React App with the MERN Stack Tutorial

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

01 یک برنامه اشتراک‌گذاری یادداشت بسازید: یک Front-End Simple React ایجاد کنید:
001 مقدمه
002 از برنامه نقشه برداری کنید
003 صفحات ایجاد کنید و مسیرها را تنظیم کنید
004 صفحه و فهرست یادداشت ها را بسازید
005 صفحه جزئیات یادداشت را بسازید
02 یک برنامه اشتراک‌گذاری یادداشت بسازید: مدیریت داده‌های فرانت‌اند:
001 مقدمه
002 داده‌های یادداشت را در یک ارائه‌دهنده زمینه ذخیره کنید
003 یک مدال ایجاد یادداشت اضافه کنید
004 ایجاد یادداشت های جدید در زمینه
005 حذف یادداشت ها در زمینه
006 به روز رسانی یادداشت ها در زمینه
03 یک برنامه اشتراک‌گذاری یادداشت بسازید: یک استایل اضافه کنید:
001 مقدمه
002 Styling را به برنامه اضافه کنید
003 یک مؤلفه X قابل استفاده مجدد ایجاد کنید
004 یک نوار پیمایش ایجاد کنید
005 Render Markdown در React - نحوه ایجاد یک برنامه React Full Stack با پشته MERN
04 یک برنامه اشتراک گذاری یادداشت بسازید: یک Back-end با Node و Express ایجاد کنید:
001 مقدمه
002 راه اندازی پروژه تمام پشته
003 یک نقطه پایانی "خوانده" ایجاد کنید و داده ها را از سمت مشتری بارگیری کنید
004 یک نقطه پایانی "ایجاد" اضافه کنید و از سمت مشتری درخواست کنید
005 "به روز رسانی" را اضافه کنید و نقاط پایانی را حذف کنید
05 یک برنامه اشتراک‌گذاری یادداشت بسازید: یک پایگاه داده اضافه کنید:
001 مقدمه
002 MongoDB را به Back-end اضافه کنید
003 نقاط پایانی را به استفاده از MongoDB تبدیل کنید
004 سرورهای اکسپرس را به چندین فایل تقسیم کنید
005 MongoDB را در فایل های مختلف در دسترس قرار دهید
006 مسیرها را برای افزایش کارایی بازنویسی کنید
06 یک برنامه اشتراک‌گذاری یادداشت بسازید: احراز هویت کاربر را به Front-end اضافه کنید:
001 مقدمه
002 ایجاد ورود و ایجاد فرم های حساب
003 افزودن ورود و ایجاد صفحات حساب
004 استایل دادن به ورود و ایجاد صفحات حساب
005 Firebase Auth را به Front-end اضافه کنید
07 یک برنامه اشتراک گذاری یادداشت بسازید: احراز هویت کاربر را به قسمت پشتی اضافه کنید:
001 مقدمه
002 Firebase Admin را نصب و راه اندازی کنید
003 چگونه باید پایگاه داده خود را سازماندهی کنیم
004 تبدیل نقاط پایانی برای مالکیت
005 مالکیت داده در ایجاد و حذف نقاط پایانی
08 یک برنامه اشتراک‌گذاری یادداشت بسازید: Refactoring Front-end:
001 مقدمه
002 اشتراک در تغییرات وضعیت احراز هویت
003 از مسیرها با معیارهای دلخواه محافظت کنید
004 یک userUser Hook ایجاد کنید
005 شامل توکن‌های کاربران در درخواست‌ها
09 یک برنامه اشتراک‌گذاری یادداشت بسازید: از داده‌های کاربران محافظت کنید:
001 مقدمه
002 از داده های کاربران در برابر دسترسی ناخواسته محافظت کنید
003 از حذف اطلاعات دیگر کاربران توسط کاربران جلوگیری کنید
004 از اصلاح غیرمجاز داده ها جلوگیری کنید
005 حفاظت را به نقطه پایانی Create Note اضافه کنید
006 از Middleware برای کاهش تکرار استفاده کنید
007 میان افزار بیشتر اضافه کنید
10 ایجاد یک برنامه اشتراک‌گذاری یادداشت: مدیریت حساب کاربری:
001 مقدمه
002 نمایش تفکیک داده ها
003 ایجاد حساب کاربری
004 خطاهای ورود و ایجاد حساب را مدیریت کنید
11 یک برنامه اشتراک‌گذاری یادداشت بسازید: اشتراک‌گذاری یادداشت را به Front-end اضافه کنید:
001 مقدمه
002 صفحه ای برای ویرایش تنظیمات اشتراک ایجاد کنید
003 فهرست ایمیل های مشترک ایجاد کنید
004 Basic Front-end Sharing Logic
12 ساخت برنامه اشتراک‌گذاری یادداشت: اصول تأیید ایمیل:
001 مقدمه
002 اصول تأیید ایمیل
003 یک صفحه ایمیل لطفاً تأیید کنید ایجاد کنید
004 جریان ایجاد حساب را اصلاح کنید
005 ارسال ایمیل از یک سرور گره
13 ساخت برنامه اشتراک‌گذاری یادداشت: تأیید ایمیل پیشرفته:
001 مقدمه
002 یک صفحه فرود تأیید ایمیل ایجاد کنید
003 یک مسیر سرور تأیید ایمیل ایجاد کنید
004 از مسیرهای سرور در برابر کاربران تایید نشده محافظت کنید
005 از ورود کاربران تایید نشده جلوگیری کنید
14 ساخت برنامه اشتراک‌گذاری یادداشت: اشتراک‌گذاری پیوند:
001 مقدمه
002 یک بخش EnableDisable ایجاد کنید
003 یک نقطه پایانی برای فعال کردن اشتراک‌گذاری پیوند ایجاد کنید
004 یک نقطه پایانی برای غیرفعال کردن اشتراک‌گذاری پیوند ایجاد کنید
005 یادداشت های پیوند مشترک را از سرور بارگیری کنید
15 ساخت برنامه اشتراک‌گذاری یادداشت: ارتباط بی‌درنگ:
001 مقدمه
002 مبانی Web-Socket
003 Web-Sockets را به Express اضافه کنید
004 Web-Sockets را به React اضافه کنید
005 ارسال داده از طریق سوکت وب
006 درخواست‌های بار را به سوکت‌های وب تبدیل کنید
16 ساخت یک برنامه اشتراک‌گذاری یادداشت: محافظت از سوکت وب:
001 مقدمه
002 Create User Can Edit Note Middleware
003 Express Middleware را به Socketio تبدیل کنید
004 میان افزار برای رویدادهای فردی
005 خطاهای سوکت را در قسمت جلویی کنترل کنید
006 یک هوک سفارشی برای سوکت های وب ایجاد کنید
17 ایجاد یک برنامه اشتراک‌گذاری یادداشت: استراتژی‌های سازمان وب سوکت:
001 مقدمه
002 منطق وب سوکت را به طور موثر سازماندهی کنید
003 کنترل کننده رویداد را در فایل های جداگانه تعریف کنید
004 منطق اتصال اولیه را تعریف کنید
005 افزودن میان افزار سوکت
18 ساخت یک برنامه اشتراک‌گذاری یادداشت: Web-Sockets در عمق:
001 مقدمه
002 Keep Client داده در همگام سازی
003 از حلقه های سوکت بی نهایت جلوگیری کنید
004 نقش ها را به داده های Web-Socket اضافه کنید
005 از اتاق های وب سوکت استفاده کنید
006 حفاظت از داده های سوکت وب
19 یک برنامه اشتراک‌گذاری یادداشت بسازید: سوکت‌های وب و نقاط پایانی را ترکیب کنید:
001 مقدمه
002 انواع اتصال چندگانه وب سوکت
003 اتصالات جدید سوکت وب را مدیریت کنید
004 بارگیری داده ها از طریق سوکت های وب
005 داده های سمت مشتری را فوراً به روز کنید