Conférencier à ConFoo 2012
Archives par mot-clef : javascript
On commence la semaine avec la sortie de jQuery Mobile 1.1. Comme dit la semaine dernière, les principales innovations sont les barres d’outils fixes et les animations. Mais aussi le chargeur Ajax et la réécriture des formulaires ainsi qu’une documentation franchement retravaillée. Afin d’aider à la portabilité de vos applications entre la version 1.0.x et 1.1, le ThemeRoller a été modifié pour supporter les deux (cliquer sur le bouton le plus à gauche de la barre d’outils). Comme dit aussi la semaine dernière, jQuery Mobile supporte toutes les versions récentes de jQuery jusqu’à la 1.7.1. Le support de la 1.7.2, nécessitant encore quelques tests, sera annoncé pour une prochaine release. L’annonce a été faite comme d’habitude par Todd Parker qui en a aussi profité pour remercier (et citer) l’intégralité des contributeurs au projet. Le lien de l’annonce contient le détail … Continuer la lecture
Publié dans jQuery
Marqué avec ajax, javascript, jQuery, jQuery Mobile, jQuery-UI, mobile, nouveautés, phonegap, plugin, tactile
Je vous en ai parlé plusieurs fois sur Twitter, un peu moins sur ce blog. J’ai eu le temps de retravailler un peu sur mon plugin jQuery pour gérer une carte Open Street Map. Pas encore disponible en version finale, il y a eu beaucoup de progrès quand même. Voilà une sorte de changelog : Ajout de plusieurs marqueurs en une seule fois ; Gestion du clic sur les marqueurs permettant d’afficher une popup ; Possibilité d’ajouter une popup à l’initialisation de la carte ; Possibilité d’ajouter un ou plusieurs marqueurs à l’initialisation de la carte ; Définition d’un callback au clic sur la carte. Bien entendu le dépôt GitHub concerné est à jour, le site dédié aussi.
Publié dans jQuery
Marqué avec javascript, jQuery, nouveautés, open street map, osm, plugin, twitter
Salut à tous, j’espère que vous avez profité de ce weekend de 3 jours. Les châteaux et les caves de la Loire ont été un vrai bonheur à titre personnel. On commence avec l’annonce de la mise à dispo de la RC2 de jQuery Mobile 1.1. Annoncée par Todd Parker, cette version continue l’objectif de la première RC d’apporter un maximum de stabilité, de performance et de qualité au framework mobile sans sacrifier à la compatibilité. Les barres d’outil fixes ont encore été améliorées, permettant une plus large compatibilité via un code plus léger dans le framework. Les améliorations apportées aux navigateurs bénéficiant aussi à celui-ci. Le système de transition a été enrichi. Avec la version 1.0, celles-ci étaient synchrones, avec la 1.1, elles étaient parties pour être asynchrones. Maintenant vous avec le choix. Une seule transition supporte pour le … Continuer la lecture
Publié dans jQuery
Marqué avec android, javascript, jQuery, jQuery Mobile, jQuery-UI, plugin, sécurité, tutoriels
Truc bête, quand je me suis mis à Ember.js, j’ai rencontré un souci bête et méchant qui donnait ça : Alors que je voulais ça : L’astuce vient de la façon de déclarer vos templates. Quand vous voulez mettre en place un tableau de données dynamique, les balises script doivent encadrer le tableau et non encadré la ligne tr de modèle. Ainsi, il ne faut pas faire : <div> <h1>Dernières propositions</h1> <table class="basic" cellspacing="0"> <script type="text/x-handlebars"> {{#collection contentBinding="App.myController" tagName="tbody" itemViewClass="App.myView"}} <th>{{content.date}}</th> <td class="full">{{content.name}}</td> <td><img src="images/ball_{{content.couleur}}_16.png" alt="" title="Online User"></td> {{/collection}} </script> </table> </div> Mais bien : <script type="text/x-handlebars"> <div> <h1>Dernières propositions</h1> <table class="basic" cellspacing="0"> {{#collection contentBinding="App.myController" tagName="tbody" itemViewClass="App.myView"}} <th>{{content.date}}</th> <td class="full">{{content.name}}</td> <td><img src="images/ball_{{content.couleur}}_16.png" alt="" title="Online User"></td> {{/collection}} </table> </div> </script> Et là tout de suite, ça marche mieux Le tagName permet d’indiquer dans quel région du tableau doit se situer la … Continuer la lecture
Publié dans JavaScript
Marqué avec astuce, emberjs, javascript, mvc, tutoriels
Comme dit l’autre jour, je vais vous reparler aujourd’hui de l’éditeur WYSIWYG Aloha. On va construire un plugin en se basant sur la doc officielle. L’idée étant d’intégrer le gestionnaire d’images MCImageManager. Il existe déjà un plugin officiel de gestion d’images pour Aloha mais il est encore incomplet par rapport à MCImageManager et on ne fait pas toujours ce qu’on veut. Commençons par voir la structure de base d’un plugin : define( [ 'aloha/plugin' ], function( plugin ) { "use strict"; return plugin.create( 'helloworld', { init: function() { // Executed on plugin initialization } }); }); Ici, rien de bien compliqué. Le plugin s’appelle helloworld et dispose d’une seule et unique méthode init qui ne fait rien. Le problème, c’est qu’avec ça, vous n’allez vraiment pas aller loin. Vous n’avez accès à rien. Donc déjà on va se donner plus … Continuer la lecture
Publié dans JavaScript
Marqué avec aloha, Gentics, image, imagemanager, javascript, jQuery, MCImageManager, plugin, tutoriels, wysiwyg
Bon vous l’aurez tous compris, hier c’était la journée des blagues, donc c’était l’heure de dire vraiment n’importe quoi. Mais bon, là c’est fini donc on revient aux choses d’adultes et on laisse les enfants continuer de s’amuser avec leurs jouets. (#troll) Seule annonce officielle de la semaine : jQuery UI 1.9 Milestone 7 est disponible ! Et oui, pas une beta, ni même une alpha, mais juste une milestone. Bon c’est déjà pas mal ceci dit hein, ça permet de se donner une idée de l’avancée des choses. Au menu, on a eu une réécriture complète du widget Accordion. Le widget Menu est aussi plus riche désormais via les moyens de le mettre en place. Il devrait officiellement apparaître comme prêt à la production pour la version finale de jQuery UI 1.9. Pour cette milestone, on notera aussi le … Continuer la lecture
Dans la série que j’ai commencé sur les exercices en JavaScript, j’ai pris une très bonne leçon de la part de Jed Schmidt. Nous allons aujourd’hui construire une fonction de type « in_array » comme elle existe en PHP. Cette fonction n’est pas native en JS et pourtant, je pense ne pas être le seul à avoir déjà pu en avoir l’utilité. Comme pour l’exercice sur le +, je vous donne la solution de suite et j’explique après. function(a,b){return!!~a.indexOf(b)} Euh attendez, ça c’est la version minifiée, je vous en fait une version un poil plus lisible function ( list, needed ) { return !!~list.indexOf( needed ); } Bon ok, c’est à peine mieux. Mais au moins les variables sont plus parlantes. Alors l’idée est la suivante : Avec EcmaScript 5, la fonction indexOf a été ajouté au prototype des tableaux. Cette fonction … Continuer la lecture
Publié dans JavaScript
Marqué avec javascript, performances, tutoriels
J’espère que cette semaine démarre comme le weekend qu’on vient de passer : beau fixe ! Tout d’abord, je tiens à saluer l’effort louable d’un collègue qui a essayé de rassembler quelques bonnes pratiques à propos de jQuery. Même si des petites corrections sont à apporter, les idées sont là. Bravo à Syl. Autre article à mettre en avant, celui d’Eroan qui nous montre par l’exemple qu’il est important de toujours utiliser les dernières versions des bibliothèques que vous manipulez. Pas uniquement pour les questions de sécurité ou de qualité mais aussi pour les nouvelles fonctionnalités et les performances qui vont avec. Nous pouvons passer aux annonces officielles : jQuery 1.7.2 est disponible ! C’est une version mineure et donc pas de nouveautés, seulement des corrections de bogues. Dave Methvin nous annonce quand même à la volée que les versions … Continuer la lecture
Publié dans jQuery
Marqué avec conférence, framework, javascript, jQuery, plugin, tutoriels
En attendant que je prenne le temps d’en faire une version francophone, voilà les slides de Damian Wielgosik à propos de ce qu’est EcmaScript 5 :
Publié dans JavaScript
Marqué avec ecmsacript, javascript, standards
Bon rien d’officiel cette semaine, mais on a quand même des trucs à se mettre sous la dent. Déjà, Richard D. Worth a légèrement suggéré que la documentation du framework, entre autres, est en cours de refonte. Un plugin apparu dans la semaine m’a bien fait plaisir, un validateur de cartes bancaires. Alors encore une fois, valider un champ côté JS n’a aucune valeur pour vous, cela veut dire qu’il faudra toujours le revalider côté serveur. Mais pour le commun des mortels, ça évitera qu’on envoie pas mal de trucs pourris vers votre serveur. Il y aura toujours un guignol qui essaiera de contourner la partie JS et votre serveur pourra quand même se protéger. Vous trouverez le plugin ici. C’est le site jQuery.Buzz() qui me l’a fait découvrir. Site a rajouté dans vos sources d’info si vous voulez suivre … Continuer la lecture
Publié dans jQuery
Marqué avec documentation, framework, javascript, jQuery, jQuery Mobile, nouveautés, performances, plugin, url
