Vanilla JavaScript: Ajax و Fetch

مدرس Sasha Vodnik

انتشار 2019/07/29

مدت زمان 2h 46m

سطح متوسط

فایل تمرینی دارد

آموزش JavaScript: Ajax and Fetch

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

AJAX Fetch Front-end Development JavaScript

Introduction

Creating and working with API requests ()

Setting up your environment ()

1. Getting Started

What is Ajax? ()

Understand asynchronous program flow ()

Get an API key ()

Research and create an Ajax request URL ()

Create an XHR request ()

Test an XHR request ()

Handle XHR success and failure ()

Challenge: Build an XHR request ()

Solution: Build an XHR request ()

2. Modifying the DOM

What is the DOM? ()

Select elements with vanilla JavaScript ()

Request data in response to an event ()

Add an event listener ()

Work with JSON data ()

Modify form values with vanilla JavaScript ()

Modify element content with vanilla JavaScript ()

Challenge: Modify the DOM ()

Solution: Modify the DOM ()

3. Working with the Fetch API

Understand the Fetch API ()

Create a fetch request ()

Handle basic fetch errors ()

Customize a fetch request ()

4. Optimizing and Troubleshooting Ajax Requests

Structure Ajax requests for performance ()

View requests and responses in the browser ()

Work with authorization errors ()

Work with malformed requests ()

Work with errors in Fetch ()

Provide error fallbacks ()

Challenge: Fix an Ajax request ()

Solution: Fix an Ajax request ()

5. Building a Proxy Server to Hide API Keys

Why are proxy servers necessary? ()

Tools: Git, GitHub, and Heroku ()

Set up an app on Heroku ()

Configure proxy options ()

Deploy and test a proxy ()

Configure proxy security ()

Challenge: Customize code for an Ajax proxy ()

Solution: Customize code for an Ajax proxy ()

Conclusion

Next steps ()

Ex_Files_Vanilla_JS_Ajax_Fetch.zip (94.5 MB)

دانلود فایل فشرده

با توجه به امکانات آموزش و همچنین امکانات بسته انتخاب شده لینک دانلود فایل فشرده آماده خواهد شد. با در نظر داشتن این شرایط لطفا بسته مورد نظر خود را انتخاب کرده و روی دکمه درخواست لینک دانلود کلیک کنید

در حال به روزرسانی اطلاعات

درخواست لینک دانلود

در حال به روزرسانی اطلاعات

لطفا قبل از فعالسازی لینک دانلود به موارد زیر توجه کنید:

پسورد فایل‌های فشرده است.
لینک‌های آماده شده تا 8 روز پس از فعالسازی منقضی خواهند شد.
حجم فایل‌ها تخمینی هستند.
در صورتی که لینک دانلود تا 15دقیقه پس از درخواست آماده نشد، از بخش پشتیبانی پیگیری نمایید.