دوره آموزشی
آموزش های یودمی
دوبله زبان فارسی

دوره بروزرسانی شده اصول AJAX به زبان ساده

دوره بروزرسانی شده اصول AJAX به زبان ساده

✅ سرفصل و جزئیات آموزش

در این دوره به AJAX با استفاده از جاوا اسکریپت ساده مسلط شده و با آبجکت XHR و Fetch API و Promises و HTTP، استریم ها، Async/Await و خیلی موارد دیگر آشنا می شوید.

آنچه یاد خواهید گرفت

  • تسلط به AJAX (جاوا اسکریپت غیرهمزمان و XML) همین امروز
  • یادگیری AJAX بدون کتابخانه های شخص ثالث
  • مثال های عملی و چالش های سرگرم کننده برای آسان کردن یادگیری
  • تبدیل شدن به توسعه دهنده فول استک با دانستن نحوه ارسال داده به سرور، listen کردن به پاسخ و انجام کارها با داده
  • می آموزید که چگونه به صورت پویا صفحه وب را بدون رفرش کردن یک صفحه بروزرسانی کنید.
  • تبدیل شدن به یک حرفه ای در AJAX و یادگیری درباره استریم ها، Promises، حلقه های رویداد و موارد دیگر
  • یادگیری فرمت های داده جی سان و XML (و XML DomParser) و نحوه استفاده از آن ها با AJAX
  • آشنایی با Promises
  • یادگیری درباره Streams API
  • یادگیری درباره آخرین تکنیک ها (مانند Fetch API) برای ایجاد درخواست AJAX
  • می آموزید که AJAX از کجا آمده و چرا ایجاد شده است.
  • یادگیری پروتکل HTTP و نحوه ارتباط مرورگرها با سرورها
  • می آموزید که چرا باید از کلمه کلیدی NEW با آبجکت XHR استفاده کنیم؟
  • درک توابع constructor
  • تسلط به آبجکت ()XMLHttpRequest
  • یادگیری تفاوت بین کد غیرهمزمان و همزمان
  • یادگیری مدیریت خطاها با AJAX
  • تبدیل شدن به متخصص در استفاده از Fetch API
  • از مبتدی تا متخصص (پیشرفته)
  • کسب دانش برای دستیابی و رهبری
  • می آموزید که چگونه از کلیدواژه های Async و Await با Fetch API جدیدتر استفاده کنید.
  • کسب دانش عمیق برای تقویت توانایی و اعتماد به نفس
  • و بسیاری موارد دیگر

توضیحات دوره

آنچه این دوره پوشش می شود:

این دوره جامع است و اصول اساسی AJAX را پوشش می دهد.

AJAX به این اشاره دارد که چگونه مرورگرها درخواست‌ های HTTP را به طور غیرهمزمان به سرورها ارسال می‌ کنند، نتایج را listen می کنند و پس از دریافت اطلاعات، کاری با داده انجام می‌ دهند. AJAX در مورد سرعت و کارایی است.

بنابراین می توانید AJAX را به عنوان موتوری در نظر بگیرید که کل این فرآیند رفت و برگشت بین مرورگر و سرور را مدیریت می کند.

AJAX به اندازه کافی ساده است.

تنها مشکل این است که برای درک واقعی AJAX، باید بسیاری از مفاهیم دیگر را درک کنید و این یکی از جنبه های منحصر به فرد دوره و سبک تدریس ما است.

توضیحات ساده و مثال های کاربردی به شما امکان می دهد موارد زیر را درک کنید:

  • چگونه AJAX را به بهترین شیوه بنویسیم؟
  • کد غیرهمزمان چیست و چه تفاوتی با کد همزمان دارد؟
  • چگونه از AJAX برای ایجاد درخواست های غیرهمزمان استفاده کنیم؟
  • حلقه رویداد در جاوا اسکریپت چیست؟
  • XML چیست و چه تفاوتی با جی سان دارد؟
  • چگونه یک فایل XML را با استفاده از تجزیه گر DOM تجزیه کنیم؟
  • پروتکل HTTP و پروتکل HTTP/2 و HTTP/3 چیست؟
  • توابع constructor چیست؟
  • آبجکت XHR چیست؟
  • fetch() API جدید چیست؟
  • Promise چیست
  • استریم چیست؟
  • چرا از Async/Await استفاده کنیم؟
  • رابط URL، رابط درخواست، رابط هدر و یک سری موارد دیگر

ما مثال های واقعی را به روشی سرگرم‌ کننده کدنویسی کرده و نحوه عملکرد AJAX را بررسی می کنیم (ما هم از آبجکت XMLHttpRequest و هم از Fetch API جدیدتر استفاده می‌ کنیم).

این دوره برای چه کسانی مناسب است؟

  • همه افراد
  • افراد پرمشغله ای که می خواهند در کمترین زمان ممکن گواهینامه AJAX را دریافت کرده و اعتماد به نفس به دست آورند.
  • کسانی که در مورد توسعه وب می دانند اما آرزو دارند که بیشتر بدانند.

دوره بروزرسانی شده اصول AJAX به زبان ساده

  • مقدمه بخش 00:51
  • تاریخچه AJAX 04:41
  • اولین باری که "AJAX" ساخته شد 04:00
  • خلاصه 03:18
  • آزمون تاریخچه AJAX None
  • مقدمه بخش 00:43
  • سایت های پویا در مقابل استاتیک 03:16
  • پروتکل HTTP 07:09
  • URI و پروتکل ها 12:33
  • چگونه داده را در یک درخواست HTTP قرار دهیم؟ - بخش 1 11:31
  • چگونه داده را در یک درخواست HTTP قرار دهیم؟ - بخش 2 05:52
  • چگونه داده را در یک درخواست HTTP قرار دهیم؟ - بخش 3 06:13
  • چگونه داده را در یک درخواست HTTP قرار دهیم؟ - بخش 4 01:58
  • پروتکل های HTTP و نقش AJAX None
  • HTTP/1.1 - جایی که همه چیز شروع شد 04:00
  • HTTP/2 از کجا آمده است؟ 03:10
  • HTTP/2 چیست؟ 02:20
  • پرسش و پاسخ درباره HTTP/2 06:47
  • مقدمه بخش 01:36
  • کد همزمان در مقابل کد غیرهمزمان 07:50
  • مثال های همزمان 07:34
  • مثال های غیرهمزمان 06:31
  • آزمون کد همزمان در مقابل غیرهمزمان None
  • بررسی درخواست GET و فرآیند پاسخ 04:47
  • AJAX چیست؟ 08:02
  • درخواست معمولی در مقابل درخواست AJAX 04:10
  • خلاصه 02:24
  • مبانی AJAX - آزمون None
  • XML چیست و چه تفاوتی با HTML دارد؟ 08:48
  • تجزیه داده XML با استفاده از متد DOMParser 13:08
  • تجزیه داده XML - تکمیل مثال ما 04:42
  • مقدمه جی سان و شباهت ها به جاوا اسکریپت 10:32
  • چگونه از متد جی سان استفاده کنیم؟ 12:42
  • مثالی از آبجکت جی سان و آبجکت XML 04:05
  • شباهت ها و تفاوت های بین جی سان و XML 04:08
  • استفاده از XML گاهی راحت تر از جی سان است 08:09
  • خلاصه 07:46
  • آزمون جی سان و XML None
  • مقدمه بخش 01:19
  • اولین مثال AJAX 13:45
  • آبجکت ()XMLHttpRequest یک تابع constructor است 02:55
  • تابع constructor چیست؟ 10:31
  • کلیدواژه NEW چیست؟ 02:57
  • اگر از کلیدواژه NEW استفاده نکنید چه اتفاقی می افتد؟ 04:54
  • آشنایی با ویژگی new.target 09:18
  • استفاده از ویژگی new.target برای throw کردن خطای سفارشی 07:01
  • توابع Constructor کمی پیچیده تر هستند 01:18
  • آزمون توابع Constructor None
  • مقدمه بخش 01:06
  • چرا درباره آبجکت XHR یاد بگیریم؟ 04:19
  • چگونه درخواست AJAX را راه اندازی کنیم؟ 16:54
  • ویژگی readyState چیست؟ 04:54
  • استفاده از ویژگی readyState 07:50
  • هندلر رویداد onreadystatechange چیست؟ 06:11
  • ویژگی answerText و خطر listen نکردن به readyState 4 03:49
  • کدهای وضعیت 04:15
  • چک کردن کد وضعیت 03:51
  • جایگزینی onreadystatechange با هندلر رویداد onload 01:42
  • ویژگی ResponseType 03:11
  • رویداد onerror 04:21
  • رویداد onprogress (ردیابی پیشرفت دانلود) 06:54
  • نظارت بر پیشرفت آپلود 15:11
  • چالش (listen کردن به رویدادهای پیشرفت و بارگذاری) - مقدمه 02:19
  • چالش (listen کردن به رویدادهای پیشرفت و بارگذاری) - راه اندازی کد 10:40
  • چالش (listen کردن به رویدادهای پیشرفت و بارگذاری) - تکمیل چالش 13:40
  • ارسال درخواست POST 19:20
  • ایجاد سرور PHP و تکمیل درخواست POST 09:58
  • AJAX اصلی - آزمون ()XMLHttpRequest None
  • مقدمه بخش 00:59
  • مقدمه واکشی 07:42
  • promise چیست؟ 05:20
  • واکشی غیرهمزمان است 03:14
  • Promises - استفاده از دستورات ()then 07:11
  • Promises - استفاده از دستورات ()catch 06:05
  • واکشی از توابع callback استفاده می کند 05:30
  • واکشی - under the hood 05:29
  • حلقه رویداد چیست؟ چگونه آن را می بینیم؟ 05:25
  • واکشی یک Promise را برمی گرداند 03:08
  • واکشی دارای سینتکس مشابه با جی کوئری است 04:24
  • یک قدم به عقب برگردید - خلاصه واکشی 03:17
  • آبجکت پاسخ چیست؟ 08:27
  • چگونه با استریم های خواندنی کار می کنید؟ 04:12
  • متد ()json چیست؟ 03:21
  • استفاده از متد ()json برای دسترسی به داده جی سان خود 02:40
  • واکشی داده خارجی - مثال کامل 07:22
  • مقدمه چالش - XHR در مقابل واکشی در مقابل Async 02:28
  • چالش - ایجاد درخواست XHR 10:14
  • چالش - ایجاد درخواست واکشی 06:55
  • چالش - نگاهی به Async و Await 06:01
  • Fetch API - آزمون مقدمه None
  • مقدمه بخش 01:06
  • استریم چیست؟ 04:52
  • خواندن استریم (پیشرفته) 12:06
  • استفاده از متد ()pipeThrough برای خواندن chunks در بلادرنگ 08:19
  • نوشتن در استریم ها 04:10
  • خلاصه 03:34
  • آزمون استریم های داده None
  • مقدمه بخش 01:16
  • جمع بندی واکشی 14:48
  • استفاده از متد ()json و ()text برای دسترسی به داده 04:23
  • مقایسه ()json با ()JSON.parse 05:51
  • رابط درخواست و رابط هدرها برای تعریف گزینه های واکشی ما 08:19
  • مقدمه چالش - ایجاد 2 درخواست واکشی 01:19
  • چالش - راه اندازی HTML 05:48
  • چالش - استفاده از ()fetch برای بازیابی آدرس IP 08:03
  • چالش - استفاده از ()fetch برای بازیابی تصویر 11:13
  • آبجکت رابط URL چیست؟ 05:59
  • چالش - مدیریت خطا 03:49
  • مدیریت خطا با واکشی 04:18
  • استفاده از ویژگی OK برای throw کردن خطاها 03:38
  • چالش - بهبود کد ما برای گنجاندن مدیریت خطا 05:20
  • درخواست واکشی POST 14:50
  • Fetch API - آزمون پیشرفته None
  • حلقه رویداد - مقدمه 09:14
  • سرگرمی - توضیح تسک های میکرو در مقابل ماکرو با بررسی کد 08:05
  • ایجاد promise خود برای اجرای کد خارج از thread اصلی 14:10
  • Async و Await - مقدمه 01:46
  • مثال Async - یک promise را برمی گرداند 02:54
  • Await - مقدمه 02:43
  • Async و Await (مثال پیشرفته) 10:42
  • Async و Await - مثال نهایی 05:21
  • مقدمه چالش - بهبود کد با استفاده از Async و Await 01:15
  • راه حل چالش - ریفکتور کردن فراخوانی واکشی تصویر (با استفاده از async و wait) 05:46
  • راه حل چالش - ریفکتور کردن فراخوانی واکشی IP (با استفاده از async و wait) 03:43
  • راه حل چالش - مدیریت خطا با بلوک TRY و CATCH 03:49
  • آزمون Async و Await None
  • جمع بندی 01:34

4,845,000 969,000 تومان

مشخصات آموزش

دوره بروزرسانی شده اصول AJAX به زبان ساده

  • تاریخ به روز رسانی: 1404/06/14
  • سطح دوره:همه سطوح
  • تعداد درس:127
  • مدت زمان :12:16:22
  • حجم :3.0GB
  • زبان:دوبله زبان فارسی
  • دوره آموزشی:AI Academy

آموزش های مرتبط

The Great Courses
2,495,000 499,000 تومان
  • زمان: 06:19:16
  • تعداد درس: 40
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
6,787,000 1,357,400 تومان
  • زمان: 17:11:52
  • تعداد درس: 113
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
8,360,500 1,672,100 تومان
  • زمان: 21:10:47
  • تعداد درس: 202
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
5,720,500 1,144,100 تومان
  • زمان: 14:29:26
  • تعداد درس: 36
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
4,206,500 841,300 تومان
  • زمان: 10:39:08
  • تعداد درس: 64
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
4,391,000 878,200 تومان
  • زمان: 11:07:45
  • تعداد درس: 63
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
7,261,000 1,452,200 تومان
  • زمان: 18:23:18
  • تعداد درس: 103
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
490,000 98,000 تومان
  • زمان: 00:57:00
  • تعداد درس: 20
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
490,000 98,000 تومان
  • زمان: 00:41:00
  • تعداد درس: 9
  • سطح دوره:
  • زبان: دوبله فارسی

آیا سوالی دارید؟

ما به شما کمک خواهیم کرد تا شغل و رشد خود را افزایش دهید.
امروز با ما تماس بگیرید