Reto 1: crea tu fiesta de gifs
Clase 9 de 41 • Curso de HTML y CSS 2019
Contenido del curso
Los básicos del web
Construcción de un producto digital
- 14

Paper wireframe
10:50 min - 15

¿Cómo instalar XD?
00:51 min - 16

Diseño de interfaces
06:41 min - 17

Maquetación de la NavBar
13:10 min - 18

Maquetación de main_section y agregando estilos CSS
08:22 min - 19

Maquetación de tarjetas de producto
09:07 min - 20

Fuentes personalizadas y variables de CSS
07:46 min - 21

Categorizando etiquetas según nuestra estructura en HTML
00:48 min - 22

Reto 2: Maquetar el home del producto digital
00:39 min - 23

Reglas responsive
07:14 min - 24

Animaciones y transiciones
08:47 min
Integrando otras herramientas
- 25

Atributos especiales de las etiquetas para mejorar el funcionamiento de nuestros formularios
02:47 min - 26

Librería vs Framework
05:42 min - 27

Sistema de Grillas
08:05 min - 28

Completando el Sistema de Grillas
04:03 min - 29

Reto 3: implementación del sistema de grillas
00:34 min - 30

Maquetación del formulario
13:03 min - 31

Creación de formulario: inputs
10:39 min - 32

Creación de formulario: botones
08:43 min - 33

¿Cómo crear tu cuenta en Paypal?
01:26 min - 34

Configuración del botón de pago con Paypal
08:02 min - 35

Autofill del formulario de PayPal
01:03 min - 36

Maquetación de pantalla de éxito y error
10:37 min
Deploy
Conclusión
Bonus
¡Bienvenido a tu primer reto!
Ahora que sabes incluir elementos dentro de una web, te invito a que apliques lo aprendido creando una fiesta de gifs.
Descarga algunos gifs bailarines en https://giphy.com/ sobre todo échale un ojo a la sección de stickers. Cuando tengas un conjunto de gifs bailarines ponlos dentro de la carpeta donde esté tu index.
Tip: Trata de escoger los gifs que no tengan fondo, esto te ayudará a que no se vean cortados.
Ahora que ya tienes una colección de gifs utiliza la estructura de las etiquetas para hacer una fiesta de gifs dentro de tu documento. Usa la etiqueta img para lograrlo.
Comparte tu fiesta de gifs en el panel de discusiones para que veamos tu resultado.