¿Qué aprenderás sobre HTML y CSS?

¿Qué es el Frontend?

¿Qué es Backend?

¿Qué es Full Stack?

Páginas Estáticas vs. Dinámicas

HTML: anatomía de una página web

Index y su estructura básica: head

Index y su estructura básica: body

Reto: crea tu lista de compras del supermercado

Anatomía de una etiqueta de HTML

Tipos de imágenes

Optimización de imágenes

Etiqueta img

Etiqueta figure

Etiqueta video

Etiqueta form e input

Autocomplete y require

Select

Input type submit vs. Button tag

¿Qué es CSS?

¿Cómo utilizamos CSS?: por etiqueta, selector, class y por ID

Pseudo clases y pseudo elementos

Anatomía de una regla de CSS

Modelo de caja

Herencia

Especificidad en selectores

Demo de especificidad y orden en selectores

Más sobre selectores

Combinadores: Adjacent Siblings (combinators)

Combinadores: General Sibling

Combinadores: Hijo y Descendiente

Medidas

Medidas EM

Medidas REM

Max/Min width

Position

Display

Desafío: Layout 1

Display Flex

Flexbox layouts

Variables

Web fonts

Responsive design: media queries

Estrategias de responsive: mostly fluid

Implementando mostly fluid

Layout shifter CSS

Column drop

Buenas prácticas y ejemplos de responsive

Imágenes responsive

Semántica

Textos

Labels, alt y title

Próximos pasos como Web Developer

Bonus: tabla de etiquetas HTML