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

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

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

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

موضوع کلی: توسعه و مهندسی نرم‌افزار

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

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

• 1. آشنایی با محیط و معماری ابزارهای توسعه‌دهنده گوگل کروم
• 2. نصب و راه‌اندازی اولیه و تنظیمات پنل تنظیمات
• 3. بررسی ساختار درختی DOM و ویرایش زنده عناصر
• 4. شناسایی و اصلاح خطاهای ساختاری در کدهای HTML
• 5. مدیریت و ویرایش استایل‌های CSS به صورت لحظه‌ای
• 6. استفاده از پنل Styles برای دیباگ کردن مدل جعبه‌ای
• 7. کار با کلاس‌های مجازی و حالت‌های مختلف عناصر در CSS
• 8. بررسی و تحلیل چیدمان‌های پیچیده با ابزار Flexbox و Grid
• 9. ردیابی و تحلیل فایل‌های CSS بارگذاری شده در پروژه
• 10. آشنایی با کنسول جاوا اسکریپت و ثبت لاگ‌ها
• 11. مدیریت خطاهای زمان اجرا در کنسول
• 12. استفاده از دستورات کاربردی کنسول برای عیب‌یابی
• 13. توقف اجرای کد با نقاط شکست یا Breakpoints
• 14. بررسی متغیرها و وضعیت حافظه در حین توقف اجرا
• 15. استفاده از قابلیت Watch برای پایش مقادیر متغیرها
• 16. بهره‌گیری از Call Stack برای ردیابی مسیر اجرای توابع
• 17. تحلیل عملکرد شبکه و زمان‌بندی بارگذاری منابع
• 18. بررسی وضعیت پاسخ‌های سرور و کدهای وضعیت HTTP
• 19. شناسایی منابع حجیم و بهینه‌سازی سرعت بارگذاری صفحات
• 20. تحلیل فایل‌های بارگذاری شده و اولویت‌بندی آن‌ها
• 21. استفاده از ابزار Lighthouse برای ارزیابی عملکرد وب‌سایت
• 22. بررسی معیارهای دسترسی‌پذیری و استانداردهای وب
• 23. بهینه‌سازی وب‌سایت برای موتورهای جستجو از طریق پنل Audit
• 24. تحلیل حافظه و شناسایی نشت حافظه در برنامه‌های وب
• 25. استفاده از Memory Profiler برای بررسی اشیاء در حافظه
• 26. آشنایی با Application Panel و مدیریت حافظه محلی
• 27. کار با Local Storage و Session Storage
• 28. بررسی و مدیریت کوکی‌ها در مرورگر
• 29. مدیریت پایگاه داده‌های IndexedDB از طریق ابزارهای کروم
• 30. بررسی و دیباگ سرویس‌ورکرها و اپلیکیشن‌های پیشرو وب
• 31. تحلیل فریم‌های انیمیشن و بهینه‌سازی نرخ فریم
• 32. استفاده از Network Throttling برای شبیه‌سازی شرایط شبکه
• 33. بررسی امنیت ارتباطات و گواهینامه‌های SSL در پنل Security
• 34. تحلیل تعاملات کاربر و شناسایی گلوگاه‌های پردازشی
• 35. استفاده از ابزار Coverage برای شناسایی کدهای بلااستفاده
• 36. بهینه‌سازی تصاویر و فونت‌ها بر اساس گزارش‌های ابزار
• 37. شبیه‌سازی دستگاه‌های مختلف و تست واکنش‌گرایی
• 38. استفاده از قابلیت Remote Debugging برای دستگاه‌های موبایل
• 39. تست و عیب‌یابی وب‌سایت در حالت آفلاین
• 40. کار با قابلیت Local Overrides برای تغییرات دائمی فایل‌ها
• 41. ترکیب ابزارهای توسعه‌دهنده با محیط‌های توسعه مانند VS Code
• 42. بهترین روش‌های تست و دیباگ اپلیکیشن‌های فرانت‌اند
• 43. نکات حرفه‌ای در استفاده از میان‌برهای کیبورد برای افزایش سرعت
• 44. بررسی ابزارهای جانبی و افزونه‌های مکمل برای توسعه‌دهندگان