AMDEV JavaScript: vidéos, slides et exemples de code des 4 sessions

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 :

Download Video: MP4, WebM, HTML5 Video Player by VideoJS

 

Outils de debug

Download Video: MP4, WebM, HTML5 Video Player by VideoJS

 

jQuery

Download Video: MP4, WebM, HTML5 Video Player by VideoJS

 

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 : https://www.slideshare.net/davrous/amdev-graphismes-avec-html5-grce-canvas-et-svg

La vidéo :

Download Video: MP4, WebM, HTML5 Video Player by VideoJS

 

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²

Comments

• Anonymous
  November 23, 2011
  Bonjour, Serait il possible de mettre à disposition les Slides concernant JQuery ? D'avance merci.

• Anonymous
  November 23, 2011
  Hello, Je les publierais dans ce post dès que je les aurais reçu. Bye, David

• Anonymous
  December 29, 2011
  Il te les envoie par pigeon voyageur ? ^^

• Anonymous
  December 29, 2011
  Peut être! ;-) Je le relance. Désolé pour ces long délais

• Anonymous
  January 23, 2012
  Euh je suis dans chrome 16 et la video sur jquery semble avoir été commenté par jabba the hut ;-) bref il y a probléme de son je crois