Welcome back, everyone, in this lecture, we're going to be taking a look at the inspector, it's
such a cool name and really I cannot understated enough.
It's such a useful tool.
In our last lecture, we put together a small little HTML page that we can see here.
So we're going to be using Chrome for the purpose of this course.
But you can also access an inspector in Firefox.
But since we're using Chrome, if we have a browser open, we can right click and select the inspect
option.
And this is going to bring up the inspector.
And we have the page that we have deployed or served locally and we can see the DOCTYPE and information
declared and we're able to select these specifics within the body of it to find these elements.
In addition to this and this is just a quick note within the inspector, it's really useful for testing.
We can check sources, the network performance for debugging for Kuai.
It's a really useful tool and this is mainly how we're going to select information from a Web site.
But this is a really basic example.
So let's pull up another website with more information to help solidify the abilities of the inspector.
So we brought up the CDS Club Web site.
I'm going to go to inspect on it and I'm going to take a look really quickly to help show, as I've
mentioned in the previous videos, how we see some classes assigned.
We can scroll down.
Let's take a look at this section.
So we have a section class.
This would be a div tag, a div class rrow.
These are elements that we could start thinking about how we can scrape if we find repetitive information
on the page.
For example, we want to scrape everything within these boxes here.
So these boxes, they might be all divs or say you want to scrape information within these.
These also might be divs, they might be in unordered list or list item.
More than likely they're going to have classes associated with them or we're going to be able to start
and work our way down or take a selector and iterate and traverse to walk down the document to select
that information.
You can also go through in the inspector to find other specifics, such as colors and sizes, but for
the purpose of this course, I want you to become familiar with working in this pain of the inspector
to be able to click on something.
So let's see the join the club and to find the specific that will help us retrieve, let's say, the
join the club.
We want to retrieve that specific text in this case.
And we can see that each one with the class section heading and for our intuition purposes, going further
than that at this moment is not important.
We just want to be able to open the inspector and start visualizing this is going to become way more
clear in the upcoming sections.
But to reinforce this and to hammer down on it one more time, I can't understate the importance and
the usefulness of the inspector tool.
OK, guys, let's grab some coffee, take a quick break and I'll show you the next lecture.