Résumé de la conférence dotJS regroupant les plus grands experts JavaScript à Paris

Logo dotJS

Le 30 Novembre a eu lieu au Théatre des Variétés à Paris, la première conférence dotJS qui a réuni les meilleurs experts du Javascpript dans le monde.
Ce sont ces mêmes spécialistes qui modifient et font évoluer nos outils de développement et Frameworks de tous les jours.

Les intervenants

Jeremy Ashkenas : créateur de Backbone.js / Underscore.js / CoffeeScript.
Addy Osmani : créateur de TodoMVC / Aura / Yeoman / jQuery Team
Kevin Schaaf : lead de Enyo JavaScript Application Framework
Fat : co-Auteur de Twitter Bootstrap / Ender / Hogan.js
Christian Amor Kvalheim : créateur de MongoDB drivers pour Node.js
Bert Belder : membre de la Node.js Core Team
Charlie Robbins : CEO et co-fondateur de Nodejitsu
Mathias Bynens : créateur de jsperf.com
Mr Doob : créateur de Three.js et countless JavaScript demos
Brian LeRoux : lead de PhoneGap et créateur de XUI / Lawnchair
Volta Jina : membre de la AngularJS team et créateur de Testacular

Résumé de la journée

La matinée était surtout axée sur la technique et commençait par l’étude de l’Unicode et ses répercussions sur certaines fonctions JavaScript.

- Kevin Schaaf est venu nous présenter le framework Enyo utilisé principalement pour WebOs.  Il nous démontre alors qu’il est tout à fait possible d’utiliser le HTML5 et le JavaScript pour créer de véritables applications capables de concurrencer le natif en prenant les tablettes sous WebOs comme exemple.
On a également découvert la façon dont Enyo a été conçu et plus précisément son système d’encapsulation des éléments qui facilite grandement l’utilisation de ce framework.

- Addy Osmani développeur chez Google est venu nous présenter les nouvelles et futures évolutions de Google Chrome Developer Tools. Il nous a d’ailleurs recommandé d’utiliser Chrome Canary pour bénéficier en avant première des toutes dernières nouveautés plutôt qu’attendre les 11 semaines nécessaires avant de les voir déployées en version stable au près des 300 millions d’utilisateurs de Chrome. 
Parmi ces nouveautés, nous devrions bientôt pouvoir éditer le JavaScript sans recharger la page pour visualiser instantanément le résultat.
Il nous a également parlé de l’arrivée prochaine du très attendu Manager de Snippets.
Nous avons ensuite eu droit à une démonstration d’optimisation d’application via la Google Web Developer Tools, plus spécifiquement pour améliorer le FPS et trouver les memory leaks. 
Un support de Sass et de Coffee Script sera prochainement mis en place au sein de la console.
D’autres fonctionnalités ont été dévoilées comme le resize du viewport pour simuler le mobile, les tablettes, les rotations etc.
L’extension Tincr donnera la possibiltié de sauvegarder son fichier CSS et HTML directement à partir de la Google Developer Tools, ce qui nous évitera de switcher entre l’éditeur de texte et le navigateur.
Enfin, la mise en place d’un système de versionning sera directement intégré au sein de l’outils Chrome.

- Bert Belder, un des créateurs de Node.js est venu nous expliquer les raisons pour laquelle la version 1.0 se fait attendre. La complexité de l’outil et les différents problèmes techniques rencontrés leur ont malheureusement fait prendre du retard. (Gestion des erreurs etc…)

- Charlie Robbins CEO et co-fondateur de Nodjitsu, une entreprise de Node.js dans le cloud, est venu nous parler de management & d’Open Source.
Il a abordé plus précisément l’organisation choisie pour son entreprise. Il a en effet souhaité sortir du format pyramidale classique pour la prise de décision en préférant la création de multiples petits groupes de travail pour libérer au maximum le potentiel de ses employés. Son rôle a lui est uniquement de donner des guidelines à ses équipes, d’être à l’écoute de leurs besoins et de leurs donner les moyens de réussir leur mission.
En tant que CEO, son rôle n’est ni d’être paternaliste, souverain ou de faire la police, il est là pour assurer le « mentoring », donner des idées, faire confiance et laisser ses équipes agir. 
Il rappel l’importance de la communauté autour de l’Open Source, du besoin de communiquer et de ne jamais laisser personne sans réponse.
Nous retiendrons une de ses citations : « When you do things right, people won’t be sure you’ve done anything at all »

- Fat un des créateurs de Twitter Bootstrap, nous a fait part de son expérience et rappelé les aspects pervers d’un projet Open Source qui réussi.
Nous éprouvons tous un sentiment de fierté lorsqu’un de nos pluging ou un bout de code mis à disposition de la communauté commence à avoir du succès. D’un simple code hasardeux réalisé sur un coin de bureau, l’engouement peut rapidement devenir fulgurant et vous demander un travail de plus en plus conséquent.
Les contributeurs ayant développé de nouvelles fonctionnalités s’impatientent de les voir ajoutés, les utilisateurs ayant soulevé des bugs s’impatientent de les voir corrigés… Bref un travail quotidien qui peut devenir titanesque.
Vous souhaitez mettre des modules, fonctionnalités, bouts de codes à disposition de la communauté ? Très bien ! Mais n’oubliez pas qu’il vous faudra ensuite pouvoir répondre aux demandes et attentes des utilisateurs…
Fat nous racontera alors ses multiples soirées passées à répondre aux nombreux bugs et demandes d’ajouts sur GitHub.
Cette présentation nous restera en mémoire par sa mise en forme (illustrée par Fat lui-même) mais aussi par son côté décalé qui n’a en rien gâché la richesse de ses propos.
Un excellent article résume d’ailleurs très bien son histoire et nous rappelle les enjeux, attentes et conséquences d’un projet Open Source à succès :
http://www.touilleur-express.fr/2012/12/08/a-celui-qui-a-fait-twitter-bootstrap/

Conclusion

L’événement était donc une réussite bien que nous aurions aimé davantage de démonstration de code pur pour répondre aux attentes des nombreux développeurs présents, mais bon l’assemblée semblait conquise par ce format ressemblant beaucoup à celui des conférences TEDx.
Nous attendrons donc la prochaine édition de cet événement devenu incontournable pour les spécialistes JavaScript avec grande impatience.

Vous pourrez retrouver l’ensembles des informations et des intervenants à l’adresses suivante :

Le site de l’événement DotJS : http://www.dotjs.eu
Les photos : http://svay.com/photos/2012-11-30_dotjs/

HTML 5 : Dn'D dans le top 25 de 1stwebdesigner.com !

Agence DnD top 25 ultra modern site using HTML5

Le célèbre Blog 1stwebdesigner.com dédié aux développeurs et designers web vient de publier un top 25 des sites Internet Ultra Modernes utilisant déjà le HTML 5 (« Ultra Modern Website Using HTML5″).

Le site de l’agence est cité dans ce classement international de sites innovants et de « Web Addict » impatients de pouvoir démocratiser l’utilisation du HTML5 !

En savoir plus sur le Top 25 : http://www.1stwebdesigner.com/inspiration/ultra-modern-websites-html5/

Accessibilité Numérique aux personnes handicapées : 7 vidéos incontournables

accessibilité numérique aux personnes handicapées

La collaboration active de deux universités Françaises, dans le domaine de l’accessibilité du Web, donne aujourd’hui naissance à Access-Key.
Ce site présente une série de séquences vidéos mettant en situation des utilisateurs handicapés. Les diverses difficultés rencontrées sont ainsi illustrées en début de chaque séquence dans lesquelles les développeurs trouveront ensuite les moyens techniques pour y remédier.
L’Université de Nice Sophia-Antipolis et l’Université de Haute Alsace travaillent activement depuis 4 années à l’essaimage des bonnes pratiques pour que le Web soit accessible à tous.

Cette série de vidéos pédagogiques reprend une ou plusieurs des recommandation du WAI


Bravo pour cette excellente initiative !

Au programme, 7 vidéos sont disponibles sur le site :

Les vidéos sont également disponibles en Podcast sur ITunes U

HTML 5 : Dn'D anticipe et se prépare au web du futur

Le web est en constante évolution, des sites plus innovants les uns que les autres sont lancés chaque jours, repoussant toujours plus les limites du HTML4. Celui ci arrive au bout de ses possibilités et nous commençons dors et déjà à entrevoir le HTML 5.0 considéré comme le « web du futur ». Tous le monde se prépare déjà à son arrivée depuis que le W3C à migré ses équipes travaillant sur le XHTML2 vers le groupe HTML5. Pourtant nous savons que ses spécifications ne seront complètes qu’à partir de fin 2010.

C’est dans l’optique de pouvoir toucher du doigt le web du futur que l’agence Dn’D a lancé son nouveau site internet développé entièrement en HTML 5.

Pourquoi le HTML5 ?

cinq-sur-clavier

Comme le souligne Fred Cavazza dans l’un de ses articles, cela fait  10 ans que le HTML n’a pas évolué et propose toujours la même structure et les mêmes balises. Cela peut sembler énorme par rapport aux nombreuses révolutions qui ont eu lieu dans le web ces 5 dernières années . En effet, les développeurs web recherchent continuellement de nouvelles fonctionnalités par le biais de javascripts pour parer aux limites de ce langage vieillissant et qui ne correspond plus aux besoins actuels.

C’est une réelle volonté de donner aux développeurs un langage plus flexible et accessible, offrant ainsi à l’internaute une expérience plus interactive. On passe donc d’un web « document » à un web « d’application« . En effet HTML 5 propose de nouvelles fonctionnalités pour les API’s, la sémantique, le multimédia …. Ce nouveau langage aidera donc à construire des pages plus solides ayant un code plus compréhensible et surtout représentatif du contenu des pages. Les navigateurs ainsi que les moteurs de recherches comme Google vont ainsi pouvoir mieux analyser et comprendre le contenu de nos pages.

Qu’y aura-t-il de nouveau ?

Structure HTML5

Tout d’abord : un contenu mieux structuré et défini grâce à de nouvelles balises plus sémantiques (comme vous pouvez le voir sur le schéma ci-dessus). Utilisé intelligemment, ce système permettra aux moteurs de recherches de mieux indexer nos pages. La valeur ajoutée se verra également au niveau de l’accessibilité et plus particulièrement aux personnes mal-voyantes qui pourront naviguer plus facilement sur les sites.

Concernant le multimédia, la balise <video> risque d’être beaucoup utilisée car nous n’aurons plus besoin d’utilier du flash avec la balise <embed>. Il devient aussi simple de mettre une vidéo que d’insérer une image. On arrive donc a un web beaucoup plus intéractif, vivant et simplifié. Les formulaires 2.0. font leur apparition et permettent désormais de spécifier dans certains champs si c’est un champ courriel, url, etc. La géolocalisation sera possible ainsi que le « drag & drop » et  même la capacité de garder de l’information « Off-line » comme le fait actuellement Google Gears, etc …

Enfin, le code des sites sera évidemment plus propre et pourra évoluer avec beaucoup plus de facilité.

Peut-on lancer un site en HTML5 dès aujourd’hui ?

Oui c’est possible !

Après quelques heures d’intégrations sur le site de l’agence Dn’D, nous avons réellement perçu les capacités et l’utilité de ce langage. Le plus dure de la procédure a été de pouvoir le rendre compatible sur tous les navigateurs (surtout les anciens). Résultat, le site est complètement fonctionnel sur la plupart des navigateurs.

Nous n’avons pas encore de retour quant au référencement naturel du site et sont indexation dans les moteurs de recherches, mais la preuve est que le HTML5 peut-être d’ors et déja utilisé !

Conclusion

HTML5 est véritablement le web du futur, car ce langage est plus puissant, plus robuste, évolutif, …

Cependant encore plusieurs questions restent en suspend (le SEO par exemple) car toutes les spécifications ne sont pas encore terminées, affaire à suivre…

Quelques liens interressants

final-safari

Capture d'écran Smashing Magazine

http://media1.smashingmagazine.com/wp-content/uploads/images/smashing-html5/files/index.html

http://www.fredcavazza.net/2009/09/10/html-5-css-3-une-revolution-pour-les-interfaces-web/

http://www.smashingmagazine.com/2009/07/16/html5-and-the-future-of-the-web/

http://fr.wikipedia.org/wiki/HTML_5

La vision du Web 3.0 de Joël de Rosnay

Pour ceux qui ne le connaissent pas déjà, voici une interview de Joël de Rosnay à propos du Web 3.0

Joël de Rosnay est actuellement Conseiller du Président de la Cité des Sciences et de l’Industrie de la Villette et Président exécutif de Biotics International, la société de conseil qu’il a créée en 1992, dans le but de promouvoir le conseil stratégique en matière de nouvelles technologies. Ancien chercheur et enseignant au Massachusetts Institute of Technology (MIT), dans le domaine de la biologie et de l’informatique, il été directeur des applications de la recherche à l’Institut Pasteur, puis directeur de la prospective et de l’évaluation de la Cité des sciences et de l’industrie de La Villette.

La vision du Web 3.0 de Joël de Rosnay à la spécificité d’être particulièrement optimiste, où l’éthique prend une place beaucoup plus importante que la quête actuelle axée sur la rapidité de l’information…

Pour en savoir plus sur Joël de Rosnay :
http://www.joelderosnay.com et http://www.scenarios2020.com/

Le Web 3.0 selon Tim O’Reilly

Pour ceux qui ne le connaissent pas encore, Tim O’Reilly est l’inventeur du concept du Web 2.0.

Pour Tim O’Reilly, le Web 2.0 symbolise l’ère des sites Participatifs tels que Facebook, Twitter, Wikis, Blogs … L’internaute est alors au cœur du site et à la possibilité d’interagir.

Selon Tim O’Reilly, la révolution du Web 3.0 viendra des objets du quotidien. L’internet sans fil est de plus en plus répendu, et les objets eux sont de plus en plus connectés. Le challenge des principaux acteurs du web d’aujourd’hui est d’atteindre un maximum de ces nouveaux supports.

Pour voir l’interview complète de Tim O’Reilly cliquez ici

Web 3.0 ou l’Internet du futur…

La Commission Européenne devrait prochainement lancer une consultation publique sur le thème du Web 3.0. L’europe souhaite devenir leader et être en premier ligne dans le déploiement de l’Internet nouvelle génération.

Dans un communiqué, la commissaire européenne chargée de la société de l’information et des médias Viviane Reding déclare :

« Le Web 3.0 est synonyme d’activités commerciales, sociales et récréatives, en tout lieu et à tout moment, à l’aide de réseaux rapides, fiables et sûrs. Il met fin à la distinction entre connexions mobiles et fixes et annonce une multiplication par dix de la portée de l’univers numérique d’ici à 2015. L’Europe dispose des connaissances et des capacités de réseau nécessaires pour être à la pointe de cette évolution. Nous devons faire en sorte que le Web 3.0 soit créé et utilisé en Europe »

Un « internet des objets » ou Web 3.0 va se développer, faisant d’internet le média qui permettra à de nombreux dispositifs d’interagir (appareils, véhicules, machines etc…). Il servira de base à un ensemble d’applications nouvelles permettant aux entreprises de toute taille de réduire leurs coûts et d’augmenter leurs performances.

L’internet du futur sera tourné vers l’innovation, l’optimisation de productivité, l’accession à de nouveaux marchés, l’augmentation de la croissance et de l’emploi. Une consultation publique a été lancée pour exploiter au mieux les initiatives privées et publiques.

Pour en savoir plus sur la Consultation Publique