Entradas de la categoría Dart + HTML

nov
14
2011

Dart y elementos HTML. Parte 3

Este post es la continuación de nuestros 2 artículos anteriores, si no entiendes algo, quizá deberías consultarlos (Parte 1, Parte 2). Está inspirado en el ejemplo de Chris Buckett.

Vamos a crear un formulario muy simple que recoja nombre y apellido y que salude a nuestros visitantes. Crearemos el formulario dinámicamente utilizando constructores. Utilizaremos un evento para capturar la pulsación del botón y vamos a volcar contenido en una capa para nuestro saludo.

Esta es la estructura del ejemplo:

client/client.html – Página con la referencia a nuestro script, nada más.

Continuar leyendo »

Enlace permanente a este artículo: http://www.dartexperience.com/es/2011/11/14/dart-and-html-elements-part-3/

nov
07
2011

Dart y elementos HTML. Parte 2

Retomamos aquí nuestros artículos sobre cómo trata Dart los elementos HTML. Veremos las colecciones, los constructores y eventos. (Ver Parte 1)

3.- Colecciones

En Dart los objetos devueltos por elements, nodes y query() que correspondan con colecciones serán implementaciones de las librerías de colecciones contenidas en el núcleo de Dart. Serán listas, mapas y sets de Dart.

En vez de un montón de métodos diferentes, en Dart todos son parte del mapa attributes, siendo más fáciles de tratar y recordar.

// Javascript:                       // Dart:
elem.hasAttribute('name');           elem.attributes.contains('name');
elem.getAttribute('name');           elem.attributes['name'];
elem.setAttribute('name', 'value');  elem.attributes['name'] = 'value';
elem.removeAttribute('name');        elem.attributes.remove('name');

Continuar leyendo »

Enlace permanente a este artículo: http://www.dartexperience.com/es/2011/11/07/dart-and-html-elements-part-2/

nov
01
2011

Dart y elementos HTML. Parte 1

¿Cómo interactúa Dart con los elementos HTML?

Muchos de vosotros os preguntareis dónde está el componente HTML en Dart. ¿Cómo puedo acceder a elementos HTML como lo hace javascript?

En el artículo Improving the DOM de Bob Nystrom en Dartlang explican como han creado el sistema para realizar estas labores.

Vamos a verlas. Continuar leyendo »

Enlace permanente a este artículo: http://www.dartexperience.com/es/2011/11/01/dart-y-elementos-html-parte-1/