Un nouveau site Plone pour Angers Loire Développement
Prototype Javascript Framework, le Javascript facile
Prototype.js: faciliter l'utilisation d'Ajax et la manipulation du DOM dans vos applications web. Cet article présente cette bibliothèque et des liens vers de nombreuses ressources externes.
1. Présentation
Prototype est une bibliothèque JavaScript qui a pour but d'apporter des outils facilitant la vie des développeurs d'application Web dynamiques. Ce framework apporte notamment des structures de données très utiles (Array, Hash, Date, ...), une syntaxe plus pythonique que le JavaScript classique, une puissante classe Ajax, etc... le tout avec une bonne couche d'abstraction permettant de produire du code multi-navigateurs. La dernière version en date (1.6.0.3) est compatible Mozilla Firefox ≥ 1.5, Microsoft Internet Explorer ≥ 6.0, Apple Safari ≥ 2.0, Opera ≥ 9.25. Point important, le code source est sous licence MIT et la documentation ne manque pas (web et papier).
2. Documentation
- L'API Docs officielle
- Prototype Tips and Tutorials
- Prototype 1.6.0.2 Cheat Sheet
- Le livre Practical Prototype and script.aculo.us
- Un gadget iGoogle permettant de rechercher facilement des ressources sur Prototype.js
- Développer avec Prototype.js, les bonnes pratiques
- prototype.js.le-developpeur-web.com - début de documentation en français (pour Prototype 1.5.0)
- Blog de Pascal Martin: quelques tutoriaux en français, tels que l'utilisation de XML ou JSON comme format d'échange de données
- Utiliser directement la version de Prototype hébergée par Google
- Get official (or unofficial) compressed version of Prototype 1.6
- Le blog de kangax - plein d'articles/exemples intéressants dont un listant les blogs des développeurs du core de Prototype
- Google group "Prototype-core"
- Prototype sur Ajaxian.com
- L'inspirateur de Prototype - http://dean.edwards.name/
- Anatomy of a Drag and Drop
- Réducteur/obscurateur/encodeur de javascript
3. Modules additionnels et extensions (quelques exemples...)
- scripteka.com: Annuaire des extensions disponibles pour Prototype.js
- ajaxrain.com: Annuaire d'extensions et scripts JavaScript, pour Prototype.js ou autres...
- Flotr, a javascript plotting library
- Prototype Graphic Framework (PGF) - a framework based on prototype to display vectorial shapes inside a web browser
- A configurable Modal Window system
- Display anything in a carousel
- Proto.Menu - lightweight context menu script based on prototype.js
- Proto.Lazy - do we really need lazy image loading ?
- Prototip - create both simple and complex tooltips
- Ajax Rating
- Protoload: more flexible loading symbols (show the user what is going on)
- TableKit is a collection of HTML table enhancements: row striping, column sorting, column resizing and cell editing using Ajax
- Sortable HTML table
- Prototype Portal Class (Netvibes or iGoogle like)
- Proto.IPS: Unobtrusive in-place-select widget
- Auto-scrolling page navigation
- Mousewheel Event.wheel(e) extension
- Date Chooser
- Control.Tabs: Unobtrusive CSS tabs ; and in the same website: Control.ContextMenu / ProgressBar / Rating / ScrollBar / SelectMultiple / Selection / Tabs / Textarea / Window / Cookie / HotKey
- Really easy field validation
- Cross site ajax plugin (Prototype 1.5.0)
- Understanding Scope and Binding in JavaScript
4. Script.aculo.us - it's about the user interface, baby!
Script.aculo.us est une formidable bibliothèque basée sur Prototype. Elle apporte de nombreuses fonctionnalités permettant d'améliorer l'interface utilisateur de nos sites web; framework d'animation, drag & drop, contrôles Ajax, utilitaires pour la manipulation du DOM, et tests unitaires.
Tout est ici: http://script.aculo.us/
Un exemple de module additionnel; Scriptaculos lightweight accordion
