Debugging Sites Using Chrome DevTools
Offered By: Pluralsight
Course Description
Overview
Google Chrome ships with a powerful set of tools to help developers debug web sites. This course will teach you how to use those tools to troubleshoot and fix problems in a site's HTML, CSS, and JavaScript.
Debugging client-side web applications can be difficult because they involve a complex mix of HTML, CSS, and JavaScript while also storing data on the client and constantly communicating with a web server. In this course, Debugging Sites Using Chrome DevTools, you'll learn how to use the powerful set of tools included with Chrome to quickly diagnose and fix problems in your client-side applications. First, you'll learn how to examine and edit both the structure and style of a site to make sure your designs are being implemented correctly. Next, you'll discover how to fully harness the power of the browser console to log output, execute JavaScript, and troubleshoot problems. Finally, you'll explore how to step through and debug JavaScript code right in the browser and save fixes back to your development environment. When you're finished with this course, you'll have the skills needed to confidently and efficiently debug modern client-side web applications.
Debugging client-side web applications can be difficult because they involve a complex mix of HTML, CSS, and JavaScript while also storing data on the client and constantly communicating with a web server. In this course, Debugging Sites Using Chrome DevTools, you'll learn how to use the powerful set of tools included with Chrome to quickly diagnose and fix problems in your client-side applications. First, you'll learn how to examine and edit both the structure and style of a site to make sure your designs are being implemented correctly. Next, you'll discover how to fully harness the power of the browser console to log output, execute JavaScript, and troubleshoot problems. Finally, you'll explore how to step through and debug JavaScript code right in the browser and save fixes back to your development environment. When you're finished with this course, you'll have the skills needed to confidently and efficiently debug modern client-side web applications.
Syllabus
- Course Overview 1min
- Understanding the Capabilities of Chrome DevTools 14mins
- Examining and Editing Web Pages 28mins
- Using the Console 26mins
- Debugging JavaScript 24mins
- Viewing Network Communication and Local Data 11mins
Taught by
Brice Wilson
Related Courses
Learn Javascript - 21 Essential Array MethodsCoursera Project Network via Coursera 3D Graphics for Web Developers
Pompeu Fabra University via FutureLearn A Simple Scatter Plot using D3 js
Coursera Project Network via Coursera Access WebView in an Android Studio Project
Coursera Project Network via Coursera Deployment Pipelines using GitHub Actions
A Cloud Guru