همه مرورگرهای اصلی ابزارهایی را برای بررسی کد یک صفحه وب یا برنامه و ارزیابی عملکرد آن ارائه می دهند. ابزار توسعه کروم (DevTools) استاندارد صنعتی است. در این دوره آموزشی، می‌توانید نحوه عملکرد Chrome DevTools در سناریوهای آزمایش و اشکال‌زدایی واقعی را بررسی کنید و چگونه می‌توانید این مجموعه مفید از ابزارهای کمکی را به گردش کار توسعه خود اضافه کنید. هر فصل به ابزار متفاوتی از جمله پنل‌های کنسول، عناصر، شبکه و برنامه می‌پردازد. مربی Sasha Vodnik به شما کمک می‌کند صفحات وب و برنامه‌ها را در حالت‌های دستگاه و شبیه‌سازهای مختلف آزمایش کنید، DOM را بررسی کنید، HTML و CSS را بررسی و اصلاح کنید، فایل‌های منبع را ویرایش کنید، گلوگاه‌ها را در بارگذاری صفحه شناسایی کنید، به کوکی‌ها دسترسی داشته باشید و آن‌ها را دستکاری کنید. به علاوه، ترفندها و میانبرهای مفید برای سرعت بخشیدن به کارهای رایج اشکال زدایی را بیاموزید.

ساختن برنامه های کاربردی وب بر روی API ها هر روز استانداردتر شده است، اما همچنان مهارت دشواری برای توسعه دهندگان است. کار با اتصالات پیچیده برنامه های کاربردی مبتنی بر API می تواند چالش برانگیز باشد. با این حال، می‌توانید یک ابزار توسعه‌دهنده، که در مرورگر خود تعبیه شده است، بسازید که با محتوای وب ارتباط برقرار می‌کند و مهارت‌های شما را به کارفرمایان احتمالی نشان می‌دهد. در این دوره، مربی Leigh Lawhon به شما کمک می کند دو مهارت مهم را با هم ترکیب کنید: فراخوانی API ها و ایجاد ابزار توسعه دهنده. با استفاده از مثال‌های عملی، Leigh نحوه ساخت یک ابزار توسعه‌دهنده کروم (DevTool) را نشان می‌دهد که با API GitKraken Glo Board تعامل دارد. در طول مسیر، او اصول اولیه کار با APIها، نحوه احراز هویت با استفاده از نشانه‌های دسترسی شخصی، و نحوه استفاده از Fetch و Promises برای دریافت داده‌ها از API Glo Board را طی می‌کند.