Vous cherchez un framework javascript qui vous permet de faire de l'objet ? Ne cherchez plus mootools est là pour vous.
Dans ce premier tuto, nous allons apprendre ensemble à créer notre première classe javascript avec Mootools.
Points abordés dans ce tuto Mootools:
- Structure de base d'une classe Mootools
- Implémentation de classes
- Sélecteur CSS
- Utilisation des effets de transition
- Flexibilité des classes.
Remarque : cliquez ici si vous souhaitez récupérer le pack de base
Remarque 2 : J'ai oublié de citer dans les exemples que Weecast utilise MooTools 1.2.1 ;)
Pour vous faire un avis, voici un extrait de quelques secondes. La version complète et téléchargeable de ce tuto MooTools de 56 minutes est proposée dans une résolution plus grande que l’extrait suivant :
FlYos
, Formateur
Je suis passionné de l'informatique depuis toujours. J'ai commencer à apprendre le développement web à l'age de 14ans. Puis j'ai intégré l'I.U.T. de Calais. Après l'obtention de mon diplôme j'ai travaillé 17mois dans une Webagency.
Et je suis, depuis le mois d'octobre 2009, auto-entrepreneur. Je souhaite rendre à internet ce qu'il m'a apporter en devenant formateur. J'espère que mes tutos vous plairons.
En savoir plus sur FlYos
Notes attribuées par les utilisateurs (1 vote)
Les avis / Questions des utilisateurs (14)
Donnez votre avis ou posez une question au formateur.
Vous souhaitez commenter ce tuto vidéo ? Créez un compte gratuit. Déjà membre ? Identifiez-vous
Ce tuto en résumé ...
Ce tuto MooTools d’une durée de 56 minutes a été téléchargé 498 fois et a reçu une note moyenne de 5/5.
Ce tuto a été publié le 12 février 2010 par FlYos, contributeur, ayant reçu une note moyenne de 5/5 pour l’ensemble de ses vidéos.
Tous les fichiers sources sont fournis avec cette formation. Ces derniers vous permettront de reproduire les manipulations expliquées dans cette formation.
Ce tuto video vous expliquera étape par étape, toutes les manipulations présentées par le formateur.
Toutes nos vidéos sont visionnées par notre équipe, avant d’être mises en ligne, garantissant ainsi la qualité des produits téléchargés.











(a téléchargé ce tuto - 21 février 2012)
" Tuto intéressant mais comme l'a indiqué @lilyeve, il ne fonctionne ni sur IE8 ni sur Chrome.
Sinon, cela m'a permis de mieux comprendre la création d'objets sous mootools.
Mais comme le mentionne @cetteame, certaines notions sont nécessaires et certaines explications ne le sont pas (le passage sur le css par exemple).
Penses-y, tu raccourcira la vidéo pour aller à l'essentiel et tu captivera plus l'attention de tes "voyeurs" :)
Bonne continuation
Julien "
(a téléchargé ce tuto - 15 février 2011)
" dsl, j'ai trouvé mon erreur et d'ailleurs si ca interresse certains voici le lien vers le fichier lib.js final : http://194.167.115.139/src/lib.js. merci encore pour ce tuto
Stoff "
(a téléchargé ce tuto - 14 février 2011)
" salut et merci pour le tuto. j'ai un petit souci "this.aDefault.get("morph").set is not a function" pourrais-tu me donner un lien vers ton fichier final : lib.js s'il te plait? j'ai cette erreur et je n'arrive pas à trouver ... merci encore @+ "
(a téléchargé ce tuto - 09 mai 2010)
" autant pour moi.
j ai trouvé le lien. désolé.
stepho "
(a téléchargé ce tuto - 09 mai 2010)
" salut FIYos.
ton lien de téléchargement ne fonctionne pas.???
merci
stephi "
(a téléchargé ce tuto - 28 février 2010)
" Bon tuto pense juste à structuré ton discours. sinon génial "
(auteur de ce tuto - 26 février 2010)
" Salut, tu peux créer un sujet dans la catégorie programmation, je pense que c'est l'endroit idéal. "
(a téléchargé ce tuto - 24 février 2010)
" Merci pour ce tuto.
J'ai tenté ma chance mais pour moi ça fonctionne sur Firefox mais pas sur Internet Explorer. À quel endroit sur le forum peut on en discuter?
"
(auteur de ce tuto - 23 février 2010)
" Je ferais mieux la prochaine fois, c'est promis ^^ "
(auteur de ce tuto - 23 février 2010)
" Pourrais-tu me dire ce qu'il ne fonctionne pas ? ouvre un un sujet sur le forum pour éviter de polluer les commentaires. "
(auteur de ce tuto - 23 février 2010)
" Les fichers sources sont disponible dans la description de le formation vidéo. Si tu ne les trouves pas voici le lien de téléchargement : http://www.filedropper.com/mootools-01-initiation "
(a téléchargé ce tuto - 22 février 2010)
" tutos sympas mais ne fonctionne pas chez moi
me manque le debut du css (pas dans le tuto)
et j'ai pris le mootools 1.2.4-core-yc
peut on m'iaider merci "
(a téléchargé ce tuto - 21 février 2010)
" Il manque les fichiers sources à télécharger comme c'est indiqué dans la vidéo.
Sinon, tuto intéressant. C'est trop compliqué pour une introduction à Mootools à mon sens. Mais si on a de petites notions, ça peut permettre d'approfondir avec un exemple utile.
Je pense que ça pourrait être bien de prévenir sur les prérequis nécessaires pour l'apprécier :
- connaitre le html
- connaitre les css
- connaitre firefug
- avoir des notions de POO
;-) "
(a téléchargé ce tuto - 21 février 2010)
" C'est un tuto sympa, mais long et pas entraînant... :s "