دوره آموزشی وانیلا جاوا اسکریپت: API های بهینه سازی عملکرد وب
1 ساعت 43 دقیقهپیشرفته2018-10-30
مدرسین

Maximiliano Firtman
Mobile and Web Developer, Trainer, Speaker, Writer
جزئیات دوره
با استفاده از APIهای عملکردی که در مرورگرهای مدرن تعبیه شدهاند، میتوانید عملکرد وبسایتها و برنامههای خود را اندازهگیری کنید و تغییرات «زنده» در محتوا، پیمایش صفحه و موارد دیگر ایجاد کنید. این به شما امکان می دهد تجربه سریعتر و بهتری برای همه کاربران خود ایجاد کنید: برای کاربر دسکتاپ در وای فای پرسرعت یا کاربر تلفن همراه با سیگنال ضعیف. این دوره نحوه جمعآوری معیارهای واقعی را از دستگاههای واقعی با چهار API مفید نشان میدهد: جدول زمانی عملکرد، زمانبندی ناوبری، زمانبندی کاربر و زمانبندی منابع. مربی Maximiliano Firtman نحوه دسترسی و اعمال APIها با جاوا اسکریپت وانیلی و استفاده از تکنیک های برنامه نویسی واکنشی - مانند beacons و multithreading - را برای بهینه سازی کدها به گونه ای که تا حد امکان کارآمدتر اجرا شود، نشان می دهد.
اهداف یادگیری
آشنایی با APIهای عملکرد
زمان بندی ناوبری
نقاط عطف را در جدول زمانی عملکرد محاسبه کنید
اندازه گیری زمان ناوبری، منابع، سرورها و موارد دیگر
خواندن اطلاعات شبکه و دستگاه
بهینه سازی کد
اهداف یادگیری
آشنایی با APIهای عملکرد
زمان بندی ناوبری
نقاط عطف را در جدول زمانی عملکرد محاسبه کنید
اندازه گیری زمان ناوبری، منابع، سرورها و موارد دیگر
خواندن اطلاعات شبکه و دستگاه
بهینه سازی کد
مهارت ها
JavaScriptOracleProgramming LanguagesSoftware DevelopmentDeep Dive (X:Y)
سرفصل ها
0. مقدمه
- 01 - API ها را با جاوا اسکریپت بهینه کنید
- 02 - آنچه باید بدانید
1. عملکرد وب واکنشی
- 03 - نیاز به APIهای عملکرد وب
- 04 - خلاصه کارهایی که می توانیم انجام دهیم
- 05 - نظارت واقعی کاربر (RUM) و عملکرد وب واکنشی
- 06 - زمان را اندازه گیری کنید
- 07 - زمان بندی با وضوح بالا
2. مبانی عملکرد
- 08 - زمان بندی ناوبری سطح 1
- 09 - زمان بندی های موجود را درک کنید
- 10 - نقاط عطف را در جدول زمانی محاسبه کنید
- 11 - رابط زمانبندی عملکرد
- 12 - زمان بندی ناوبری سطح 2
3. اندازه گیری عملکرد
- 13 - اندازه گیری وب سایت های ما
- 14 - Navigation Timing API را اضافه کنید
- 15 - از Resource Timing API استفاده کنید
- 16 - زمان بندی سفارشی کاربر را ایجاد کنید
- 17 - زمان رنگ را دریافت کنید
- 18 - کارهای طولانی را تشخیص دهید
- 19 - افت نرخ فریم را تشخیص دهید
- 20 - اطلاعات زمان بندی سرور را اضافه کنید
4. یاوران تصمیم گیری
- 21 - اطلاعات شبکه را بخوانید
- 22 - حافظه دستگاه را بخوانید
- 23 - داده ها را برای کاربران خود ذخیره کنید
- 24 - نکات مشتری را در سرور دریافت کنید
5. کد را کارآمدتر اجرا کنید
- 25 - درخواست های با اولویت پایین را با بیکن ارسال کنید
- 26 - اجرای نرخ فریم را درک کنید
- 27 - کد کنترل انیمیشن را اجرا کنید
- 28 - وظایف پس زمینه را اجرا کنید
- 29 - اسکریپت بازده کارآمد
نتیجه
- 30 - مراحل بعدی
دوره های مرتبط
- دوره آموزشی چالشهای کدنویسی جاوااسکریپت: ساخت اپلیکیشنهای وب
- دوره آموزشی الگوهای JavaScript: راهحلهای مدرن برای چالشهای رایج
- دوره آموزشی جاوااسکریپت: ساخت ساختار داده لیستهای پیوندی
- دوره آموزشی جاوا اسکریپت: نقشه ها و مجموعه ها
- دوره آموزشی آرایه ها در جاوا اسکریپت
- دوره آموزشی یادگیری جاوااسکریپت: نوشتن کد مدرن با JavaScript ESNext
- دوره آموزشی یادگیری برنامهنویسی تابعی با جاوااسکریپت +ES6
- دوره آموزشی ساخت برنامههای تایپاسکریپت با JSDoc