کورس کدنویسی JavaScript, XML, AJAX و همچنین React

Master Front-End توسعه وب کامل با به روزرسانی های صفحه تعاملی ، ناهمزمان با استفاده از JS ، AJAX و React

عنوان اصلی : Complete JavaScript, XML, AJAX and React Bootcamp - Hands-On

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

معرفی مدل شیء سند:
معرفی DOM
دستکاری DOM
توسعه جاوا اسکریپت:
JS Placement
جاوا اسکریپت خارجی
خروجی جاوا اسکریپت
جاوا اسکریپت InnerHTML
نظر دادن جاوا اسکریپت
ثابت جاوا اسکریپت
معرفی متغیرهای جاوا اسکریپت
اپراتور تخصیص جاوا اسکریپت
عملیات حسابی جاوا اسکریپت
عملیات حسابی جاوا اسکریپت ادامه دارد
اولویت اپراتور جاوا اسکریپت
انواع داده جاوا اسکریپت
اشیاء جاوا اسکریپت
خروجی شی جاوا اسکریپت
رشته های جاوا اسکریپت
طول رشته جاوا اسکریپت
شخصیت های ویژه جاوا اسکریپت
اعداد تصادفی جاوا اسکریپت
عملکرد حداقل و حداکثر جاوا اسکریپت
تابع دور ریاضی جاوا اسکریپت
آرایه های جاوا اسکریپت
ویژگی های آرایه جاوا اسکریپت
آرایه های جاوا اسکریپت - Pop - Push - Shift - Unshift
جاوا اسکریپت تغییر و حذف عناصر
جاوا اسکریپت پیوند یک آرایه
جاوا اسکریپت مرتب سازی یک آرایه
پیوستن آرایه های جاوا اسکریپت
بیانیه های شرطی جاوا اسکریپت
مقایسه جاوا اسکریپت
بولیان جاوا اسکریپت
جاوا اسکریپت برای حلقه ها
حلقه جاوا اسکریپت For-In
JavaScript while Loops
حلقه جاوا اسکریپت Do-While
جاوا اسکریپت شکسته و ادامه دهید
توابع جاوا اسکریپت
رویدادهای جاوا اسکریپت
پروژه جاوا اسکریپت 1 - تغییر رنگ BG
پروژه جاوا اسکریپت 2 - گالری عکس
پروژه جاوا اسکریپت 2 - تکمیل
XML | AJAX:
مقدمه ای بر XML
اصول XML
شما XML
تجزیه XML
تجزیه XML ادامه دارد
معرفی AJAX
AJAX | جستجوی پیشنهادات آموزشی
AJAX | آموزش منوی انتخاب پایگاه داده
واکنش:
مهارت های مورد نیاز
React چیست؟
یک ماشین حساب در React بسازید:
نمای کلی پروژه
Hello React
ابزار مورد نیاز
قلم کد
معرفی JSX
اجزای عملکردی در React
چرا کامپوننت ها؟
معرفی Props در React
React Components، Props و Callbacks
ساخت تصاویر ماشین حساب
رویدادهای OnClick در React
عبور پارامترها در توابع پاسخ به تماس
استفاده از React State Hook
پیاده سازی ماشین حساب - نمایش
پیاده سازی ماشین حساب - اپراتورها
اشکال‌زدایی در React
خلاصه پروژه
پروژه React: ساخت یک Connect-4 Clone:
نمای کلی پروژه
ابزار مورد نیاز
ایجاد صفحه بازی
دایره بازی - OnClickEvent
گذراندن وسایل - تخریب - واکنش کودکان
ارائه آرگومان ها برای کلیک روی رویدادها
استایل بندی درون خطی
جزء مربع به دایره
استایلینگ جهانی
استایل پویا
کلاس های پویا
رسیدگی به تماس ها
استفاده از React State Hook (دوباره)
به روز رسانی حلقه پخش کننده
راه اندازی صفحه بازی
ویژگی React Key
طراحی صفحه بازی - هدر و پاورقی
محاسبه برنده
نمایش برنده
تعیین یک شرط قرعه کشی
رویدادهای چرخه حیات React
راه اندازی بازی
پیشنهاد حرکت - پیاده سازی پخش کننده کامپیوتر
پخش رایانه هوشمند (هوش مصنوعی اولیه)
متغیرهای CSS
رندر مشروط
در Netlify مستقر شوید
استقرار به Surge
خلاصه پروژه
پروژه React: ساخت یک سایت تجارت الکترونیک در React:
نمای کلی پروژه
داربست پروژه
معرفی سرور JSON
واکشی API
استایل دهی به فروشگاه
ارائه دسته ها
اتصال محصولات
تماس Fetch API را مجدداً تنظیم کنید
برخورد با خطاها در Fetch API
تماس Fetch API را مرتب کنید
استایل دادن به لیست محصولات
نصب React Router
رفع اخطار کلیدی
روتر React - صفحه جزئیات
واکشی API - دریافت محصول بر اساس شناسه
توضیحات محصول
معرفی اجزای سبک
اجزای سبک - توضیحات محصول
تنظیم خطرناک HTML (آره واقعا)
مقوله ها را اصلاح کنید
Layout را اصلاح کنید
صفحه اصلی را بازسازی کنید
معرفی Context در React
UseContext Hook و UseReducer Hook در React
طرح سبد
اجرای سبد
پیاده سازی نمادهای سبد
اجرای سبد کل
اتمام پرداخت
تسویه حساب - رفع وضعیت
اجرای تایید سفارش
معرفی ذخیره سازی محلی
اجرای نتایج جستجو
جستجوی بهتر با Debouncing
اعتبار سنجی فرم ها در React - قسمت 1
اعتبار سنجی فرم ها در React - قسمت 2
اعتبار سنجی فرم ها در React - قسمت 3
اعتبار سنجی فرم ها در React - قسمت 4
خلاصه پروژه