آموزش دیباگ وب سایت ها با Chrome DevTools

با مشاهده این کورس آموزشی از طریق انجام پروژه های واقعی و به زبانی بسیار ساده مطالب فراوانی را در رابطه با Chrome DevTools یاد می گیرید.

عنوان اصلی : Debugging Sites Using Chrome DevTools

سرفصل ها :

بررسی اجمالی دوره
بررسی اجمالی پروژه و سناریوهای اشکال زدایی
کاوش در مورد آنچه که با Chrome DevTools امکان پذیر است
اهمیت اشکال زدایی در مرورگر
ذخیره تغییرات در فایل ها با فضاهای کاری
عیب یابی و اصلاح سبک های CSS
درک تفاوت بین HTML و DOM
استفاده از حالت دستگاه برای شبیه سازی چندین دستگاه
استفاده از پنل عناصر برای یافتن و اصلاح موارد در DOM
ایجاد و نظارت بر یک بیان زنده
اشکال زدایی با API کنسول
اجرای جاوا اسکریپت و استفاده از Utilities API
درک، پیمایش، و ایجاد پیام های گزارش
ایجاد نقاط شکست و گذر از کد
ایجاد و استفاده از اسنیپت ها
درک و استفاده از پنل منابع
استفاده از نقشه های منبع برای اشکال زدایی کدهای از پیش پردازش شده
استفاده از پنل شبکه برای بررسی ارتباطات سرور
مشاهده و ویرایش داده های ذخیره سازی محلی