Introducción al curso
- Introducción al curso
Herramientas a utilizar
- Descarga archivos del curso
- Antes de empezar el curso
- Entendiendo nuestro editor de código
- PROMO Página Final
- Recursos [ILUSTRACIONES]
- Recursos [ICONOS]
- Recursos [Imagenes]
- Media Queries
Flexbox
- ¿Qué es Flexbox?
- Introducción a Flexbox
- Alineamiento en Flexbox
- Propiedades de los Flex Items
- Propiedades de los Flex Items #2
- Creando una Landing [PRACTICA]
- Creando una Landing [PRACTICA] #2
- Galería de imágenes FLEXBOX [PRACTICA]
Clip-path y Transform
- Propiedad Transform
- Clip-Path
Animaciones y transiciones en CSS
- Transiciones # 1
- Transiciones # 2
- Transiciones # 3
- Animaciones
Practicas con Animaciones #1
- Practica [Animando imagenes]
- Practica [Slider testimonial]
- Practica [Animaciones al hacer scroll]
Posicionamiento de Cajas
- Posicionamiento en CSS
- Posicionamiento en CSS #2
- Posicionamiento en CSS #3
Practicas con Animaciones #2
- Practica [Menú responsive animado]
- Practica [Menú responsive animado #2]
- Practica [Landing Page #1]
- Practica [Landing Page #2]
Proyecto Final
- Presentacion Proyecto
- Creando el HTML #1
- Creando el HTML #2
- Empezando los estilos CSS
- Creando los estilos #1
- Creando los estilos #2
- Creando los estilos #3
- Creando los estilos #4
- Creando los estilos #5
- Creando los estilos #6
- Creando los estilos #7
- Creando los estilos #8
- Creando los media queries
- Presentación Final CSS
- Menu de navegacion
- Animación al hacer scroll
- Slider Testimonial
Curso CSS Grid
- Introducción a GRID
- Introducción a Grid #2
- El flujo de Grid
- Grid Areas
- Auto Fill y Auto Fit
- Alineamiento de los Grid-Items
Página web HECHA CON CSS GRID
- Descarga la página web
- Creando el HTML
- Creando los estilos de la página
- Terminando los estilos de la página
- Adaptando a dispositivos móviles el sitio web
