Debugging With Power

Master diagnosing, debugging, and evaluating your UI with the Developer Tools.

The Debugging With Power workshop is a hands-on and interactive training program designed to equip learners with comprehensive competencies in effectively using web browser developer tools to diagnose performance problems, debug code, inspect network requests and responses, view stack traces, and manipulate the Document Object Model (DOM) and Cascading Style Sheets (CSS). This workshop is ideal for web developers, software engineers, and anyone involved in web application development who wants to enhance their troubleshooting and debugging skills.

Key Learning Objectives

Understanding Web Browser Developer Tools

Gain a thorough understanding of the features, functionalities, and capabilities of web browser developer tools, including their role in web development and the benefits they provide in troubleshooting and optimizing web applications.

Diagnosing Performance Problems

Learn how to utilize web browser developer tools to identify performance bottlenecks, analyze rendering issues, and optimize website speed and responsiveness.

Debugging Code

Master the techniques to effectively debug JavaScript and CSS code using breakpoints, step-by-step execution, variable inspection, and error tracking within the developer tools.

Inspecting Network Requests and Responses

Discover how to examine network requests, analyze server responses, identify and resolve issues related to caching, compression, headers, cookies, and other networking aspects.

Viewing Stack Traces

Learn how to interpret stack traces, navigate through call stacks, and identify the root causes of JavaScript errors and exceptions.

Manipulating the DOM and CSS

Acquire the skills to inspect and modify the Document Object Model (DOM) and Cascading Style Sheets (CSS) in real-time, allowing for live experimentation, prototyping, and troubleshooting.

Workshop Format

Duration: 4 hours

Delivery: Virtual

$300 USD
essential