دوره تسلط حرفه‌ای بر ابزارهای توسعه‌دهنده مرورگر کروم برای عیب‌یابی و ارتقای عملکرد وب‌سایت‌ها همراه با فلش‌کارت آموزشی — ارائه روی فلش مموری

🎓 دوره آموزشی جامع

📚 اطلاعات دوره

عنوان دوره: دوره تسلط حرفه‌ای بر ابزارهای توسعه‌دهنده مرورگر کروم برای عیب‌یابی و ارتقای عملکرد وب‌سایت‌ها

موضوع کلی: علوم رایانه و فناوری اطلاعات

موضوع میانی: توسعه و بهینه‌سازی وب‌سایت

📋 سرفصل‌های دوره

• 1. آشنایی با محیط و ساختار ابزارهای توسعه‌دهنده گوگل کروم
• 2. نحوه فعال‌سازی و شخصی‌سازی پنل‌های ابزار توسعه‌دهنده
• 3. بررسی ساختار درختی DOM و اصلاح لحظه‌ای عناصر صفحه
• 4. مدیریت و ویرایش ویژگی‌های CSS در پنل استایل‌ها
• 5. استفاده از بخش Layout برای تحلیل مدل جعبه‌ای و چیدمان
• 6. اشکال‌زدایی کدهای جاوااسکریپت با استفاده از Breakpoints
• 7. مدیریت اجرای کدها و مشاهده وضعیت متغیرها در هنگام دیباگ
• 8. تحلیل عملکرد شبکه و بررسی زمان بارگذاری منابع وب
• 9. بررسی کدهای وضعیت HTTP و پاسخ‌های سرور در تب Network
• 10. شناسایی و بهینه‌سازی منابع سنگین در بارگذاری صفحات
• 11. استفاده از تب Console برای اجرای دستورات و لاگ‌گیری
• 12. مدیریت خطاها و هشدارهای سیستم در کنسول جاوااسکریپت
• 13. کار با ابزار Application برای مدیریت حافظه محلی و کوکی‌ها
• 14. ذخیره‌سازی و بازیابی داده‌ها در LocalStorage و SessionStorage
• 15. بررسی ساختار پایگاه داده‌های محلی IndexedDB
• 16. تحلیل کارایی وب‌سایت با استفاده از ابزار Lighthouse
• 17. بهینه‌سازی سرعت بارگذاری بر اساس معیارهای Core Web Vitals
• 18. شناسایی و رفع گلوگاه‌های عملکردی در رندرینگ صفحات
• 19. بررسی عملکرد اسکریپت‌ها در تب Performance
• 20. تحلیل مصرف حافظه و شناسایی نشت حافظه در برنامه‌های وب
• 21. شبیه‌سازی دستگاه‌های مختلف و تست واکنش‌گرایی وب‌سایت
• 22. استفاده از ابزار Coverage برای شناسایی کدهای بلااستفاده
• 23. مدیریت و تنظیمات دسترسی‌پذیری برای کاربران
• 24. بررسی امنیت و هشدارهای مربوط به محتوای ناامن
• 25. استفاده از ابزارهای ویرایشگر کد داخلی در مرورگر
• 26. کار با تب Sources برای مشاهده و مدیریت فایل‌های پروژه
• 27. استفاده از قابلیت Workspace برای همگام‌سازی فایل‌های محلی
• 28. بهینه‌سازی تصاویر و فونت‌ها برای افزایش سرعت سایت
• 29. تحلیل و بررسی درخواست‌های Fetch و XHR
• 30. استفاده از ابزارهای اعتبارسنجی فرم‌ها و ورودی‌های کاربر
• 31. بررسی وضعیت کش مرورگر و استراتژی‌های ذخیره‌سازی
• 32. تحلیل نحوه اجرای انیمیشن‌ها و تغییرات بصری در مرورگر
• 33. ارتقای امنیت وب‌سایت از طریق بررسی هدرهای امنیتی
• 34. تکنیک‌های پیشرفته در عیب‌یابی وب‌سایت‌های پیچیده
• 35. بهره‌گیری از ابزارهای هوشمند برای تحلیل ساختار DOM
• 36. تجزیه و تحلیل فرایند پردازش رویدادها در مرورگر
• 37. استفاده از ابزارهای جانبی برای تست عملکرد در شبکه
• 38. اصول حرفه‌ای در مستندسازی خطاهای شناسایی شده
• 39. ارائه گزارش‌های فنی از وضعیت عملکرد وب‌سایت
• 40. نکات کلیدی در حفظ امنیت داده‌ها هنگام دیباگ وب‌سایت