دوره آموزشی جاوا اسکریپت: Ajax and Fetch آپدیت (2019)
2 ساعت 47 دقیقهمتوسط2019-07-29
مدرسین

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
اهداف یادگیری
ایجاد درخواست XHR
انتخاب عناصر با وانیلا جاوا اسکریپت
درخواست داده با Ajax
افزودن شنوندگان رویداد
کار با داده های JSON
تغییر ارزشها و محتوای صفحات وب
ایجاد درخواست های Fetch
رسیدگی به خطاهای Ajax
استقرار سرور پروکسی Ajax
مخفی کردن کلیدهای API با پروکسی Ajax
مهارت ها
E-Commerce DevelopmentJavaScriptWeb Development ToolsOracleWeb DevelopmentProgramming LanguagesSoftware DevelopmentDeep Dive (X:Y)
سرفصل ها
0. مقدمه
- 01 - ایجاد و کار با درخواستهای API
- 02 - محیط خود را تنظیم کنید
1. شروع به کار
- 03 - آژاکس چیست
- 04 - جریان برنامه ناهمزمان را درک کنید
- 05 - یک کلید API دریافت کنید
- 06 - تحقیق و ایجاد URL درخواست Ajax
- 07 - یک درخواست XHR ایجاد کنید
- 08 - یک درخواست XHR را آزمایش کنید
- 09 - موفقیت و شکست XHR را مدیریت کنید
- 10 - چالش - درخواست XHR بسازید
- 11 - راه حل - درخواست XHR بسازید
2. اصلاح DOM
- 12 - DOM چیست
- 13 - عناصر را با جاوا اسکریپت وانیلی انتخاب کنید
- 14 - درخواست داده در پاسخ به یک رویداد
- 15 - یک شنونده رویداد اضافه کنید
- 16 - با دادههای JSON کار کنید
- 17 - مقادیر فرم را با جاوا اسکریپت وانیلی تغییر دهید
- 18 - محتوای عناصر را با جاوا اسکریپت وانیلی اصلاح کنید
- 19 - چالش - DOM را اصلاح کنید
- 20 - راه حل - DOM را اصلاح کنید
3. کار با Fetch API
- 21 - Fetch API را درک کنید
- 22 - یک درخواست واکشی ایجاد کنید
- 23 - خطاهای اساسی واکشی را مدیریت کنید
- 24 - درخواست واکشی را سفارشی کنید
4. بهینهسازی و عیب یابی درخواستهای Ajax
- 25 - ساختار درخواستهای Ajax برای عملکرد
- 26 - درخواستها و پاسخها را در مرورگر مشاهده کنید
- 27 - با خطاهای مجوز کار کنید
- 28 - با درخواستهای نادرست کار کنید
- 29 - با خطاها در Fetch کار کنید
- 30 - ارائه بازگردانی خطا
- 31 - چالش - رفع درخواست Ajax
- 32 - راه حل - رفع درخواست Ajax
5. ساخت یک سرور پروکسی برای مخفی کردن کلیدهای API
- 33 - چرا سرورهای پروکسی ضروری هستند
- 34 - ابزارها - Git، GitHub و Heroku
- 35 - یک برنامه در Heroku راهاندازی کنید
- 36 - گزینههای پروکسی را پیکربندی کنید
- 37 - یک پروکسی را مستقر و آزمایش کنید
- 38 - امنیت پروکسی را پیکربندی کنید
- 39 - چالش - سفارشی کردن کد برای پروکسی Ajax
- 40 - راه حل - سفارشی کردن کد برای پروکسی Ajax
نتیجه
- 41 - مراحل بعدی
دوره های مرتبط
- دوره آموزشی تقویت استراتژی تجارت الکترونیک خود با تبلیغات پولی
- دوره آموزشی بازاریابی تجارت الکترونیک با هوش مصنوعی مولد
- دوره آموزشی جاوااسکریپت: Ajax و Fetch
- دوره آموزشی حفاظت از داده های کارت اعتباری مشتری: انطباق با PCI
- دوره آموزشی ساخت یک سایت تجارت الکترونیک در 30 دقیقه با Shopify، WooCommerce، Squarespace و Wix
- دوره آموزشی ساخت یک وب سایت تجارت الکترونیک با وردپرس
- دوره آموزشی مبانی تجارت الکترونیک
- دوره آموزشی کار با الزامات انطباق PCI DSS 4.0