Clase 4 - Revisión HTML y GitHub - CSS

lunes, 28 de marzo de 2022

Repaso de clase anterior

Hicimos un repaso por los apuntes de la clase 3.

Revisión de entrega HTML

Dimos una pasada de code review por el repositorio de Tadeo en github.com/TadeoMendoza/plataformas-moviles-entregas.

Identificamos algunos errores en la estructura HTML. Incluso corregimos mediante un PR algunos problemas.

Repositorios

A continuación dejo un listado con los repositorios de cada uno. Recuerden que si hay algún inconveniente pueden sugerir cambios desde GitHub.

Bargas, Oreana:
- Usuario: Abejorro3
- Repo: https://github.com/Abejorro3/plataformas-moviles-entregas
- GH Pages: https://Abejorro3.github.io/plataformas-moviles-entregas
- Observaciones: ⚠️ repo vacío
- Observaciones (2): ⚠️ repo sigue vacío
Basualdo, Alan Uriel:
- Usuario: Basualdo-Alan
- Repo: https://github.com/Basualdo-Alan/plataformas-moviles-entregas
- GH Pages: https://Basualdo-Alan.github.io/plataformas-moviles-entregas
- Observaciones: ⚠️ no existe el repo
- Observaciones (2): ⚠️ repo vacío, cambió de usuario
Cabral, Brian Emanuel:
- Usuario: BrianEmanuelCabral
- Repo: https://github.com/BrianEmanuelCabral/plataformas-moviles-entregas
- GH Pages: https://BrianEmanuelCabral.github.io/plataformas-moviles-entregas
- Observaciones: ⚠️ no existe el repo
- Observaciones (2): ⚠️ repo sigue sin existir
Carranza, Braian Enrique:
- Usuario: Braianc12
- Repo: https://github.com/Braianc12/plataformas-moviles-entregas
- GH Pages: https://Braianc12.github.io/plataformas-moviles-entregas
- Observaciones: entrega 1 completa
Castrellon, Matias Nicolas:
- Usuario: YieldingAsh
- Repo: https://github.com/YieldingAsh/plataformas-moviles-entregas
- GH Pages: https://YieldingAsh.github.io/plataformas-moviles-entregas
- Observaciones: ⚠️ no existe el repo
- Observaciones (2): ⚠️ problemas en la estructura de carpetas, problemas menores en el HTML
Cornejo, Franco Gaston:
- Usuario: ElpanX0
- Repo: https://github.com/ElpanX0/plataformas-moviles-entregas
- GH Pages: https://ElpanX0.github.io/plataformas-moviles-entregas
- Observaciones: ⚠️ entrega 1 incompleta
- Observaciones (2): entrega 1 completa, HTML correcto 👍
Correia, Marcos:
- Usuario: Elmuri
- Repo: https://github.com/Elmuri/plataformas-moviles-entregas
- GH Pages: https://Elmuri.github.io/plataformas-moviles-entregas
- Observaciones: muy bueno el diseño! 😎
Cruz, Lucas Ezequiel:
- Usuario: Monsterinhouse
- Repo: https://github.com/Monsterinhouse/plataformas-moviles-entregas
- GH Pages: https://Monsterinhouse.github.io/plataformas-moviles-entregas
- Observaciones: tremendo el diseño del home! 😎
De La Cerda, Brisa Dominique:
- Usuario: Brisa-dlC
- Repo: https://github.com/Brisa-dlC/plataformas-moviles-entregas
- GH Pages: https://Brisa-dlC.github.io/plataformas-moviles-entregas
- Observaciones: Entrega 1 completa. El artículo elegido fue random?
Diaz, Marcos Nahuel:
- Usuario: Markosuuu
- Repo: https://github.com/Markosuuu/plataformas-moviles-entregas
- GH Pages: https://Markosuuu.github.io/plataformas-moviles-entregas
- Observaciones: Muy logrado el diseño 😎
Figueroa, Romina Matilde:
- Usuario: FigueroaRomina4
- Repo: https://github.com/FigueroaRomina4/plataformas-moviles-entregas
- GH Pages: https://FigueroaRomina4.github.io/plataformas-moviles-entregas
- Observaciones: Entrega 1 completa. No funcionan algunos links.
Futryk, Fabricio:
- Usuario: FutrykFabricio
- Repo: https://github.com/FutrykFabricio/plataformas-moviles-entregas
- GH Pages: https://FutrykFabricio.github.io/plataformas-moviles-entregas
- Observaciones: Impresionante el diseño del home 😎
Garcia, Alejo Imanol:
- Usuario: nanolejo
- Repo: https://github.com/nanolejo/plataformas-moviles-entregas
- GH Pages: https://nanolejo.github.io/plataformas-moviles-entregas
- Observaciones: ⚠️ falta entrega 1 en el repo
- Observaciones (2): ⚠️ falta todavía entrega 1 en el repo
Garcia Cabral, Alejo Manuel:
- Usuario: Alejogc18
- Repo: https://github.com/Alejogc18/plataformas-moviles-entregas
- GH Pages: https://Alejogc18.github.io/plataformas-moviles-entregas
- Observaciones: ⚠️ entrega 1 incompleta, falta github pages, mayúscula en nombre de carpeta
- Observaciones (2): ⚠️ entrega 1 incompleta, falta github pages, mayúscula en nombre de carpeta
Garcia, Ignacio:
- Usuario: X1ExcalibuR
- Repo: https://github.com/X1ExcalibuR/plataformas-moviles-entregas
- GH Pages: https://X1ExcalibuR.github.io/plataformas-moviles-entregas
- Observaciones: 😎 muy buenos diseños, muy prolijo el código!
Gomez de Jesus, Mariano:
- Usuario: Mariano45320
- Repo: https://github.com/Mariano45320/plataformas-moviles-entregas
- GH Pages: https://Mariano45320.github.io/plataformas-moviles-entregas
- Observaciones: ⚠️ falta publicación con github pages, nombre de carpeta incorrecto
- Observaciones (2): entrega 1 completa 👍, html “correcto” (hay algunos <div>s de más, se pueden reemplazar por <p>s)
Gonzalez, Juan Ignacio:
- Usuario: Ignun
- Repo: https://github.com/Ignun/plataformas-moviles-entregas
- GH Pages: https://Ignun.github.io/plataformas-moviles-entregas
- Observaciones: 😎 excelente el diseño del home! 🕵️‍♂️ consultar en clase por decisiones de código
~~Gonzalez, Marcos Roman~~
Guerra, Luciano Ulises:
- Usuario: Luciano-Guerra
- Repo: https://github.com/Luciano-Guerra/plataformas-moviles-entregas
- GH Pages: https://Luciano-Guerra.github.io/plataformas-moviles-entregas
- Observaciones: entrega 1 completa, revisar el home
Gutierrez, Tobias Emanuel:
- Usuario: Tobias312
- Repo: https://github.com/Tobias312/plataformas-moviles-entregas
- GH Pages: https://Tobias312.github.io/plataformas-moviles-entregas
- Observaciones: ⚠️ revisar nombre de carpeta, falta index, entrega 1 vacía
- Observaciones (2): ⚠️ revisar nombre de carpeta, falta index, entrega 1 vacía
Herrera, Franco:
- Usuario: scott1ee
- Repo: https://github.com/scott1ee/plataformas-moviles-entregas
- GH Pages: https://scott1ee.github.io/plataformas-moviles-entregas
- Observaciones: ⚠️ revisar nombre de carpeta, revisar clases y elementos para limpiar
- Observaciones (2): entrega 1 completa 👍
Ledesma, Mauricio:
- Usuario: mau500882
- Repo: https://github.com/mau500882/plataformas-moviles-entregas
- GH Pages: https://mau500882.github.io/plataformas-moviles-entregas
- Observaciones: ⚠️ falta entrega 1, falta publicación github pages
- Observaciones (2): ⚠️ falta entrega 1, falta publicación github pages
Lugo, Agustin:
- Usuario: Agusstin95
- Repo: https://github.com/Agusstin95/plataformas-moviles-entregas
- GH Pages: https://Agusstin95.github.io/plataformas-moviles-entregas
- Observaciones: ⚠️ repo vacío
- Observaciones (2): ⚠️ repo vacío
Machado, Leandro Lautaro:
- Usuario: Leandruzty
- Repo: https://github.com/Leandruzty/plataformas-moviles-entregas
- GH Pages: https://Leandruzty.github.io/plataformas-moviles-entregas
- Observaciones: ⚠️ entrega 1 incompleta
- Observaciones (2): ⚠️ entrega 1 incompleta
Mendoza, Tadeo Nahuel:
- Usuario: TadeoMendoza
- Repo: https://github.com/TadeoMendoza/plataformas-moviles-entregas
- GH Pages: https://TadeoMendoza.github.io/plataformas-moviles-entregas
- Observaciones: 😎 entrega completa, revisada en clase
Mendoza, Tomas Ismael:
- Usuario: leopoldo109
- Repo: https://github.com/leopoldo109/plataformas-moviles-entregas
- GH Pages: https://leopoldo109.github.io/plataformas-moviles-entregas
- Observaciones: 😎 +10 al diseño del home, código muy prolijo, +10 al favicon
Monteros, Ruben Dario:
- Usuario: 01R4D-M
- Repo: https://github.com/01R4D-M/plataformas-moviles-entregas
- GH Pages: https://01R4D-M.github.io/plataformas-moviles-entregas
- Observaciones: 😎 muy muy completo el diseño, muy bien por la explicación incluida al pie 👏
Muñoz Villanueva, Julian:
- Usuario: munozjuliann
- Repo: https://github.com/munozjuliann/plataformas-moviles-entregas
- GH Pages: https://munozjuliann.github.io/plataformas-moviles-entregas
- Observaciones: ⚠️ entrega 1 completa, falta index raíz
- Observaciones (2): ⚠️ entrega 1 completa, falta index raíz
Pereira, Ian:
- Usuario: Iaan1
- Repo: https://github.com/Iaan1/plataformas-moviles-entregas
- GH Pages: https://Iaan1.github.io/plataformas-moviles-entregas
- Observaciones: ⚠️ entrega 1 incompleta, puede ser que subiste otros archivos por error?
- Observaciones (2): ⚠️ entrega 1 incompleta, puede ser que subiste otros archivos por error?
Perez, Rafael Martin:
- Usuario: Martinperez21
- Repo: https://github.com/Martinperez21/plataformas-moviles-entregas
- GH Pages: https://Martinperez21.github.io/plataformas-moviles-entregas
- Observaciones: entrega 1 completa, muy correcto el uso de las etiquetas
Pezet, Diego Hernan:
- Usuario: diegohpezet
- Repo: https://github.com/diegohpezet/plataformas-moviles-entregas
- GH Pages: https://diegohpezet.github.io/plataformas-moviles-entregas
- Observaciones: 😎 entrega 1 completa, copado el diseño del index también
~~Retamozo, Mauricio~~
Reyes, Tobias:
- Usuario: Zero1Exp
- Repo: https://github.com/Zero1Exp/plataformas-moviles-entregas
- GH Pages: https://Zero1Exp.github.io/plataformas-moviles-entregas
- Observaciones: 😎 muy prolijo el código, muy bueno el index
~~Ruiz, Darian~~
Santacruz Acosta, Lucas Emanuel:
- Usuario: lincNx
- Repo: https://github.com/lincNx/plataformas-moviles-entregas
- GH Pages: https://lincNx.github.io/plataformas-moviles-entregas
- Observaciones: 😎 excelente el index, muy buena la inclusión de la consigna en el README, el html de tp-1 se puede limpiar un poco
Valdivia Cespedes, Ricardo:
- Usuario: ValdRichard
- Repo: https://github.com/ValdRichard/plataformas-moviles-entregas
- GH Pages: https://ValdRichard.github.io/plataformas-moviles-entregas
- Observaciones: entrega 1 completa, muy correcto el uso de HTML 👍
Zurita Marquez, Ariel:
- Usuario: ArielZuritaMarquez
- Repo: https://github.com/ArielZuritaMarquez/plataformas-moviles-entregas
- GH Pages: https://ArielZuritaMarquez.github.io/plataformas-moviles-entregas
- Observaciones: ⚠️ entrega 1 presente en repo, falta index, falta publicación con github pages
- Observaciones (2): ⚠️ entrega 1 presente en repo, falta index, falta publicación con github pages

CSS

Arrancamos con el lenguaje CSS, tomando como guía la documentación en MDN.

Vimos la sintaxis del lenguaje, de la forma:

Vimos y presentamos algunos selectores, aunque para un listado más completo se puede consultar la documentación de referencia de selectores, y también la documentación de referencia del lenguaje CSS completo

Otros

Vimos la importancia de respetar y prestar atención a los simbolos que usamos como punto, coma, espacio, mayúsculas y minúsculas, porque en programación son detalles importantes que pueden cambiar mucho el comportamiento de nuestro código.