YUI Theater - Nate Cavanaugh et Eduardo Lundgren: «Un tour d'horizon des composants AlloyUI dans la galerie de YUI 3" (67 min.)
30 novembre 2010 à 23h40 par Eric Miraglia | Dans YUI 3 Galerie , les YUI Theater | Comments OffDans cette session de YUIConf 2010, Liferay ingénieurs Nate Cavanaugh et Eduardo Lundgren parler des dizaines de haute qualité, YUI 3-composants à base de contribué, par leur AlloyUI projet à la Galerie YUI 3 . Vous pouvez ne pas apprécier l'éventail complet de ce YUI 3 offre sans voir ce que Nate et Eduardo ont mis à disposition pour votre usage.
Si la vidéo ci-dessous intégrer n'apparaît pas correctement dans votre lecteur de flux RSS de son choix, n'oubliez pas de cliquer sur pour voir la version haute résolution de la vidéo sur YUI Theater .
Autres Vidéos récentes Théâtre Yui:
- Ryan Dahl: Node.js Feuille de route - Node.js créateur Ryan Dahl offre l'une des plus techniques (et amusant) parle à YUIConf 2010, plongée dans les détails de Node.js l 'état et l'avenir feuille de route actuelle.
- Nagesh Susarla: construction YQL ouvertes tableaux de données avec YQL Exécuter - YQL ingénieur Nagesh Susarla explore le pouvoir de YQL exécuter dans la création de puissants tableaux de données YQL ouverts.
- Mirek Grymuza et Josh Gordineer: YQL: An Introduction - Mirek Grymuza et Josh Gordineer sont membres de l'équipe qui vous apporte YQL, les données Yahoo service remarquable qui transforme Internet en une base de données accessible via SQL familière syntaxe de style. Dans cet exposé, à partir YUIConf 2010, ils fournissent une introduction de base à l'histoire de YQL, les caractéristiques et les utilisations de base.
- Nate Koechley: Une taxonomie de Touch - YUI contributeur Nate Koechley décompose les éléments de primitives toucher, le geste et la sémantique, de jeter des bases pour la formulation plus large des interactions tactiles qui conduisent la classe émergente des appareils portables.
- Nicholas C. Zakas: Test YUI - Ingénieur page Yahoo! Front, auteur et YUI contributeurs Nicholas C. pourparlers Zakas sur le projet de test autonome nouvelle YUI qui a été éclaté à partir de ses YUI 2 et 3 YUI racines.
Contenu CC / Utilisé avec l'aimable autorisation:
- http://www.flickr.com/photos/uberlife/5161516499/~~V
- http://www.flickr.com/photos/uberlife/5165069249/
S'abonner à YUI Theater:
Partagez et étendre: Créer un signet avec del.icio.us | digg it! | reddit!
YUI Theater - Ryan Dahl: "Node.js feuille de route" (48 min.)
30 novembre 2010 à 16h07 par Eric Miraglia | Dans YUI Theater | Comments OffNode.js créateur Ryan Dahl offre l'une des plus techniques (et amusant) parle à YUIConf 2010 , passant en revue l'état actuel du projet Node et ses plans actuels pour l'avenir du projet.
Si la vidéo ci-dessous intégrer n'apparaît pas correctement dans votre lecteur de flux RSS de son choix, n'oubliez pas de cliquer sur pour voir la version haute résolution de la vidéo sur YUI Theater .
Autres Vidéos récentes Théâtre Yui:
- Nagesh Susarla: construction YQL ouvertes tableaux de données avec YQL Exécuter - YQL ingénieur Nagesh Susarla explore le pouvoir de YQL exécuter dans la création de puissants tableaux de données YQL ouverts.
- Mirek Grymuza et Josh Gordineer: YQL: An Introduction - Mirek Grymuza et Josh Gordineer sont membres de l'équipe qui vous apporte YQL, les données Yahoo service remarquable qui transforme Internet en une base de données accessible via SQL familière syntaxe de style. Dans cet exposé, à partir YUIConf 2010, ils fournissent une introduction de base à l'histoire de YQL, les caractéristiques et les utilisations de base.
- Nate Koechley: Une taxonomie de Touch - YUI contributeur Nate Koechley décompose les éléments de primitives toucher, le geste et la sémantique, de jeter des bases pour la formulation plus large des interactions tactiles qui conduisent la classe émergente des appareils portables.
- Nicholas C. Zakas: Test YUI - Ingénieur page Yahoo! Front, auteur et YUI contributeurs Nicholas C. pourparlers Zakas sur le projet de test autonome nouvelle YUI qui a été éclaté à partir de ses YUI 2 et 3 YUI racines.
- Tantek Çelik: HTML5: Right Here, Right Now - Auteur et les normes d'experts Tantek Çelik, anciennement de Technorati, examine l'état actuel des spécifications HTML5 et leur état de préparation pour une utilisation dans l'expédition des applications web.
Contenu CC / Utilisé avec l'aimable autorisation:
- http://www.flickr.com/photos/franksvalli/5163817732
- http://www.flickr.com/photos/uberlife/5159294099/~~V
S'abonner à YUI Theater:
Partagez et étendre: Créer un signet avec del.icio.us | digg it! | reddit!
YUI Theater - Nagesh Susarla: «Construire YQL ouvertes tableaux de données avec YQL Exécuter" (37 min.)
30 novembre 2010 à 15h54 par Eric Miraglia | Dans YUI Theater | Comments OffDans cette session de YUIConf 2010 , YQL ingénieur Nagesh Susarla explore le pouvoir de YQL exécuter dans la création de puissants tableaux de données YQL ouverts. (Si vous êtes nouveau YQL, ne manquez pas Myrek Grymuza et Josh Gordineer de " Introduction à la YQL , "aussi de YUIConf et disponible sur YUI Theater .)
Si la vidéo ci-dessous intégrer n'apparaît pas correctement dans votre lecteur de flux RSS de son choix, n'oubliez pas de cliquer sur pour voir la version haute résolution de la vidéo sur YUI Theater .
Autres Vidéos récentes Théâtre Yui:
- Mirek Grymuza et Josh Gordineer: YQL: An Introduction - Mirek Grymuza et Josh Gordineer sont membres de l'équipe qui vous apporte YQL, les données Yahoo service remarquable qui transforme Internet en une base de données accessible via SQL familière syntaxe de style. Dans cet exposé, à partir YUIConf 2010, ils fournissent une introduction de base à l'histoire de YQL, les caractéristiques et les utilisations de base.
- Nate Koechley: Une taxonomie de Touch - YUI contributeur Nate Koechley décompose les éléments de primitives toucher, le geste et la sémantique, de jeter des bases pour la formulation plus large des interactions tactiles qui conduisent la classe émergente des appareils portables.
- Nicholas C. Zakas: Test YUI - Ingénieur page Yahoo! Front, auteur et YUI contributeurs Nicholas C. pourparlers Zakas sur le projet de test autonome nouvelle YUI qui a été éclaté à partir de ses YUI 2 et 3 YUI racines.
- Tantek Çelik: HTML5: Right Here, Right Now - Auteur et les normes d'experts Tantek Çelik, anciennement de Technorati, examine l'état actuel des spécifications HTML5 et leur état de préparation pour une utilisation dans l'expédition des applications web.
- Mark Kawakami: Finger Tips: Leçons tirées de la création une expérience tactile-Based - Mark Kawakami de Yahoo! Sports vous emmène à travers certaines des leçons apprises dans la construction de contact à base d'expériences pour l'un des sites les plus populaires sur Internet.
S'abonner à YUI Theater:
Partagez et étendre: Créer un signet avec del.icio.us | digg it! | reddit!
YUI Theater - Mirek Grymuza et Josh Gordineer: "YQL: An Introduction" (45 min.)
30 novembre 2010 à 15h45 par Eric Miraglia | Dans YUI Theater | Comments OffMirek Grymuza et Josh Gordineer sont membres de l'équipe qui vous apporte YQL , le remarquable service de données Yahoo qui transforme Internet en une base de données accessible via SQL familière syntaxe de style. Dans cet exposé, à partir de 2010 YUIConf , ils fournissent une introduction de base à l'histoire de YQL, les caractéristiques et les utilisations de base.
Si la vidéo ci-dessous intégrer n'apparaît pas correctement dans votre lecteur de flux RSS de son choix, n'oubliez pas de cliquer sur pour voir la version haute résolution de la vidéo sur YUI Theater .
Autres Vidéos récentes Théâtre Yui:
- Nate Koechley: Une taxonomie de Touch - YUI contributeur Nate Koechley décompose les éléments de primitives toucher, le geste et la sémantique, de jeter des bases pour la formulation plus large des interactions tactiles qui conduisent la classe émergente des appareils portables.
- Nicholas C. Zakas: Test YUI - Ingénieur page Yahoo! Front, auteur et YUI contributeurs Nicholas C. pourparlers Zakas sur le projet de test autonome nouvelle YUI qui a été éclaté à partir de ses YUI 2 et 3 YUI racines.
- Tantek Çelik: HTML5: Right Here, Right Now - Auteur et les normes d'experts Tantek Çelik, anciennement de Technorati, examine l'état actuel des spécifications HTML5 et leur état de préparation pour une utilisation dans l'expédition des applications web.
- Mark Kawakami: Finger Tips: Leçons tirées de la création une expérience tactile-Based - Mark Kawakami de Yahoo! Sports vous emmène à travers certaines des leçons apprises dans la construction de contact à base d'expériences pour l'un des sites les plus populaires sur Internet.
- Harmes Ross: Portage Flickr pour YUI 3 - Ross Harmes est un gestionnaire de l'ingénierie Frontend sur Flickr. Dans cette session, il examine le processus de son équipe a subi dans la réécriture de la couche de Flickr extrémité avant en utilisant YUI 3, y compris des conseils de performance et le code-organisation ainsi que les leçons apprises d'autres.
S'abonner à YUI Theater:
Partagez et étendre: Créer un signet avec del.icio.us | digg it! | reddit!
YUI Theater - Nicolas Zakas C.: "YUI Test" (49 min.)
29 novembre 2010 à 12h40 par Eric Miraglia | Dans YUI Theater | Comments OffDans cette vidéo de YUIConf 2010 , ingénieur page Yahoo! Front, auteur et YUI contributeurs Nicholas C. pourparlers Zakas sur le projet de test autonome nouvelle YUI qui a été éclaté à partir de ses YUI 2 et 3 YUI racines. Parmi les sujets abordés dans le discours sont de nouvelles installations dans Test YUI pour la couverture du code et l'intégration du sélénium.
Si la vidéo ci-dessous intégrer n'apparaît pas correctement dans votre lecteur de flux RSS de son choix, n'oubliez pas de cliquer sur pour voir la version haute résolution de la vidéo sur YUI Theater .
Autres Vidéos récentes Théâtre Yui:
- Nate Koechley: Une taxonomie de Touch - YUI contributeur Nate Koechley décompose les éléments de primitives toucher, le geste et la sémantique, de jeter des bases pour la formulation plus large des interactions tactiles qui conduisent la classe émergente des appareils portables.
- Tantek Çelik: HTML5: Right Here, Right Now - Auteur et les normes d'experts Tantek Çelik, anciennement de Technorati, examine l'état actuel des spécifications HTML5 et leur état de préparation pour une utilisation dans l'expédition des applications web.
- Mark Kawakami: Finger Tips: Leçons tirées de la création une expérience tactile-Based - Mark Kawakami de Yahoo! Sports vous emmène à travers certaines des leçons apprises dans la construction de contact à base d'expériences pour l'un des sites les plus populaires sur Internet.
S'abonner à YUI Theater:
Partagez et étendre: Créer un signet avec del.icio.us | digg it! | reddit!
Dans la Galerie YUI 3: serveur Envoyé événements
29 novembre 2010 à 11:49 am par Nicholas C. Zakas | En développement , de YUI 3 Galerie | Comments OffPoussez les notifications sur le web sont de plus en popularité, comme en témoigne la surexcitation Web Sockets , et avec raison. La bande se déplace vers des informations plus exactes et à jour que le public se tournent vers Internet pour les mises à jour en temps réel des stocks, des nouvelles, des sports, et bien plus encore. Alors que le Web Sockets représente un bond de géant dans le domaine de notifications push, il est un spec moins connus qui peuvent être considéré comme un petit saut en avant: serveur Envoyé événements .
Événements serveur envoyés (SSE) sont également ciblés à faire les notifications push facilitée par la construction au-dessus des techniques que les développeurs utilisent déjà. Par opposition à Web Sockets, SSE utilise le protocole HTTP régulière pour communiquer avec le serveur et vous permet de décider si vous souhaitez utiliser le streaming HTTP , interrogation longue , ou même du scrutin ordinaire pour récupérer des données nouvelles (si ce n'est pas recommandé).
Au cœur de l'ESS est le EventSource objet. La YUI 3 Galerie EventSource module crée une mise en œuvre multi-navigateur de EventSource , apportant un soutien pour les événements serveur envoyés à tous les navigateurs qui supportent le XMLHttpRequest , y compris Internet Explorer 6, tandis que de retomber à l'implémentation native dans les navigateurs qui le possèdent (actuellement Safari 5, Chrome 7, Opera et 10.7).
Le EventSource interprète une réponse comme un flux d'événements (signifié par un type de contenu "text / événement-stream") et déclenche des événements appropriés. Il ya trois événements prédéfinis:
-
open- feux lorsque la connexion avec le serveur a été mis en place. -
message- feux quand un nouveau message est reçu à partir du serveur. Leevent.datapropriété contient les nouvelles données. -
error- incendies en cas d'erreur dans le traitement du flux d'événements. Une fois cette événement se déclenche, aucun autre événement seront traitées et la connexion au serveur est définitivement fermé.
Le flux d'événements est lui-même données en texte brut constitué de données le mot clé ":" suivi par quelques données sur une seule ligne. Si vous souhaitez avoir plusieurs lignes, vous devez inclure plus de lignes avec "data:" préfixes. Une ligne vide est considérée comme la limite entre les événements. Voici un exemple simple:
data: hello data: hello data: world Deux message événements sont déclenchés avec ce flux d'événements. Le premier a event.data réglé sur "bonjour" alors que le second a event.data réglé sur "bonjour \ nworld" (notez la nouvelle ligne).
Voici un exemple de création d'une nouvelle EventSource exemple:
YUI({ gallery: 'gallery-2010.11.17-21-32' }).use('gallery-eventsource', function(Y) { var src = new Y.EventSource("stream.php"); src.on("open", function(event){ console.log("Connection opened!"); }); src.on("message", function(event){ console.log("Data received: " + event.data); }); src.on("error", function(event){ console.log("Error!"); }); }); Le constructeur accepte un seul argument, qui est l'URL du flux d'événements. La partie intéressante et utile de EventSource , c'est qu'il se reconnectera automatiquement au serveur si la connexion est perdue pour une raison quelconque. Cela libère les développeurs d'avoir besoin de vous soucier de débrancher et de rebrancher, une plainte fréquente lors de l'utilisation XMLHttpRequest pour les notifications push.
Même si le YUI 3 Galerie EventSource correspond à la spécification du module avec le soutien de streaming HTTP, le scrutin de long, et de scrutin ordinaire, ne sont pas tous navigateurs prennent en charge tous les trois. Internet Explorer (jusqu'à et y compris la version 9) ne prend pas en charge le streaming HTTP, alors qu'il peut facilement manipuler interrogation longue ou régulière. L'utilisation recommandée de ce module est de construire votre expérience avec une mise en œuvre du scrutin longtemps pour de meilleures performances et la compatibilité.
Si vous souhaitez l'optimiser pour les navigateurs qui supportent HTTP streaming, le module établit un spécial X-YUIEventSource-PollOnly tête quand il détecte un navigateur qui ne peuvent pas utiliser le streaming HTTP. Vous pouvez vérifier cet en-tête sur le serveur pour déterminer la bonne manière de servir des données. Voici un exemple d'implémentation utilisant JSP:
<%@page contentType="text/event-stream" buffer="none"%> <% //check for poll-only header String header = request.getHeader("X-YUIEventSource-PollOnly"); //check every so often to see if there's new data while(true) { //sleep for a second - simulate waiting for data Thread.sleep(1000); //output the current time, ensure there are two trailing newlines out.print("data: " + (new java.util.Date()).toString() + "x\n\n"); out.flush(); //if it's a poll-only request, break the loop, //which ends the request - the client will reconnect if (header != null){ break; } } %> Il est assez facile de migrer des solutions existantes de vote longues à utiliser SSE, à condition que le format de données est simple. Comme le format de flux d'événements est basé sur la ligne, cela pourrait signifier le reformatage des données de s'asseoir sur une seule ligne au lieu de plusieurs lignes.
Alors que SSE n'auront jamais les mêmes caractéristiques de performance que le Web Sockets en raison de l'aide de HTTP, il représente une évolution logique de notifications push dans les navigateurs. SSE peut remplacer les anciennes XMLHttpRequest des solutions basées sur avec moins de code et de meilleure gestion des erreurs, tout en gardant le paradigme même authentification.
La YUI 3 Galerie EventSource module implémente la quasi-totalité de la spécification SSE (vous pouvez le voir dans le code source les parties ne sont pas encore mis en œuvre par la recherche de "TODO" commentaires). C'est parce que certaines des caractéristiques sont vaguement décrits. Le module prend en charge les fonctionnalités suivantes:
- Événements simples (le feu
messageévénement). - Les événements personnalisés (déclencher un événement correspondant au nom spécifié dans "l'événement:")
- ID d'événement (capturé en
event.lastEventIdet envoyé au serveur)
Les parties qui n'ont pas encore mis en œuvre sont le soutien et la reconnexion fois event.origin propriété. Sinon, tout le reste doit se comporter de la même la mise en œuvre indigène.
Pour aller plus loin
Partagez et étendre: Créer un signet avec del.icio.us | digg it! | reddit!
YUI Theater - Nate Koechley: «Typologie de Touch" (36 min.)
26 novembre 2010 à 21h52 par Eric Miraglia | Dans YUI Theater | Comments OffNate Koechley, l'un des premiers membres de l'équipe de YUI, revint à Yahoo! pour YUIConf 2010 et a brisé les éléments de primitives toucher, le geste et la sémantique, de jeter des bases pour la formulation plus large des interactions tactiles qui animent la classe émergente des appareils portables. Il s'agit d'un discours fantastique pour tous ceux qui songent à la grande image des interactions tactiles et en développement pour les interfaces tactiles.
Si la vidéo ci-dessous intégrer n'apparaît pas correctement dans votre lecteur de flux RSS de son choix, n'oubliez pas de cliquer sur pour voir la version haute résolution de la vidéo sur YUI Theater .
Autres Vidéos récentes Théâtre Yui:
- Tantek Çelik: HTML5: Right Here, Right Now - Auteur et les normes d'experts Tantek Çelik, anciennement de Technorati, examine l'état actuel des spécifications HTML5 et leur état de préparation pour une utilisation dans l'expédition des applications web.
- Mark Kawakami: Finger Tips: Leçons tirées de la création une expérience tactile-Based - Mark Kawakami de Yahoo! Sports vous emmène à travers certaines des leçons apprises dans la construction de contact à base d'expériences pour l'un des sites les plus populaires sur Internet.
- Harmes Ross: Portage Flickr pour YUI 3 - Ross Harmes est un gestionnaire de l'ingénierie Frontend sur Flickr. Dans cette session, il examine le processus de son équipe a subi dans la réécriture de la couche de Flickr extrémité avant en utilisant YUI 3, y compris des conseils de performance et le code-organisation ainsi que les leçons apprises d'autres.
- Dion Almaer, Ben Galbraith, Elaine Wherry, Thomas Sha, Joe Hewitt, Ryan Dahl, Tantek Çelik, et Douglas Crockford: YUIConf 2010 Discussion de groupe: l'avenir du génie Frontend - Animée par Dion Almaer et Ben Galbraith, ce distingué comité a exploré la proximité avenir de la discipline au moins une période de grand changement. Les panélistes étaient Elaine Wherry, fondateur et architecte frontend à Meebo, Douglas Crockford, architecte JavaScript chez Yahoo!, Tantek Çelik, technologue et auteur; Ryan Dahl, créateur de Node.js, Joe Hewitt, de Facebook, le créateur de Firebug et l'un des plus téléchargé les applications mobiles de tous les temps (Facebook pour iOS); Thomas Sha, fondateur de Yahoo! YUI.
Contenu CC / Utilisé avec l'aimable autorisation:
- http://www.flickr.com/photos/franksvalli/5166427994/~~V
- http://www.flickr.com/photos/franksvalli/5166427652/~~V
- http://www.flickr.com/photos/franksvalli/5166428236/~~V
S'abonner à YUI Theater:
Partagez et étendre: Créer un signet avec del.icio.us | digg it! | reddit!

Copyright © 2006-2012 Yahoo! Inc Tous droits réservés. Politique de confidentialité - Conditions d'utilisation
Propulsé par WordPress sur Yahoo! Hébergement Web .
