Chrome DevTools - Crash Course 

- 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

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.

Thank a lot free code camp. You're really life saver for the developers. I have learned countless amazing things here.

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

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.

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

These teachers deserve the BEST!

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

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

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

Thank you for this course, I really enjoyed it and learnt a few new things :)

This is what I’ve been hoping to learn! Thanks!

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

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

This should be extremely useful. Thank you.

Thank you sharing it was so helpful I basically work on same assertion and wanted to know how can I capture from the web application

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.

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

It's really really awesome! Thank you so much!!🤩

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

you guys really changing the world

this is tremendous! thanks so much!

Very inclusive of everything. Thank you.

Hi FCC, big fan here. Can you please make more "Ruby On Rails" tutorials? Or "React + Ruby On Rails" tutorials?

o my good .. i been looking for this for so long 😍😍😍😍😍

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

Thanks for teach the devtools of chrome.

Thank you so much for sharing it with us!

Can you please make a tutorial video on json, wp ajex and wp rest api? That would be much helpful.

Just what I wanted.

proper content. loved it.

12:05 find others css 15:31 select copy elements and paste in console for details

I think when we store data in local storage it exists until we explicitly delete that data (so local storage data still exists when we close browser or machine )

WoW thank you very much for the video. One of the best video on chrome dev tools in web

Thank You this was very helpful!

Thank you very much for this video

Thank You for this Excellent Video!

Thank You so much. I learned a lot from this.. All the best. !! 😋😋

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

Thank You!! so much for sharing.

Oh man. The tutor is so done with his life.

Thank you so much!

Gran trabajo, sigue asi

I just changed the Device from asio to SPDIF-out (soft blaster z) TNice tutorials improved the soft quality dramatically. I tNice tutorialnk tNice tutorials did the trick!

Extremely helpful

After watching this tutorial would i be able to change watch time on LMS and convert the lecture to watched ??????

Thanks for the info!.

Must watch video 🔥

Thank you

Hey, How do i find out which files are requested by Jacascript on webpage and how do i find path to these files ?

I appreciate the excellent content. and enjoy your day.

Gostei muito do seu conteúdo. Parabens.

Amazing again

Thank you great training

Very good work, but please work on sound quality

Thanks.. found it useful.

while im clicking step over another tab named content.js is opening can u say y

Please upload full course on COA

Is there a begineer in the fcc panel who keeps suggesting all the right videos😂😂

Anybody know how to see backend exact class location through ui using developer tool network tab?

Thanks for the vid! I have a question that's kind of hard to explain - but I'll try. I use a laptop for my code, and then an ultrawide monitor for previewing my code. When previewing, I tend to make my window take up about 2 thirds of my monitor. I'll open the developer console and set the width to what I'm working with (1440px, for example). What I've realized is that this looks totally different than if I did this on my laptop, instead of a monitor! For example, when previewing this window at 1440px wide and zoomed in at 100%, I get a height of 845px. When doing the exact same thing on my laptop I get a height of 491px. I've been designing code on my monitor that looks horrendous on most people's laptops, and I've only just realized! Does anyone know a way of working where this won't happen? I can switch to using my laptop as the preview screen, but it's a small display - so id prefer not to.

personal memo 1. debug in console 2. restart callstack 3. Source tab variable is accessable in console 4. add exist class in Element tab 5. console log filter 6. type “console” in console tab to see all available console method 7. console table , group, assert

it's very helpful!

This Helpfull and can we save it on running website ? by next time if we open we shall find out with changes

Thanks for the tutorial. Very useful for budding web developers :)

Thanks.

Thank you 🙂

Thank you.

Looks like someone forced him to make this course 😂

Thank you very much for the detailed walkthrough!! But I do hope that you could use a better mic in the future, it will be great. Thanks

Thanks!

Love from nepal😍

i love content

Thanks

can we have tutorials on liquibase ?

Awesome video :)

This is why I LOVE freecodecamp !!

I want to know how to record and master my own ?

really very nice and informative video liked it

how to make an operating system like microsoft

If someone were to delete all the source code (on any given website) under the 'sources' tab, does that cause problems on the web site for other users?

guys how can i fix this problem it took my 4 hours i could find the solution Hovering over elements not showing them in devtools any more Devtools inspector used to work like this: when you hover over elements with inspector cursor you can see them in devtools DOM panel. It scrolls to show them. How it works now: DOM tree not scrolling when you hover over elements. In order to see them on panel you need to click on them every time. And after that i have to choose inspector cursor again. And so on. This is very inconvenient when you need to check many things on many pages. I'm not sure when this change happened but something around couple weeks ago maybe. Please bring this back (as option maybe). Or is there an option already

Nice session on #Chrome dev tools.

Thanku

THANK YOU FOR EVERYTHING MAKE 1 for Mozrilla too (CSS) MAKE 1 for DEBUGGING REACT / NODE/ ETC

must watch

Why this was not taught in school/university I learned more from google/RU-vid than my school/university (waste of money)

very useful

Super

Informative video

If this guy was a rapper, he is definitely a mumble rapper

Love u yaar freecodecamp thank you

Súper Like!

Can we have for Firefox as well?

Anyone tell me how to download private video from website

Would love a course on Rust.

set mycount = 1; did not work for me. I reverted to var. Nice presentation. Would be great if code used is provided as a liink.

thanks for sharing good video

Early gang reporting