تسلط به عملکرد وب: از مبتدی تا متخصص

معرفی
سرفصل

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

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

یاد خواهید گرفت که چگونه به طور موثر مشکلات عملکرد وب را با chrome DevTools ردیابی کنید.
تاریخچه مختصری از عملکرد وب
تفاوت در نیازمندی‌های عملکردی بین MPA (اپلیکیشن چند صفحه‌ای) و SPA (اپلیکیشن تک صفحه‌ای)
تفاوت بین عملکرد زمان اجرا و انواع دیگر عملکرد وب
یادگیری علائمی که نشان می‌دهد وب اپلیکیشن شما دچار نشت حافظه است.
یادگیری الگوهای برنامه‌نویسی که باعث نشت حافظه در جاوا اسکریپت می‌شوند.

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

نیاز به دانش قبلی در زمینه بهینه‌سازی عملکرد وب نیست.
دانش اندک در مورد JavaScript/TypeScript و HTML مفید خواهد بود.

توضیحات دوره

شناسایی مشکلات عملکرد وب یک مسئله پیچیده با موارد خاص دشوار است و دیباگ کردن آن‌ها می‌تواند یک کار دلهره‌آور باشد. برای جلوگیری از چنین مشکلی در اپلیکیشن خود، به آگاهی و هوشیاری مداوم نیاز دارید.

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

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

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

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

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

برای افرادی که می‌خواهند عملکرد زمان اجرای وب خود را بهینه کرده و یا نشت حافظه را در صفحات وب خود برطرف کنند.
برای توسعه‌دهندگان فرانت‌اند که می‌خواهند درباره توسعه وب بیشتر بدانند.
برای افرادی که می‌خواهند بینش بیشتری در مورد چگونگی استفاده از chrome DevTools داشته باشند.

تسلط به عملکرد وب: از مبتدی تا متخصص

فصل 1: داستان پشت این دوره

چگونه این دوره ویدیویی به بیش از 30 هزار دانشجو رسید؟ 06:56

فصل 2: مبانی عملکرد وب

مقدمه 00:29
یک قصه کوچک 00:47
درباره من 01:07
سه ستون اصلی عملکرد وب 01:06
رندرینگ چیست؟ 01:03
مصورسازی فرآیند رندرینگ 03:04
انواع رندرینگ وب 03:07
علائم رندرینگ ضعیف 02:51
دلایل رندرینگ ضعیف 00:34
فناوری‌های بهینه‌سازی 01:12
مطالعه موردی در دنیای واقعی 18:48
عملکرد رندرینگ (مشکلات در مطالعه موردی واقعی) None

فصل 3: عملکرد زمان اجرای وب: نشت حافظه در جاوا اسکریپت

نشت حافظه چیست؟ 00:31
مقدمه 02:30
تاریخچه مختصری از عملکرد وب و نشت حافظه در JS 04:47
انواع مشکلات عملکرد وب 01:42
علائمی که نشان می‌دهد وب اپلیکیشن شما دچار نشت حافظه است 00:55

فصل 4: چگونه نشت حافظه را با Chrome DevTools شناسایی کنیم؟

رکورد تایم‌لاین عملکرد 03:09
Heap Snapshots 02:56
Heap Profile 02:32
Performance Monitor 01:37
Task Manager 00:39

فصل 5: الگوهای کدنویسی که باعث نشت حافظه در جاوا اسکریپت می‌شوند

پنج الگوی کدنویسی که باعث نشت حافظه در جاوا اسکریپت می‌شوند 05:45
کالکشن‌ها 04:49
DOM بی‌نهایت و جدا شده 01:32

فصل 6: مطالعات موردی

مطالعه موردی 1: مدیریت Event Listener ها در آرایه‌های فرم 08:02
مطالعه موردی 2: یک وب اپلیکیشن با مدل یادگیری ماشین برای ردیابی حرکات دست 18:26
مطالعه موردی 3: یک اپلیکیشن ToDo با Event Listener برای تغییرات در فیلد آرایه فرم 12:16
ساخت یک فرم ثبت‌نام با در نظر گرفتن دسترسی‌پذیری و عملکرد 04:50