Interfaz de usuario de Yahoo! Blog (YUIBlog)

YUI: Jue horarios de entrada 24 de mayo

YUIDoc actualizaciones y Travis IC Integración

Con la última versión de YUIDoc y su reciente mensaje el hacerse las pruebas de YUI que se ejecutan en Travis IC , parece un buen momento para tener una charla y Q & A con Dav. No es que haya un mal momento para tener una charla con Dav.

Fecha y detalles

Vamos a estar en línea el jueves 10 a.m.-11 a.m. PDT.

Vamos a volver a usar Adobe Connect esta semana debido a que la resolución de emisión de Google Lugares frecuentados + on Air era un poco baja, y nos gustaría que el chat sea más accesible para los no-usuarios de IRC. Háganos saber si usted está de acuerdo o en desacuerdo en los comentarios.

Grabación

La grabación está disponible en el canal YouTube YUILibrary .

Buscar conversaciones: Bloglines | technorati

Compartir y ampliar: Marcar página con del.icio.us | Digg It! | reddit!

YUI y Travis sentado en un árbol git-

Durante las últimas semanas, he pasado una gran cantidad de tiempo a hacerse pruebas de YUI centrales se ejecutan en Travis IC . A partir de hoy, cada empujón a nuestro YUI 3 reporto en los resultados de GitHub en más de 6.000 (6.053 para ser exactos) las pruebas de unidad que se está ejecutando y se registran. Estas pruebas incluyen 1.130 de nuestras pruebas de unidad central de JavaScript sólo ejecutan de forma nativa dentro de Node.js en las versiones 0.4.x y 0.6.x (con soporte para 0.7.x que se añadirán en breve). Seguimos de que con nuestra gama completa de pruebas unitarias (4.923 pruebas), corriendo con mi línea de comandos YUITest / PhantomJS envoltura, Grover .

Hoy quiero contarles un poco más acerca de cómo y por qué estamos haciendo esto.

¿Por qué?

Durante mucho tiempo, nuestras pruebas y se basa eran un misterio para nuestros usuarios. Todos ellos ocurrió a puertas cerradas y nadie sabía realmente lo que estábamos haciendo. En los últimos años, empezamos a añadir más y más de nuestras pruebas a nuestro árbol de código fuente, por lo que la gente pueda ver lo que estamos probando activamente. Esto ayudó un poco, pero no muestran que corremos cada prueba en cada generación, y que si falla una prueba, no empuje que construir GitHub.

Entonces llegó Travis IC, la plataforma de código abierto de integración continua que se engancha directamente en GitHub. He jugado un poco con ella por un día y de inmediato comenzó a moverse en torno a nuestras pruebas, así que pudimos usarlo. Queremos ser más transparentes en nuestros procesos y permitir que el público vea lo que probar y cómo lo hacemos.

Una de las cosas que queremos añadir a este proceso es el acceso a nuestro informe actual de la cobertura de código. En la actualidad, se ejecuta un informe de cobertura de código al día de las pruebas ejecutadas en FF12, Chrome y IE8 última-, pero ninguno de nuestros usuarios pueden ver que estamos en ~ 80% cubierto:

Estamos trabajando muy duro para solucionar este problema y esperamos obtener estos datos a la intemperie para que todos la vean.

¿Cómo?

Tuve que hacer cambios mínimos en las suites principales de pruebas con el fin de conseguir que se ejecute en Node.js en Travis IC. Por "principales suites de prueba", me refiero a cualquier módulo de YUI que se puede ejecutar sin necesidad de un DOM de trabajo. Esto incluye, pero no se limita a: YUI Core, cargador, YQL, Y.Array, Y.Object, etc Estos módulos están en el interior de la Node.js perfectamente utilizable sin modificaciones.

Echemos un vistazo a las pruebas YQL como un ejemplo.

Todo lo que tenía que hacer era crear un contenedor Node.js similar a la envoltura de prueba estándar que utilizamos en un navegador, e incluyen la prueba de exactamente la misma que se ejecuta en el navegador.

Aquí está el módulo contenedor YQL de:

Ahora, este módulo misma prueba se puede ejecutar en un navegador y en Node.js sin modificaciones!

Advertencias?

Para que estas pruebas se ejecuten de forma nativa en Node.js, es necesario que no interactúan con el DOM. Por ejemplo, Y.Array consiste en los métodos de ayuda para lidiar con Array s en JavaScript. Sin embargo, hay algunas pruebas que incluyen lidiar con los elementos DOM para asegurar que los métodos auxiliares devolver los valores correctos. Para estas pruebas, me tuve que cambiar el código DOM-relacionada a un nuevo test y añadir esta prueba a la lista de las pruebas se ignoran cuando Y.UA.nodejs se detecta. De esta manera, estas pruebas son ignoradas en Node.js, pero aún se ejecutan en el navegador.

He aquí un ejemplo:

Como puede ver, es relativamente fácil de hacer nuestras pruebas se ejecutan en los entornos para asegurar que nuestro código es estable y completamente funcional cuando se usa en Node.js como lo es en el navegador.

¿Qué es Grover?

Grover es una herramienta de línea de comandos que permite ejecutar YUITest pruebas basadas en PhantomJS. PhantomJS es un ejemplo, sin cabeza Webkit que le permite hacer que una página HTML sin la presencia de interfaz gráfica de usuario. Así que Grover se cierra la brecha en esto y le permite ejecutar nuestras pruebas unitarias desde el interior de línea de comandos de un sistema de IC como Travis.

Grover es gratuito y está disponible a través de: npm install -g grover (. Usted debe tener el binario PhantomJS instalado antes de usar Grover)

¿Cómo ve todo esto?

Travis CI proporciona un informe completo de las versiones anteriores, así como una información sobre el estado de hasta al día. Abajo están los enlaces a nuestros proyectos actuales alojados en Travis IC:

• YUI 3
• YUIDoc
• Yeti
• Grover

Aquí está un pequeño fragmento de lo que nuestra salida de la compilación se parece (de la historia de construir el repositorio yui3 ):

¿Qué otra cosa hace?

Estamos probando el nuevo Travis / GitHub función de solicitud de extracción en todos nuestros proyectos. Esto significa que cada vez que un desarrollador presenta una solicitud de extracción para nosotros, Travis sacará automáticamente su código, que en combinación maestro (en su servidor) y ejecutar nuestra suite completa de pruebas unitarias en contra de ella. Su "Motor de búsqueda Travis" automáticamente enviar un comentario de nuevo a la solicitud de extracción decirle al desarrollador o no el parche pasado sus pruebas.

He aquí un ejemplo de un paso de solicitud de extracción:

Y uno en el que falla:

Qué es lo siguiente

Tenemos previsto añadir soporte para la ejecución de nuestras pruebas con el Yeti, tan pronto como esté lo suficientemente estable como para ejecutarse en cada generación. También estamos estudiando la implementación de nuestros números de cobertura de código también. Aparte de eso, no dude en decirnos en qué otras maneras podemos ser más abierto de lo que somos ahora.

Yo, por mi parte, estoy muy contento con todas estas nuevas características y espero que usted es demasiado!

Buscar conversaciones: Bloglines | technorati

Compartir y ampliar: Marcar página con del.icio.us | Digg It! | reddit!

YUI 3.6.0 PR1 ya está disponible

Tenemos el agrado de anunciar la disponibilidad de YUI 3.6.0 PR1 para las pruebas de la comunidad y la retroalimentación. Por favor tome un momento para echarle un vistazo a través de CDN o de descarga .

Estas son las fechas límite para todos los YUI 3.6.0 hitos:

• PR1 - 08 de mayo 2012
• PR2 - 12 de junio 2012
• PR3 - 17 de julio 2012
• GA - 31 de julio 2012

Una visión general de los temas que estamos trabajando para YUI 3.6.0 incluyen:

• ScrollView mejoras
• DataTable características y mejoras de rendimiento
• Listas de correcciones de errores
• Imagen característica de vista previa en el cargador
• Calendario Popup
• YUI mundial de semillas y rediseñado para obtener un rendimiento

También estamos tomando medidas para condensar nuestro ciclo de desarrollo para que podamos hacer la transición a las emisiones mensuales en un futuro próximo.

La lista de los temas abordados en 3.6.0 PR1 y la lista completa de temas específicos para la 3.6.0 están disponibles en nuestro bug tracker.

Le invitamos a unirse a las discusiones en curso de desarrollo que ocurren con el equipo más en GitHub.

Esperamos sus comentarios a continuación!

Buscar conversaciones: Bloglines | technorati

Compartir y ampliar: Marcar página con del.icio.us | Digg It! | reddit!

YUIDoc 0.3.0 es oficial!

Hoy nos complace anunciar el lanzamiento oficial de la nueva YUIDoc , nuestro generador de documentación de JavaScript. YUIDoc es un Node.js aplicación que genera documentación de la API de los comentarios de la fuente, con una sintaxis similar a herramientas como Doxygen y Javadoc. YUIDoc está alimentando el documentación de la API de YUI y ha sido actualizada activamente en el último año .

[Ampliar imagen]

YUIDoc establece lo siguiente:

• Las vistas previas. YUIDoc incluye un servidor independiente doc, por lo que es trivial para previsualizar tus documentos a medida que escribe.
• Documentación generada moderno marcado. YUIDoc es una aplicación atractiva, web funcional con las direcciones URL reales y retrocesos elegantes para las arañas y otros agentes que no pueden ejecutar JavaScript.
• Amplio soporte de idiomas. YUIDoc fue diseñado originalmente para el proyecto de YUI, pero no está vinculado a ninguna biblioteca en particular o lenguaje de programación. Se puede utilizar con cualquier lenguaje que soporte /* */ comentario bloques.

Algunas de las nuevas características añadidas a esta versión son:

• Markdown apoyo en los comentarios de código
• Soporte para etiquetas de muchos más fuera de la caja
• Lógica separados para permitir una fácil extensibilidad
• Mejor soporte de tematización
• Modo Servidor para las vistas previas en tiempo de desarrollo
• Los datos externos se mezclan
• Fácil instalación de plataformas cruzadas
• La reticulación dentro y fuera del proyecto actual
• Configuración basada en JSON

Vamos a entrar en detalles un poco más en algunos de ellos:

Instalación simple

Si usted tiene Node.js e instalado la NGP, la instalación es fácil:

  NGP-g de instalación yuidocjs 

Markdown apoyo en los comentarios de código

YUIDoc analizará su comentario con Markdown antes de aplicar la plantilla de manillar que le da una gran flexibilidad al escribir sus documentos.

Lógica separados para permitir una fácil extensibilidad

YUIDoc utiliza la infraestructura de YUI clase interna y las exportaciones de todos estos módulos cuando se require la yuidocjs módulo. Esto permite a los usuarios finales para engancharse a YUIDoc internos y cambiar la forma en que hace las cosas. Puede extender las clases, aumentar ellos o simplemente de plano los métodos de cambio para satisfacer sus necesidades.

Mejor soporte de tematización

En esta versión se utiliza el built-in Y.Handlebars ayuda para manejar toda la generación de la plantilla. También hemos tomado en consideración el desarrollo en la construcción de esta característica. YUIDoc buscará primero que se construye en el directorio de temas de los parciales, entonces buscará en su directorio de temas locales. Esto le permite tener sólo para mantener los archivos que desea cambiar en su tema y no tener que copiar todos los parciales, incluso si usted no lo está modificando.

Modo Servidor para las vistas previas en tiempo de desarrollo

Esta es mi nueva característica favorita! Usted puede disparar hasta YUIDoc en modo de servidor y se le dará vista previa en vivo de la documentación a medida que lo edita. Basta con guardar el archivo y volver a cargar la página desde el construido en el servidor y ver los cambios vivir. La inclusión de datos externos y reticulación. Ya no es necesario para generar la documentación para todo el proyecto sólo para ver un cambio en la documentación!

Los datos externos se mezclan

YUIDoc ahora le permite vincular la documentación a la salida procesada de otra instancia YUIDoc. Por ejemplo, si su proyecto utiliza YUI y ampliar algunas de nuestras clases básicas, se puede enlazar a nuestra exportación data.json archivo (desde nuestro YUIDoc construcción) y cuando YUIDoc analiza la documentación de que obtendrá los datos y la cruz de enlace, todo lo las clases se extiende hacia atrás a la nuestra. De esta manera usted no tiene que documentar los proyectos de otro código, sólo tiene que apuntar a su documentación como si fuera parte de la suya.

Los cambios del proyecto

Todo el desarrollo YUIDoc futuro será totalmente realizado en Github. Vamos a seguir el proyecto en su wiki y el uso de sus problemas para gestionar los billetes. Se ejecuta como un proyecto Node.js nativa completamente al aire libre. También se va a utilizar un Grupo de Google para las solicitudes de apoyo, por lo que regístrate hoy !

También nos complace informar de que las pruebas de YUIDoc de la unidad se encuentra alojado en Travis-CI y se ejecutará por empuje Github!

• Fuente
• Documentación
• API de Google Docs
• Google Group
• Travis-CI

¿Qué pasa con la versión antigua de YUIDoc?

La antigua fuente de Python para YUIDoc se encuentra en una rama en el actual repositorio Github donde permanecerá indefinidamente. No hay planes sobre la aceptación de las solicitudes de extracción o de hacer cambios a esa base de código.

Buscar conversaciones: Bloglines | technorati

Compartir y ampliar: Marcar página con del.icio.us | Digg It! | reddit!

YUI: Jue horarios de entrada 10 de mayo

YUI 3.5.0 Uploader

Uploader es otro componente que vio una mejora importante en la 3.5.0. De los muchos cambios, uno grande fue la adición de soporte para las funcionalidades nativas en navegadores que soporten HTML 5.

Únase a nosotros en una discusión con su autor, Allen Rabinovich , en el que vamos a hablar de cómo está estructurado Uploader, algunos de los retos con técnicas modernas que se necesitan para ser atendidos, y lo que está en la hoja de ruta para las próximas versiones.

Fecha y detalles

Vamos a estar en línea el jueves 10 a.m.-11 a.m. PDT.

Esta semana, vamos a probar Google Plus Lugares frecuentados en el aire, por lo que el audio y el canal de video será a través de G +, y vamos a estar monitoreando el chat en el canal de IRC # yui en freenode .

Ver la grabación

Buscar conversaciones: Bloglines | technorati

Compartir y ampliar: Marcar página con del.icio.us | Digg It! | reddit!

Al anunciar YUI 3.5.1

Tenemos el agrado de anunciar la disponibilidad de YUI 3.5.1 en CDN o como una descarga . YUI 3.5.1 es una versión más pequeña ámbito de la corrección de errores solamente.

Disfrute!

Buscar conversaciones: Bloglines | technorati

Compartir y ampliar: Marcar página con del.icio.us | Digg It! | reddit!

Viendo los controles en un DataTable: Una visión general

Recientemente, hubo una pregunta en los foros sobre el uso de campos de entrada en un DataTable. Con el empuje constante para crear aplicaciones cada vez más complejas en el navegador, decidí que una visión general de las opciones disponibles para la edición de datos tabulares pueden ser útiles.

La forma más sencilla de editar los datos sería el uso de edición en línea, pero esto aún no está disponible en tres YUI DataTable. Por el momento, una opción es para rodar sus propios campos de entrada directamente en las celdas de una tabla, similar a este ejemplo .

Si no desea guardar cada cambio cuando ocurre, se puede utilizar la edición rápida módulo de galería en su lugar. Esto le permite editar todas las celdas visibles y luego guardar los cambios en una sola operación.

Las soluciones anteriores son modales. Si usted prefiere un modo no-modal para editar todas las células, puede utilizar el Editor de granel widget. Esto funciona con la paginación, así que usted puede guardar todos los cambios a través de todas las páginas de la tabla en una sola operación. Incluso te permite añadir y eliminar filas -, e incluso cuando se utiliza un control remoto origen de datos!

Bulk Editor no se construye en la parte superior de YUI DataTable, sin embargo. Si necesita otras características de YUI DataTable, puede utilizar el plugin de la preservación del estado de YUI DataTable 3. Esto también funciona con la paginación, así que usted puede guardar todos los valores en todas las páginas en una sola operación, pero no está diseñado para que usted puede fácilmente agregar o quitar filas.

El plugin de la preservación del estado también es útil si quieres hacer algo más simple como mostrar casillas de verificación para seleccionar filas de una tabla.

La razón de todas estas diferentes soluciones es que la ingeniería de las compensaciones son bastante complejos, por lo que no es aconsejable para construir una solución cocina fregadero de un seno para apoyar todas las características anteriores. Esperamos que este resumen le ayudará a elegir el módulo apropiado para hacer frente a su próximo gran mesa de la aplicación basada en.

Sobre el autor: John Lindal ( @ jafl5272 en Twitter) es uno de los ingenieros de plomo en la construcción de los cimientos sobre los que Yahoo! APT se construye. Anteriormente, trabajó en el Yahoo! Publisher Network.

Buscar conversaciones: Bloglines | technorati

Compartir y ampliar: Marcar página con del.icio.us | Digg It! | reddit!