Prior to starting The Odin Project's Full Stack Ruby on Rails track, I only used Chrome Dev Tools a handful of times to view the CSS styling of a specific element or to help me understand how certain scripts were running on a page.
I knew that DevTools was an extremely powerful tool, but I didn't really know where to start my exploration of its many uses.
Below are four resources that I found helpful in understanding how to use Chrome Dev Tools:
✅ This video by Wes Bos is short enough to keep your attention and gives a robust overview of the things that you can accomplish in Dev Tools.
✅ These Google Dev Tool guides in the Dev Tools documentation were easy to follow and provide instant gratification by allowing you to complete small challenges right from the webpage.
✅ This guide by KeyCDN is a perfect one to bookmark. It has lots of useful tips and tricks and I find myself coming back to this article often to refresh my memory.
✅ The Net Ninja has a great series of videos on Chrome Dev Tools as well. I'd recommend watching the entire series!
Walking through these guides/tutorials has already saved me ⌛ and stress in my #codenewbie journey.
I'm sharing these resources with hopes that another beginner finds them useful.
Happy coding, friends! 🚀
Top comments (0)