دوره کدنویسی AJAX

استاد آژاکس با استفاده از جاوا اسکریپت ساده. Object XHR را یاد بگیرید، API، وعده، HTTP، Streams، Async / منتظر و خیلی بیشتر!

عنوان اصلی : *NEW* AJAX fundamentals, simply put

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

تاریخچه AJAX:
کمی بیشتر در مورد جاوا (یک مماس)
اولین بار "AJAX" ساخته شد
آیا AJAX هنوز هم امروز مطرح است؟
خلاصه
آزمون تاریخچه AJAX
پروتکل HTTP و نقش AJAX:
معرفی بخش
سایت های پویا در مقابل استاتیک
پروتکل HTTP
URI و پروتکل ها
کاربرد پورت ها چیست؟
نحوه قرار دادن داده ها در یک درخواست HTTP - قسمت 2
نحوه قرار دادن داده ها در یک درخواست HTTP - قسمت 3
نحوه قرار دادن داده ها در یک درخواست HTTP - قسمت 4
پروتکل های HTTP و نقش AJAX
HTTP/2 و HTTP/3 چیست؟ :
قبل از شروع
HTTP/1.1 - همه چیز از کجا شروع شد
HTTP/2 از کجا آمده است؟
HTTP/2 چیست؟
نظر سریع در مورد HTTP/2
HTTP/2 پرسش و پاسخ
HTTP/3 - کلمه سریع
کد همزمان در مقابل ناهمزمان:
معرفی بخش
کد همزمان در مقابل ناهمزمان
کلمات سریع در مورد موضوعات و چرایی معرفی AJAX
نمونه های ناهمزمان
آزمون همزمان در مقابل ناهمزمان
AJAX - مبانی:
مروری بر فرآیند GET / RESPONSE
AJAX چیست؟
درخواست معمولی در مقابل درخواست AJAX
خلاصه
مبانی AJAX - آزمون
JSON و XML:
XML چیست و چه تفاوتی با HTML دارد؟
تجزیه داده های XML با استفاده از روش DOMParser
تجزیه داده های XML - اتمام مثال ما
معرفی JSON و شباهت های آن با جاوا اسکریپت
JSON و XML
نحوه استفاده از متد JSON
مثالی از یک شی JSON و یک شی XML
شباهت ها و تفاوت های بین JSON و XML
استفاده از XML گاهی راحت تر از JSON است
کلمه سریع
خلاصه
آزمون JSON و XML
توابع سازنده:
معرفی بخش
شی XMLHttpRequest() یک تابع سازنده است
تابع سازنده چیست؟
توابع سازنده در مقابل لفظ شی
کلید کلید NEW چیست؟
اگر از کلمه کلیدی NEW استفاده نکنید چه اتفاقی می افتد؟
معرفی ویژگی new.target
استفاده از ویژگی new.target برای ایجاد خطای سفارشی
توابع سازنده کمی پیچیده تر هستند
آزمون توابع سازنده
AJAX اصلی - XMLHttpRequest():
معرفی بخش
نحوه تنظیم درخواست AJAX
خاصیت readyState چیست
استفاده از ویژگی readyState
کنترل کننده رویداد onreadystatechange چیست؟
کدهای وضعیت
قیاس سریع - وضعیت آماده در برابر وضعیت
بررسی کد وضعیت
جایگزینی onreadystatechange با کنترل کننده رویداد onload
ویژگی ResponseType
رویداد onerror
رویداد در حال پیشرفت (پیگیری پیشرفت دانلود)
نظارت بر پیشرفت آپلود
چالش (گوش دادن به پیشرفت و بارگذاری رویدادها) - مقدمه
چالش (گوش دادن به پیشرفت و بارگیری رویدادها) - تنظیم کد ما
چالش (گوش دادن به پیشرفت و بارگذاری رویدادها) - چالش ما را تمام می کنیم
ارائه درخواست POST
ایجاد سرور PHP و تکمیل درخواست POST ما
آزمون AJAX اصلی - XMLHttpRequest().
AJAX مدرن - مبانی واکشی:
معرفی بخش
وعده ها چیست؟
وعده مقادیر را برمی گرداند
واکشی ناهمزمان است
Promises - و با استفاده از عبارات then().
وعده بیان می کند
Promises - و استفاده از دستورات catch().
کلمه سریع در مورد THEN و CATCH
Fetch از توابع پاسخ به تماس استفاده می کند
واکشی - زیر کاپوت
حلقه رویداد چیست؟ چگونه آن را می بینم.
Fetch یک Promise را برمی‌گرداند
Fetch دارای نحوی مشابه با jQuery است
یک قدم به عقب برگرد - خلاصه واکشی
شی Response چیست؟
چگونه با Readable Streams کار می کنید؟
متد json() چیست
استفاده از متد json() برای دسترسی به داده های JSON
چالش - ایجاد درخواست XHR ما
چالش - ایجاد درخواست واکشی ما
چالش - نگاهی اجمالی به Async/Await
Fetch API - Intro Quiz
آژاکس مدرن - جریان‌ها:
معرفی بخش
جریان ها پیشرفته هستند
استریم ها یک تکنیک پیشرفته هستند
جریان ها چیست؟
خواندن یک جریان (پیشرفته)
بیایید با استفاده از روش pipeThrough() پیشرفت بیشتری کنیم
نوشتن در جریان‌ها
خلاصه
آزمون جریان داده
AJAX مدرن - واکشی مفاهیم پیشرفته:
معرفی بخش
واکشی خلاصه
استفاده از متد json() و text() برای دسترسی به داده های ما
مقایسه json() با JSON.parse()
برای تعریف گزینه های واکشی ما، رابط و رابط سرصفحه ها را درخواست کنید
معرفی چالش - ساخت 2 درخواست واکشی
چالش - راه اندازی HTML ما
چالش - استفاده از fetch() برای بازیابی آدرس IP ما
چالش - استفاده از fetch() برای بازیابی تصویر ما
شئ URL Interface چیست
چالش - رسیدگی به خطا
رسیدگی به خطا با واکشی
استفاده از ویژگی OK برای پرتاب خطاها
چالش - بهبود کد ما برای ترکیب مدیریت خطا
درخواست واکشی POST
واکشی API - آزمون پیشرفته
Async/انتظار - بهبود کد fetch() ما:
ایجاد قول خودمان برای اجرای کد خارج از رشته اصلی
Async/Await - مقدمه
مثال همگام‌سازی - یک وعده را برمی‌گرداند
انتظار - مقدمه
همگام سازی و انتظار (نمونه پیشرفته)
Async/Await - نمونه نهایی
معرفی چالش - کد ما را با استفاده از Async/Await بهبود دهید
راه حل چالش - بازسازی تماس واکشی تصویر ما (با استفاده از async/wait)
راه حل چالش - بازسازی تماس واکشی IP ما (با استفاده از async/await)
راه حل چالش - مدیریت خطا با بلوک TRY و CATCH
Async/Await Quiz
Outro :
Outro