Yo venia solo por la parte de express + webpack, pero me gusto bastante, animo amigos, aunque me quedo dudas de cuales son mis proximos pasos con webpack 6.6
Introducci贸n
驴Por qu茅 usar Webpack?
Presentaci贸n del proyecto en React.js: PlatziStore
Webpack en el Backend
Instalaci贸n y configuraci贸n de Express.js
Configuraci贸n de Webpack para Express.js
Configuraci贸n de TypeScript
Preparar la API Rest con Express.js
Webpack en el Frontend
Migracion de Webpack 4 a Webpack 5
Configuraci贸n inicial de Webpack para PlatziStore
C贸mo integrar la API de Platzi Store
Integrando la API de Platzi Store
Webpack Alias
Manejo de assets en Webpack
Optimizaci贸n de im谩genes con Webpack y CDN
Integraci贸n con TypeScript
Hot Reload
Lazy Loading
Code Splitting en desarrollo
Code Splitting en producci贸n
Despliegue
Deploy de React en Netlify
Deploy de Express en Heroku
Comprar y conectar un dominio
Pr贸ximos pasos con Webpack
You don't have access to this class
Keep learning! Join and start boosting your career
If you already have an account,
Resources
How do we take the project to a professional level?
Reaching the end of a course is always a cause for celebration, especially when we have taken our skills to the next level. With this course, we not only deepened our Webpack skills, but also applied these strategies to a real, practical context. We worked with Express to develop a robust backend and migrated Platzi Store from Webpack 4 to Webpack 5, optimizing it for production.
What advanced configurations do we implement?
To optimize any project for production, knowing how to properly configure the tools is crucial. During the course:
- We optimized images and JavaScript code: We learned how to reduce the size of our images and optimize JavaScript performance.
- We implemented cloud splitting and lazy loading: With React libraries and APIs, we were able to split our code into more manageable sections and load only what was needed when necessary, thus improving efficiency.
How did we bring the backend and frontend together?
One of the most exciting parts was seeing how our backend efforts tied into the frontend:
- Connection through proprietary infrastructure: We created an infrastructure that served as a bridge between backend and frontend, ensuring that both sides of the project worked in synergy.
- Domain registration: Our professionalism was reflected in the purchase and configuration of a domain, giving our project the final touch that every developer looks for when taking their work to the real world.
What steps to follow at the end of the course?
Finishing a course does not close the learning cycle, but opens doors to new opportunities:
- Show your work: You are invited to surprise the community with original projects that go beyond Platzi Store.
- Take the test: Confirm what you have learned by taking the course evaluations.
- Share your experience: Take advantage of social networks, such as Twitter, to connect with other students and share your achievements.
Continue to explore and refine your knowledge. Learning is a journey that never ends, and this course is just the beginning of many more enriching experiences. Go forward with confidence!
Contributions 5
Questions 1
Sort by:
Fue un gran curso sin duda, algo que me gusto fue que se integraron temas del curso de Optimizacion web, curso de Webpack, y pude recordar conceptos que hab铆a olvidado.
Que bien lo explica @gndx!!
Genial ! Me ayudo muchisimo este curso para entender las tecnicas de optimizacion como split chunks y webpack en el lado del backend ,que no lograba entender del todo , Hubiera estado genial tocar configuraciones y como adaptar webpack cuando aplicamos Server side render , ya que en el curso de SSR con express no quedo del todo claro el uso de webpack para aplicar lazy-loading o el manejo y optimizacion de imagenes,Tal vez para la proxima ! Excelentes explicaciones Oscar!
Me gust贸 mucho el curso. Espero que pr贸ximamente saquen uno de microfrontends, aunque s茅 que hay varias formas de hacerlo, me gustar铆a ense帽aran a hacerlo con webpack. Excelente!
Excelente curso con un gran Teacher
Want to see more contributions, questions and answers from the community?