Hello-Scraping


Figure 1

Screenshot of a simple website with the previews HTML

Figure 2

Screenshot of a simple website with the previews HTML
The Document Object Model (DOM) that represents an HTML document with a tree structure. Source: Wikipedia. Author: Birger Eriksson

Scraping a real website


Figure 1

A screenshot of The Carpentries homepage in the Google Chrome web browser, showing how to View page source

Dynamic websites


Figure 1

A screenshot of Google Chrome web browser, showing how to use Inspect from the Chrome DevTools

Figure 2

A screenshot of Google Chrome web browser, showing how to search a specific element by using Inspect from the Chrome DevTools

Figure 3

A screenshot of Google Chrome web browser, highlighting the `<div>` element that contains the data we want about the product