دوره کامل AJAX

آژاکس به چگونگی درخواست مرورگرها به سرورهای ناهمزمان ، به نتایج گوش می دهد ، به نتایج گوش می دهد و سپس هنگام دریافت با داده ها کاری انجام می دهد. آژاکس در مورد سرعت و کارآیی است.
درک توسعه وب یک فرایند در حال انجام است. برای اینکه پا به شما بدهد ، این دوره همه چیز را برای ساختار یک دوره همه جانبه ، متمرکز و آژاکس انجام داده است ، که به شما تحویل داده می شود به گونه ای که بیشترین سود را برای شما فراهم کند.
دانستن آژاکس اگر بسیار مهم باشد شما می خواهید به یک توسعه دهنده کامل تبدیل شوید ، زیرا این امکان را به شما می دهد تا درخواست های سرور را انجام داده و به داده های ورودی به صورت غیر همزمان گوش دهید. خاطرنشان شده است که آژاکس می تواند در بعضی مواقع مشکل پیدا کند ، و من این موضوع را مورد اختلاف قرار نمی دهم ، اما با آموزش صحیح ، که شامل توضیح اصول به روشی ساده است ، شما یاد می گیرید که تسلط و عشق آژاکس را بیاموزید.
اگر می خواهید برای تبدیل شدن به یک توسعه دهنده وب کامل ، باید در مورد AJAX بدانید و این همان چیزی است که این دوره در مورد آن است. همچنین می توانید کد HTTP/2 و HTTP/3 ، کد همزمان و ناهمزمان را کشف کنید. این دوره همچنین شما را از طریق اصول اولیه عملکردهای AJAX ، JSON ، XML و سازنده می برد. سرانجام ، شما آژاکس مدرن مانند اصول و جریان های واکشی را یاد خواهید گرفت. /github.com/packtpublishing/the-complete-ajax-fundamentals-cours

عنوان اصلی : The Complete AJAX Fundamentals Course

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

تاریخچه AJAX:
ویدیو تبلیغاتی
معرفی بخش
تاریخچه AJAX
اولین بار "AJAX" ساخته شد
خلاصه
پروتکل HTTP و نقش AJAX:
مقدمه بخش
سایت های پویا در مقابل استاتیک
پروتکل HTTP
URI و پروتکل ها
نحوه قرار دادن داده ها در یک درخواست HTTP - قسمت 1
نحوه قرار دادن داده ها در یک درخواست HTTP - قسمت 2
نحوه قرار دادن داده ها در یک درخواست HTTP - قسمت 3
نحوه قرار دادن داده ها در یک درخواست HTTP - قسمت 4
HTTP/2 و HTTP/3 چیست:
HTTP/1.1 - از کجا همه چیز شروع شد
HTTP/2 از کجا آمده است؟
HTTP/2 چیست؟
پرسش و پاسخ HTTP/2
کد همزمان در مقابل کد ناهمزمان:
مقدمه بخش
کد همزمان در مقابل کد ناهمزمان
نمونه های همزمان
نمونه های ناهمزمان
AJAX - مبانی:
مروری بر فرآیند GET / RESPONSE
AJAX چیست؟
درخواست معمولی در مقابل درخواست AJAX
خلاصه
JSON و XML:
XML چیست و چه تفاوتی با HTML دارد؟
تجزیه داده های XML با استفاده از روش DOMParser
تجزیه داده های XML - اتمام مثال ما
معرفی JSON و شباهت های جاوا اسکریپت
نحوه استفاده از روش JSON
نمونه ای از یک شیء JSON و یک شیء XML
شباهت ها و تفاوت های بین JSON و XML
استفاده از XML گاهی راحت‌تر از JSON است
خلاصه
توابع سازنده:
مقدمه بخش
نمونه اول AJAX
شی XMLHttpRequest() یک تابع سازنده است
عملکرد سازنده چیست؟
کلید کلیدی جدید چیست؟
اگر از کلمه کلیدی جدید استفاده نکنید چه اتفاقی می افتد؟
معرفی ویژگی new.target
استفاده از ویژگی new.target برای پرتاب خطای سفارشی
توابع سازنده کمی پیچیده تر هستند
AJAX اصلی - XMLHttpRequest():
مقدمه بخش
چرا درباره شی XHR بیاموزیم؟
چگونه یک درخواست AJAX را تنظیم کنیم
اموال آماده دولت چیست؟
استفاده از ویژگی readyState
Onreadystatechange Event Handler چیست؟
ویژگی responseText، و خطر گوش نکردن برای readyState 4
کدهای وضعیت
بررسی کد وضعیت
جایگزینی onreadystatechange با Onload Event Handler
ویژگی ResponseType
رویداد onerror
رویداد در حال پیشرفت (پیگیری پیشرفت دانلود)
نظارت بر پیشرفت آپلود
چالش (گوش دادن برای پیشرفت و بارگذاری رویدادها) - مقدمه
چالش (گوش دادن برای پیشرفت و بارگذاری رویدادها) - تنظیم کد ما
چالش (گوش دادن برای پیشرفت و بارگذاری رویدادها) - پایان دادن به چالش ما
ارائه یک درخواست POST
ایجاد سرور PHP ما و تکمیل درخواست POST ما
بخش 9: AJAX مدرن - مبانی واکشی:
مقدمه بخش
واکشی مقدمه
وعده ها چیست؟
واکشی ناهمزمان است
وعده ها - و استفاده از بیانیه های then ()
Promises - و استفاده از دستورات catch().
واکشی از توابع برگشت به تماس استفاده می کند
Fetch - Under the Hood
حلقه رویداد چیست؟ چگونه آن را مشاهده می کنم
Fetch Returns a Promise
Fetch دارای نحوی مشابه با jQuery است
یک قدم به عقب برگرد - خلاصه واکشی
شی پاسخ چیست؟
چگونه با جریان های خواندنی کار می کنید؟
روش Json() چیست
استفاده از روش Json() برای دسترسی به داده های JSON ما
واکشی داده های خارجی - مثال کامل
معرفی چالش - XHR در مقابل واکشی در مقابل Async
چالش - ایجاد درخواست XHR ما
چالش - ایجاد درخواست واکشی ما
چالش - نگاهی اجمالی به Async/Await
آژاکس مدرن - جریان‌ها:
مقدمه بخش
جریان ها چیست؟
خواندن یک جریان (پیشرفته)
استفاده از روش pipeThrough() برای خواندن تکه ها در زمان واقعی
نوشتن در جریان
خلاصه
AJAX مدرن - واکشی مفاهیم پیشرفته:
مقدمه بخش
واکشی مجدد
استفاده از متد json() و text() برای دسترسی به داده های ما
مقایسه json() با JSON.parse()
برای تعریف گزینه های واکشی ما، رابط و رابط سرصفحه ها را درخواست کنید
معرفی چالش - ایجاد دو درخواست واکشی
چالش - راه اندازی HTML ما
چالش - استفاده از fetch () برای بازیابی آدرس IP ما
چالش - استفاده از fetch () برای بازیابی تصویر ما
شی رابط URL چیست؟
چالش - مدیریت خطا
رسیدگی به خطا با Fetch
استفاده از ویژگی OK برای پرتاب خطاها
چالش - بهبود کد ما برای گنجاندن مدیریت خطا
پست درخواست واکشی
Async/Await - بهبود کد واکشی () ما:
حلقه رویداد - مقدمه
تفریح ​​- وظایف میکرو در مقابل ماکرو با نگاه کردن به کد توضیح داده شده است
ایجاد قول خودمان برای اجرای کد خارج از موضوع اصلی
Async/Await - مقدمه
مثال همگام - این یک وعده را برمی گرداند
انتظار - مقدمه
همگام وانتظار (نمونه پیشرفته)
Async/Await - نمونه نهایی
مقدمه چالش - کد ما را با استفاده از Async/Await بهبود دهید
راه حل چالش - بازسازی تماس واکشی تصویر ما (با استفاده از Async/Await)
راه حل چالش - بازسازی تماس واکشی IP ما (با استفاده از Async/Await)
راه حل چالش - مدیریت خطا با بلوک TRY و CATCH
نتیجه گیری:
Outro