Entradas de mayo 2009

Charla de Nate Koechley, desarrollador front de Yahoo! – cuarta entrega -

6 de mayo, 2009 - por | | Análisis, Frontend

El 18 de marzo se publicó en YUI Theater la charla de Nate Koechley, primer ingeniero front de yahoo! Grosshat ha pensado que sería interesante traducir al español algunas partes con mucha sustancia de la transcripción de la charla, ya que resultan muy esclarecedoras sobre el desconocido papel que desempeña el desarrollador front en las empresas que se dedican a la web (frontend engineer en USA).

Nuestra traducción de la cuarta parte de la charla

La primera de las técnicas tiene que ver con la noción de mejora progresiva. Con frecuencia, en una votación a mano alzada, si pregunto por cuántas personas están familiarizadas con la mejora progresiva, pocos levantan la mano. No obstante, si pregunto por cuántos están familiarizados con el concepto de degradación elegante, entonces, casi todos levantan la mano. La mejora progresiva es la otra cara del concepto de degradación elegante – son usados en la misma dirección pero en sentidos opuestos. Si en vez de pensar en la degradación elegante piensas en construir un sitio o un proyecto pensando en las cosas que no van a funcionar bajo determinadas circunstancias, es decir, le damos la vuelta y comenzamos aumentando progresivamente la fuerza del núcleo. Así que construimos nuestro núcleo fuerte y, después, desarrollamos las mejoras hasta llegar al mismo sitio. Pero como hemos comenzado desde dentro hacia fuera sabemos que nos sostenemos sobre pies sólidos. Algunas veces, si seguimos una filosofía de degradación agradecida, cuando llegamos al final del proyecto no tenemos tiempo para tener en cuenta aquéllas cosas y asegurarnos de que no ocurra. Si lo haces en sentido opuesto, comienzas por las pequeñas cosas y luego construyes, te aseguras una red segura por debajo.

Entonces, ¿qué es exactamente la mejora progresiva? ¿Cómo lo haces y cuáles son sus reglas? A continuación, algunas de ellas. Implicaría comenzar por el centro, como hemos dicho, y construir tu desarrollo. Lo primero es el uso de marcado para enriquecer el contenido. Empezamos con el contenido de nuestra página y le damos más significado mediante marcado. Una vez que tenemos esta base, podemos probar que todo funciona bien y esta es nuestra red de seguridad. Hablaremos de por qué es una red de seguridad dentro de unos minutos. Una vez que hayamos hecho eso, podemos comenzar con CSS para diseñar la página – la disposición de las columnas, distribución de imágenes, color y topografía. Una vez que tenemos esas dos piezas del puzzle, entonces desarrollamos el JavaScript para el DHTML, el comportamiento, la comunicación Ajax, que hace que las cosas sean más rápidas para aquellas personas que tienen acceso.

A lo largo de este proceso, estamos respetando las preferencias de los usuarios, tanto conceptualmente, dejando elegir e interactuar con las capas, como en la práctica, siendo conscientes de que se puede cambiar el tamaño de la fuente, el tamaño y resolución de la pantalla, etc., y tener en cuenta estas cosas apoya la construcción del sitio desde el principio. Además, nos esforzamos para no crear barreras a nadie que entre. Puedes construir – cuando construyes, cualquiere puede entrar en cualquier parte del proceso sin la necesidad de llegar de un bar determinado. Construimos una base sólida, la gente puede interactuar a cualquier nivel. Así que estos son algunos de las cuestiones que están detrás del concepto de mejora progresiva.

Relacionado a la mejora progresiva, pero más específicamente relacionado con el JavaScript, es la noción de Javascript discreto. Si haces una búsqueda en la Web para saber más del Javascript discreto, tendrás la oportunidad de encontrar en este enlace. Nuestro colega, Christian Heilmann, escribió esto que es un hermoso tutorial autodidacta para adentrarte en los aspectos y técnicas de Javascript discreto.