آموزش کدنویسی یک رسانه اجتماعی بوسیله React Node FullStack

با مشاهده این کورس آموزشی یاد می گیرید که چطور با کدنویسی React, Node, MongoDB چطور کدنویسی یک پروژه رسانه اجتماعی را انجام دهید.

عنوان اصلی : React Node FullStack - Social Network from Scratch to Deploy

سرفصل ها :

آشنایی با Node JS:
node js چیست
چرا نود js را یاد بگیریم؟
نصب node js
جاوا اسکریپت در محیط مرورگر
جاوا اسکریپت در محیط node js
شروع کار با node js
توابع نوشتاری
صادرات واردات
استفاده از توابع جهت دار
تخریب اشیاء
با استفاده از ماژول‌های هسته‌ای node js
استفاده از بسته های npm
با استفاده از اکسپرس
حلقه رویداد Node js
برنامه نویسی برای حلقه رویداد
برنامه نویسی ناهمزمان
برنامه نویسی همزمان
رویکرد عملکردی
اسرار درک node js
توسعه Node JS API - مراحل اول:
ساخت سرور با اکسپرس
جداسازی مسیرها
میان افزار توضیح داد
با استفاده از کنترلرها
جیسون و پستچی
برای استفاده از mongodb با mlab ثبت نام کنید
اتصال به پایگاه داده با استفاده از mongoose
توسعه Node JS API - پست‌ها:
طرحواره پست
ایجاد یک پست
اعتبارسنجی و پیام های خطای دوستانه
گرفتن پست ها
بعدی و پاکسازی
توسعه Node JS API - احراز هویت:
طرح واره کاربر
زمینه ها و روش های مجازی
ثبت نام کاربر با استفاده از async در انتظار است
اعتبار سنجی ورود کاربر و ارسال پیام خطا
جریان ورود کاربر
ورود کاربر با jwt
تست ورود کاربر
روش خروج
توسعه Node JS API - مجوز:
حفاظت از مسیرها
رسیدگی به خطای غیرمجاز
اجرای مجوز
کاربر را با شناسه پیدا کنید و به شی req اضافه کنید
دارای روش مجوز
برای ایجاد پست از ورود به سیستم استفاده کنید
توسعه API Node JS - کاربران:
نمایش همه کاربران
نمایش کاربر تک
کاربر را به روز کنید
حذف کاربر
توسعه API Node JS - کاربران و پست ها:
ارتباط پست کاربر با طرح پست
ایجاد پست با آپلود تصویر و کاربر
تست ایجاد پست
دریافت همه پست ها با کاربر
دریافت همه پست ها توسط کاربر
ارسال به روز رسانی جریان حذف
ارسال توسط شناسه بر اساس پارامتر مسیر
پست را حذف کنید
به روز رسانی پست
بعدش چیه
مستندسازی api
اضافه کردن cors
جاوا اسکریپت مدرن:
جاوا اسکریپت مدرن
ایجاد متغیرها با استفاده از const
ایجاد متغیرها با استفاده از let
رشته های الگو
پارامترهای پیش فرض
توابع پیکان
توابع فلش و این کلمه کلیدی
ساختار زدایی شی
ساختار زدایی آرایه
تجدید ساختار
اپراتورهای پخش و استراحت
سازنده کلاس فوق العاده
React JS Basic:
در حال نصب react
معرفی فایل‌ها و پوشه‌ها React
ذخیره داده ها در حالت جزء از طریق فراخوانی ajax
ارائه داده های وضعیت با استفاده از نقشه
رندر مشروط
لوازم صادراتی وارداتی
مدیریت رویدادهای کلیک
ساختار زدایی استایل و کلیدهای درون خطی
React JS Web App Development (frontend):
پروژه react ایجاد کنید
با استفاده از react router dom
افزودن صفحات
React JS - ثبت نام و ورود کاربران:
فرم ثبت نام
مدیریت رویدادهای onChange
ثبت نام کاربر
بازسازی کد
نمایش پیام تایید و موفقیت
صفحه ثبت نام مجدد کد
صفحه ورود به سیستم
ورود کاربر
بارگذاری…
جزء منو
استایل و لینک فعال
خروج از سیستم
ارائه مشروط پیوندهای ورود به سیستم ثبت نام
نمایش نام کاربری
منطق احراز هویت مجدد کد
React JS - پروفایل کاربران:
صفحه نمایه
نمایش اطلاعات کاربر از حافظه محلی
استفاده از متغیرهای env
واکشی نمایه کاربر
کاربر واکشی مجدد کد
نمایش دکمه های ویرایش پروفایل حذف پروفایل
پروفایل کاربری لینک فعال
بعدش چیه
جزء کاربران
پر کردن کاربران در ایالت
از طریق کاربران حلقه بزنید
کارت های کاربری سبک
تصویر نمایه پیش فرض
صفحه پروفایل همه کاربران
حذف جزء نمایه
نمایه کاربران بر اساس تغییرات پایه
درخواست حذف حساب
حذف حساب کاربری
ویرایش جزء نمایه
فرم ویرایش نمایه پیش از نمایه
به روز رسانی پروفایل کاربری
اعتبار سنجی سمت مشتری در به روز رسانی نمایه
مسیر خصوصی فقط برای کاربران تایید شده
آپلود عکس پروفایل
در حال بارگیری... در ویرایش نمایه
Node API - نمایه را با تصویر به روز کنید
اعتبارسنجی اندازه فایل
Node API - عکس کاربر را با مسیر جداگانه دریافت کنید
نمایش تصویر نمایه در صفحه ویرایش پروفایل
تصویر پیش‌فرض و تصویر نمایه در همه صفحات
کاربر درباره فیلد
اطلاعات کاربر را در حافظه محلی به روز کنید
توسعه Node JS API - کاربران فالو و آنفالو می کنند:
بعدش چیه
فالوورها و فالوورها - طرحواره کاربر و روش userById
دنبال کردن و دنبال کنندگان - مسیرها و روش های کنترل کننده
حذف فالوورها و حذف فالوورها - روش‌ها و روش‌های کنترل‌کننده
React Frontend - کاربران دنبال کردن را دنبال کنند:
کامپوننت دکمه های نمایه را دنبال کنید
دنبال کردن یا نه را بررسی کنید
دنبال کنید
لغو دنبال کردن را اجرا کنید
جزء برگه های نمایه
نمایش لیست فالوورها
نمایش لیست زیر
Node API - چه کسی را دنبال کنیم؟
جزء افراد را پیدا کنید
افراد را پیدا کنید و دنبال کنید
React Frontend - پست ها و کاربران:
شروع با پست ها
پست جدید ایجاد کنید
نمایش همه پست ها در صفحه اصلی
تاریخ کاربری و گزیده پست را نشان دهید
Node API - ارسال تصویر
نمایش پست های دارای تصویر
جزء پست تک
بارگذاری یک پست در حالت
نمایش تک پست
نمایش بارگیری در تک پست و پست ها
پست های کاربر
نمایش پست ها توسط کاربر
نمایش دکمه های حذف به روز رسانی
پست را حذف کنید
اعلان پست را حذف کنید
کامپوننت پست را به روز کنید
پیاده سازی پست به روز رسانی
عکس پست و پیام خطا را به روز کنید
لایک و عدم لایک:
بعدش چی؟
Node API - پیاده سازی مانند unlike
React frontend - Like Unlike متدها
پیاده سازی مانند بر خلاف در frontend
مانند بر خلاف استایل
مانند تغییر مسیر ورود به سیستم
نظرات :
پایان نظرات
روش‌های عدم نظر دادن به نظرات واکنش نشان دهید
افزودن نظرات
ارائه نظرات
عدم نظر و اعتبارسنجی را کامنت کنید
reCAPTCHA سفارشی:
صاحب reCAPTCHA هستید؟
سوپر مدیریت پشتیبان:
بررسی اجمالی Super Admin
نقش اجرایی برای کاربران
ساخت ادمین کاربر با استفاده از خط فرمان
مدیر می تواند پست هر کسی را به روز کند و حذف کند
ادمین می تواند هر کاربری را به روز کند و حذف کند