[FrontendMasters]Mastering Chrome Developer Tools v2 [webM mp4 1920p en] torrent

Frontend Masters : Mastering Chrome Developer Tools v2
Go beyond console.log to master all the built-in tools available in Google’s Chrome Developer Tools to edit, debug, and profile your web
applications! You'll learn to step through your code with the debugger,
audit web page performance, debug Node.js, and remove “page jank” when a
site isn’t keeping up.


++++++++++++++++++++++++++++++++++++++++++++++
Workshop Details
The Chrome Developer Tools give us everything we need to understand how the browser interacts with our websites. This workshop will teach you how to edit, debug, and profile any site.
Author : Jon Kuperman - Adobe
Currently a software engineer working on Adobe's Creative Cloud in San Francisco, Jon is passionate about Open Source Software and the open web. He spends his free time learning, reading, blogging, and teaching.
3 hours, 35 minutes CC
++++++++++++++++++++++++++++++++++++++++++++++
Some Key Takeaways!
By coding along with us in the Workshop, you'll Learn how to perform full performance audits on websites.
Use Chrome DevTools as an IDE.
Find and fix memory leaks.
Get your site to 60 FPS and learn why framerate matters.
Learn how to use the step-through debugger.
Use advanced breakpoints to quickly find bugs on unfamiliar projects.
Is This Workshop for Me?
This workshop is for web developers wanting to learn more about performance, debugging, and auditing applications.
Any Prerequisites?
A basic understanding of HTML, CSS and JavaScript.
Some experience writing JavaScript applications would be helpful.
++++++++++++++++++++++++++++++++++++++++++++++
Table of Contents
Introduction 00:00:00 - 00:03:38
A History of Debugging 00:03:39 - 00:09:20
Developer Tool Panels 00:09:21 - 00:23:31
Editing
Elements & Styles 00:23:32 - 00:31:14
Specificity and DOM Nodes 00:31:15 - 00:41:05
DOM Breakpoints 00:41:06 - 00:43:30
Saving Changes in Workspaces 00:43:31 - 00:54:51
Recent Selection History 00:54:52 - 00:56:48
Editing a Page Exercise 00:56:49 - 00:57:15
Editing a Page Solution 00:57:16 - 01:06:02
Debugging
Step Through Debugging 01:06:03 - 01:22:43
Blackboxing 01:22:44 - 01:25:24
Conditional & XHR Breakpoints 01:25:25 - 01:29:41
Debugging Exercise 01:29:42 - 01:30:37
Debugging Solution 01:30:38 - 01:38:56
Networking
The Waterfall 01:38:57 - 01:44:28
Color Codes 01:44:29 - 01:53:09
Screenshots 01:53:10 - 02:00:36
Auditing
Auditing Tools 02:00:37 - 02:11:37
Audit Exercise 02:11:38 - 02:12:36
Audit Solution 2:12:37 - 02:21:52
Node.js Profiling
The --inspect Flag 02:21:53 - 02:26:16
Node.js Debugging Exercise 02:26:17 - 02:26:37
Node.js Debugging Solution 02:26:38 - 02:30:44
Performance Monitoring
The Performance API 02:30:45 - 02:34:22
Mark and Measure Exercise 02:34:23 - 02:35:07
Mark and Measure Solution 02:35:08 - 02:39:20
Image Performance
Querying By Size 02:39:21 - 02:41:40
srcset Exercise 02:41:41 - 02:43:21
srcset Solution 02:43:22 - 02:46:06
Page Jank
Page Jank 02:46:07 - 02:56:01
Performance Panel 02:56:02 - 03:06:02
Page Jank Exericse 03:06:03 - 03:07:13
Page Jank Solution 03:07:14 - 03:15:16
Memory
Causes of Memory Leaks 03:15:17 - 03:19:21
Chrome Task Manager & Snapshots 03:19:22 - 03:29:35
Memory Leaks Exercise 03:29:36 - 03:30:17
Memory Leaks Solution 03:30:18 - 03:33:32
Wrapping Up   03:33:33 - 03:35:45
++++++++++++++++++++++++++++++++++++++++++++++
Qualité : WEBRIP
Format : WEBM 1920p
Langue : Anglais
Sous-titre : Aucun
Codec vidéo : VP8 à 428kbps
Codec audio : Vorbis à 192kbps
Taille : 1,30 Go
Durée : ?3 heures, 35 minutes
Publié: 12 Septembre 2018
++++++++++++++++++++++++++++++++++++++++++++++