Does anyone know of a good article or tutorial on DevTools usage? I’ve stumbled around in DevTools following instructions found when searching to resolve issues but I’ve not done a course on how to use DevTools. I’ve linked VS Code to Chrome as the default browser because I’ve found that it’s easier. Firefox complicates some things and distracts me; so I’m focusing on Chrome DevTools for the moment.
Not all search hits are equal. I’m hoping that someone can point me to the best article/tutorial on DevTools.
https://www.youtube.com/results?search_query=chrome+dev+tools+for+beginners. Tip: if the voice-over is difficult to understand, for whatever reason, try setting the video speed to 0.75.
1 Like
Thanks, I tried that youtube but found I could not understand the presenter no matter what speed I played it back.
All of them? There are several videos for beginners.
1 Like
I clicked on the first one with the Asian girl presenting. That’s the one I had trouble understanding. I’m looking through the others but haven’t looked at all of them.
As a general comment most of the presenters tend to move too rapidly over elements of their tutorials, IMO. Kuperman, for example, bounces around too much while purporting to have a simple one-at-a-time approach. Kuperman, again, asks he viewer to drink from a firehose and only succeeds in drowning the viewer’s attention.
Every one of them that I’ve begun fails to identify pre-requisite concepts that a student should have mastered. That simple beginning would do wonders for most tutorials I’ve seen. When presenters know their subjects extremely well, they tend to presume that their audience knows as much about primary topics as they do. Having been a teacher, I know the value of lesson plans and fitting them into a syllabus. Good lesson plans usually aren’t prepared once and used forever but are modified constantly as teachers learn where students stumble. I’m yet to see one of these tutorials that wouldn’t benefit from a carefully crafted lesson plan and a pre-announced syllabus (or a reference where one can be read).
I’m looking for, perhaps, a series of lessons that begin with presenting how to invoke DevTools, and starting with each tab in turn explaining what it’s used for without confusing the lesson with other topics by introducing them too early and incompletely and often completely without explanation. Pace is extremely important: too fast and students lose the ability to follow instruction and usually doesn’t get back in sync with the teacher; too slow and students get bored and attention wanders. It’s a tricky balance.