Empaquetadores Web: Herramientas y Evolución para Desarrolladores
Contenido del curso
Webpack
Parcel
ESBuild
Rollup
Vite
Conclusiones
Empaquetadores Web: Herramientas y Evolución para Desarrolladores
Empaquetadores Web: Herramientas y Evolución para Desarrolladores
Contenido del curso
Roberto Membreño
Royer Guerrero Pinilla
Cristian Blandon
Max Andy Diaz Neyra
Jefred Bedoya
Miguel Angel Hernandez Colombo
Kenneth Angulo L
Seba Cardoso
Brayan Lopez
Seba Cardoso
Samuel Miranda Martínez
Vittori Omar A
Johan Arena
Juan Pablo Lopez Ramirez
JeanCarlos Atoche Pascual
Historia: 1995 - Nacimiento de Javascript (Netscape) 2009 - Nacimiento de Node 2010 - Lanzamiento de NPM 2011 - Browserify 2013 - Gulp 2014 - Babel
Cheatsheet que encontre sobre los empaquetadores
Pero ni Gulp ni NPM son "empaquetadores" :thinking:
Notas de la clase: Son herramientas con las cuales se prepara el proyecto para producción o entorno de desarrollo local. El proyecto tendrá unas series de elementos necesarios y serán unidos mediante un proceso automatizado. Este proceso organiza las imágenes, fuentes, estilos, etc. Estas herramientas surgen de las necesidades del ecosistema de desarrollo. Historia: 1995 - Nacimiento de Javascript (Netscape)
2009 - Nacimiento de Node
2010 - Lanzamiento de NPM
2011 – Browserify
2013 – Gulp
2014 - Babel
Muchas de estas herramientas ya no se usan, pero si todo lo que aportaron. En el curso se tendrá 5 proyectos.
Evolución y Función
Los empaquetadores pasaron de ser simples concatenadores a motores de optimización. Gestionan dependencias, realizan transpilación y reducen el peso final mediante minificación y tree-shaking.
El Ecosistema Actual
Webpack destaca por su configuración robusta, mientras que Vite prioriza la velocidad instantánea aprovechando módulos nativos.
un curso mas, un paso mas, el camino se hace mas corto! nunca pares de aprender!
¿Por qué es mejor empaquetar mis proyectos?
Imagina que estás construyendo una casa de Lego. Mientras trabajas, tienes las piezas separadas por colores y tamaños en diferentes cajas para mantener el orden. Sin embargo, cuando quieres enviar esa casa terminada a una exposición, no envías las cajas sueltas; envías la estructura sólida, pegada y pulida para que ocupe menos espacio y no se rompa en el camino. Los empaquetadores web hacen exactamente esto. Toman todos tus archivos de desarrollo (tu código JavaScript, hojas de estilo CSS, imágenes y fuentes) y los transforman en un paquete compacto y altamente optimizado. Minifican el código eliminando espacios innecesarios, comprimen las imágenes y traducen la sintaxis moderna para que cualquier navegador pueda entenderla sin esfuerzo. Al final, tu sitio web cargará en milisegundos, brindando una experiencia fluida al usuario final y ahorrando costos de transferencia de datos en tus servidores.
Junto con Gulp tambien estaba Grunt. Tengo la suerte de haber usado ambos.
¿Por qué dices que es una suerte haber trabajado con esas herramientas?
Porque gracias a tener experiencia usando empaquetadores de generaciones anteriores me es mas facil entender los nuevos.
Excelente este curso!, hacia falta la explicación básica de los empaquetadores. (Me encantaron las diapositivas).
no me muestra el resumen
Aquí tienes lo esencial: esta clase introduce a los empaquetadores web, revisando cómo evolucionaron desde el nacimiento de JavaScript en 1995 y la llegada de Node en 2009 hasta herramientas como Browserify, Gulp y Babel que preparan nuestros proyectos para producción.
¿Te gustaría que profundicemos en alguna de estas herramientas o prefieres que veamos cómo los módulos cambiaron la forma de organizar código?
Ve tan bacano
xd 3 papus
primi!!