pizza party - présentation de famo.us

Download Pizza party - Présentation de famo.us

If you can't read please download the document

Upload: offirmo

Post on 22-May-2015

270 views

Category:

Technology


1 download

DESCRIPTION

A presentation of "famo.us", a new graphical framework for writing cross-platform web apps. (In french)

TRANSCRIPT

  • 1. Famo.us ? a JavaScript platform to build high end, cross platform web apps that perform as well as native apps. It is a serious alternative to building apps using native technologies.

2. Phonegap ? Pas la mme chose Famo.us = lib graphique, pour UI Promesse : perfs ~60 fps sans -coups Toujours besoin de cordova / phonegap pour camra, acclromtre, etc. Par contre, effectivement concurrent de Sencha Touch 3. Pourquoi Famo.us ? DOM = LENT Natif (iOS, Androd) "HTML5 failed so spectacularly as a way to develop high-quality consumer applications" "people really, really want the web to win" "Famo.us shows the first real glimmers of hope" 4. Rsum Framework graphique dynamique Gre une partie du DOM Pour applis web, mobile first Cross-browser Perfs proches du natif, 3D Js langage + async + libs = c'est cool Stack + simple, cycles + courts 5. Srieux ? Open source (Mozilla license) fastest-growing repo on GitHub dernier tour ~4M$ (Samsung) 6. Bmols Encore en beta Support IE en cours Lague un peu quand mme ;) Contraintes sur le code Dclaratif vs. Code (-> Angular) Bientt : sur webGL Service de cloud 7. Dmos relles PHQ4 Breezy Albumatic Dots 8. Famo.us university 9. Dmo perso Live bit.ly/ehidf 10. Du code ! 11. Crer un projet Simple : famous-starter-kit.zip Advanced : grunt toolbelt projet complet avec bower, require.js, .editorconfig, jslint, tests, minification npm install -g yo grunt-cli bower generator-famous mkdir new_project cd new_project yo famous grunt serve grunt 12. Concepts Context Surfaces Views Modifiers : positionnement, animations 13. Rendering tree context modifier scrollview S1 S2 S3 S10 modifier1 modifier2 surface1 surface2 14. DOM Pas de manipulation du DOM Window.requestAnimationFrame() DOM events events famo.us setInterval timers famo.us animations famo.us stateModifier CSS 3D 15. Sous le capot... Allons voir le DOM : DOM plat (au niveau layout) rutilisation de DIV 16. Physique, 3D, angular 17. Merci ! Rodolfo, Damien, Yannick 18. Notes Site officiel https://famo.us/ Github https://github.com/Famous/famous Examples officiels https://github.com/Famous/examples gitclonehttps://github.com/Famous/examples.gitrecursivefamous_examples Paper demo https://www.youtube.com/watch?v=nO6ZwYwwii8 Angular-famous http://famo.us/integrations/angular/ Stack overflow http://stackoverflow.com/questions/tagged/famo.us Tous les liens : http://offirmo.net/wiki/index.php?title=Famo.us