🧑💻Bootcamp FullStack Gratuito | Javascript, React.js, GraphQL, Node.js, TypeScript y + WEBPACK 5 - ¡Curso práctico DESDE CERO! 📦
WEBPACK 5 - ¡Curso práctico DESDE CERO! 📦 Transcript and Lesson Notes
🔥 Aprende a utilizar WEBPACK 5, el empaquetador de aplicaciones web más utilizado del momento. Veremos cómo crear paso a paso una aplicación con React, cómo crear nuestro entorno de desarrollo y optimizarla. Esta clase
Quick Summary
🔥 Aprende a utilizar WEBPACK 5, el empaquetador de aplicaciones web más utilizado del momento. Veremos cómo crear paso a paso una aplicación con React, cómo crear nuestro entorno de desarrollo y optimizarla. Esta clase
Key Takeaways
- Review the core idea: 🔥 Aprende a utilizar WEBPACK 5, el empaquetador de aplicaciones web más utilizado del momento. Veremos cómo crear paso a paso una aplicación con React, cómo crear nuestro entorno de desarrollo y optimizarla. Esta clase
- Understand how frontend fits into WEBPACK 5 - ¡Curso práctico DESDE CERO! 📦.
- Understand how desarrollo web fits into WEBPACK 5 - ¡Curso práctico DESDE CERO! 📦.
- Understand how javascript fits into WEBPACK 5 - ¡Curso práctico DESDE CERO! 📦.
- Understand how midudev fits into WEBPACK 5 - ¡Curso práctico DESDE CERO! 📦.
Key Concepts
Full Transcript
🔥 Aprende a utilizar WEBPACK 5, el empaquetador de aplicaciones web más utilizado del momento. Veremos cómo crear paso a paso una aplicación con React, cómo crear nuestro entorno de desarrollo y optimizarla. Esta clase es parte del FullStack Bootcamp JavaScript. Mira todas las clases aquí: https://midu.link/bootcamp Código fuente del proyecto: https://github.com/midudev/mini-curso-practico-webpack ©️ Clase basada en el original FullStack Open que tiene toda la atribución al contenido de la clase: https://fullstackopen.com/es/ SEGMENTOS 🎬 00:00 - Introducción 00:44 - ¿Qué es WEBPACK? 01:53 - El punto de entrada de tu aplicación 03:18 - Creando aplicación desde cero con Webpack 05:00 - Instalando Webpack y el CLI desde la terminal 07:47 - Creando configuración de Webpack 11:15 - Usando Babel en Webpack. ¿Qué es un Loader? 16:30 - Usando el nuevo jsx runtime de React 18:35 - Refactorizando configuración de Webpack 20:53 - Cargando CSS en nuestra aplicación con Webpack 26:30 - Usando plugins en Webpack para el HTML 29:00 - Creando un entorno de desarrollo en Webpack 34:15 - Activar Source Maps en Webpack 40:45 - Crear configuración de desarrollo y producción 42:00 - Usando hashes en los archivos de Webpack
Lesson FAQs
What is WEBPACK 5 - ¡Curso práctico DESDE CERO! 📦 about?
🔥 Aprende a utilizar WEBPACK 5, el empaquetador de aplicaciones web más utilizado del momento. Veremos cómo crear paso a paso una aplicación con React, cómo crear nuestro entorno de desarrollo y optimizarla. Esta clase
What key concepts are covered in this lesson?
The lesson covers frontend, desarrollo web, javascript, midudev.
What should I learn before WEBPACK 5 - ¡Curso práctico DESDE CERO! 📦?
Review the previous lessons in 🧑💻Bootcamp FullStack Gratuito | Javascript, React.js, GraphQL, Node.js, TypeScript y +, then use the transcript and key concepts on this page to fill any gaps.
How can I practice after this lesson?
Practice by applying the main concepts: frontend, desarrollo web, javascript, midudev.
Does this lesson include a transcript?
Yes. The full transcript is visible on this page in indexable HTML sections.
Is this lesson free?
Yes. CourseHive lessons and courses are available to learn online for free.
