Chrome DevTools - Crash Course

Chrome DevTools is a set of web developer tools built directly into the Google Chrome browser. Learn how to use them to improve your productivity as a web developer. You will learn how to do things like troubleshoot and live-edit web pages.

In this course, you will learn about the following dev tools:
- Elements
- Source
- Console
- Network
- Performance
- Application
- Security
- Memory
- Lighthouse

🎉 Thanks to our Champion supporters:
👾 Otis Morgan
👾 DeezMaster
👾 Katia Moran

--

[afuyewale]

- Elements 10:53
- Source 19:45
- Console 41:19
- Network 53:50
- Performance 1:03:40
- Application 58:45
- Security 1:09:17
- Memory 1:10:34
- Lighthouse 1:03:40

[bersi]

The console and network parts are really awesome and well explained. These free resources are the entry points of every professional programmers out there, so thank you for letting a lot of people learn, without the necessity to moving from home or spending any money.

[ssharma]

The Local Storage and Session Storage explanation (around 5:20 timeline) is wrong. It may not seem a big deal for some people, but it will feed a wrong information to those who have never heard the words before. I know it happened in error, but please make correction on it.
Other than that, this is a good topic and hopefully we will gain very useful knowledge from this video. Thank you for making it available free!!!
This comment was written on 05/06/2021. By the time you are reading it, you may find the issue has already been fixed.

[Raviranjankumar]

Thank a lot free code camp. You're really life saver for the developers.

I have learned countless amazing things here.

[rahulsaha]

This channel is a gold no diamond mine for developers .
Hats off to everyone

[JErock]

Thank you so much, guys!!! You're changing the world 🌍.

[karma_yogi_]

GET OUT OF HERE! How do you make exactly the topics I need at the exact time I'm searching for them!

Great collection of videos you got here guys good job.

[srihari]

I really felt sleepy hearing his voice. This guy is everything, but a teacher. 🥵

[reyou]

ctrl + shift + P is an amazing shortcut, thanks!

[MichaelShingo]

This is excellent, so nice to actually dig into the console features after 2 years of web dev.

[User-escjqou]

I just wanted to learn about these tools now and you uploaded this🔥🔥👍👍

[thepoorsultan]

Looks like someone forced him to make this course 😂

[neelbanga]

Hey! I wanted to tell you that you were a big inspiration in starting my programming channel! Thanks!

[wandilemawelela]

fCC always has a way of bringing great content at the right time. Thank you!

[YoungGrizzly]

This should be extremely useful. Thank you.

[احمدفاطمه-قف]

السلام عليكم ورحمة الله وبركاته.
First like from Fatima Iraq

[jorgealfredojaimesteheran]

I follow guys since I have memory, and I love this channel because in a unequal country like Colombia when I am from i can learn with your channel and be at the forefront about stuff of technology, by right now we are in a dictatorship, Colombia government is killing us, make noise for us

[roshanthapa]

Very good video. After watching the whole video, I did realize it's not easy to cover everything in one video. Maybe you can dive more into each tab in one videos each.
Thanks for sharing your knowledge with us. Really appreciate

[repondre]

Thanks for your sharing.
The performance profiling /network record & lighthouse parts are very useful

[jalissonjallis]

Thanks for teach the devtools of chrome.