Image for post
Image for post

Cuando dos comunidades de software colaboran ocurren cosas muy entretenidas, como por ejemplo un Meetup conjunto 🎉. En este artículo les contaré cómo fue nuestra experiencia realizando un meetup colaborativo con nuestra comunidad hermana Ng-Baires 😃

Como nació esta iniciativa

Todo partió un día de semana, cuando estábamos conversando con Gonzalo Pincheira A. sobre algunas actividades de la comunidad. Por mera coincidencia nos tocaba viajar a Buenos Aires, Argentina, en Noviembre del 2019. Fue entonces cuando Gonzalo tuvo una brillante idea:

Oye! Te parece que contactemos a la gente de Ng-Baires y hagamos un evento en conjunto?

Let’s do it! Luego de algunos mensajes…


Image for post
Image for post

Este post está inspirado en una keynote del Meetup de Angular Chile titulada: State Management con NGXS en Angular. Puedes acceder a más información de esta charla, slides y otras presentaciones en el siguiente link

Cuando comenzamos a escribir una aplicación utilizando Angular normalmente no nos preocupamos como los componentes comunican información entre ellos y este es un punto muy importante en el inicio de construcción de cualquier aplicación! (créanme, he tenido que sufrir por esto 😅). Recordemos que en Angular todos los componentes están sujetos a una dependencia jerárquica, donde un componente puede tener un componente padre y…


Image for post
Image for post

Estamos muy contentos con la recepción que ha tenido la comunidad HealthDevs en los primeros días de su lanzamiento. ¡Agradecemos a todos el entusiasmo!.
Comenzaremos esta entrada con un spoiler: Este post no es sobre desarrollo en lo absoluto. Sin embargo, abordaremos un tema más importante aun: el estado actual de la informática en salud en Chile. ¿Se hace informática en salud en Chile? ¿Quienes son sus actores principales?.
Si ya trabajas en informática en salud, puede que la gran mayoría del contenido que mencionemos te resulte conocido. …


Image for post
Image for post

El código presente en este tutorial pueden encontrarlo en el siguiente repositorio

Angular provee dos formas de manejar el input generado por el usuario: con Reactive Forms o Template-driven Forms. El manejo de la información es relativamente sencillo para ambos casos.
Los problemas aparecen cuando necesitamos manejar información en formularios distinto a texto: archivos.
En este tutorial veremos como implementar un formulario que contenga un elemento <input type="file"> para subir su contenido a Firebase Cloud Storage utilizando Angular 7.

¿Qué es Firebase?

Firebase es un ecosistema de servicios para desarrolladores de Google. Desde su adquisición el año 2012, Google se ha centrado en…


Image for post
Image for post

Introducción

La comunidad HealthDevs Chile nace por la necesidad de agrupar a diversos profesionales provenientes de las ciencias de la computación, ingeniería y salud con un genuino interés en el aprendizaje e implementación de sistemas de información orientados a resolver problemas en torno a la salud de las personas y poblaciones. Actualmente existen diversas iniciativas nacionales e internacionales en torno a la informática biomédica y ciencias de la salud, con un importante rol en la difusión y constitución del área a nivel nacional, pero creemos que es necesario un lugar donde los desarrolladores de software y población en general interesada pueda…


Image for post
Image for post

Normalmente cuando escribimos nuestras aplicaciones utilizando Angular lo hacemos con un lenguaje en mente. ¿Pero que ocurre cuando existe el requerimiento de soportar dos o más lenguajes?.
En este breve tutorial te enseñaremos a utilizar la librería ngx-translate para llevarlo a cabo 😃

El código de este tutorial puedes encontrarlo en el siguiente repositorio

Qué construiremos

Crearemos una breve aplicación que muestre un texto en múltiples idiomas. Tendremos un componente llamado TranslationComponent encargado de realizar el cambio de lenguaje entre español 🇨🇱, inglés 🇺🇸 y japonés 🇯🇵


Image for post
Image for post

Con Angular, en unos pocos pasos, podemos tener una aplicación web funcionando gracias al poderoso tooling del framework. Sin embargo, la aplicación generada con el comando ng new <NOMBRE-APP> no es algo que llame mucho la atención visualmente...


Image for post
Image for post

Angular, al igual que otros framework de JS modernos, también tiene la característica de controlar los elementos del DOMgracias a atributos especiales. Estos atributos son llamados directivas estructurales.
En esta breve guía les mostraré cuales son esos atributos, que ocurre tras bambalinas y como podemos beneficiarnos de las directivas estructurales en Angular para manipular el DOM al desarrollar nuestras aplicaciones.

¿Qué son las Directivas Estructurales?

Las directivas estructurales corresponden a elementos en el HTML que permiten añadir, manipular o eliminar elementos del DOM. Estos elementos, en forma de atributos, se aplican a elementos huéspedes. Al hacer esto, la directiva hace lo que debe hacer sobre…


Image for post
Image for post

Al crear una aplicación en Angular contamos con dos archivos environment en la ruta src/environments. En estos archivos podemos definir variables que serán utilizadas para almacenar valores críticos para el funcionamiento de nuestra aplicación. Son archivos de gran utilidad para agregar:

  • API Keys
  • URL a servicios
  • Parámetros de configuración global
  • Valores constantes

De esta manera no declaramos los mismos valores que serán utilizados una y otra vez en nuestros componentes, módulos y servicios 😄. Al ejecutar en consola ng serve o ng build, se utilizarán los valores de los atributos en el archivo environment.ts, mientras que si se agrega el…


Image for post
Image for post

Para poder trabajar con Angular utilizamos nuestra querida herramienta Angular CLI ❤️. Angular CLI es un proyecto desarrollado por la misma gente de Google para facilitarnos el trabajo de crear una estructura nueva de proyecto, creación de componentes / servicios / directivas, servir la aplicación en un entorno de desarrollo y realizar build, entre otras útiles tareas 💻.
Para que Angular CLI sepa que hacer, se vale de un archivo llamado Angular CLI Workspace. Este archivo se encuentra dentro de la estructura de nuestro proyecto y se identifica con el nombre angular.json.

En esta publicación revisaremos la estructura, contenido y…

Nicolás Avila

MS Audiologist. Clinical Informatics Manager at Clínica Alemana de Santiago. Father, Dog Lover, 8-Bit Appreciator & Synth Geek

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store