Historia:
1995 - Nacimiento de Javascript (Netscape)
2009 - Nacimiento de Node
2010 - Lanzamiento de NPM
2011 - Browserify
2013 - Gulp
2014 - Babel
Introduccion
Empaquetadores Web: Herramientas y Evolución para Desarrolladores
Módulos y empaquetadores en JavaScript: fundamentos esenciales
Empaquetadores de Módulos en JavaScript: Webpack, Parcel, Sbuild y Más
Empaquetadores de Módulos JavaScript: Webpack y Alternativas
Webpack
Configuración y Uso de Webpack para Proyectos Web
Configuración de Webpack para Aplicación Web Dinámica
Creación de una Landing Page con JavaScript y Tailwind CSS
Manipulación del DOM con JavaScript: Creación de Funciones y Templates
Configuración y despliegue de aplicaciones web con Webpack y GitHub Pages
Parcel
Creación de Proyectos Web con Parcel y Fake API de Platzi
Creación de una Aplicación Web con Fake API y Parcel
Creación de SPA con Vanilla JavaScript y Parcel
Configuración y Uso de Parcel para Proyectos Web
ESBuild
Configuración de Proyectos React y TypeScript con SBuild
Desarrollo de Aplicaciones con React y TypeScript: Primeros Pasos
Integración de UseState y UseCallback en React con SBuild
Configuración de Servidor Local con sbuild en JavaScript
Rollup
Configuración de Proyectos con Roloop y Plugins Avanzados
Configuración de Plugins en Rollup para Optimización de Proyectos
Construcción de Aplicación Web con JavaScript y Fake API
Instalación y configuración de DevServer con Rollup
Vite
Configuración y uso de herramientas de empaquetado en JavaScript
Conclusiones
Empaquetadores JavaScript: Ventajas y Desventajas
En el mundo actual del desarrollo web, los empaquetadores web se han convertido en herramientas indispensables. Estas herramientas permiten preparar proyectos para producción y desarrollo local, optimizando desde imágenes y textos hasta estilos y scripts. Claramente, estos instrumentos facilitan una organización eficiente de los proyectos, esencial para que puedan ser escalados y utilizados por miles de usuarios.
La necesidad de empaquetadores web surge del crecimiento de los proyectos y la multiplicación de elementos en ellos. Al separar y luego unir diferentes componentes, como módulos, imágenes y estilos, se facilita un flujo de trabajo automatizado que garantiza la optimización y organización del código. Es interesante notar que estas herramientas también nacen de la evolución tecnológica y de las nuevas necesidades en el ecosistema del desarrollo web.
JavaScript es esencial en el ecosistema de los empaquetadores web. Desde su nacimiento en 1995, durante la batalla de los navegadores, este lenguaje comenzó a revolucionar la forma en que interactuamos con la web. El gran salto se dio en 2009 con la aparición de Node.js, que permitió ejecutar JavaScript del lado del servidor. Gracias a Node.js, también surgen herramientas como NPM, fundamentales para trabajar con módulos y facilitar el desarrollo organizado de proyectos web modernos.
A lo largo de los años, muchas herramientas han ido y venido en el mundo del desarrollo web. Algunas, como Gulp, dejaron de ser populares, mientras otras, como Babel, se mantuvieron constantes en su utilidad. Esto es un reflejo de cómo las necesidades y tecnologías han evolucionado, permitiendo a los desarrolladores centrarse en técnicas y herramientas más modernas y eficientes sin perder el conocimiento adquirido de las herramientas pasadas.
En resumen, aunque algunas herramientas ya no se utilizan tan extensamente como antes, su legado contribuye a lo que hoy conocemos y utilizamos en el desarrollo web. Esta base permite a los nuevos profesionales comprender el contexto y seguir avanzando en sus capacidades técnicas.
Conocer y dominar los empaquetadores web no solo permite que un proyecto esté listo para producción, sino que también facilita el trabajo en equipo y mejora la estructuración del código. Además, como muchos de estos conocimientos se aplican en herramientas más modernas, comprender su historia y evolución proporciona a los nuevos desarrolladores una ventaja competitiva y una perspectiva más amplia sobre la tecnología web actual.
A medida que continues tu aprendizaje, te animamos a practicar con los proyectos que menciona el curso, lo cual reforzará tus habilidades y te permitirá aplicar los conceptos adquiridos en situaciones del mundo real. ¡Éxitos en tu camino de aprendizaje!
Aportes 9
Preguntas 1
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
devhints.io/gulp
devhints.io/npm
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.
un curso mas, un paso mas, el camino se hace mas corto! nunca pares de aprender!
Junto con Gulp tambien estaba Grunt. Tengo la suerte de haber usado ambos.
Excelente este curso!, hacia falta la explicación básica de los empaquetadores. (Me encantaron las diapositivas).
Ve tan bacano
xd 3 papus
primi!!
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?