Vous étiez un peu plus de 200 à être venus à notre centre de conférence retirer votre T-Shirt et surtout pour assister à l’après-midi du développement consacrée à JavaScript et HTML5. Merci à vous !

Je tiens tout d’abord à remercier chaleureusement les 2 orateurs non-Microsoft pour la qualité de leur présentation : Jean-Pierre Vincent pour les fondamentaux de JavaScript et Aurélien Verla de Wygwam pour sa superbe session sur jQuery.

JavaScript

Vous pouvez retrouver les slides de Jean-Pierre ici : les fondamentaux de JavaScript et la programmation orienté objet . Vous pourrez donc revoir tout cela calmement à la maison pour essayer de digérer toutes les bonnes pratiques que Jean-Pierre nous a partagées. En complément, si le sujet vous intéresse, je ne serais que trop vous conseiller ces 3 livres si vous ne les avez pas déjà lus :

– JavaScript The Good Parts
– JavaScript Patterns

Sans compter le livre de Jean-Pierre bien entendu : HTML5 – De la page web à l’application web ! Avec tout ça, à vous la maitrise des closures, prototypage, namespace, POO à la sauce JavaScript, j’en passe et des meilleurs. J’espère que les sceptiques seront alors convaincus que l’on peut organiser son code, faire du développement sérieux et maintenable (et même testable!) avec JavaScript en évitant d’avoir 480 variables globales par exemple.

Voici la vidéo de session :

Outils de debug

jQuery

Côté jQuery, je publierais les slides d’Aurélien dès que je les aurais en mettant à jour ce post. Mais comme il a tout fait avec son plug-in jQuery, je vous zipperais sa solution plutôt.

Canvas & SVG

Les slides de notre session avec David Catuhe sur Canvas et SVG sont ici (PowerPoint en JavaScript ! ) :

Je les ai mis aussi sur SlideShare : http://www.slideshare.net/davrous/amdev-graphismes-avec-html5-grce-canvas-et-svg

La vidéo :

Vous retrouverez quasiment tous les exemples de code des démos démontrées à travers ces 4 articles ou séries d’articles :

– Introduction aux APIs graphiques d’HTML5: SVG & Canvas (2 articles)
– HTML5 Platformer: portage complet du jeu XNA vers <canvas> grâce à EaselJS (3 articles)
– Bolas Lenses : un développement HTML5 Canvas & JavaScript
– Développer un jeu de casse-briques avec Canvas et SVG

Côté accessibilité, si le sujet vous intéresse, j’avais été un peu plus loin que ce que je vous ai montré cette après-midi dans cet article : Techdays 2011 – slides et ressources de la session Accessibilité d’HTML5 et Silverlight

Je finirais par remercier mon acolyte Monsieur Catuhe avec lequel je me suis bien marré. Nous avons essayé de partager notre bonne humeur naturelle et notre humour pourrie de g33k/développeur.

A bientôt pour de nouvelles aventures !

David²