دوره آموزشی جاوا اسکریپت: Ajax and Fetch آپدیت (2019)

دوره آموزشی جاوا اسکریپت: Ajax and Fetch آپدیت (2019)

2 ساعت 47 دقیقهمتوسط2019-07-29

مدرسین

Sasha Vodnik

Sasha Vodnik

Principal Technical Course Developer at DocuSign

جزئیات دوره

Ajax یکی از اجزای سازنده وب مدرن است. Ajax به شما کمک می کند که بین برنامه خود و سرور ارتباط برقرار کنید و محتوای جدید را بدون بارگذاری مجدد صفحات وب ترکیب کنید-در نتیجه برنامه های تعاملی تر و با کارایی بیشتری ایجاد می شود. این دوره رویکردهای مدرن و قدیمی را برای درخواست و مدیریت داده ها و اصلاح محتوای صفحه وب با Ajax و vanilla JavaScript معرفی می کند. ساشا ودنیک، متخصص JS نحوه کار با API های Fetch و XMLHttpRequest (XHR) را نشان می دهد، بنابراین می توانید نحوه اجرای Ajax را در پایگاه های مختلف کد مشاهده کنید. او همچنین نحوه بهینه سازی درخواست ها و پاسخ های Ajax در مرورگر، اصلاح محتوای صفحات وب از طریق DOM و رسیدگی به هر گونه خطایی را نشان می دهد. علاوه بر این، نحوه انتقال کلیدهای API خود را از کد داخلی و روی سرور پروکسی برای حفظ امنیت آنها بیاموزید.

اهداف یادگیری
ایجاد درخواست XHR
انتخاب عناصر با وانیلا جاوا اسکریپت
درخواست داده با Ajax
افزودن شنوندگان رویداد
کار با داده های JSON
تغییر ارزشها و محتوای صفحات وب
ایجاد درخواست های Fetch
رسیدگی به خطاهای Ajax
استقرار سرور پروکسی Ajax
مخفی کردن کلیدهای API با پروکسی Ajax

مهارت ها

E-Commerce DevelopmentJavaScriptWeb Development ToolsOracleWeb DevelopmentProgramming LanguagesSoftware DevelopmentDeep Dive (X:Y)

سرفصل ها

مقدمه

  • ایجاد و کار با درخواست‌های API
  • محیط خود را تنظیم کنید

شروع به کار

  • آژاکس چیست
  • جریان برنامه ناهمزمان را درک کنید
  • یک کلید API دریافت کنید
  • تحقیق و ایجاد URL درخواست Ajax
  • یک درخواست XHR ایجاد کنید
  • یک درخواست XHR را آزمایش کنید
  • موفقیت و شکست XHR را مدیریت کنید
  • چالش - درخواست XHR بسازید
  • راه حل - درخواست XHR بسازید

اصلاح DOM

  • DOM چیست
  • عناصر را با جاوا اسکریپت وانیلی انتخاب کنید
  • درخواست داده در پاسخ به یک رویداد
  • یک شنونده رویداد اضافه کنید
  • با داده‌های JSON کار کنید
  • مقادیر فرم را با جاوا اسکریپت وانیلی تغییر دهید
  • محتوای عناصر را با جاوا اسکریپت وانیلی اصلاح کنید
  • چالش - DOM را اصلاح کنید
  • راه حل - DOM را اصلاح کنید

کار با Fetch API

  • Fetch API را درک کنید
  • یک درخواست واکشی ایجاد کنید
  • خطاهای اساسی واکشی را مدیریت کنید
  • درخواست واکشی را سفارشی کنید

بهینه‌سازی و عیب یابی درخواست‌های Ajax

  • ساختار درخواست‌های Ajax برای عملکرد
  • درخواست‌ها و پاسخ‌ها را در مرورگر مشاهده کنید
  • با خطاهای مجوز کار کنید
  • با درخواست‌های نادرست کار کنید
  • با خطاها در Fetch کار کنید
  • ارائه بازگردانی خطا
  • چالش - رفع درخواست Ajax
  • راه حل - رفع درخواست Ajax

ساخت یک سرور پروکسی برای مخفی کردن کلیدهای API

  • چرا سرورهای پروکسی ضروری هستند
  • ابزارها - Git، GitHub و Heroku
  • یک برنامه در Heroku راه‌اندازی کنید
  • گزینه‌های پروکسی را پیکربندی کنید
  • یک پروکسی را مستقر و آزمایش کنید
  • امنیت پروکسی را پیکربندی کنید
  • چالش - سفارشی کردن کد برای پروکسی Ajax
  • راه حل - سفارشی کردن کد برای پروکسی Ajax

نتیجه

  • مراحل بعدی
۸۰,۰۰۰ تومان