🎲 Apuntes del curso
a lo largo del curso pude realizar estos apuntes espero que les gusten :3
- apuntes del curso de webpack
hechos con 💚
Introducción a Webpack
¿Qué es Webpack?
Conceptos básicos de Webpack
Proyecto inicial
Tu primer build con Webpack
Instalación de Webpack y construcción del proyecto
Configuración de webpack.config.js
Loaders y Plugins en Webpack
Babel Loader para JavaScript
HTML en Webpack
Loaders para CSS y preprocesadores de CSS
Copia de archivos con Webpack
Loaders de imágenes
Loaders de fuentes
Optimización: hashes, compresión y minificación de archivos
Webpack Alias
Deploy del proyecto
Variables de entorno
Webpack en modo desarrollo
Webpack en modo producción
Webpack Watch
Deploy a Netlify
Herramientas de desarrollo complementarias
Webpack Dev Server
Webpack Bundle Analyzer
Webpack DevTools
Integración básica de React.js
Instalación y configuración de React
Configuración de Webpack 5 para React.js
Configuración de plugins y loaders para React
Configuración de Webpack para CSS en React
Optimización de Webpack para React
Deploy del proyecto con React.js
Próximos pasos
Continúa con el Curso Práctico de Webpack
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
Oscar Barajas Tavares
Aportes 47
Preguntas 2
a lo largo del curso pude realizar estos apuntes espero que les gusten :3
Porfin! Lo lograste! Fue un curso buenísimo si quieres seguir te recomiendo el curso de React ya que aquí se vio
También el de JavaScript Profesional para entender super el lenguaje. y por ultimo
Never Stop Learning
WOW nunca habia entendido tanto de webpack! Muchas gracias Oscar
Por si gustan Webpack para Vue
Webpack para Vue 💚
O si lo prefieren, Webpack para Svelte
Webpack para Svelte 🧡
generador de proyectos hace que webpack sea menos tedioso en temas de configuracion, te genera practicamente todo, saludos
😅Aún sigo esperando el curso práctico de webpack 😅
Ahora tengo un mejor entendimiento de webpack 🥳🥳!! Este era un tema que se me había complicado, tanto que no lo usaba por frustración a no comprender lo básico.
Creo que al final es mucho de memorizar cada comando porque no vi mucha “interactividad”, solo juntar el código para que funcione, se que no es un lenguaje de programación pero… no se si alguien se sepa todo eso que hicimos en el curso de memoria
Me he quedado con las ganas de saber donde esta el “Curso Práctico de Webpack”, lo he buscado en toda la plataforma de Platzi y no lo encontre. No entiendo por que nuestro profe Oscar nos dice que continuemos con ese curso, si no se encuentra.
Excelente curso.
Creo que falto como “extra” como instalar con webpack 5 eslint y prettier
Mil gracias a todos los que subieron apuntes y resolvieron dudas ❤️
Aqui estan los apuntes que tome del curso del Webpack
Fue realizado con la ayuda de los aportes propios y de los compañeros en el curso de Platzi.
Genial Curso Excelente Profesor
Muy increible el curso, si admito que al principio me revolvi un poco con tantas dependiencias instaladas pero con las explicaciones que se daban se lograba entender el porque de estas, Luego con la integracion con react me fue mucho mas interesante, ya que me gusta mucho trabajar con esta herramienta,
Espere ver algo con vue 😦
A la altura de tiempo en la que estoy, el curso está en la escuela de desarrollo web y en la de JS. Por lo que, esta desactualizado, ya que la documentación poco tenía que ver con el curso como tal. Los de Platzi son muy lentos para actualizar cursos. ¿Qué hace ese curso de hace más de dos años desactualizado aún en las rutas?
Create React App doesn’t handle backend logic or databases; it just creates a frontend build pipeline, so you can use it with any backend you want. Under the hood, it uses Babel and webpack, but you don’t need to know anything about them.
Ver todo lo que se puede hacer con Webpack, además de instalar y configurar react sin la necesidad de utilizar create-react-app, es una maravilla.
Este curso me ha encantando como su contenido.
Quiero profundizar con la documentación y experimentando con proyectos personales 🌟.
al fin entendi para que sirve webpack y la importancia que tiene en el desarrollo
Me gustaría compartir mis apuntes
Ahora a hacer el examen
Sin duda uno de los mejores cursos que he hecho hasta ahora, excelente profesor.
al inicio fue muy tranca de aprender , pero de la mano con Oscar fue facil y entendible.
m
que gran curso, primera vez con webpack y fue genial aprenderlo para aplicarlo en los nuevos projectos
🔰 Vamos a dejar un marcador aquí, a partir de ahora yua podremos hacer applicaciones web y no solo página estáticas! Esto hay que celebrarlo.
No puedo con Oscar 😓
¡Gracias, excelente curso! 💙
Pensé que sufriría por temas de compatibilidad por el tiempo que lleva el curso, pero no, todo bien, ahora solo es reforzar conocimientos… 🚀
Me hubiera encantado que como el curso inicial de Webpack tuviera lo siguiente:
Que increible curso, me encanto
Gracia Óscar Barajas, aprendí un montón, ya había usado Webpack de forma empírica pero con tu curso el porqué de ciertas configuraciones del webpack.config
Me gustó este curso, aunque tengo que decir que está desactualizado. Lo que me gusta es que así, puedo aplicar más atención y resolver las cosas que están en el camino.
Gracias, profe.
pd. ya hice el nuevo, ahora terminé este por igual.
Vite >>>>>> webpack
Por la nota del compañero
Que bien se siente terminar un proyecto y realizar un deploy exitoso.
Buen día, aquí te comparto mis notas sobre el curso, espero te sea de utilidad (Gran crédito a
Fernando Quinteros Gutierrez):
Excelente curso profe ,uno de los cursos en que mejor me he sentido ,mil gracias ¡¡¡¡
El curso estuvo interesante. Una herramienta muy útil sin duda alguna.
Oscar es el tutor mas comprometido con Platzi, ya que no solo te recomienda cursos a tomar si no que busca la forma de meterlos en sus proyectos y hacer llegar a ti la iniciativa de tomarlos. Muy buen Tutor.
Con esto puedes seleccionar los frameworks, preprocesadores, plugins, linternas, optimización, TODO (excepto pug :'v)
https://createapp.dev/webpack/no-library
aca tienen uno con muchas cosas seleccionadas jaja
la verdad al principio sentí muy floja las explicaciones del profesor, pero las clases iban pasando y mejoró su forma de explicar también
Estupendo curso instructor Oscar, me agrado bastante la explicación de como podemos optimizar la compilación para el ambiente de producción y la forma para tener separados el ambiente de producción y desarrollo con Webpack.
Que gran curso!
Gracias a todo el que ha podido llegar hasta aquí. Son buenos muchach@s, de verdad gracias por todos los aportes. Luego de los docentes, la comunidad es lo mejor de platzi. Exitos.
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?