Course Information
Registration period
Year-round Recruitment
Course Level
Study Mode
Duration
2 Hour(s) 18 Minute(s)
Language
English
Taught by
Sofia Kostiunina
Rating
2 views
Course Overview
Learn Chrome DevTools to edit, debug, test and optimize your web apps
Google Chrome is currently one of the most popular web browsers used by web developers today, but most people only know about the most basic features. Chrome Developer Tools provide deeper access to the web applications and knowledge of additional features can increase productivity and your work speed.
During the course you will learn such things as..
Inspect and Edit HTML and CSS
Debug JavaScript
Set Breakpoints
Console Logs and other Commands
Use Snippets
Add Workspaces and Persist Changes to Disk
View and Remove Browser Storage
Examine Network and Resources
Analyze Memory and Security Problems
Optimize Critical Rendering Path
Discover useful tools
Test and Optimize Performance
Perform Audits
Optimize Website's Speed
This course consists of 3 main sections: editing, debugging, testing and optimizing performance. We'll walk through each of 9 panels of Chrome's developer tools and learn all the great, useful things they can do.
After finishing this course you'll be able to use your new knowledge in developing faster and better apps!
Course Content
- 4 section(s)
- 27 lecture(s)
- Section 1 Introduction
- Section 2 Elements panel
- Section 3 Debugging
- Section 4 Audit and Performance
What You’ll Learn
- Edit websites on-the-fly
- Test ideas and quickly make some design changes
- Add workspaces and persist changes to disk
- Use command menu
- Debug JavaScript code
- Set breakpoints
- Use Console Log and other commands
- Improve load and runtime performance
- Analyze security issues
- Find memory leaks and fix memory problems
- Make audit and improve website's google ranking
- Inspect and Debug Progressive Web Apps
Reviews
-
LLearning Moolya
can be better
-
TThania Abrahams
I thought you made a great effort in your lessons, especially with additional tips, however, just some suggestions are to increase the quality of your presentation in terms of video - it was a bit difficult to see smaller items and text. I would also do more in-depth explanations about terminology and what things mean for beginners in the different panels inside of chrome developer tools for eg. performance but other than that great job!
-
JJohn Taylor
I learned so much, in just a few hours. This course presents useful information from start to finish. Well done!
-
MMartina Planinic
Would recommend as a start course, as it goes through all the panels of the Google DevTools, but I lack more quiz questions and excercises.
