Internacionalización en Angular (i18n): De Cero a App Multi-Idioma | Tutorial Práctico

Описание: ¡Lleva tus aplicaciones de Angular al siguiente nivel con la internacionalización (i18n)! En este tutorial práctico, te guiaré paso a paso para que puedas crear aplicaciones multi-idioma de forma profesional, desde la configuración inicial hasta un selector de idiomas funcional. 🚀

👉 ¿Quieres el código fuente? Encuéntralo aquí en mi repositorio de GitHub: [https://github.com/willmodev/i18n-tut...]

En este video cubriremos en detalle:

✅ 00:00 - Introducción: Resultado final y temas que veremos.
✅ 00:45 - Instalación y configuración inicial de @angular/localize.
✅ 03:00 - Marcando textos para traducir (atributos i18n y i18n-attr en HTML y $localize en TypeScript).
✅ 05:35 - Extracción de textos con ng extract-i18n y creación de archivos de traducción (.xlf).
✅ 08:08 - Cómo construir y servir tu app en local para cada idioma (ng build --localize).
✅ 10:03 - Configurar la moneda local por idioma (DEFAULT_CURRENCY_CODE).
✅ 13:00 - TIP PRO: Ejecutar tu app en modo desarrollo para un idioma específico (ng serve --configuration=en).
✅ 15:45 - Automatizar el build de todos los idiomas con el atributo "localize": true.
✅ 18:20 - Detectar traducciones faltantes con la propiedad i18nMissingTranslation (error, warning, ignore).
✅ 21:00 - Configurar una redirección al idioma por defecto con serve.json.
✅ 22:30 - Creando un selector de idiomas (Dropdown) para cambiar de lenguaje fácilmente.
✅ 26:17 - Conclusión y próximos pasos.

Este tutorial es perfecto para desarrolladores de Angular que quieren ampliar el alcance de sus aplicaciones y ofrecer una mejor experiencia de usuario a nivel global.

#Angular #DesarrolloWeb #Programacion #AngularTutorial #i18n

¡Hola! Soy Will y he vuelto a YouTube para compartir mi pasión por el desarrollo de software. Si te gusta este contenido, ¡no olvides suscribirte y activar la campanita 🔔 para no perderte los videos semanales!