Pour ceux qui ne connaitraient pas Mootools, c’est un framework Javascript orienté objet permettant de créer des interactions avancées autant au niveau visuel qu’au niveau requête serveur.

Pour mieux appréhender cette librarie et en connaître toutes ses possibilités, le site Consider:Open a lancé sur son blog un tutoriel de 30 jours dédié à la mise en place et au développement avec Mootools 1.2, il s’adresse autant aux développeurs qu’aux personnes désirant se lancer avec Ajax.

Les sujets abordés vont de la sélection d’objets et la manipulation du HTML, aux effets visuels type Accordéon ou Slide, en passant par les expressions régulières et la gestion d’événements.

Voici le planning des sujets traités :

• Jour 2 – Les Sélecteurs
• Jour 3 – Introduction aux Tableaux
• Jour 4 – Fonctions
• Jour 5 – Gestion des évènements
• Jour 6 – Manipuler le HTML
• Jour 7 – Etablir et obtenir des Propriétés de style
• Jour 8 – Filtrage d’entrées Partie 1 (nombres)
• Jour 9 – Filtrage d’entrées Partie 2 (chaînes)
• Jour 10 – Utilisation de Fx.Tween
• Jour 11 – Fx.Morph, Options et évènements
• Jour 12 – Glisser – déposer avec Drag.Move
• Jour 13 – Glisser – déposer avec Drag.Move
• Jour 14 – Périodes et Introduction aux Hashes
• Jour 15 – Sliders
• Jour 16 – Sortables et Introduction aux Méthodes
• Jour 17 – Accordéons
• Jour 18 – Classes Partie 1
• Jour 19 – Infos bulles
• Jour 20 – Quelques types d’onglets
• Jour 21 – Classes Partie 2
• Jour 22 – Morph sur plusieurs éléments avec Fx.Elements
• Jour 23 – Fx.Slide
• Jour 24 – Projet de boite de dialogue simple – partie 1

Pour en savoir plus et pour bien commencer, vous trouverez également un fichier à télécharger contenant une copie du noyau de la librairie Mootools 1.2, un fichier HTML simple, une feuille de style ainsi qu’un fichier Javascript externe pour les fonctions.

Vous trouverez également sur le site 6ma Aide Informatique une traduction du tutoriel officiel.