چه چیزی در این دوره خواهید آموخت؟

این دوره به صورت جامع به مباحث کلیدی در حوزه عملکرد وب می‌پردازد و شما را قادر می‌سازد تا با درک عمیق از چگونگی کارکرد وب و عوامل تاثیرگذار بر سرعت، بهینه‌سازی‌های موثری را اعمال کنید. سرفصل‌های اصلی دوره عبارتند از:

• شناخت اصول عملکرد وب: درک مفاهیم اولیه مانند زمان بارگذاری صفحه، معیارهای کلیدی عملکرد (KPIs)، و چگونگی تاثیر هر جزء از صفحه بر تجربه کاربر.
• بهینه‌سازی منابع: یادگیری تکنیک‌های فشرده‌سازی تصاویر، استفاده از فرمت‌های بهینه، بارگذاری تنبل (Lazy Loading) برای تصاویر و سایر منابع، و مدیریت CSS و JavaScript برای کاهش زمان بارگذاری.
• افزایش سرعت پاسخگویی: تمرکز بر روی بهینه‌سازی کد، کاهش درخواست‌های HTTP، استفاده از کشینگ مرورگر و سرور، و تکنیک‌های پیشرفته مانند Server-Side Rendering (SSR) و Client-Side Rendering (CSR) و مزایا و معایب هر کدام.
• ابزارهای تحلیل عملکرد: آشنایی با ابزارهای قدرتمندی مانند Lighthouse، WebPageTest، Chrome DevTools و نحوه استفاده از آن‌ها برای شناسایی نقاط ضعف و ارائه راه‌حل‌های بهینه‌سازی.
• تجربه کاربری (UX) و عملکرد: درک ارتباط تنگاتنگ بین عملکرد وب و تجربه کاربری، و چگونگی تاثیرگذاری بهبود عملکرد بر رضایت و تعامل کاربران.
• بهینه‌سازی برای موبایل: تمرکز ویژه بر نیازها و چالش‌های بهینه‌سازی عملکرد برای دستگاه‌های موبایل و شبکه‌های با پهنای باند محدود.

بخش‌های اصلی دوره

این دوره به سه بخش اصلی تقسیم شده است که هر کدام به صورت عمیق به موضوعات مرتبط با عملکرد وب می‌پردازند:

بخش اول: مبانی و ابزارها

در این بخش، شما با اصول اولیه عملکرد وب آشنا می‌شوید. مفاهیمی مانند Threading در مرورگر، چگونه مرورگر صفحات را رندر می‌کند، و اهمیت هر مرحله از فرآیند بارگذاری صفحه به تفصیل مورد بررسی قرار می‌گیرد. همچنین، نحوه استفاده از ابزارهای قدرتمند Chrome DevTools برای تحلیل دقیق عملکرد، از جمله بخش Performance و Network، به شما آموزش داده می‌شود.

• مفاهیم اولیه: آشنایی با Critical Rendering Path، زمان پاسخگویی سرور (TTFB)، و تاثیر هر مرحله از بارگذاری.
• ابزارهای تحلیل: آموزش گام به گام استفاده از Chrome DevTools برای پروفایل کردن وب‌سایت.
• شناسایی گلوگاه‌ها: یادگیری نحوه شناسایی منابعی که باعث کندی بارگذاری می‌شوند.

بخش دوم: بهینه‌سازی دارایی‌ها و کد

این بخش بر روی تکنیک‌های عملی برای بهینه‌سازی دارایی‌های وب (مانند تصاویر، فونت‌ها، CSS و JavaScript) تمرکز دارد. شما یاد خواهید گرفت که چگونه حجم فایل‌ها را کاهش دهید، از روش‌های بارگذاری بهینه استفاده کنید و کد خود را به گونه‌ای سازماندهی کنید که کمترین تاثیر منفی را بر عملکرد داشته باشد.

• بهینه‌سازی تصاویر: معرفی فرمت‌های جدید مانند WebP، تکنیک‌های فشرده‌سازی، و lazy loading.
• مدیریت CSS و JavaScript: minify کردن، code splitting، و حذف کدهای بلااستفاده.
• منابع شبکه: کاهش درخواست‌های HTTP، استفاده از HTTP/2 و HTTP/3، و بهینه‌سازی کشینگ.

بخش سوم: عملکرد پیشرفته و تجربه کاربری

در این بخش، به موضوعات پیشرفته‌تر پرداخته می‌شود که شامل بهینه‌سازی برای سناریوهای پیچیده‌تر و تاثیر عملکرد بر جنبه‌های مختلف تجربه کاربری است. مفاهیمی مانند Preload، Preconnect، و Server-Timing API مورد بحث قرار می‌گیرند.

• بهینه‌سازی رندر: تکنیک‌هایی برای بهبود First Contentful Paint (FCP) و Largest Contentful Paint (LCP).
• تجربه تعاملی: تمرکز بر روی Time To Interactive (TTI) و First Input Delay (FID).
• تکنیک‌های پیشرفته: استفاده از Service Workers برای کشینگ آفلاین و بهبود عملکرد در شبکه‌های ناپایدار.

چه کسانی باید این دوره را بگذرانند؟

این دوره برای طیف گسترده‌ای از متخصصان حوزه وب طراحی شده است، از جمله:

• توسعه‌دهندگان فرانت‌اند: که مسئولیت مستقیم پیاده‌سازی و بهینه‌سازی رابط کاربری وب‌سایت‌ها را بر عهده دارند.
• توسعه‌دهندگان بک‌اند: که درک عملکرد فرانت‌اند به آن‌ها در طراحی سیستم‌های کارآمدتر کمک می‌کند.
• مهندسان DevOps: که مسئولیت زیرساخت و استقرار برنامه‌ها را دارند و باید از عملکرد بهینه اطمینان حاصل کنند.
• طراحان تجربه کاربری (UX Designers): برای درک چگونگی تاثیرگذاری عوامل فنی بر تجربه کاربر.
• مدیران پروژه و محصول: که نیاز دارند تا اهمیت و تاثیر عملکرد وب را در موفقیت پروژه‌های خود درک کنند.

پیش‌نیازهای دوره

برای بهره‌مندی کامل از این دوره، داشتن دانش اولیه در زمینه توسعه وب، شامل آشنایی با HTML، CSS و JavaScript، و همچنین درک مفاهیم اولیه نحوه کارکرد مرورگرها توصیه می‌شود. familiarity with using developer tools in browsers is also beneficial.

مزایای استفاده از فلش مموری 32 گیگابایتی

ارائه این دوره آموزشی بر روی یک فلش مموری 32 گیگابایتی مزایای قابل توجهی دارد:

• دسترسی آفلاین: بدون نیاز به اتصال اینترنت پرسرعت، می‌توانید در هر زمان و مکانی به محتوای آموزشی دسترسی داشته باشید.
• قابلیت حمل: فلش مموری به راحتی قابل حمل است و می‌توانید آن را به هر کامپیوتری متصل کنید.
• فضای ذخیره‌سازی کافی: حجم 32 گیگابایت فضای کافی برای ارائه محتوای با کیفیت بالا، شامل ویدئوهای آموزشی، کد نمونه و ابزارهای کمکی را فراهم می‌کند.
• عدم نیاز به دانلود: از مشکلات ناشی از قطع شدن دانلود یا نیاز به فضای ذخیره‌سازی موقت در دستگاه خود جلوگیری می‌کند.