آموزش بالابردن سرعت صفحات وب با تکنیک های JavaScript, CSS

با مشاهده این کورس آموزشی از طریق انجام پروژه های واقعی و به زبانی بسیار ساده مطالب فراوانی را در رابطه با افزایش سرعت صفحات وب یاد می گیرید.

عنوان اصلی : NEW Web Secrets Speed Up Webpage Loading 2021 7 Parts

سرفصل ها :

قسمت 1 AJAX XMLHttpRequest و Fetch API:
01-مقدمه دوره
02-این کلاس مهارتی چه چیزی را پوشش می دهد
03- مرورگرها چگونه کار می کردند
04-آژاکس
05- در تمام جزئیات گم نشوید
شیء درخواست 06-xmlhttp
07 ساختن شی xmlhttprequest
08-برخورد با داده های پاسخ
09-ajax مثال-زمان نمایش از یک سرور
10-ساخت تابع زمان سفارشی ما
11-مثال عکس و نام
12-تعریف تابع شنونده درخواست ما
13-خلاصه شی xmlhttprequest
14-fetch()
15- راه اندازی واکشی ما
16-واکشی با استفاده از json
17 واکشی با درخواست پست
18-fetch در مقابل xhr
19-نتیجه گیری
قسمت 2 پروتکل HTTP TCP و بسته ها:
01-کلاس معرفی
02-معرفی مرورگر
استانداردهای 03-w3c
درخواست مرورگر 04
05-بسته ها چیست؟
نمای کلی 06-tcp
فرآیند 07-tcp
مقدمه 08-http
09-http درخواست و پاسخ
10-خروجی
قسمت 3 چگونه DOM ساخته می شود:
01-معرفی کلاس
02-این کلاس چه چیزی را پوشش می دهد
03-4 مرحله برای نحوه نمایش یک صفحه توسط مرورگر
04-نحوه عملکرد مرورگر
خلاصه 05-crp
06-ساخت dom (بایت ها و کاراکترها) - قسمت 1
07-ساخت dom (بایت ها و کاراکترها) - قسمت 2
08 - جمع بندی سریع
09-عملکرد تب-معرفی
تب 10 تماس - معرفی
11-ابزارهای پایین به بالا و لبه-مقدمه
قسمت 4 CSSOM Render Tree Layout and Paint:
01-کلاس معرفی
02-معرفی cssom
03-چرا درخت css داشته باشیم
سبک محاسبه مجدد 04-css
05 رندر ساخت درخت
06-رندر درخت-چالش
07-رندر درخت-راه حل
08-ترکیب dom و css برای تشکیل درخت رندر
09-مقایسه dom cssom و render tree
فرآیند طرح بندی درختی 10-رندر
11-طرح بندی در گوگل
فرآیند 12 رنگ
13-خلاصه
بخش 5 منابع مسدود کننده رندر:
01-کلاس معرفی
02-render blocking sources-introduction
03-حل رندر css با پرس و جوهای رسانه ای
04-رسانه نوع پرس و جو ضد در پودینگ است
05- مرورگرها چگونه یک صفحه را رندر می کنند
06-javascript و dom
07 - ترتیب کد شما مهم است - قسمت 1
08 - ترتیب کد شما مهم است - قسمت 2
09-javascript و cssom
10-javascript باید منتظر cssom باشد
۱۱ قدم به عقب
12-کد جاوا اسکریپت خود را کجا می توانید قرار دهید
13-12 قرار دادن js در پایین صفحه
14-ناهمگام
15-ناهمگام در مقابل پایین
16- تعویق
17-رویداد سفارشی-قسمت 1
18-رویداد سفارشی-قسمت 2
19-18 async در مقابل defer در مقابل سفارشی
20-پیش بارگذاری
21-recap-کجا می توانید کد js را قرار دهید
22- همه را کنار هم قرار دهید
23-تجزیه کننده گمانه زنی
24-خروجی
قسمت 6 پنل شبکه و ابزارهای توسعه دهنده Waterfall:
01-مقدمه دوره
02-پنل شبکه
03-شبکه پنل-معرفی آبشار
04-آبشار-جزئیات بیشتر
05-سربرگ های پاسخ و درخواست
ستون 06 زمان و آبشار
07-زمان باردها-3 چیزهایی که باید مراقب آنها بود
08-زمان جدایی
فازهای 09-زمان توضیح داده شده است
10-cdn چیست
11-نظرات پایانی
بخش 7 بهینه سازی CRP و ممیزی سایت:
01-کلاس معرفی
02-تجزیه و تحلیل تمام درخواست های شبکه
03-درخواست های شبکه-نمای کلی
04-چگونه صفحه ساده خود را تجزیه و تحلیل کنیم
ستون 05 اندازه (سخنرانی پاداش)
06-منابع حیاتی و رفت و برگشت سرور
07-افزودن css و js به فایل ما
08-رندر صفحه ما
اثر 09-js و css در مسیر رندر بحرانی
جاوا اسکریپت 10 خطی
ویژگی 11-async
12- یک قدم به عقب بردارید
13-معرفی فانوس دریایی
نمونه 14 فانوس دریایی
15- شما تمام شده اید