Before Splats. Spoiler: it is all about tagless components

There is a recurring question about components that appear in Slack: how can I pass different attributes to a component depending on a given object? As an example, people want to be able to do something like the object spread operator in ECMAScript. Object Spread Properties The TC39 proposal Object Rest/Spread Properties for ECMAScript gives …

Read moreBefore Splats. Spoiler: it is all about tagless components

The Path to Contextual Components: Contextual Components

Contextual components are introduced in Ember.js 2.3 to improve component composition and the usage of components for DSL. Contextual components bring three new features to Ember: The hash helper: this simple helper just returns a hash with the attributes passed to it. Closure components: similar to closure actions, a closure component encapsulates a component with …

Read moreThe Path to Contextual Components: Contextual Components

The Path to Contextual Components: Understanding dynamic components

The component helper allows the user to render a component based on a given name. Given these two components: {{! app/templates/components/first-component }} This is first-component {{name}} {{! app/templates/components/second-component }} This is second-component {{name}} We can render dynamically any of them with the following invocation: {{component componentToRender name=’Sergio’}} The first parameter contains the name of the …

Read moreThe Path to Contextual Components: Understanding dynamic components

The Path to Contextual Components: Understanding positional parameters.

Ember.js 2.3 introduces a brand new feature: contextual components. This feature aims to better component composition and the usage of components for DSL. Before diving into this new feature, we will go through some of the details of current components invocation. In this post, we will see how positional params are used. Positional params Vs. …

Read moreThe Path to Contextual Components: Understanding positional parameters.

Eventos en jQuery, cómo usar on.

En la última entrega vimos que el siguiente código no funcionaba: El anuncio desencadenó un charla con Sergi manteniendo que debería escribir directamente sobre delegación de eventos, que es precisamente lo que vamos a tratar ahora. Delegando eventos. jQuery cuenta con muchos métodos para delegar a eventos (bind, delegate o live). Sin embargo, estos métodos …

Read moreEventos en jQuery, cómo usar on.

Eventos en jQuery, uso básico de on.

En la primera entrega, vimos lo básico de los eventos de nuestro DOM. Ahora veremos cómo usar de forma básica jQuery para manejarlos. Notas previas Todo el código javascript mostrado en este artículo se supone dentro de la función jQuery tal que así: El cuerpo del html es: El método on Antiguamente, jQuery usaba varios …

Read moreEventos en jQuery, uso básico de on.

Un alto en el camino, eventos.

Hacemos un alto en el camino para aprender un poco más sobre los eventos. Serán tres entregas: Eventos, cómo funcionan. Características básicas. Eventos en jQuery. Veremos cómo usar on. Eventos en jQuery. ¿Qué es eso de trigger? ¿Qué es un evento? Un evento puede representar varias cosas, pero normalmente es una respuesta a una acción …

Read moreUn alto en el camino, eventos.

Aprendiendo jQuery con la web del Senado, IV

Hoy aprenderemos: Qué es jQuery UI y a buscar su API. A usar un objeto Date. A crear elementos con jQuery. Código inicial Me llama la atención que, a pesar de que las variables year, txt_month y month son independientes del elemento de la colección, los está recalculando en cada iteración. Saquémoslos fuera, y hagamos …

Read moreAprendiendo jQuery con la web del Senado, IV

Aprendiendo jQuery con la web del Senado, III

Hoy veremos el espinoso mundo de las variables globales. Además, veremos cómo Usar el atributo data. Usar la función map. Inicializar un array. El código inicial. El código a modificar es el siguiente: Me encanta cuando la gente usa variables globales. Me hace preguntarme “¿por qué?”. Seré sincero, no suelo usar javascript. En su lugar …

Read moreAprendiendo jQuery con la web del Senado, III

Aprendiendo jQuery con la web del Senado, II

Hoy, refactorizando la web del senado, aprenderemos: A obtener el valor seleccionado de un select. A ocultar y a mostrar de nuevo un elemento del DOM. A separar un poco más la funcionalidad javascript del estilo de nuestra web. A añadir una función a jQuery. A retrasar la ejecución de nuestro código a que el …

Read moreAprendiendo jQuery con la web del Senado, II