Mauricio Matias
🇧🇴 Software Developer 🔓 OSH / FLOSS lover and contributor "Make it Real"
Mauricio Matias C.
Taller con Python
https://github.com/cr0wg4n/web-scraping-workshop
1990
1999
"La fuente de la verdad"
Index.html
Index.css
Index.js
Webpage
Estructura
Estilo / Colores / Figuras ...
Lógica de negocio y dinamicidad
¿Qué pasa cuando veo un momito?
⚠️ Necesitas establecer comunicación (HTTP/HTTPS)
Syn
Syn/Ack
Ack
www.facebook.com
157.240.197.35
Tu maquinita
¿Qué pasa cuando veo un momito?
GET https://scontent.fcbb1-1.fna.fbcdn.net/v/perritu.png
200 (Ok) perritu.png
GET /
python -m http.server 8000 --directory simple-website
GET index.css
GET index.js
200 (Ok)
200 (Ok)
200 (Ok)
GET favicon.ico
404 (Not found)
🧪 Laboratorio
python -m http.server 8000 --directory complex-website
python -m http.server 8000 --directory production-like-website
Analiza ambos sitios con el inspector web en "Network/Redes"
F12 ó CTRL+SHIFT+I
🧪 Laboratorio en Casa
🧪 Laboratorio
curl "google.com"
curl "https://google.com"
Analicemos los resultados
## Verbose (da un resultado mas detallado)
curl -v "https://google.com"
## Sigue redirecciones
curl -L "https://google.com"
<img
class="eyebrow-banner-icon d-block width-auto mr-3"
width="44"
height="44"
loading="lazy"
decoding="async"
alt=""
aria-hidden="true"
src="https://github.githubassets.com/ima....copilot-x.svg"
>
Atributo/Propiedades
Valor de atributo
Elemento HTML
<p id="main-text" class="h1 text-muted">
Este es un texto aleatorio
</p>
<div class="container center">
<div class="card">
<div class="card__title center">
Lorem ipsum dolor sit amet
</div>
<div class="card__image center">
<img src="doge.png" alt="doge coin">
</div>
<div class="card__content text-justify">
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Provident odio commodi ipsam harum qui omnis eos nis.
</div>
</div>
</div>
Atributo
Valor de atributo
Contenido
Una técnica automática para la recolección continua de información a través de la Web
Nuestro Objetivo...?
🧪 Laboratorio
Puede fallar muchas veces así que:
By Mauricio Matias
🇧🇴 Software Developer 🔓 OSH / FLOSS lover and contributor "Make it Real"