Angular

Reconocimiento por voz en un proyecto Angular

Presentar el problema Se utilizará el reconocimiento por voz, para que personas discapacitadas puedan interactuar más fácil, con el uso del habla, en una página web que contendrá notas, además esto permitirá que el resto de usuarios puedan disfrutar de la solución desde otro punto de vista. Puntos importantes Apoyar a un sector de usuarios discapacitados y mejorar su experiencia con la interacción a través de una página web. Animar a la comunidad informática para que implemente la funcionalidad del componente a sus respectivos sitios webs para mejor la comunicación e interpretación de…continue reading →

Creación de Rutas, pasar parámetro por URL y rutas hijas en Angular

Las aplicaciones Angular son aplicaciones SPA, Single Page Applications, en las cuales están formadas por componentes.  Donde cada componente es una página de la aplicación. Entonces, cómo es que se relacionan dichos componentes para poder navegar por toda la aplicación? Sencillo es gracias a un fichero en el cual se establecen las rutas de internas de la aplicación donde se podrá navegar. Este fichero se localiza dentro del proyecto el src/app. Existen dos formas distintas para la creación de dicho fichero: Durante la creación del proyecto de angular con el comando ng new…continue reading →

Usando e implementando Pipes (Angular)

Las pipes son clases que se encargan de formatear los datos para poder mostrar la información a los usuarios de una manera determinada. Este formateo sucede antes de que los datos sean recibidos por, por ejemplo, un componente. Angular tiene pipes auto implementadas; sin embargo; también permite crear pipes personalizadas. Empezaremos por ver cómo crear una pipe personalizada junto a cómo implementarla en distintas áreas de nuestra aplicación. Para empezar, vamos a pintar una tabla que mostrará los platos del menú de un restaurante. Esta tabla hará uso de una lista desplegable (select)…continue reading →

MaterialUI en Angular (for dummies)

Buenas a todxs! Hoy vamos a ver una pequeña parte de nuestro mundo como desarrolladores. Veremos básicamente lo que es Angular Material: una libreria de componentes UI con una guía de estilos ya creadas por Google, y que están casi destinadas a la responsividad y en general a Android y sus aplicaciones. En resumidas cuentas, Angular Material es un conjunto de estilos con una lógica por detrás para poder hacerles referencia. Lo que vamos a necesitar será: -Un proyecto de angular ya creado o nuevo -Angular CLI 10.2 -Consola de comandos (Yo he…continue reading →

Internationalization (i18n) angular

En este tutorial de Angular 9/8 veremos cómo traducir una aplicación Angular usando la librería ngx-translate. Ngx-translate es una biblioteca de internacionalización para Angular que permite internacionalizar la aplicación en varios idiomas. Puede convertir fácilmente datos estáticos o dinámicos en varios idiomas.  Proporciona un servicio útil, una directiva y una tubería para manipular cualquier dato. ¿Qué es la internacionalización? La internacionalización es el proceso de diseño y preparación de su aplicación para poder utilizarla en diferentes idiomas. La localización es el proceso de traducir su aplicación internacionalizada a idiomas específicos para entornos locales particulares.angular.io…continue reading →

Introducción a Material en Angular

Hola, bienvenidos a este nuevo post donde veremos una breve introducción a Material en Angular. ¿Qué es Material? Es un kit de componentes que nos permite incorporar elementos tales como botones, tablas, paginadores con un diseño, animaciones creados ya predeterminados. A continuación se empezará la explicación desde cero, necesitamos Visual Studio Code y la consola de Windows para poder trabajar. Empecemos! Para crear el proyecto debemos abrir la terminal de Windows e ir hacia la ruta que deseemos para guardar nuestro proyecto, nosotros lo haremos en una carpeta en el escritorio llamada Angular.…continue reading →