بوت کمپ کدنویسی عالی بوسیله React Bootstrap5 Redux & REST API

در این دوره ، شما یاد می گیرید که هر نوع وب سایت مدرن را با استفاده از HTML ، CSS ، Bootstrap 5 و Reactjs توسعه دهید. /> ما با تنظیم محیط توسعه محلی خود شروع خواهیم کرد ، ابتدا یاد می گیریم ویرایشگر کد استودیو را نصب کنیم ، سپس پیش می رویم و NodeJS Runtime را نصب می کنیم.
ما برای انجام عملیات های مختلف با استفاده از API REST REST مصرف خواهیم کرد کمک دریافت ، ارسال ، قرار دادن ، حذف نقاط پایانی.
بعد ما به سمت ایجاد اولین برنامه React حرکت خواهیم کرد ، سپس به درک چگونگی کار یک برنامه کاربردی می پردازیم.
ما پوشه را خواهیم فهمید ساختار پروژه Reactjs و درک چرخه عمر Reactjs و نحوه عملکرد جنبه های مختلف. یک وب سایت حرفه ای کاملاً کاربردی با بخش های مختلف ns مانند:

عنوان اصلی : Mega Web Dev Bootcamp with React Bootstrap5 Redux & REST API

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

01 مقدمه و تنظیم:
001 مقدمه دوره
002 ویرایشگر کد استودیو ویژوال را نصب کنید
003 نصب Nodejs زمان اجرا
004 برنامه React را ایجاد کنید و سرور dev را شروع کنید
005 درک ساختار پروژه React و چرخه عمر
006 ادغام Bootstrap5 فونت های گوگل و fontawesome
02 طراحی Navbar ، Aboutus ، contactus با مسیریابی:
001 ایجاد یک مؤلفه React Navbar
002 یک مؤلفه NAVBAR یک استایل با NAVBAR BOOTSTRAP5
003 سفارشی سازی منوی NAVBAR
004 ایجاد صفحه در مورد و تماس
005 نصب بسته NPM برای React-Router-Dom
006 اضافه کردن مسیریابی برای همه مؤلفه ها
007 رفتار یک صفحه در موارد منو با Navlink کلیک کنید
008 طراحی در مورد بخش عنوان صفحه
009 طراحی در مورد بخش محتوای صفحه
010 یک ظاهر طراحی شده با ما با bootstrap - قسمت 1
011 یک ظاهر طراحی شده با ما با bootstrap - قسمت 2
03 طراحی پاورقی ، صفحه اصلی و تماس با عمل:
001 طراحی بخش پاورقی - قسمت 1
002 طراحی بخش پاورقی - قسمت 2
003 لینک های سریع طراحی پاورقی - قسمت 3
004 طراحی خبرنامه پاورقی - قسمت 4
005 طراحی آدرس تماس پاورقی - قسمت 5
006 طرح صفحه اصلی
007 طراحی صفحه اصلی صفحه قهرمانی
008 طراحی صفحه اصلی بخش پست
009 طراحی صفحه اصلی آخرین بخش پست
010 طراحی بخش نمونه کارها صفحه اصلی
011 پیوند خانگی را به نوار NAV اضافه کنید
012 طراحی فراخوانی به بخش اقدام
04 کار بر روی همه پست ها و ارسال جزئیات با ادغام API REST:
001 همه صفحه پست و پیوند به ناوبری NAVBAR ایجاد کنید
002 طراحی تمام صفحه
003 درک API REST برای دریافت داده های پست
004 React Hooks useState و UseEffect برای تماس با پست ها API و ذخیره داده ها در صفحه l
005 با حلقه همه داده ها داده های خود را در UI نشان می دهد
006 نشان دادن نماد بارگذاری در حالی که داده ها از API REST گرفته می شوند
007 اضافه کردن URL پایه API برای پیکربندی پرونده و استفاده از آن در همه جا
008 مسیریابی پویا داده عبور داده ها از یک مؤلفه به مؤلفه دیگر
009 اطلاعات کاربر را از تماس API REST دریافت کنید
010 طرح طراحی صفحه جزئیات پست
011 تخریب و تنظیم داده های پست و کاربر از پاسخ به متغیرهای حالت
012 نمایش اطلاعات پست و کاربر در صفحه
013 یک ظاهر طراحی شده جزئیات پست و همه ارسال ها
014 اجرای عملکرد ایمیل و تلفن
05 کار در ایجاد ، ویرایش ، حذف عملکرد پست با ادغام API:
001 اجرای عملکرد پست
002 پیام هشدار برای سناریوهای موفقیت و خطا
003 تمام پست ها را با دکمه های ویرایش و حذف به روز کنید
004 ویرایش مجدد پس از استفاده مجدد از ایجاد جریان ارسال
005 تست ویرایش و ایجاد عملکرد پست
006 ارسال پست و نمایش پیام هشدار پس از حذف
007 تأیید را حذف کنید بله یا خیر
008 بارگیری مجدد تمام پست ها پس از حذف
009 یک دکمه پشتی را در صفحه جزئیات ارسال کنید
06 کار روی ثبت نام ، ورود به سیستم و ورود به سیستم با ادغام API:
001 ایجاد ورود به سیستم و صفحه ثبت نام با ناوبری
002 Axios ارسال تماس برای ثبت نام کاربر
003 ذخیره داده های کاربر و نشان دادن پیام هشدار موفقیت
004 پاک کردن داده های فرم ثبت نام پس از ورود
005 ورود کاربر با تماس API
006 ذخیره داده های کاربر و راز توکن در LocalStorage
07 جلسه کاربر ، منوی پویا ، Redux ، API زمینه:
001 redux چیست و چرا ما به آن احتیاج داریم
002 کاهش دهنده کاربر را با اقدامات مختلف تعریف کنید
003 props در مقابل زمینه API
004 مسیرهای محدود را بر اساس جلسه کاربر با زمینه API و Redux پیاده سازی کنید
005 اقدام به اعزام برای کاهش دهنده پس از ورود موفقیت آمیز
006 اجرای عملکرد ورود به سیستم
007 منوی پویا را بر اساس جلسه کاربر پیاده سازی کنید
008 همه پست ها را برای ورود به سیستم دریافت کنید
009 آزمایش تمام عملکرد به پایان می رسد