Carlos Azaustre | Formación en JavaScript

webcomponents

El futuro de los WebComponents gracias a Polymer 3.0

Futuras novedades en el estándar de WebComponents gracias a los avances de Polymer 3.0

vue

Primeros pasos en Vue

Ejemplos de código para conocer cómo funciona la librería Vue.js desde cero sin más herramientas que HTML y JavaScript.

vue

Qué es lo que me gusta de Vue.js

Que funcionalidades me gustan de Vue.js con respecto a otros frameworks como Angular, React o Polymer

firebase

¿Qué son las Firebase Cloud Functions?

¿Qué son las Cloud Functions? Las Cloud Functions de Firebase son un nueva funcionalidad que ofrece la plataforma de Google y que anunciaron en el pasado Google Cloud Next'17. Esta nueva funcionalidad permite

webcomponents

WebComponents Nativos: Cómo pasar propiedades

En un post anterior vimos como crear un webcomponent de forma nativa, sin librerías. Utilizando puro JavaScript y las APIS del navegador (CustomElements v1 y ShadowDOM v1) Este artículo extiende el anterior para

JavaScript

ES6 Tagged Template Literals

ECMAScript v6, la nueva versión del estándar de JavaScript, ha traído muchas novedades y hay una de ellas que ha pasado desapercibida y me parece muy interesante. Son las ES6 Tagged Template Literals.

flux

Cómo funciona Redux. Conceptos básicos

En el anterior post vimos que era y cómo funcionaba la arquitectura Flux. Siendo de alguna manera, un sustituto o evolución del patrón Modelo-Vista-Controlador. Al igual que existe la programación orientada a objetos

flux

¿Qué es Flux? Entendiendo su arquitectura

Como suele pasar en el desarrollo Front-End de los últimos años, existe un gran número de librerías, frameworks y herramientas que si uno no está más o menos pendiente y al día, resulte

angular.js

Mi experiencia cambiando de AngularJS a ReactJS

En este artículo quiero contar mi experiencia de trabajar con Angular durante un tiempo y mi cambio a React hace unos meses. No se trata de un post de "Angular vs React&

firebase

Cómo hicimos #NavidadConFirebase en Youtube

Las pasadas navidades, un grupo de desarrolladores nos juntamos para crear una iniciativa que consistía en enseñar a través de Youtube cómo integrar Firebase en diferentes tecnologías. Durante 1 mes, semana a semana,

JavaScript

Cómo crear un WebComponent de forma nativa

Gracias a los custom elements cualquier desarrollador web puede crear sus propios componentes HTML. Es decir, un nuevo tag HTML que "esconde" dentro su propia funcionalidad, diseño y layout. En este

react.js

Formas de crear un Componente en React

Un componente en React puede crearse de diferentes formas dependiendo de la versión de JavaScript que estemos utilizando y del propósito del componente. En este artículo recopilo las diferentes formas que existen y

OKR

Resumen de 2016 y propósitos para 2017

Como viene siendo habitual por estas fechas, voy a compartir las métricas en torno al blog durante 2016. Si quieres ver como fue en anteriores años, aquí te dejo los enlaces: Métricas del

Google Launchpad

Mi experiencia cómo mentor en Google Launchpad Week

El post de hoy no es muy técnico pero tenía ganas de comentar mi experiencia como mentor en Google Launchpad Hace unas semanas se organizó en Madrid una Google Launchpad Week orientada al

firebase

Usando Firebase Storage con React.js

En este artículo vamos a ver como utilizar la funcionalidad de Storage de Firebase para poder subir y almacenar archivos en la nube, y como integrarlo con React. Firebase Storage es algo similar

JavaScript

Cómo conectar Firebase a una aplicación React

Firebase es un set herramientas e infraestructura de Google que nos ayuda a los desarrolladores a implementar un Backend rápidamente sin necesidad de codear. Empezó como una Base de Datos Realtime as a

react.js

Estructura y funcionamiento de un componente en React

Un componente de React se puede crear de varias formas. Una de ellas es con el método createClass que ofrece la librería. const React = require('react') const MyComponent = React.createClass({ ... }) Y la otra

webpack

Primeros pasos con Webpack

Webpack es un sistema de bundling para preparar el desarrollo de una aplicación web para producción. En cierta medida se puede considerar un Browserify avanzado ya que tiene muchas opciones de configuración. También

JavaScript

JSX para novatos

JSX es una extensión de JavaScript creada por Facebook para el uso con su librería React. Sirve de preprocesador (como Sass o Stylus a CSS) y transforma el código a JavaScript. De primeras

react.js

Mi inmersión en React

Antes de nada quiero aclarar que AngularJS me gusta (por si no se nota de mis anteriores posts :P). Aposté por Angular cuando mucha gente todavía renegaba de JavaScript y del stack MEAN.

Desarrollo por componentes con Angular 1.5 y ES6/ES2015

En el pasado AngularCamp impartí un workshop enseñando una aplicación web de ejemplo empleando la última versión de Angular 1x, la 1.5.6 que introduce el método .component() para desarrollar basado en

JavaScript

Formas de manejar la asincronía en JavaScript

Si hay algo que caracteriza a JavaScript, es la asincronía que presentan algunas funciones. Concretamente las que realizan operaciones de entrada/salida como escritura o lectura del disco o una petición AJAX. En

Aprendiendo y Compartiendo con la Comunidad

Esto es un resumen de la charla Ignite que di en la PlatziConf Madrid 2016 organizada por Platzi en el Campus Madrid de Google. Una charla Ignite son 5 minutos de duración y

angular.js

AngularCamp 2016, el evento AngularJS del año en España

El próximo 1 de Julio se celebra en Barcelona el evento de AngularJS más importante de España: AngularCamp. Tendrá lugar los días 1, 2 y 3 de Julio. El evento consta de dos

Cambio de diseño en el blog

En este post he querido recopilar a modo de recuerdo el aspecto que tenía este sitio desde sus inicios hasta ahora, utilizando Wayback Archive para recuperar las capturas Fue a finales de 2012