{"id":227,"date":"2012-11-10T16:17:37","date_gmt":"2012-11-10T15:17:37","guid":{"rendered":"http:\/\/jcfrog.com\/blog\/?p=227"},"modified":"2012-11-11T11:02:41","modified_gmt":"2012-11-11T10:02:41","slug":"devfest-gdg-de-nantes-du-9-novembre-2012-html5-animation-offline-angularjs","status":"publish","type":"post","link":"http:\/\/jcfrog.com\/blog\/devfest-gdg-de-nantes-du-9-novembre-2012-html5-animation-offline-angularjs\/","title":{"rendered":"DevFest: GDG de Nantes du 9 novembre 2012 #html5 #animation #offline #angularjs"},"content":{"rendered":"

\"\"<\/a><\/p>\n

C\u2019est l\u2019Epitech<\/a>\u00a0(@EPITECHNantes<\/a>)\u00a0qui nous accueille pour cette DevFest<\/a> du\u00a0GDG de Nantes<\/a>\u00a0 (Google Development Group). J’ai \u00e9t\u00e9 un peu surpris: j’ai vu plusieurs jeunes filles dans les salles de classe. Le monde aurait-il chang\u00e9? \ud83d\ude42<\/p>\n

J’arrive un chouille en retard \u00e0 la keynote de\u00a0d\u00e9part\u00a0malgr\u00e9 un r\u00e9veil \u00e0 6h, je n’aime pas \u00e7a. #maniac.<\/p>\n

On sent tout de suite l’ambiance: c’est cool.\u00a0Equipes de choc jeunes et motiv\u00e9es, massivement relook\u00e9es par AngularJS (on ne vantera jamais assez la puissance marketing des tshirt), pas de p\u00e9pin majeur dans l\u2019organisation, on a bien mang\u00e9 et le wifi fonctionne: de quoi pourrait-on se plaindre? \ud83d\ude09<\/p>\n

On baigne \u00e9videmment en pleine google mania (ce n’est pas un reproche), c’est avec un peu de timidit\u00e9 que je sors pour la premi\u00e8re fois mes ustensiles\u00a0flanqu\u00e9s\u00a0de pommes croqu\u00e9es, effray\u00e9 que je suis de me faire \u00e9charper par tous ces petits robots verts. Mais \u00e7a se passe bien, tout le monde est tr\u00e8s gentil \ud83d\ude42<\/p>\n

\"\"<\/a><\/p>\n

Le pogramme se divise en 4 tracks, et tu fais ta s\u00e9lection. En ce qui me concerne, d\u00e9sol\u00e9 pour les d\u00e9veloppeur\u00a0android, je me suis cantonn\u00e9 \u00e0 la track \u00ab\u00a0web\u00a0\u00bb.<\/p>\n

La plupart des conf\u00e9rences ont \u00e9t\u00e9 film\u00e9es un peu \u00e0 l’arrache avec des chtiotes webcams mais sont d\u00e9j\u00e0 dispo sur le channel YouTube DevFestNantes<\/a>. Je salue l’effort mais c’est h\u00e9las souvent difficilement regardable.<\/p>\n

10:10 – 11:10 : GWT offline et HTML5 (video<\/a>)<\/h2>\n

Je d\u00e9couvre GWT (Google Web Toolkit<\/a>) qui si j’ai bien compris compile du code java vers du javascript optimis\u00e9 et donc illisible, qui\u00a0devient\u00a0en quelque sorte un \u00ab\u00a0assembleur du web\u00a0\u00bb. L’orateur\u00a0Sami Jaber<\/a> est ultra performant, rythme soutenu et promotion de GWT et HTML5 sans nuance. Je n’ai pas d’avis sur la question mais on croisera dans la journ\u00e9e des personnes moins convaincues de la\u00a0p\u00e9rennit\u00e9\u00a0de GWT.<\/p>\n

On a caus\u00e9 App Cache<\/a> et Local Storage<\/a>. Parait que nous sommes dans du web green! \ud83d\ude42 Solicitation minimum des serveurs, invitation \u00e0\u00a0privil\u00e9gier\u00a0l’offline tant que faire se peut, m\u00eame en mode connect\u00e9.<\/p>\n

Je d\u00e9couvre les manifestes (App Cache) qui permettent de g\u00e9rer la\u00a0pertinence\u00a0de rechager ou pas l’appli web ou certaines resources selon le contexte.<\/p>\n

Nous sommes dans du code optimis\u00e9 et d\u00e9di\u00e9, la cible n’est pas les sites\u00a0institutionnels, on vise les web app avec d\u00e9clinaisons pour chaque browser: on appelle \u00e7a des permutations<\/strong>. Le code java est compil\u00e9 vers plusieurs permutations: un output par browser.<\/p>\n

11:20 – 12:20 : Big Data and HTML5 (video<\/a>)<\/h2>\n
\"\"<\/a><\/div>\n
<\/div>\n
C’est la premi\u00e8re fois que je fais une conf avec l’intervenant qui est en remote sur hangout. Et \u00e7a fonctionne.<\/div>\n
Ido Green<\/a> est tr\u00e8s \u00e0 l’aise, et enthousiaste. Sa pr\u00e9sentation est bien maitris\u00e9e et disponible ici:\u00a0http:\/\/ido-green.appspot.com\/html5-devtools-cros\/index.html<\/a>, pr\u00e9sentation propuls\u00e9e par du HTML5 bien sur.<\/div>\n
<\/div>\n
Je n’ai pas trop compris l’aspect Big Data, j’ai surtout vu une belle pr\u00e9sentation qui fait la promo d’HTML5 en explorant toutes ses\u00a0possibilit\u00e9s\u00a0actuelles et \u00e0 venir.<\/div>\n
<\/div>\n

13:30 – 14:30 AngularJS (video<\/a>)<\/h2>\n

\"\"<\/a><\/p>\n

J’ai bien aim\u00e9. Je serais curieux de tester. En gros il s’agit d’ajouter des balises, des directives, pour cr\u00e9er des liens entre 2 couches qui se veulent distinctes: la vue (DOM) et le mod\u00e8le.<\/p>\n

Une automatisation des liens bidirectionnels entre les donn\u00e9es et les variables permet si on en croit l’excellent\u00a0Vojta J\u00edna<\/a>\u00a0de gagner du temps sur l’\u00e9criture du code, d’avoir une meilleure lisibilit\u00e9 et de gros avantages en termes de test.<\/p>\n

Mais surtout c’est conceptuellement plus \u00ab\u00a0haut niveau\u00a0\u00bb. Plus besoin d’aller \u00e0 la p\u00eache au elements du DOM pour manipuler les valeurs, g\u00e9rer les events, \u00ab\u00a0\u00e7a marche tout seul\u00a0\u00bb. Enfin c’est c’est l’argumentaire vendeur \ud83d\ude42<\/p>\n

J’ai \u00e9t\u00e9 assez s\u00e9duit mais je ne sais pas trop quoi en penser. A tester donc:\u00a0http:\/\/angularjs.org\/<\/a><\/p>\n

Edit 11\/11\/12-10:56<\/strong>: suite \u00e0 un commentaire de Yacine, j’inclue sa pr\u00e9sentation<\/a> en fran\u00e7ais d’AngularJS. Merci Yacine (@yrezgui<\/a>) \ud83d\ude42<\/p>\n