Learning Chrome Web Developer Tools (2020)

[mitsumi]

MP4 | Video: AVC, 1280x720 30 fps | Audio: AAC, 48 KHz, 2 Ch | Duration: 2h 22m
Skill Level: Intermediate | Genre: eLearning | Language: English + Subtitles | Size: 463 MB

All major browsers offer tools to examine the code of a webpage or app and evaluate its performance. Chrome Developer Tools (DevTools) is the industry standard. In this course, you can explore how Chrome DevTools work in actual testing and debugging scenarios and how you can add this useful collection of utilities to your development workflow. Each chapter digs into a different tool, including the Console, Elements, Network, and Application panels. Instructor Sasha Vodnik helps you test webpages and apps in different device modes and emulators, explore the DOM, inspect and modify HTML and CSS, edit source files, identify bottlenecks in page loads, access and manipulate cookies, and more. Plus, learn useful tricks and shortcuts for speeding up common debugging tasks.

Topics include:

Setting up your testing and debugging environment
Customizing the display of Chrome Developer Tools
Simulating webpages and apps in different devices
Emulating rendering
Inspecting elements and styles
Reading and writing in the Console
Opening and editing files in the Sources panel
Using the Network panel
Identifying code that slows page loading
Examining storage and data with the Application panel

Download link:

Só visivel para registados e com resposta ao tópico.

Only visible to registered and with a reply to the topic.

Links are Interchangeable - No Password - Single Extraction