Hasta ahora nos dedicamos a ver varios conceptos relacionados al rendimiento y arquitectura de nuestra aplicación. Hoy vamos a hacer un paréntesis para dar un diseño visual más agradable a nuestras páginas, pero por sobre todo aprender a gestionar nuestros assets y hacer que trabajen en conjunto gracias a webpack encore

Webpack en sí es una herramienta que se encuentra fuera del ecosistema de symfony, pero para agilizar las cosas y por sobre todo abstraernos de las dificultades de configuración, Symfony crea un componente javascript llamado webpack encore, que incluso puede ser utilizado en aplicaciones que no sean con symfony, por ejemplo proyectos puros en javascript, lo que nos da posibilidades bastante interesantes

En este capítulo, vamos a instalarlo y utilizar librerías javascript y css muy usadas la mayoría de los proyectos actuales

https://youtu.be/dhvsVB0I6p0

Los archivos que son usados en el video para los assets y html se pueden descargar de aquí

Webpack encore es todo un mundo dentro del ecosistema de symfony. En la descripción te dejo los enlaces en donde encontrarán mucha información sobre esto, pero si tenes alma de diseñador web, mencionálo en los comentarios para entrar en detalles en un siguiente video.

En el siguiente video, vamos a hacer uso de una librería para optimización de imágenes y también vamos a hacer unos retoques a nuestro workflow de trabajo

Otros artículos de esta serie

  1. Lista de reproducción en nuestro canal de Youtube
  2. Symfony 5: La Vía Rápida | Paso 1 – Revisando tu entorno de trabajo
  3. Symfony 5: La Vía Rápida | Paso 2 – Presentando el proyecto
  4. Symfony 5: La Vía Rápida | Paso 3 – Desde cero hasta producción
  5. Symfony 5: La Vía Rápida | Paso 4 – Git, composer y Symfony Flex
  6. Symfony 5: La Vía Rápida | Paso 5 – Solucionando problemas
  7. Symfony 5: La Vía Rápida | Paso 6 – Creando nuestra primera página
  8. Symfony 5: La Vía Rápida | Paso 7 – Creando una base de datos con docker
  9. Symfony 5: La Vía Rápida | Paso 8 – Definiendo la estructura de datos
  10. Symfony 5: La Vía Rápida | Paso 9 – Configurando el panel de administración
  11. Symfony 5: La Vía Rápida | Paso 10 – Construyendo la interfaz de usuario
  12. Symfony 5: La Vía Rápida | Paso 11 – Almacenando las sesiones en redis
  13. Symfony 5: La Vía Rápida | Paso 12 – Escuchado eventos (events and subscribers)
  14. Symfony 5: La Vía Rápida | Paso 13 - Gestionando el ciclo de vida de los objetos de doctrine
  15. Symfony 5 La Vía Rapida | Paso 14 - Formularios - Parte 1
  16. Symfony 5 La Vía Rápida | Paso 14 - Formularios - Parte 2 - Subida de archivos
  17. Symfony 5 La Vía Rápida | Paso 15 - Asegurando el panel de administración
  18. Symfony 5 La Vía Rápida | Paso 16 - Previniendo spam con una API
  19. Symfony 5 La Vía Rápida | Paso 17 – Pruebas Automatizadas
  20. Symfony 5 La Vía Rápida | Paso 18 – Volviéndonos Asíncronos
  21. Symfony 5 La Vía Rápida - Paso 19 - Tomando decisiones con un workflow
  22. Symfony 5 La Vía Rápida - Paso 20 - Envío de correos electrónicos a los administradores
  23. Symfony 5 La Vía Rápida | Paso 21 - Almacenando en caché para mejorar el rendimiento

¿Quieres comprarme un café?

  • Bitcoin
  • Ethereum
Scan to Donate Bitcoin to bc1qevxv68nfq427zfkwdjg7802dt00t3h3ulq0rxa

Dona Bitcoin a NeuroSimbiosis

Escanea el código QR o copia la dirección de abajo para realizar donaciones

Scan to Donate Ethereum to 0x47742BE8B21052ce25b33d6A0e09113826AF341f

Dona Ethereum a NeuroSimbiosis

Escanea el código QR o copia la dirección de abajo para realizar donaciones

Deja un comentario