Curso Práctico de Webpack

Clases del Curso Práctico de Webpack

Instruido por:
Oscar Barajas Tavares
Oscar Barajas Tavares
Intermedio
3 horas de contenido
Ver la ruta de aprendizaje
Curso Práctico de Webpack

Curso Práctico de Webpack

Progreso del curso:0/22contenidos(0%)

Contenido del Curso
Tutoriales de estudiantes
Preguntas de estudiantes

Progreso del curso:0/22contenidos(0%)

Introducción

Material Thumbnail

¿Por qué usar Webpack?

03:20 min

Material Thumbnail

Presentación del proyecto en React.js: PlatziStore

02:35 min

Webpack en el Backend

Material Thumbnail

Instalación y configuración de Express.js

10:09 min

Material Thumbnail

Configuración de Webpack para Express.js

12:38 min

Material Thumbnail

Configuración de TypeScript

12:19 min

Material Thumbnail

Preparar la API Rest con Express.js

05:33 min

Webpack en el Frontend

Material Thumbnail

Migracion de Webpack 4 a Webpack 5

11:07 min

Material Thumbnail

Configuración inicial de Webpack para PlatziStore

08:01 min

Material Thumbnail

Cómo integrar la API de Platzi Store

12:15 min

Material Thumbnail

Integrando la API de Platzi Store

06:52 min

Material Thumbnail

Manejo de assets en Webpack

09:03 min

Material Thumbnail

Optimización de imágenes con Webpack y CDN

08:28 min

Material Thumbnail

Integración con TypeScript

11:39 min

Code Splitting en desarrollo

06:37 min

Material Thumbnail

Code Splitting en producción

12:08 min

Despliegue

Material Thumbnail

Deploy de React en Netlify

04:25 min

Material Thumbnail

Deploy de Express en Heroku

04:43 min

Material Thumbnail

Comprar y conectar un dominio

09:40 min

Material Thumbnail

Próximos pasos con Webpack

01:27 min

nuevosmás votadossin responder
Sergio Jurado Casado
Sergio Jurado Casado
Estudiante

Para proyecto normales, con Vue o sin usar ningun Framework se hace igual? Yo tengo mi carpeta src/ las carpetas del Backend tipicas:

src/
------controllers/------middlewares/

Etc, no sé si hay que separarlos en commons y vendors o no?

1
Sergio Jurado Casado
Sergio Jurado Casado
Estudiante

routes no funcionan o es que tengo que estar corriendo algo con Vue o React?

Captura de pantalla 2021-07-04 a las 16.02.39.png
1
Sergio Jurado Casado
Sergio Jurado Casado
Estudiante

Me ha dado un error solo en la parte dev-server, creo que debe haber algo que está mal configurado. No logro saber qué es
Captura de pantalla 2021-07-04 a las 14.23.46.png

1
Sergio Jurado Casado
Sergio Jurado Casado
Estudiante

Cómo es posible que siempre, incluso siguiendo al pie de la letra el puñetero Webpack me falle a la hora de ejecutar los scripts y con Parcel nunca?

Es increible lo desesperante que puede llegar a ser, no falla nunca, es ejecutar los scripts y da errores.
(Captura de pantalla 2021-07-03 a las 21.29.16.png

1
Adrian Garcia
Adrian Garcia
Estudiante

Tengo una duda, si en lugar de apuntar a las rutas de la api apuntáramos a las rutas de plantillas de html, ¿estaríamos haciendo SSR con express y webpack?

1
Adrian Garcia
Adrian Garcia
Estudiante

Preguntas:
ahora que tengo la práctica hecha 2 cosas pasaron

  1. Mi react-router se rompió, porque ahora header está fuera de browserRouter, ya he creado otro browserRouter solo para header pero no funciona
  2. Redux se ha roto, ya no puede acceder el header al estado porque ha quedado fuera de AppContext.Provider.
    No encuentro la solución si quiero segur usando CodeSplitting con estas dos tecnologías.
1
Juan David González Rodríguez
Juan David González Rodríguez
Estudiante

Que ventajas tiene hacer webpack con express para el backend ? 😄

1
Juan David González Rodríguez
Juan David González Rodríguez
Estudiante

Como seria la mejor forma de implementar el code splitting en un proyecto ? … dividir todo par componentes o por paginas? 😄

1
Adrian Garcia
Adrian Garcia
Estudiante

Untitled (1).png
Tengo un problema con los corss, no entiendo bien a que se debe pero si alguien si le funciona me podria ayudar

1
Adrian Garcia
Adrian Garcia
Estudiante

Al conectar el header dentro de home, no se romperia el useContext del carrito de compras?

1