Angular: Convierte tus template en Multi-Idiomas

Potencializa en multi-idiomas tu ApiWeb utilizando NGX-Translate

What you'll learn:

• Aprenderás a convertir en multi-idiomas cualquier ApiWeb
• Aprenderás a convertir cualquier plantilla html a una ApiWeb
• Conocerás como hacer una conexion http con tu json
• Aprenderás a distribuir ordenadamente cada uno de tus archivos

Como hemos visto en la actualidad, ya no solo basta en mostrar en un solo idioma una aplicación, sino necesitamos incrementar las entradas como algo mas general, es por ello que este curso va enfocado a que podamos traducir nuestra información a cualquier idioma, siempre y cuando uno tenga el conocimiento de las palabras para lograrlo hacer.

Se utiliza como ejemplo algunas dependencias de ngx-translate para hacer la traducción y mdb-bootstrap para la interfáz gráfica.

En seguida dare una breve explicación de lo siguiente:

Angular es un framework opensource desarrollado por Google para facilitar la creación y programación de aplicaciones web de una sola página, las webs SPA (Single Page Application).

Angular separa completamente el frontend y el backend en la aplicación, evita escribir código repetitivo y mantiene todo más ordenado gracias a su patrón MVC (Modelo-Vista-Controlador) asegurando los desarrollos con rapidez, a la vez que posibilita modificaciones y actualizaciones.

ngx-translate es una librería que permite la carga dinámica de archivos de traducciones en nuestras aplicaciones angular, esta capacidad de carga dinámica de archivos nos permite cambiar el idioma de la aplicación sin necesidad de recargar la pantalla.

MDBootstrap le da un toque material design a todos los componentes de Bootstrap 4, 5 y además incluye nuevos componentes y colores para los botones, navbar, entre otros.

MDBootsrap funciona con Bootstrap así que debemos descargar Bootstrap y MDBootstrap.

Dentro de las novedades que se incluyen:

• Efecto de ondas al hacer click en botones y otros componentes.

• Botones con colores extra.

• Botones con gradientes

• Botones sociales

• Colores en Navbar

• Y mucho mas.