دوره آموزشی جاوااسکریپت: Ajax و Fetch
2 ساعت 22 دقیقهمتوسط2024-09-25
مدرسین

Sasha Vodnik
Principal Technical Course Developer at DocuSign
جزئیات دوره
آژاکس (AJAX) یا Asynchronous JavaScript and XML یکی از فناوریهای کلیدی در وب مدرن است که به توسعهدهندگان این امکان را میدهد تا دادهها را از سرور درخواست کنند و محتوای جدید را بدون نیاز به بارگذاری مجدد صفحه، به وبسایت اضافه کنند. این ویژگی باعث میشود تا تجربه کاربری وبسایتها یا اپلیکیشنهای تحت وب بسیار سریعتر و تعاملیتر شود. در گذشته، برای دریافت اطلاعات جدید از سرور، کل صفحه باید مجدداً بارگذاری میشد که هم از نظر عملکرد و هم از نظر تجربه کاربری بهینه نبود. با استفاده از آژاکس، تنها بخشهایی از صفحه که نیاز به بهروزرسانی دارند تغییر میکنند و این امر باعث افزایش کارایی و رضایت کاربر میشود.
این دوره آموزشی، علاوه بر آموزش روشهای مدرن استفاده از آژاکس، به معرفی روشهای قدیمیتر نیز میپردازد و نحوه درخواست دادهها و تغییر محتوای صفحه با استفاده از جاوا اسکریپت ساده و APIهای مختلف را آموزش میدهد. یکی از مهمترین ابزارهایی که در این دوره بررسی میشود، API Fetch است که به شما این امکان را میدهد تا درخواستهای غیرهمزمان به سرور ارسال کرده و پاسخها را دریافت کنید، بدون اینکه نیاز به بارگذاری مجدد کل صفحه باشد.
همچنین، در این دوره یاد میگیرید که چگونه درخواستها و پاسخهای آژاکس را در مرورگر بهینهسازی کنید تا سرعت عملکرد افزایش یابد. تغییر محتوای صفحه وب از طریق دستکاری DOM (Document Object Model) نیز یکی دیگر از موضوعات مهم این دوره است. در این راستا، نحوه کار با کتابخانه Axios برای ارسال درخواستهای آژاکس و رفع اشکال آنها مورد بررسی قرار میگیرد تا در مواجهه با مشکلات مختلف در هنگام استفاده از آژاکس، بتوانید به سرعت راهحلهای مناسب را پیدا کنید.
این دوره آموزشی، علاوه بر آموزش روشهای مدرن استفاده از آژاکس، به معرفی روشهای قدیمیتر نیز میپردازد و نحوه درخواست دادهها و تغییر محتوای صفحه با استفاده از جاوا اسکریپت ساده و APIهای مختلف را آموزش میدهد. یکی از مهمترین ابزارهایی که در این دوره بررسی میشود، API Fetch است که به شما این امکان را میدهد تا درخواستهای غیرهمزمان به سرور ارسال کرده و پاسخها را دریافت کنید، بدون اینکه نیاز به بارگذاری مجدد کل صفحه باشد.
همچنین، در این دوره یاد میگیرید که چگونه درخواستها و پاسخهای آژاکس را در مرورگر بهینهسازی کنید تا سرعت عملکرد افزایش یابد. تغییر محتوای صفحه وب از طریق دستکاری DOM (Document Object Model) نیز یکی دیگر از موضوعات مهم این دوره است. در این راستا، نحوه کار با کتابخانه Axios برای ارسال درخواستهای آژاکس و رفع اشکال آنها مورد بررسی قرار میگیرد تا در مواجهه با مشکلات مختلف در هنگام استفاده از آژاکس، بتوانید به سرعت راهحلهای مناسب را پیدا کنید.
مهارت ها
E-Commerce DevelopmentEcma InternationalJavaScriptWeb Development ToolsWeb DevelopmentProgramming LanguagesSoftware DevelopmentDeep Dive (X:Y)
سرفصل ها
0. مقدمه
- 01 - راهنمای ضروری شما
- 02 - آنچه باید بدانید
- 03 - تنظیم محیط خود
1. شروع به کار با AJAX
- 04 - AJAX چیست
- 05 - جریان برنامه ناهمزمان را درک کنید
- 06 - یک کلید API دریافت کنید
- 07 - تحقیق و ایجاد URL درخواست AJAX
- 08 - چالش - در مورد یک API تحقیق کنید و یک URL درخواست ایجاد کنید
- 09 - راه حل - در مورد یک API تحقیق کنید و یک URL درخواست ایجاد کنید
2. کار با Fetch API
- 10 - API Fetch را درک کنید
- 11 - یک درخواست Fetch ایجاد و تست کنید
- 12 - خطاهای اساسی Fetch را مدیریت کنید
- 13 - چالش - درخواست Fetch بسازید
- 14 - راه حل - درخواست Fetch بسازید
3. اصلاح DOM
- 15 - DOM چیست
- 16 - عناصر را با جاوا اسکریپت وانیلی انتخاب کنید
- 17 - درخواست داده در پاسخ به یک رویداد
- 18 - یک شنونده رویداد اضافه کنید
- 19 - با دادههای JSON کار کنید
- 20 - مقادیر فرم را با جاوا اسکریپت وانیلی تغییر دهید
- 21 - محتوای عناصر را با جاوا اسکریپت وانیلی اصلاح کنید
- 22 - چالش - DOM را اصلاح کنید
- 23 - راه حل - DOM را اصلاح کنید
4. کار با کتابخانه Axios
- 24 - Axios را درک کنید
- 25 - یک درخواست Axios ایجاد کنید
- 26 - خطاها را با Axios مدیریت کنید
- 27 - پارامترهای Refactor با Axios
- 28 - رهگیرها را با Axios پیادهسازی کنید
- 29 - چالش - یک درخواست Axios بسازید
- 30 - راه حل - یک درخواست Axios بسازید
5. بهینهسازی و عیب یابی درخواستهای AJAX
- 31 - ساختار درخواستهای AJAX برای عملکرد
- 32 - درخواستها و پاسخها را در مرورگر مشاهده کنید
- 33 - با خطاهای مجوز کار کنید
- 34 - با درخواستهای نادرست کار کنید
- 35 - با خطاها در Fetch کار کنید
- 36 - ارائه بازگردانی خطا
- 37 - چالش - رفع یک درخواست AJAX
- 38 - راه حل - رفع درخواست AJAX
نتیجه گیری
- 39 - به یادگیری ادامه دهید
دوره های مرتبط
- دوره آموزشی تقویت استراتژی تجارت الکترونیک خود با تبلیغات پولی
- دوره آموزشی بازاریابی تجارت الکترونیک با هوش مصنوعی مولد
- دوره آموزشی حفاظت از داده های کارت اعتباری مشتری: انطباق با PCI
- دوره آموزشی ساخت یک سایت تجارت الکترونیک در 30 دقیقه با Shopify، WooCommerce، Squarespace و Wix
- دوره آموزشی ساخت یک وب سایت تجارت الکترونیک با وردپرس
- دوره آموزشی مبانی تجارت الکترونیک
- دوره آموزشی کار با الزامات انطباق PCI DSS 4.0
- دوره آموزشی شروع به کار با PCI Compliance