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 internos vía Twitter con Jorge Cano, Andrés Villanueva, Hernán Rajchert y Andrés Cenci, ya teníamos todo coordinado para hacer un meetup conjunto el 27 de Noviembre del 2019, en Trocafone. …


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 N componentes hijos. La forma en como la información se comunique entre los componentes determinará el comportamiento de nuestra aplicación 😄. …


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 proveer una plataforma robusta para suplir la necesidad de casos de uso comunes de nuestros desarrollos. …


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 acceder a conceptos, tutoriales y revisiones técnicas sobre el desarrollo de software e implementación de sistemas de información en salud y compartir su experiencia en el campo.
Nuestra intención es formar un grupo (sin fines de lucro) de personas con interés en aprender, crecer profesionalmente, ayudar al resto con menos experiencia en el área y divertirnos en el proceso. …


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 el elemento huésped y sus elementos hijos. …


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 flag --prod: ng serve --prodo ng build prod, se utilizarán los valores de los atributos en el archivo environment.prod.ts. …


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 función de cada uno de sus atributos. Se asume la ejecución previa de ng new angular-workspace-test para generar una nueva aplicación angular y así revisar el contenido del archivo angular.json. …

About

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