AngularJS

Bases de datos en AWS con Amazon RDS

Para crear una base de datos en AWS se debe utilizar RDS. RDS son las siglas de Relational Database Service. En primer lugar, desde la consola principal de AWS se puede buscar en la caja de búsqueda o seleccionarlo desde "Servicios de AWS". https://flic.kr/p/2m1pdBS Servicios de AWS https://flic.kr/p/2m1tBnq Busqueda de RDS Una vez seleccionado, se redirigirá a la página del panel de RDS. https://flic.kr/p/2m1s9Pw Dashboard de RDS Ahora, se hace doble click sobre "Create Database": https://flic.kr/p/2m1s9Pb Detalle create Database Una vez se haga click se redirigirá a la creación de la base de…continue reading →

Creación e implementación de Modelos en componentes de Angular – ejemplo práctico

Un modelo en angular es una clase que representa un objeto con propiedades que permite la utilización de la misma desde clases externas, evitando la reiteración de código. A lo largo de esta entrada veremos cómo construir un modelo y cómo implementarla en componentes. Construcción de un modelo: Estas clases se colocan dentro de src/app en una carpeta llamada models. El nombre de estos ficheros se escribe en minúscula: nombrefichero.ts. Como mencionamos previamente, un modelo es una clase que define un objeto con sus respectivas características, por ende, su sintáxsis es la siguiente:…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 →

Login red social React

Es este tutorial aprendrás a iniciar sesión mediante una red social. En este proyecto utilizaremos la herramienta Firebase que nos facilitará el desarrollo de nuestra aplicación. En su plataforma donde podremos anclar y pedir permisos a la aplicaicón de terceros para poder inciar sesión a partir de las redes sociales. Tutorial Primero abrimos el símbolo de sistema de Windows. Agregamos el comando create-react-app y a continuación creamos el nombre del proyecto. Ej: npx create-react-app tutorialenfirebase A continuación, instalaremos las librerías de Firebase: entramos a la carpeta de nuestro nuevo propyecto :np tutorialenfirebase. yarn…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 →