Debugging Sites with Chrome DevTools

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

This course will teach you how to use the powerful tools built-in to Google Chrome to debug websites. You will learn how to troubleshoot and fix problems in a site's HTML, CSS, and JavaScript.

1. Course Overview

1. Course Overview

2. Understanding the Capabilities of Chrome DevTools

1. The Importance of Debugging in the Browser

2. Demo Project Overview and Debugging Scenarios

3. Exploring Whats Possible in Chrome DevTools

3. Examining and Editing Web Pages

1. Understanding the Difference between HTML and the DOM

2. Using the Elements Panel to Find and Modify Items in the DOM

3. Troubleshooting and Modifying CSS Styles

4. Saving Changes to Files with Workspaces

4. Using Device Mode to Simulate Multiple Devices

1. Simulating Multiple Device Viewports

2. Throttling Performance

3. Emulating Geolocation and Orientation Sensors

5. Using the Console

1. Understanding, Navigating, and Creating Log Messages

2. Debugging with the Console API

3. Running JavaScript and Using the Utilities API

4. Creating and Monitoring Live Expressions

6. Debugging JavaScript

1. Understanding and Using the Sources Panel

2. Creating Breakpoints and Stepping Through Code

3. Using Source Maps to Debug Preprocessed Code

4. Creating and Using Snippets

7. Viewing Network Communication and Local Data

1. Using the Network Panel to Inspect Server Communication

2. Viewing and Editing Local Storage

3. Inspecting and Deleting Cookies

4. Viewing Caches and Databases

8. Optimizing Website Performance

1. Generating a Lighthouse Report

2. Using the Performance Panel

3. Experimenting with Preview Features

4. Course Wrap-up

45,900 تومان

خرید اشتراک افزودن به سبد خرید

خرید دانلودی فوری

در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.

تولید کننده: PluralSight