CursosEmpresasBlogLiveConfPrecios

¿Y jQuery?

Clase 27 de 29 • Curso de Manipulación del DOM

Clase anteriorSiguiente clase

Contenido del curso

DOM y Web API
  • 1
    Y entonces nació internet...

    Y entonces nació internet...

    02:23
  • 2

    Accede a la versión más actualizada de este contenido

    00:14
  • 3
    ¿Qué es el DOM?

    ¿Qué es el DOM?

    02:39
  • 4
    Web APIs modernas

    Web APIs modernas

    03:17
Operaciones básicas
  • 5
    Leer nodos

    Leer nodos

    09:31
  • 6
    NodeLists vs Array

    NodeLists vs Array

    03:46
  • 7
    Crear y agregar

    Crear y agregar

    15:47
  • 8
    Otras formas de agregar

    Otras formas de agregar

    06:55
  • 9
    Atributos y propiedades

    Atributos y propiedades

    05:12
  • 10
    Eliminar nodos

    Eliminar nodos

    09:31
  • 11
    Operaciones en lote

    Operaciones en lote

    06:52
Workshop 1: Fetch
  • 12
    Presentación del proyecto

    Presentación del proyecto

    01:10
  • 13
    Descargando información y creando nodos

    Descargando información y creando nodos

    18:36
  • 14
    Enriqueciendo la información

    Enriqueciendo la información

    10:53
  • 15
    Usando la API de internacionalización del browser

    Usando la API de internacionalización del browser

    12:14
  • 16
    Comparte el resultado

    Comparte el resultado

    02:18
Eventos
  • 17
    Reaccionar a lo que sucede en el DOM

    Reaccionar a lo que sucede en el DOM

    13:58
  • 18
    Event propagation

    Event propagation

    12:08
  • 19
    Event delegation

    Event delegation

    05:32
Workshop 2: Lazy loading
  • 20
    Presentación del proyecto

    Presentación del proyecto

    03:34
  • 21
    Nuestro propio plugin Lazy Loading

    Nuestro propio plugin Lazy Loading

    08:32
  • 22
    Creando las imagenes con JavaScript

    Creando las imagenes con JavaScript

    17:33
  • 23
    Intersection Observer

    Intersection Observer

    14:21
  • 24
    Aplicando Lazy loading

    Aplicando Lazy loading

    13:07
  • 25
    Comparte el resultado

    Comparte el resultado

    03:17
Workshop 3
  • 26
    Proyectos propuestos

    Proyectos propuestos

    04:17
Librerías relacionadas
  • 27
    ¿Y jQuery?

    ¿Y jQuery?

    03:41
  • 28
    ¿Y JSX?

    ¿Y JSX?

    09:40
Conclusiones
  • 29
    Conclusiones

    Conclusiones

    01:56
    Carlos Eduardo Gomez García

    Carlos Eduardo Gomez García

    teacher•
    hace 5 años

    jQuery fue algo muy hermoso que allá en años anteriores nos ayudó a tener una web más fácil de mantener, estandarizó a muchos navegadores, si algo no funcionaba en un navegador y en otro sí, jQuery hacía que funcionase en los dos, por eso fue tan mágico! . Sin embargo, los navegadores se actualizaron, y hoy en día hacer todo lo que hacía jQuery desde JavaScript nativo ya es muy fácil gracias a la implementación de ECMAScript que desde 2015 nos ha estado trayendo nuevos cambios y funcionalidades a JavaScript, le recomiento tomar el Curso de ECMAScript 6+ para enterarse de todos estos cambios. . De hecho, la noticia de que jQuery ya se estaba dejando de usar tuvo un gran impacto gracias a que GitHub publicó en su blog que se deshacían de jQuery: . Removing jQuery from GitHub.com frontend . ¿Entonces debería seguir usando jQuery o no? . Es una pregunta difícil, porque la verdad depende mucho, si un proyecto ya estaba usando jQuery, no tiene caso que quites jQuery de ahí porque tendrías que rehacer tu app seguramente, y esto en muchos casos no es viable, sobre todo para empresas que ya tienen una web funcionando bajo jQuery. Sin embargo, si planeas iniciar un proyecto desde 0, lo mejor es que ya no uses jQuery, dale una oportunidad a JavaScript, Platzi tiene muchos cursos para aprender JavaScript profesionalmente, tienes toda una Escuela de JavaScript para ello. . El problema de la compatibilidad entre navegadores ya no es tan grande gracias a que existen transpiladores como Babel que permiten dar soporte a nuevas versiones de ECMAScript para la mayoría de los navegadores. . Incluso más allá, existen compiladores ya integrados que te dan la configuración de Babel + WebPack y preprocesadores de CSS como SASS o LESS ya listas y configuradas solo para ser usados, tu simplemente lo instalas, creas tus archivos y estos compiladores generan bundles con el código adaptado para diferentes navegadores, un ejemplo de ellos es Laravel Mix que es el compilador de front-end que usa Laravel para servir sus aplicaciones, y puedes usar Laravel Mix SIN tener que usar Laravel necesariamente (Laravel es un framework de PHP). . Incluso más allá, existen nuevos Frameworks progresivos que ya tienen todo esto integrado y permiten hacer cosas más increíbles como Vue, React, Angular o Svelte Ft. Oscar Barajas jaja. . Así que los invito a probar cosas nuevas porque seguro encuentran algo que les guste 👀

      Jimmy Buriticá Londoño

      Jimmy Buriticá Londoño

      student•
      hace 5 años

      jQuery lo han venido reemplazando en varios proyectos, la nueva versión de Bootstrap 5 no lo soporta. Como lo dices, jQuery fue algo hermoso ...

      oscar Ivan Toro Gonzalez

      oscar Ivan Toro Gonzalez

      student•
      hace 3 años

      dice que tu eres profe de platzi me gustan tus apuntes me puedes decir que cursos tienes en platzi por favor?

    Juan Esteban Galvis

    Juan Esteban Galvis

    student•
    hace 5 años

    Wow! conocía a JQuery pero simplemente tenía la idea que fue una librería muy utilizada hace años. Pero es verdad, JQuery no murió, simplemente agregaron JQuery a la web jaja

    Hay un excelente curso sobre cómo hacer lo que hacía JQuery con JavaScript: https://platzi.com/clases/jquery-js/

      Eduardo Rodriguez

      Eduardo Rodriguez

      student•
      hace 5 años

      Gracias por compartir la clase.

    Max Andy Diaz Neyra

    Max Andy Diaz Neyra

    student•
    hace 4 años

    Resumen:

    • Fue popular porque no era fácil manipular el DOM.
    • No todos los navegadores tenían las mismas API.
    • Solucionaba errores e inconsistencias entre navegadores.
    • Hoy en día no es necesario pues los navegadores se mantienen al día con los estándares de HTML y JS.
    • Será útil si los usuarios de tus sitios web utilizan navegadores muy antiguos.
    • JQuery no murió, cambio tanto la forma de hacer frontend que se integró con la web.
    • Muchos de los web apis usados hoy fueron inspirados en jquery.
    Antony Jose Cabeza Rauseo

    Antony Jose Cabeza Rauseo

    student•
    hace 5 años

    Y si en vez de jQuery usamos Babel? Para tener código compatible con todos los navegadores

    Giselle Desiree Boyer Jimenez

    Giselle Desiree Boyer Jimenez

    student•
    hace 5 años

    :O y yo pensando que lo ideal era usar JQuery!!

      Max Andy Diaz Neyra

      Max Andy Diaz Neyra

      student•
      hace 4 años

      No, JQuery ahora vive en los métodos de la web. Ahora debemos aprender todo sobre JS vanilla y sus frameworks

    Efraín Hernández García

    Efraín Hernández García

    student•
    hace 5 años

    Gracias a jQuery la web ahora es mucho más amigable para todos. Sobre todo los desarrolladores.

    Zedovius .

    Zedovius .

    student•
    hace 4 años

    JQuery vive ahora en JS, vive en los navegadores, vive en mí, en ti, en tu tía, en los campos y en los ríos. JQuery forever 😭

      Chanel Mariannis Paredes Sánchez

      Chanel Mariannis Paredes Sánchez

      student•
      hace 2 años

      JAJAJJAJAJAJJAJAJA

    Juan Guillermo Perez Cardozo

    Juan Guillermo Perez Cardozo

    student•
    hace 3 años

    jquery lo es todo, lo conoci primero que vanillaJS y aun lo uso mucho.

    Daniel David Mármol Rivero

    Daniel David Mármol Rivero

    student•
    hace 5 años

    Como regla general no hay que usarlo para aplicaciones modernas, pero sigue siendo útil para otras. jQuery evolucionó y se integró con la web, muchos de los métodos que se aplicaron partieron de acá.

    Antonio Luis Fernandez Dromundo

    Antonio Luis Fernandez Dromundo

    student•
    hace 4 años

    Aqui un poco mas de contexto: https://www.youtube.com/watch?v=AoyQPS1vMq4

    Ángel Daniel López Vázquez

    Ángel Daniel López Vázquez

    student•
    hace 3 años

    ¿Por qué no hay curso de JQuery en Platzi?

      Kevin Fiorentino

      Kevin Fiorentino

      student•
      hace 3 años

      Si bien jQuery sigue y seguirá vivo, con el paso de los últimos años ha ido quedando atrás y no creo que lo amerite. Las necesidades del mercado demandan React, Angular o Vue. jQuery aún puede acompañar pequeñas webs con Wordpress por ejemplo pero, ya se ha dejado completamente de lado su enseñanza. De todos modos, encontrarás toneladas de contenido sobre jQuery en internet si tienes alguna necesidad de aprenderlo, aunque no lo recomiendo. Es mejor que aprendas JS nativo.

      Andres Prieto

      Andres Prieto

      student•
      hace 3 años

      Te lo resumiré de la forma en la que me lo explicaron a mí: "A jQuery; JS se lo comió", jQuery era una buena idea, pero ya no es necesario usarlo, poco a poco está siendo relegado a lo que es; el pasado, no debes aprenderlo, solo saber que existe, pues realmente si ves como funciona y entiendes de como funciona JS hoy en día no hay mucha diferencia, jQuery inspiró cosas cool que JS tiene ahora y si te topas con jQuery es porque estás tocando algo muy legacy o porque directamente estás renovando cosas

    Abel da Cunha

    Abel da Cunha

    student•
    hace 2 años

    Usé jQuery hasta hace unos 4 años atrás... lo recuerdo con cariño.

    Luis Ariza

    Luis Ariza

    student•
    hace 3 años

    Jquery no se murió... solo evolucionó!

    Carlos Fabián

    Carlos Fabián

    student•
    hace 4 años

    jQuery está muerto.

    Luis Alejandro Vera Hernandez

    Luis Alejandro Vera Hernandez

    student•
    hace 4 años

    Creo que estoy en el mejor momento para aprender Js. 😀

    Adrián Castillo

    Adrián Castillo

    student•
    hace 5 años

    Mas que una pregunta, me gustaría escuchar la apreciación de alguien sobre el hecho que hayan algunas librerías o frameworks como Bootsrap que en su núcleo aun utilizan jquery, consideran que deberían dejar de usarse? (al menos hasta que se modernicen si Jquery) o cual seria su opinión.

      Nazareno Aznar Altamiranda

      Nazareno Aznar Altamiranda

      student•
      hace 5 años

      Ploptwist: Bootstrap hace poco dejó de soportar Jquery

      XD'nt

      Adrián Castillo

      Adrián Castillo

      student•
      hace 5 años

      nazarenoalt Eso es para su versión 5? que dejo de utilizar jquery y por curiosidad sabes que utiliza ahora, VanillaJS?

    Naldo Duran

    Naldo Duran

    student•
    hace 5 años

    👌👌

Escuelas

  • Desarrollo Web
    • Fundamentos del Desarrollo Web Profesional
    • Diseño y Desarrollo Frontend
    • Desarrollo Frontend con JavaScript
    • Desarrollo Frontend con Vue.js
    • Desarrollo Frontend con Angular
    • Desarrollo Frontend con React.js
    • Desarrollo Backend con Node.js
    • Desarrollo Backend con Python
    • Desarrollo Backend con Java
    • Desarrollo Backend con PHP
    • Desarrollo Backend con Ruby
    • Bases de Datos para Web
    • Seguridad Web & API
    • Testing Automatizado y QA para Web
    • Arquitecturas Web Modernas y Escalabilidad
    • DevOps y Cloud para Desarrolladores Web
  • English Academy
    • Inglés Básico A1
    • Inglés Básico A2
    • Inglés Intermedio B1
    • Inglés Intermedio Alto B2
    • Inglés Avanzado C1
    • Inglés para Propósitos Específicos
    • Inglés de Negocios
  • Marketing Digital
    • Fundamentos de Marketing Digital
    • Marketing de Contenidos y Redacción Persuasiva
    • SEO y Posicionamiento Web
    • Social Media Marketing y Community Management
    • Publicidad Digital y Paid Media
    • Analítica Digital y Optimización (CRO)
    • Estrategia de Marketing y Growth
    • Marketing de Marca y Comunicación Estratégica
    • Marketing para E-commerce
    • Marketing B2B
    • Inteligencia Artificial Aplicada al Marketing
    • Automatización del Marketing
    • Marca Personal y Marketing Freelance
    • Ventas y Experiencia del Cliente
    • Creación de Contenido para Redes Sociales
  • Inteligencia Artificial y Data Science
    • Fundamentos de Data Science y AI
    • Análisis y Visualización de Datos
    • Machine Learning y Deep Learning
    • Data Engineer
    • Inteligencia Artificial para la Productividad
    • Desarrollo de Aplicaciones con IA
    • AI Software Engineer
  • Ciberseguridad
    • Fundamentos de Ciberseguridad
    • Hacking Ético y Pentesting (Red Team)
    • Análisis de Malware e Ingeniería Forense
    • Seguridad Defensiva y Cumplimiento (Blue Team)
    • Ciberseguridad Estratégica
  • Liderazgo y Habilidades Blandas
    • Fundamentos de Habilidades Profesionales
    • Liderazgo y Gestión de Equipos
    • Comunicación Avanzada y Oratoria
    • Negociación y Resolución de Conflictos
    • Inteligencia Emocional y Autogestión
    • Productividad y Herramientas Digitales
    • Gestión de Proyectos y Metodologías Ágiles
    • Desarrollo de Carrera y Marca Personal
    • Diversidad, Inclusión y Entorno Laboral Saludable
    • Filosofía y Estrategia para Líderes
  • Diseño de Producto y UX
    • Fundamentos de Diseño UX/UI
    • Investigación de Usuarios (UX Research)
    • Arquitectura de Información y Usabilidad
    • Diseño de Interfaces y Prototipado (UI Design)
    • Sistemas de Diseño y DesignOps
    • Redacción UX (UX Writing)
    • Creatividad e Innovación en Diseño
    • Diseño Accesible e Inclusivo
    • Diseño Asistido por Inteligencia Artificial
    • Gestión de Producto y Liderazgo en Diseño
    • Diseño de Interacciones Emergentes (VUI/VR)
    • Desarrollo Web para Diseñadores
    • Diseño y Prototipado No-Code
  • Contenido Audiovisual
    • Fundamentos de Producción Audiovisual
    • Producción de Video para Plataformas Digitales
    • Producción de Audio y Podcast
    • Fotografía y Diseño Gráfico para Contenido Digital
    • Motion Graphics y Animación
    • Contenido Interactivo y Realidad Aumentada
    • Estrategia, Marketing y Monetización de Contenidos
  • Desarrollo Móvil
    • Fundamentos de Desarrollo Móvil
    • Desarrollo Nativo Android con Kotlin
    • Desarrollo Nativo iOS con Swift
    • Desarrollo Multiplataforma con React Native
    • Desarrollo Multiplataforma con Flutter
    • Arquitectura y Patrones de Diseño Móvil
    • Integración de APIs y Persistencia Móvil
    • Testing y Despliegue en Móvil
    • Diseño UX/UI para Móviles
  • Diseño Gráfico y Arte Digital
    • Fundamentos del Diseño Gráfico y Digital
    • Diseño de Identidad Visual y Branding
    • Ilustración Digital y Arte Conceptual
    • Diseño Editorial y de Empaques
    • Motion Graphics y Animación 3D
    • Diseño Gráfico Asistido por Inteligencia Artificial
    • Creatividad e Innovación en Diseño
  • Programación
    • Fundamentos de Programación e Ingeniería de Software
    • Herramientas de IA para el trabajo
    • Matemáticas para Programación
    • Programación con Python
    • Programación con JavaScript
    • Programación con TypeScript
    • Programación Orientada a Objetos con Java
    • Desarrollo con C# y .NET
    • Programación con PHP
    • Programación con Go y Rust
    • Programación Móvil con Swift y Kotlin
    • Programación con C y C++
    • Administración Básica de Servidores Linux
  • Negocios
    • Fundamentos de Negocios y Emprendimiento
    • Estrategia y Crecimiento Empresarial
    • Finanzas Personales y Corporativas
    • Inversión en Mercados Financieros
    • Ventas, CRM y Experiencia del Cliente
    • Operaciones, Logística y E-commerce
    • Gestión de Proyectos y Metodologías Ágiles
    • Aspectos Legales y Cumplimiento
    • Habilidades Directivas y Crecimiento Profesional
    • Diversidad e Inclusión en el Entorno Laboral
    • Herramientas Digitales y Automatización para Negocios
  • Blockchain y Web3
    • Fundamentos de Blockchain y Web3
    • Desarrollo de Smart Contracts y dApps
    • Finanzas Descentralizadas (DeFi)
    • NFTs y Economía de Creadores
    • Seguridad Blockchain
    • Ecosistemas Blockchain Alternativos (No-EVM)
    • Producto, Marketing y Legal en Web3
  • Recursos Humanos
    • Fundamentos y Cultura Organizacional en RRHH
    • Atracción y Selección de Talento
    • Cultura y Employee Experience
    • Gestión y Desarrollo de Talento
    • Desarrollo y Evaluación de Liderazgo
    • Diversidad, Equidad e Inclusión
    • AI y Automatización en Recursos Humanos
    • Tecnología y Automatización en RRHH
  • Finanzas e Inversiones
    • Fundamentos de Finanzas Personales y Corporativas
    • Análisis y Valoración Financiera
    • Inversión y Mercados de Capitales
    • Finanzas Descentralizadas (DeFi) y Criptoactivos
    • Finanzas y Estrategia para Startups
    • Inteligencia Artificial Aplicada a Finanzas
    • Domina Excel
    • Financial Analyst
    • Conseguir trabajo en Finanzas e Inversiones
  • Startups
    • Fundamentos y Validación de Ideas
    • Estrategia de Negocio y Product-Market Fit
    • Desarrollo de Producto y Operaciones Lean
    • Finanzas, Legal y Fundraising
    • Marketing, Ventas y Growth para Startups
    • Cultura, Talento y Liderazgo
    • Finanzas y Operaciones en Ecommerce
    • Startups Web3 y Blockchain
    • Startups con Impacto Social
    • Expansión y Ecosistema Startup
  • Cloud Computing y DevOps
    • Fundamentos de Cloud y DevOps
    • Administración de Servidores Linux
    • Contenerización y Orquestación
    • Infraestructura como Código (IaC) y CI/CD
    • Amazon Web Services
    • Microsoft Azure
    • Serverless y Observabilidad
    • Certificaciones Cloud (Preparación)
    • Plataforma Cloud GCP

Platzi y comunidad

  • Platzi Business
  • Live Classes
  • Lanzamientos
  • Executive Program
  • Trabaja con nosotros
  • Podcast

Recursos

  • Manual de Marca

Soporte

  • Preguntas Frecuentes
  • Contáctanos

Legal

  • Términos y Condiciones
  • Privacidad
  • Tyc promociones
Reconocimientos
Reconocimientos
Logo reconocimientoTop 40 Mejores EdTech del mundo · 2024
Logo reconocimientoPrimera Startup Latina admitida en YC · 2014
Logo reconocimientoPrimera Startup EdTech · 2018
Logo reconocimientoCEO Ganador Medalla por la Educación T4 & HP · 2024
Logo reconocimientoCEO Mejor Emprendedor del año · 2024
De LATAM conpara el mundo
YoutubeInstagramLinkedInTikTokFacebookX (Twitter)Threads