My Site LogoAda
My Site LogoAda
    • 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) Selectores avanzados
        • 19) Posicionamiento
        • 20) Transiciones y transformaciones
        • 21) Transformaciones
        • 22) Clases
        • 23) Accesibilidad
        • 24) Deployado
        • 24) Practica
    • Módulo 2 - JavaScript
      • Introducción
      • 🖼 Proyecto: Editor de memes
      • 👩‍💻 Clases
        • 25) Variables, datos y operadores
        • 26) Variables, datos y operadores
        • 27) Funciones
        • 28) Condicionales
        • 29) Condicionales II
        • 30) Práctica
        • 31) Funciones nativas
        • 32) Introducción al DOM
        • 33) Eventos
        • 34) Eventos de formulario
        • 43) GIT Branch
        • 36) Repaso
    • Módulo 3 - Algoritmos
      • 👉 Introducción
      • 👩‍💻 Clases
        • 37) Pseudocódigo y DFD: Algoritmo lineal
        • 38) Estructura de control: IF
        • 39) Estructura de control: Ciclos
        • 40) Arrays y Ciclos
        • 41) Ciclos y Repaso
        • 41) Ciclos - Practica
    • Módulo 4 - Estructuras de control
      • 👉 Introducción
      • 👩‍💻 Clases
        • 43) GIT Clave SSH
        • 44) Arrays
        • 45) Arrays
        • 46) Metodos de Array
        • 47) Arrays
        • 48) Repaso
        • 49) Repaso
        • 50) Repaso
        • 51) Matrices
        • 52) Avanzando el proyecto
        • 53) Avanzando el proyecto
        • 54) Nodos
    • Módulo 5 - Estructuras de datos
      • 👉 Introducción
      • 📈 Proyecto - AhorrADAs
      • 👩‍💻 Clases
        • 55) Frameworks CSS: Introducción
        • 56) Frameworks CSS: Grillas
        • 57) Avanzando el proyecto
        • 58) Frameworks CSS: Formularios
        • 59) CSS Frameworks
        • 60) Avanzando el proyecto
        • 61) Objetos I
        • 62) Objetos II
        • 63) Objetos III
        • 64) Práctica
        • 65) Métodos de Array
        • 66) Métodos de Array
        • 67) Array de objetos
        • 68) Práctica
        • 69) Filter
        • 70) Fechas
        • 71) Reduce
        • 72) Ramas en git
        • 73) Practica
        • 74) Practica
        • 75) Practica
        • 76) Practica
        • 77) Practica
    • Módulo 6 - Asincronismo
      • 👉 Introducción
      • 🦸‍♀️ Proyecto - Buscador de Cómics
      • 👩‍💻 Clases
        • 78) Introducción a Sass
        • 79) Sass avanzado
        • 80) Avanzando el proyecto
        • 81) API REST: Intro
        • 82) REST API: Endpoints y params
        • 83) REST API: POST, PUT, DELETE
        • 84) Practica
        • 85) Practica
        • 86) Async/Await
        • 87) Repaso
        • 88) Repaso
        • 89) Practica
        • 90) Repaso
        • 91) Practica
        • 92) Practica
        • 93) Practica
    • Módulo 7 - React
      • 👉 Introducción
      • 👩‍💻 Clases
        • 94) Intro a React
        • 95) JSX
        • 96) Props
        • 97) Renderizado condicional
        • 98) Renderizado condicional
        • 99) Práctica componentes
        • 100) useState
        • 101) Repaso estado
        • 102) Practica estado
        • 103) Librerias de componentes
        • 104) Práctica Material UI
        • 105) Practica
        • 106) useEffect
        • 107) useEffect
        • 108) Práctica
        • 109) Elevando el estado
    • Módulo 8 - Aplicaciones de página única
      • 👉 Introducción
      • 🎥 Proyecto - Peliculas React
      • 👩‍💻 Clases
        • 110) Routing
        • 111) Routing
        • 112) Routing avanzado
        • 113) Práctica Routeo
        • 114) Routing avanzado
        • 115) Practica
        • 116) Practica
        • 117) Forms
        • 118) Repaso forms
        • 119) Contexto
        • 120) Contexto
        • 121) Contexto y Custom Hooks
        • 122) Custom hooks
        • 123) Práctica
        • 124) Repaso
        • 125) Repaso

    Práctica componentes

    🏁 Objetivos#

    • Que puedas poner en uso los conceptos vistos
    • Que practiques creando componentes
    • Que repases dudas de los temas aprendidos

    🚀 Recursos de la clase#

    📆 Fecha 21/01/2022

    📹 Grabación

    💪 Ejercitación clase anterior

    💪 Ejercitación clase de hoy


    Edit this page
    Previous
    « Renderizado condicional
    Next
    useState »
    • 🏁 Objetivos
    • 🚀 Recursos de la clase

    Docs

    • Frontend

    Community

    • Discord

    Social

    • Linkedin
    • Instagram
    • Facebook
    Copyright © 2023 Ada Itw.