From the course: Learning Chrome Web Developer Tools
Unlock the full course today
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Challenge: Work with the Console - Chrome Tutorial
From the course: Learning Chrome Web Developer Tools
Challenge: Work with the Console
(bright music) - [Instructor] Ready to try your hand at using the Console panel? It's time for a challenge. For this challenge you'll work with the shop page on the Binaryville site. It's clear when I open this page that is has some issues. Be sure that you're opening up the begin folder from video 04_05 or 04_06 in the Exercise Files for chapter four. In my editor I opened that folder, went to the shop folder, opened up the index.html file in the shop folder, and then clicked the go live button to open that in my browser. Your first task will be to use the Console to check error messages and fix the issues that are preventing the assets from loading. Then use the Console to select and view the DOM structure for the first list item element within the footer element and then to view all list item elements within the footer. This exercise should take you about 10 minutes. When you're done join me in the next video, and…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.