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) Posicionamiento
        • 19) Transiciones y transformaciones
        • 20) Práctica
        • 21) Clases
        • 22) Accesibilidad
        • 23) Deployado
        • 24) Práctica
    • Módulo 2 - JavaScript
      • Introducción
      • 🖼 Proyecto: Editor de memes
      • 👩‍💻 Clases
        • 01) Variables, datos y operadores
        • 02) Funciones
        • 03) Funciones nativas
        • 04) Condicionales
        • 05) Condicionales II
        • 06) Condicionales III
        • 07) ES6
        • 08) Introducción al DOM
        • 09) Eventos
        • 10) Eventos de formulario
        • 11) Nodos
        • 12) Componentes
    • Módulo 3 - Estructuras de control
      • 👉 Introducción
      • 🍒 Proyecto - MatcheADAs
      • 👩‍💻 Clases
        • 43) GIT Branch
        • 45) Arrays
        • 46) Bucles
        • 47) Matrices
        • 48) Repaso
        • 49) Avanzando el proyecto
        • 51) Callbacks
        • 52) Avanzando el proyecto
        • 53) Buenas prácticas
        • 54) Repaso
    • Módulo 4 - 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 5 - 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 6 - 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 7 - 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

    Métodos de Array

    🏁 Objetivos#

    • Que utilices los métodos funcionales de arrays para operar con ellos

    📝 Contenidos#

    • map
    • find
    • filter
    • every
    • some

    🚀 Recursos de la clase#

    📆 Fecha

    📹 Grabación

    👩‍💻 Código

    💪 Ejercitación


    📚 Material de lectura#

    • https://code.tutsplus.com/es/tutorials/how-to-use-map-filter-reduce-in-javascript--cms-26209
    • Usar map, filter y reduce para olvidarnos de los bucles for
    • Programación Funcional en JavaScript: Los métodos funcionales

    En inglés

    • map - MDN

    • filter - MDN

    • find - MDN

    • every - MDN

    • some - MDN

    • JavaScript Map() Method Explained by Going On a Hike

    • The Ultimate Guide to JavaScript Array Methods - Map

    • JavaScript Map Function Explained: A Deep Dive

    • Learn & Understand JavaScript’s Map Function

    • JavaScript’s Filter Function Explained By Applying To College

    • Learn & Understand JavaScript’s Filter Function

    • An Illustrated (and Musical) Guide to Map, Reduce, and Filter Array Methods

    • Functional Programming in JS: map, filter, reduce


    🔍 Para seguir investigando#

    • https://www.digitalocean.com/community/tutorials/list-processing-with-map-filter-and-reduce
    Edit this page
    Previous
    « Práctica
    Next
    Estructura de datos: Array de objetos »
    • 🏁 Objetivos
    • 📝 Contenidos
    • 🚀 Recursos de la clase
    • 📚 Material de lectura
    • 🔍 Para seguir investigando

    Docs

    • Frontend

    Community

    • Discord

    Social

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