آموزش بوت کمپ عملکرد وب: تسلط بر تکنیک های سرعت

Web Performance Bootcamp: Mastering Speed Techniques

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: راهنمای نهایی برای یادگیری نحوه بهبود عملکرد وب، از طریق جاوا اسکریپت، Web Vitals، Chrome Dev Tools، CDN و موارد دیگر! نحوه بهینه سازی عملکرد بخش فرانت اند (جاوا اسکریپت، وب حیاتی، باندلینگ، css، بارگذاری تنبل، PWA، ابزارهای توسعه کروم) نحوه بهینه سازی عملکرد بخش باطن (پروفایل، پیچیدگی الگوریتم ها، نمایه سازی پایگاه داده، nosql، کش کردن، ) چگونه برای بهینه سازی عملکرد بخش زیرساخت (DNS، HTTP، هدرهای کش، TCP، CDN) نحوه نظارت بر عملکرد وب (grafana، prometheus، متریک، اعلان های خودکار) چگونه افراد تجاری شرکت خود را متقاعد کنید که عملکرد وب مهم است پیش نیازها :دانش پایه در جاوا اسکریپت دانش پایه در مورد هر زبان پشتیبان دانش پایه در مورد پایگاه داده (رابطه ای یا غیر رابطه ای)

بوت کمپ عملکرد وب: تکنیک های عملکرد وب استاد


پتانسیل کامل وب سایت های خود را با استراتژی های پیشرفته باز کنید!

آیا از وب‌سایت‌های کم بارگذاری که کاربران را ناامید می‌کنند و به کسب و کار شما آسیب می‌رسانند خسته شده‌اید؟ به "بهینه سازی عملکرد وب" خوش آمدید، دوره آموزشی نهایی که برای متحول کردن درک شما از ظاهر، باطن و بهینه سازی شبکه در توسعه وب طراحی شده است.


آنچه خواهید آموخت:

- Frontend Acceleration: جدیدترین تکنیک‌ها را در بهینه‌سازی جاوا اسکریپت، CSS و دارایی‌های تصویر برای دستیابی به تجربیات کاربر یکپارچه بیاموزید.

- کارایی Backend: عملکرد سمت سرور خود را با استراتژی های پیشرفته بهینه سازی backend افزایش دهید. قدرت نمایه سازی پایگاه داده، ذخیره سازی حافظه پنهان، و بهینه سازی پرس و جو را کاوش کنید تا مطمئن شوید برنامه های شما با سرعت برق پاسخ می دهند.

- تسلط بر شبکه: پیچیدگی های لایه شبکه را باز کنید. نحوه کاهش تأخیر با واکشی اولیه DNS، استفاده از جادوی CDN برای توزیع محتوا، و تنظیم دقیق TCP برای انتقال داده بهینه را بیابید.


چرا ثبت نام کنید:

- رویکرد جامع: این دوره فقط در مورد ترفندهای فرانت اند یا ترفندهای باطن نیست. این یک سفر کل نگر در کل اکوسیستم عملکرد وب است. شما با مهارت های تبدیل هر وب سایت به یک شیطان سرعت ظاهر خواهید شد.

- آموزش تخصصی: از یک متخصص صنعت با سالها تجربه عملی در توسعه وب بیاموزید. از بینش های دنیای واقعی و استراتژی های اثبات شده استفاده شده توسط وب سایت های با عملکرد برتر بهره مند شوید.

- ارتقاء شغلی: بهینه سازی عملکرد وب یک مهارت مورد توجه در چشم انداز دیجیتال است. با نمایش توانایی خود در ایجاد وب‌سایت‌هایی که با سرعت بالا بارگذاری می‌شوند، کارفرمایان و مشتریان را به طور یکسان تحت تأثیر قرار دهید.


این برای چه کسی است:

  • توسعه دهندگان وب با هدف بهبود عملکرد کلی وب سایت های خود

  • توسعه دهندگان فرانتند با هدف ایجاد رابط های کاربری صاف ابریشمی.

  • مهندسین Backend مشتاق بهبود عملکرد سمت سرور هستند.

  • علاقه مندان به شبکه که به دنبال تسلط بر پیچیدگی های انتقال داده هستند.


برای تبدیل شدن آماده شوید:

در این سفر هیجان انگیز به ما بپیوندید تا مهارت های توسعه وب خود را متحول کنید. از بهینه‌سازی تعاملات ظاهری گرفته تا تنظیم دقیق فرآیندهای باطن و غلبه بر پیچیدگی‌های شبکه، «بهینه‌سازی عملکرد وب» کلید شما برای ایجاد وب‌سایت‌هایی با کارایی بالا و کاربر محور است.


اکنون ثبت نام کنید و بیایید با هم عملکرد وب را دوباره تعریف کنیم!


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

مقدمه ای بر عملکرد وب Introduction to web performance

  • ساختار دوره Course structure

  • عملکرد وب چیست؟ What is web performance?

  • چرا عملکرد وب مهم است؟ Why is web performance important?

  • معیارهای کلیدی برای اندازه گیری عملکرد وب Key metrics to measure web performance

  • نمونه های دنیای واقعی از مسائل مربوط به عملکرد وب Real world examples of web performance issues

  • اصول عملکرد وب Fundamentals of web performance

بهینه سازی عملکرد frontend Optimising frontend performance

  • عمیق تر شدن در معیارهای حیاتی وب Getting deeper on web vitals metrics

  • چگونه مقادیر معیارهای حیاتی وب خود را بدانید How to know your web vitals metrics values

  • در مورد منابع حیاتی صحبت کنید Talk about critical resources

  • بهینه سازی جاوا اسکریپت Optimizing Javascript

  • بهینه سازی CSS Optimizing CSS

  • بهینه سازی تصاویر Optimizing images

  • عمیق تر شدن در بارگذاری تنبل Getting deeper in lazy loading

  • حداقل تغییراتی که می توانید برای بهبود عملکرد ظاهری انجام دهید Minimal changes you can do to improve the frontend performance

  • PWA: راهی ممکن برای بهبود عملکرد PWA: a possible way to improve performance

  • چگونه معیارهای حیاتی وب خود را در صورت بالا بودن کاهش دهیم How to decrease your web vitals metrics, in case they are high

  • بهبود عملکرد زمان اجرا با تب DevTools Performance Improving runtime performance with DevTools Performance tab

  • آزمون عملکرد بهینه سازی frontend Optimizing frontend performance Quiz

بهینه سازی عملکرد سمت سرور Optmizing server side performance

  • درک تنگناهای سمت سرور Understanding server side bottlenecks

  • بهینه سازی پایگاه های داده - مقدمه Optimizing databases - Introduction

  • بهینه سازی پایگاه های داده - تکنیک ها Optimizing databases - Techniques

  • بهینه سازی پایگاه های داده - طرح اجرای پرس و جو Optimizing databases - Query Execution Plan

  • بهینه سازی پایگاه های داده - NoSQL Optimizing databases - NoSQL

  • استراتژی‌هایی برای کاهش تأثیر خدمات شخص ثالث کند Strategies to mitigate the impact of slow third-party-services

  • ذخیره سازی برای بهبود عملکرد Caching for improved performance

  • استفاده از میکروسرویس ها برای بهبود مقیاس پذیری Leveraging microservices to improve scalability

  • پیچیدگی الگوریتم ها Algorithms Complexity

  • پروفایل کردن Profiling

  • بهبود کد سمت سرور Server side code improvement

  • و زمانی که مشکل منابع سخت افزاری ناکافی است؟ And when the problem is insufficient hardware resources?

  • امتحان بهبود سمت سرور Server side improvements quiz

بهینه سازی عملکرد زیرساخت Optimizing infrastructure performance

  • درک پشته شبکه Understanding the network stack

  • غواصی در پروتکل های شبکه اصلی Diving into the main network protocols

  • HTTP چگونه کار می کند How HTTP works

  • نکات کوچک بهبود HTTP Small HTTP improvement tips

  • هدرهای کش Cache headers

  • تعادل بار Load balancing

  • بهینه سازی برای به حداقل رساندن تأخیر DNS و TCP Optimizations to minimize DNS and TCP latency

  • کاهش تأخیر با CDN Reducing latency with CDNs

  • مسابقه بهبود زیرساخت Infrastructure improvements quiz

برنامه ریزی و نظارت بر بهبود عملکرد Planning and monitoring performance improvement

  • مداخله بهبود عملکرد Performance improvement intervention

  • دریافت معیارهای حیاتی به صورت خودکار Getting vitals metrics in an automatic way

  • پایش معیارهای پایگاه داده Monitoring database metrics

  • ابزارهای مانیتورینگ و داشبورد Monitoring and dashboard tools

  • ردیابی عملکرد از طریق اعلان ها Performance tracking through notifications

  • ایجاد یک راه حل نظارت با Prometheus و Grafana - قسمت 1 Creating a monitoring solution with Prometheus and Grafana - part 1

  • ایجاد راه حل نظارت با پرومتئوس و گرافانا - قسمت 2 Creating a monitoring solution with Prometheus and Grafana - part 2

نتیجه گیری و مراحل بعدی Conclusion and next steps

  • چگونه شرکت خود را متقاعد کنیم که عملکرد وب مهم است؟ How to convince your company that web performance is important?

  • مراحل بعدی و یک تشکر بزرگ Next steps and a big thank you

نمایش نظرات

آموزش بوت کمپ عملکرد وب: تسلط بر تکنیک های سرعت
جزییات دوره
6.5 hours
45
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
515
4.8 از 5
دارد
دارد
دارد
Vitor Fonseca
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Vitor Fonseca Vitor Fonseca

مهندس فرانت اند