Flexbox avanzado
🏁 Objetivos
- Que te familiarices con conceptos avanzados de flexbox
📝 Contenidos
flex-growflex-shrinkflex-orderalign-selforder
🚀 Recursos de la clase
📆 Fecha: 10 de Julio de 2021
👩💻 Código
📚 Material de lectura
En inglés
- Bienvenida
- Módulo 1 - HTML y CSS
- 👉 Introducción
- 💼 Proyecto: Portafolio
- 🦾 Instrucciones Ejercicios
- 👩💻 Clases
- 01) Introducción a HTML
- 02) HTML Semántico
- 03) Práctica HTML
- 04) Introducción a CSS
- 05) Modelo de Caja
- 06) Práctica CSS
- 07) Flexbox
- 08) Flexbox avanzado
- 09) Práctica
- 10) Introducción a Git
- 11) Práctica Git
- 12) Avanzando el Proyecto
- 13) Diseño Responsivo I
- 14) Diseño Responsivo II
- 15) Práctica Responsive
- 16) Formularios
- 17) Selectores avanzados y Pseudo clases
- 18) Posicionamiento
- 19) Transiciones y transformaciones
- 20) Práctica
- 21) Clases
- 22) Accesibilidad
- 23) Deployado
- 24) Práctica
- Módulo 2 - JavaScript
- Módulo 3 - Algoritmos
- Módulo 4 - Estructuras de control
- Módulo 5 - Estructuras de datos
- 👉 Introducción
- 📈 Proyecto - AhorrADAs
- 👩💻 Clases
- 55) Pull Request
- 56) Frameworks CSS: Introducción
- 57) Frameworks CSS: Grillas
- 58) Frameworks CSS: Formularios
- 59) CSS Frameworks: Componentes
- 60) Avanzando el proyecto
- 61) Avanzando el proyecto
- 62) Objetos I
- 63) Objetos II
- 64) Desestructuración y operador spread
- 65) Práctica
- 66) Métodos de Array
- 67) Array de objetos
- 68) Operaciones ABM
- 69) Práctica
- 70) Reduce
- 71) Práctica Reduce
- 72) Repaso
- Módulo 6 - Asincronismo
- 👉 Introducción
- 🦸♀️ Proyecto - Buscador de Cómics
- 👩💻 Clases
- 73) Introducción a Sass
- 74) Sass: Selector padre
- 75) Sass: Extends y Mixins
- 76) Sass: Componentes
- 77) Sass: Media Queries
- 78) Avanzando el proyecto
- 79) API REST: Intro
- 81) Repaso
- 82) REST API: Párametros de búsqueda
- 83) REST API: POST, PUT, DELETE
- 84) Repaso
- 85) Promesas
- 86) Async/Await
- 87) Avanzando el proyecto
- Módulo 7 - React
- 👉 Introducción
- 👩💻 Clases
- 88) Intro a React
- 89) JSX
- 90) Props
- 91) Renderizado condicional
- 92) Renderizado condicional
- 93) Práctica componentes
- 94) useState
- 95) Módulos CSS
- 96) Práctica estado
- 97) Elevando el estado
- 98) Práctica estado
- 99) Práctica estado
- 100) Módulos CSS
- 101) Módulos CSS
- 102) Práctica Módulos CSS
- 103) Práctica componentes
- 104) Práctica componentes
- 105) Repaso
- Módulo 8 - Aplicaciones de página única
- 👉 Introducción
- 🎥 Proyecto - Peliculas React
- 👩💻 Clases
- 106) useEffect
- 107) Práctica useEffect
- 108) Práctica useEffect
- 109) Styled Components
- 110) Práctica Styled Components
- 111) Práctica Styled Components
- 112) Contexto
- 113) Práctica Contexto
- 114) Práctica Contexto
- 155) Custom hooks
- 116) Práctica Custom Hooks
- 117) Práctica Custom Hooks
- 118) Routing
- 119) Routing avanzado
- 120) Práctica Routing
- 121) Repaso
- 122) Repaso
- 123) Repaso