MooTools Framework Javascript Florent PRUNETA Vincent SEBILLE Malo RAISIN 11/06/2013
Problématique Simplifier le développement en Javascript pour certaines fonctionnalités 11/06/2013 MooTools - Florent PRUNETA - Vincent SEBILLE - Malo RAISIN 2
Problématique Simplifier le développement en Javascript pour certaines fonctionnalités Utilisation d un framework tel que Jquery 11/06/2013 MooTools - Florent PRUNETA - Vincent SEBILLE - Malo RAISIN 3
Problématique Simplifier le développement en Javascript pour certaines fonctionnalités Utilisation d un framework tel que Jquery ou MooTools! 11/06/2013 MooTools - Florent PRUNETA - Vincent SEBILLE - Malo RAISIN 4
Etat de l art Frameworks Javascript Jquery Dojo Scriptaculous, Prototype 11/06/2013 MooTools - Florent PRUNETA - Vincent SEBILLE - Malo RAISIN 5
Etat de l art Frameworks Javascript Jquery Dojo Scriptaculous, Prototype dont s inspire MooTools 11/06/2013 MooTools - Florent PRUNETA - Vincent SEBILLE - Malo RAISIN 6
Description Framework web côté client en Javascript 11/06/2013 MooTools - Florent PRUNETA - Vincent SEBILLE - Malo RAISIN 7
Description Framework web côté client en Javascript Orienté objet 11/06/2013 MooTools - Florent PRUNETA - Vincent SEBILLE - Malo RAISIN 8
Description Framework web côté client en Javascript Orienté objet Compact, léger 1 seul fichier JS Sélection des composants utiles au développement 11/06/2013 MooTools - Florent PRUNETA - Vincent SEBILLE - Malo RAISIN 9
Description Framework web côté client en Javascript Orienté objet Compact, léger Modulaire 11/06/2013 MooTools - Florent PRUNETA - Vincent SEBILLE - Malo RAISIN 10
Description Support mobile basique (touch events ) Depuis la version 1.3 11/06/2013 MooTools - Florent PRUNETA - Vincent SEBILLE - Malo RAISIN 11
Description Support mobile Browser compatible IE6+, Safari, Firefox, Opera, Chrome 11/06/2013 MooTools - Florent PRUNETA - Vincent SEBILLE - Malo RAISIN 12
Description Support mobile Browser compatible Respect des standards du web W3C 11/06/2013 MooTools - Florent PRUNETA - Vincent SEBILLE - Malo RAISIN 13
Description Support mobile Browser compatible Respect des standards du web W3C Open Source MIT Utilisation et modifications avec nom de l auteur 11/06/2013 MooTools - Florent PRUNETA - Vincent SEBILLE - Malo RAISIN 14
Description Support mobile Browser compatible Respect des standards du web W3C Open Source MIT Nombreux plug-ins (officiels et communautaires) 11/06/2013 MooTools - Florent PRUNETA - Vincent SEBILLE - Malo RAISIN 15
Utilisation sur la toile Les sites suivants utilisent MooTools. W3C bing vimeo Joomla Netvibes 11/06/2013 MooTools - Florent PRUNETA - Vincent SEBILLE - Malo RAISIN 16
Communauté 11/06/2013 MooTools - Florent PRUNETA - Vincent SEBILLE - Malo RAISIN 17
Communauté 11/06/2013 MooTools - Florent PRUNETA - Vincent SEBILLE - Malo RAISIN 18
Communauté 11/06/2013 MooTools - Florent PRUNETA - Vincent SEBILLE - Malo RAISIN 19
Communauté 11/06/2013 MooTools - Florent PRUNETA - Vincent SEBILLE - Malo RAISIN 20
Communauté 11/06/2013 MooTools - Florent PRUNETA - Vincent SEBILLE - Malo RAISIN 21
Communauté 11/06/2013 MooTools - Florent PRUNETA - Vincent SEBILLE - Malo RAISIN 22
Communauté 11/06/2013 MooTools - Florent PRUNETA - Vincent SEBILLE - Malo RAISIN 23
Téléchargement Site officiel : http://mootools.net 11/06/2013 MooTools - Florent PRUNETA - Vincent SEBILLE - Malo RAISIN 24
Téléchargement Site officiel : http://mootools.net Version complète avec ou sans compression YUI (dernière : 1.4.5) 11/06/2013 MooTools - Florent PRUNETA - Vincent SEBILLE - Malo RAISIN 25
Téléchargement Site officiel : http://mootools.net Version complète avec ou sans compression YUI Build personnalisée du framework : choix des modules en fonction des besoins 11/06/2013 MooTools - Florent PRUNETA - Vincent SEBILLE - Malo RAISIN 26
Téléchargement Site officiel : http://mootools.net Version complète avec ou sans compression YUI Build personnalisée du framework : choix des modules en fonction des besoins Version serveur : incluant Class, Core, Native Extensions pour Node.js par exemple! 11/06/2013 MooTools - Florent PRUNETA - Vincent SEBILLE - Malo RAISIN 27
Téléchargement Site officiel : http://mootools.net Version complète avec ou sans compression YUI Build personnalisée du framework : choix des modules en fonction des besoins Version serveur : incluant Class, Core, Native Extensions Edge Build : développement de MooTools 11/06/2013 MooTools - Florent PRUNETA - Vincent SEBILLE - Malo RAISIN 28
Architecture (MooTools Core) Fx Array Core Event Core noyau de MooTools + Plug-ins à choisir dans le builder personnalisé 11/06/2013 MooTools - Florent PRUNETA - Vincent SEBILLE - Malo RAISIN 29
Architecture (MooTools Core) Fx Array Core Event Plug-ins Array String Number Function Event Browser Class Fx Request Cookie Json 11/06/2013 MooTools - Florent PRUNETA - Vincent SEBILLE - Malo RAISIN 30
Architecture (MooTools More) (Core) Request Date More Drag MooTools More module officiel + Plug-ins à choisir dans le builder personnalisé 11/06/2013 MooTools - Florent PRUNETA - Vincent SEBILLE - Malo RAISIN 31
Architecture (MooTools More) (Core) Request Date More Drag Plug-ins Date URI Hash Color Drag Move Sortables Request.JSONP String.QueryString 11/06/2013 MooTools - Florent PRUNETA - Vincent SEBILLE - Malo RAISIN 32
Architecture (autre modules) Mootools-DatePicker, MooDialog,... 11/06/2013 MooTools - Florent PRUNETA - Vincent SEBILLE - Malo RAISIN 33
MooTools Mobile Classes MooTools pour gérer des événements mobiles plus facilement Swipe Pinch Touchhold + Browser enhancements 11/06/2013 MooTools - Florent PRUNETA - Vincent SEBILLE - Malo RAISIN 34
Différent de jquery? MooTools se différencie par modulaire héritage, maintenance MooTools Mobile 11/06/2013 MooTools - Florent PRUNETA - Vincent SEBILLE - Malo RAISIN 35
Différent de jquery? MooTools se différencie par modulaire héritage, maintenance Support mobile mais MooTools reste très similaire à jquery (voir jqueryvsmootools.com) 11/06/2013 MooTools - Florent PRUNETA - Vincent SEBILLE - Malo RAISIN 36
Différent de jquery? MooTools se différencie par modulaire héritage, maintenance Support mobile mais MooTools reste très similaire à jquery avec des performances équivalentes. 11/06/2013 MooTools - Florent PRUNETA - Vincent SEBILLE - Malo RAISIN 37
Différent de jquery? Exemple de code 11/06/2013 MooTools - Florent PRUNETA - Vincent SEBILLE - Malo RAISIN 38
Différent de jquery? Exemple de code 11/06/2013 MooTools - Florent PRUNETA - Vincent SEBILLE - Malo RAISIN 39
DEMO 11/06/2013 MooTools - Florent PRUNETA - Vincent SEBILLE - Malo RAISIN 40
Conclusion Adaptation facile. Framework aussi puissant que jquery. Librairie JS potentiellement plus légère. 11/06/2013 MooTools - Florent PRUNETA - Vincent SEBILLE - Malo RAISIN 41
Conclusion Adaptation facile. Framework aussi puissant que jquery. Librairie JS potentiellement plus légère. «Marre de jquery? Essayez MooTools!» 11/06/2013 MooTools - Florent PRUNETA - Vincent SEBILLE - Malo RAISIN 42
Des questions sur MooTools? 11/06/2013 MooTools - Florent PRUNETA - Vincent SEBILLE - Malo RAISIN 43