Chrome DevTools Web Developers Tutorial

Guide to learning how to use Google's Chrome DevTools. Code updates and saving files directly from Chrome

Course is designed to help web developers quickly understand and start using Chromes DevTools. It saves you time, update CSS, HTML and manipulate the DOM directly within Chrome. Use Chrome as an editor with real time display of code changes. Take advantage of the Tools Chrome offers to create real time Styling.

Explore code and resources from other websites as well as your own. The Chrome DevTools are a set of web authoring and debugging tools built into Google Chrome. Use the DevTools to iterate, debug and profile your site.

Everything you need to learn about Chrome DevTools is provided within this course.

  • exclusive download PDFs
  • efficient training material
  • no wasted time watching someone type we get right to the point
  • quick lessons get right to the point
  • 30 day money back guarantee
  • new course material added regularly
  • trusted name in education since 2002
  • full HD easy to read source coding
  • proven effective method to learn and retain the information

Course covers all the Panels within Chrome.

  • ELEMENTS
  • CONSOLE
  • SOURCES
  • NETWORK
  • TIMELINE
  • PROFILES
  • RESOURCES
  • DEVICE MODE
  • REMOTE DEBUGGING
  • SETTINGS

Chrome DevTools Course Introduction
Chrome DevTools
Google Chrome DevTools Overview how to access it
Chrome DevTools keyboard shortcuts
DevTools Shortcuts cheatsheet
Chrome DevTools Elements HTML
Chrome DevTools elements Styles
Chrome DevTools Elements DOM Updates
Chrome DevTools Sources Saving Locally
Add local source files to workspace
Chrome DevTools Sources Emulation
Chrome DevTools Console
Chrome DevTools Console Sources Saving JavaScript
Chrome DevTools Resources External Site info
Chrome DevTools network optimization
Chrome DevTools Profiles

What's included

  • 13 Video Lessons
  • 3 Text Lessons

  • Works on all devices
  • Certificate of completion

Laurence Svekis

Instructor