~Get Your Files Here !

  1 - Introduction and Environment Setup

   1 - Introduction.mp4

   10 - How to access chrome devtools.mp4

   11 - Resource Files.mp4

   11 - myscript.js

   2 - What is chrome developer tools English.srt

   3 - Setting your environnment English.srt

   4 - What is Atom English.srt

   5 - Atom PreInstallation Requirement English.srt

   6 - Git Installation English.srt

   7 - Installing Atom English.srt

   8 - Atom liveserver English.srt

   9 - What is the DOM English.srt

  2 - Using DevTools Panesl

   12 - Introduction to chrome devtools groups.mp4

   13 - Exploring more devtools options.mp4

   14 - Simulating Mobile Devices.mp4

   15 - Working with Element Panel.mp4

   16 - Setting up Persistence.mp4

   17 - How to edit and examine the BOXModel.mp4

   18 - Using the Console.mp4

   19 - Using and exploring the Network Panel.mp4

   20 - Exploring other devtools panels.mp4

  3 - How to debug Javascript code inside DevTools

   21 - Introduction.mp4

   21 - add.js

   22 - Step 1 Reproducing theBug English.srt

   23 - Step 2 Pausing the code with a breakpoint English.srt

   24 - Step 3 Stepping through the code English.srt

   25 - Step 4 Setting up another breakpoint English.srt

   26 - Step 5 Checking variable values English.srt

   27 - Step 6 Applying the Fix to the code base English.srt

   28 - Thank You.html

  Bonus Resources.txt