Meetup FranceHTML5 n°15 @ Supinfo

welcomattic

Ce soir (18 Mars 2014) c'est le 15ème Meetup France HTML5 chez Supinfo au 40ème étage de la Tour Montparnasse !

FranceHTML5 User Group

Au programme :

Volière par Vladimir Kosmala

Talk de bricolage surprise dans la lignée des talks "L'art de bricoler" de Sylvain Weber. Un clone de FlappyBird multijoueur en JS (PhaserJS + Socket.io + Intel XDK) ! 105 joueurs atteints ! Jeu ici - Code ici

~

Facebook, the true story par le frenchy : Gilles Mischler

20ème employé de Facebook et récemment employé chez Dropbox, Gilles nous a raconté son parcours atypique, entre anecdotes savoureuses et retours d'expériences hors du commun, il nous a présenté son épopée au sein de ce réseau social connu de tous.

Un American Dream comme on en rêve ! Embauché pour migrer Sendmail vers Exchange car Sean Parker voulait utiliser Plaxo. Mission accomplie ! L'évolution de son rôle au sein de Facebook : nettoyage (bureaux, toilettes ...), installation des étagères, IT, ingénieur réseau, admin réseau, manager et ingénieur datacenter, R&D sur de nouveaux équipements hardeware, achat de dizaines de MacBooks chaque semaine et configuration de Blackberry pour les nvx employés du lundi pendant les TGIF. Gilles fut le premier manager du premier datacenter de Facebook qui contenait 12 000 serveurs et 2 Po de data (1 Po = 1 024 To). Le Deployer s'appellait Faceboot et permettait de déployer les mises à jour de façon automatique sur tous les serveurs.

Après le départ de Gilles : 3000 employés, 356 Millions d'utilisateurs, +13 millions d'utilisateurs par semaine.

Anecdotes en vrac

~

Comment optimiser sa gestion de cache avec l'Application Cache par Mathieu Robin

Cache manifest pour fluidifier ses apps. Supporté largement par les derniers navigateurs, avec fallback.

Le LocalStorage c'est pour les datas les mecs !

Solution : L'Application Cache. F5 : pas de requêtes serveur (ni HEAD, ni rien) -> load from cache Gestion du offline (ça marche dans le métro !) SSL same domain policy Debug : chrome://appcache-internals/ Mettre toutes ses libs (jQuery, Angular, Backbone, Ember ..) dans CACHE navigator.onLine -> bool, online or not ? Avec PhoneGap : dépend de la version du device sur lequel est déployée l'app /!\ Cache commun à tous les users
LocalForage (SessionStorage + LocalStorage)

Prez ici

~

Faire de la dataviz en JavaScript sans bibliothèque, par Alexis Jacomy

Lead dev de SigmaJS, il nous a parlé de Canvas, SVG et l'exploitation du DOM et de CSS3 pour faire du rendu graphique, et a synthétisé les solutions qu'il faut utiliser dans différents cas, avec l'aide d'exemples simples.

Prez ici

~

Ce meetup s'est achevé autour d'un verre et de sushis (Merci le sponsor, on n'a pas su qui c'était ;) ). À bientôt pour un prochain Meetup (Angular sûrement !)

Enjoy();