آموزش جاوا اسکریپت: Ajax و Fetch - آخرین آپدیت

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

مقدمه Introduction

• راه اندازی محیط توسعه Setting up your environment

• پیش‌نیازهای لازم What you should know

• راهنمای ضروری شما Your essential guide

1. شروع کار با AJAX 1. Getting Started with AJAX

• چالش: تحقیق درباره یک API و ایجاد URL درخواست Challenge: Research an API and create a request URL

• پاسخ: تحقیق درباره یک API و ایجاد URL درخواست Solution: Research an API and create a request URL

• تحقیق و ایجاد URL برای درخواست AJAX Research and create an AJAX request URL

• AJAX چیست؟ What is AJAX?

• دریافت کلید API Get an API key

• درک جریان برنامه‌نویسی ناهمگام (Asynchronous) Understand asynchronous program flow

2. کار با Fetch API 2. Working with the Fetch API

• چالش: ساخت یک درخواست Fetch Challenge: Build a Fetch request

• ایجاد و تست درخواست Fetch Create and test a Fetch request

• مدیریت خطاهای ابتدایی Fetch Handle basic Fetch errors

• پاسخ: ساخت یک درخواست Fetch Solution: Build a Fetch request

• درک APIهای Fetch Understand the Fetch API

3. تغییر در DOM 3. Modifying the DOM

• DOM چیست؟ What is the DOM?

• درخواست داده‌ها در پاسخ به یک رویداد Request data in response to an event

• انتخاب المان‌ها با جاوا اسکریپت خالص Select elements with vanilla JavaScript

• تغییر مقادیر فرم با جاوا اسکریپت خالص Modify form values with vanilla JavaScript

• افزودن شنونده رویداد (Event Listener) Add an event listener

• تغییر محتوای المان با جاوا اسکریپت خالص Modify element content with vanilla JavaScript

• پاسخ: تغییر در DOM Solution: Modify the DOM

• کار با داده‌های JSON Work with JSON data

• چالش: تغییر در DOM Challenge: Modify the DOM

4. کار با کتابخانه Axios 4. Working with the Axios Library

• چالش: ساخت یک درخواست Axios Challenge: Build an Axios request

• درک Axios Understand Axios

• پیاده‌سازی Interceptors با Axios Implement interceptors with Axios

• پاسخ: ساخت یک درخواست Axios Solution: Build an Axios request

• بازنویسی پارامترها با Axios Refactor parameters with Axios

• مدیریت خطاها با Axios Handle errors with Axios

• ایجاد یک درخواست Axios Create an Axios request

5. بهینه‌سازی و عیب‌یابی درخواست‌های AJAX 5. Optimizing and Troubleshooting AJAX Requests

• مشاهده درخواست‌ها و پاسخ‌ها در مرورگر View requests and responses in the browser

• کار با خطاهای احراز هویت (Authorization) Work with authorization errors

• پاسخ: اصلاح یک درخواست AJAX Solution: Fix an AJAX request

• کار با خطاها در Fetch Work with errors in Fetch

• ساختاربندی درخواست‌های AJAX برای عملکرد بهتر Structure AJAX requests for performance

• کار با درخواست‌های بدساخت (Malformed) Work with malformed requests

• چالش: اصلاح یک درخواست AJAX Challenge: Fix an AJAX request

• ارائه جایگزین‌های خطا (Error Fallbacks) Provide error fallbacks

جمع‌بندی Conclusion

• ادامه مسیر یادگیری Keep learning