Introduction to Dev Tools, v3

Focused View

3:20:01

10 View

1 Introduction

1. Introduction.mp4

06:01

2. DevTools History.mp4

06:28

2 Setup

1. Elements & Network Panels.mp4

11:47

2. Performance, Console, & Security Panels.mp4

04:22

3. Sources, Application, & Memory Panels.mp4

03:04

4. Lighthouse, Device Emulation, & Element Finder.mp4

03:38

5. Quick Edits CSS, HTML, & Scroll Into View.mp4

05:20

6. Quick Edits Computed Styles & Specificity.mp4

06:17

7. Quick Edits HTML Breakpoints, Themes, & Accessibility.mp4

08:00

8. Quick Edits Exercise.mp4

01:13

9. Quick Edits Solution.mp4

04:47

10. Workspaces.mp4

05:35

11. Workspaces Exercise.mp4

04:11

12. Workspaces Solution.mp4

03:16

13. Step Through Debugging.mp4

16:10

14. Step Through Debugging Exercise.mp4

01:45

15. Step Through Debugging Solution and Q&A.mp4

06:58

3 Network & User Performance

1. Network Performance & Network Waterfall.mp4

13:52

2. Network Performance Q&A.mp4

08:26

3. Measuring Real User Performance.mp4

05:40

4. On-Page Performance.mp4

10:46

5. Performance Panel & Page Jank Tips.mp4

08:40

6. Layout Thrashing Exercise.mp4

03:32

7. Layout Thrashing Solution.mp4

05:18

8. Running Node.js.mp4

02:51

9. Memory Leaks & Memory Heap Snapshots.mp4

14:28

10. What Can Slow Down a Website.mp4

08:56

11. Simulating Network Conditions.mp4

02:20

12. Lighthouse Audits.mp4

07:50

4 Wrapping Up

1. Wrapping Up.mp4

08:30

More details

User Reviews

Rating

average 0

Total votes0

Focused display

At Frontend Masters, we pride ourselves on offering courses designed and taught by leading experts actively employing their skills at renowned companies such as Netflix, Spotify, Google, and Stripe. Our curriculum is continually refreshed to align with the most recent advancements, guaranteeing that our learners are equipped with industry-standard best practices and cutting-edge techniques.