Full Stack

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 →

Creacion de Modales en React con SweetAlert2

Usos de SweetAlert2 A la hora de crear modales, popups y alertas con Javascript, pueden utilizarse diferentes bibliotecas u opciones. Una de esas bibliotecas es SweetAlert2. SweetAlert2 es una biblioteca que esta pensada para poder utilizarse junto a JavaScript Vanilla. Al estar pensado para usarse de esa manera, también funciona con React, Vue y Angular, aunque en este post se utilizara con React. Todo el código creado para esta explicación se puede encontrar en el siguiente repositorio de GitHub. Instalar y crear modales Instalando SweetAlert2 en React Para instalar SweetAlert2 y poder utilizarlo…continue reading →

Consumir servicios de una API Firebase con React

Introducción Firebase es una plataforma en la nube de Google para el desarrollo de aplicaciones web y móvil. Posee múltiples herramientas y funciones para facilitar el desarrollo de aplicaciones, procurando optimizarlas sin renunciar en ningún momento a la calidad. Firestore: Es una base de datos NoSQL flexible, escalable y en la nube con el fin de almacenar y sincronizar datos en tiempo real para la programación tanto en el lado del cliente como en el del servidor. Creación de la base de datos En primer lugar crearemos un nuevo proyecto Firebase desde  https://firebase.google.com/  …continue reading →

Traducción de Apps con i18next

Al momento de ofrecer el contenido de tu aplicación en varios idiomas, existen varias opciones. Por ejemplo, Chrome ofrece la posibilidad de traducir el contenido de una página siempre que el idioma declarado en el atributo lang del fichero HTML sea distinto del navegador del usuario. En ocasiones el idioma de la página coincide con el del navegador pero el contenido está en otro idioma, por lo que no es un método muy eficiente. Existen varias librerías para este cometido en distintos lenguajes. Vamos a usar una librería que tiene soporte con varias…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 →