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

معرفی Introduction

• ایجاد و کار با درخواست های API Creating and working with API requests

• تنظیم محیط خود Setting up your environment

1. شروع به کار 1. Getting Started

• آژاکس چیست؟ What is Ajax?

• جریان برنامه ناهمزمان را درک کنید Understand asynchronous program flow

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

• تحقیق کنید و یک URL درخواست Ajax ایجاد کنید Research and create an Ajax request URL

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

• یک درخواست XHR را آزمایش کنید Test an XHR request

• موفقیت و شکست XHR را مدیریت کنید Handle XHR success and failure

• چالش: درخواست XHR بسازید Challenge: Build an XHR request

• راه حل: یک درخواست XHR بسازید Solution: Build an XHR request

2. اصلاح DOM 2. Modifying the DOM

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

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

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

• یک شنونده رویداد اضافه کنید Add an event listener

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

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

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

• چالش: DOM را اصلاح کنید Challenge: Modify the DOM

• راه حل: DOM را اصلاح کنید Solution: Modify the DOM

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

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

• یک درخواست واکشی ایجاد کنید Create a fetch request

• خطاهای اساسی واکشی را مدیریت کنید Handle basic fetch errors

• سفارشی کردن درخواست واکشی Customize a fetch request

4. بهینه سازی و عیب یابی درخواست های Ajax 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

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

• بازگردانی خطا را ارائه دهید Provide error fallbacks

• چالش: رفع یک درخواست Ajax Challenge: Fix an Ajax request

• راه حل: رفع یک درخواست Ajax Solution: Fix an Ajax request

5. ساخت یک سرور پروکسی برای مخفی کردن کلیدهای API 5. Building a Proxy Server to Hide API Keys

• چرا سرورهای پروکسی ضروری هستند؟ Why are proxy servers necessary?

• ابزارها: Git، GitHub و Heroku Tools: Git, GitHub, and Heroku

• یک برنامه در Heroku راه اندازی کنید Set up an app on Heroku

• گزینه های پروکسی را پیکربندی کنید Configure proxy options

• یک پروکسی را مستقر و آزمایش کنید Deploy and test a proxy

• امنیت پروکسی را پیکربندی کنید Configure proxy security

• چالش: سفارشی کردن کد برای پروکسی Ajax Challenge: Customize code for an Ajax proxy

• راه حل: سفارشی کردن کد برای پروکسی Ajax Solution: Customize code for an Ajax proxy

نتیجه Conclusion

• مراحل بعدی Next steps