Archives du mot-clé Sencha

Sencha, éditeur de ExtJS

Introduction à ExtJS

ExtJS est un framework Javascript édité et maintenu par Sencha.

J’ai découvert le ExtJS début 2011 lorsque j’ai dû réaliser pour un client un audit sur une de ses applications développée en PHP côté serveur et utilisant cet outil pour gérer l’interface utilisateur. J’ai ensuite été amené à ré écrire une partie du code PHP et à faire évoluer l’application, tant côté serveur que côté client. Pendant près d’un an et demi, j’ai donc utilisé ExtJS (en version 3.x), et j’ai commencé à apprécier ce framework, tant il m’a simplifié la vie pour la réalisation de ce que l’on appelle communément maintenant des « interfaces riches ». J’ai ensuite été amené à retravailler avec ce framework par deux fois depuis (en version 4.x), et toujours avec beaucoup de plaisir.

ExtJS étant à mon avis moins connu que JQuery, j’ai pensé qu’il pouvait être intéressant de vous le faire découvrir au travers d’une série de tutoriels que je publierai sur ce blog. Je ne me considère absolument pas comme un expert ExtJS, je souhaite juste mettre à disposition quelques tutoriels permettant d’aborder ce framework simplement.

Ce premier tutoriel est une introduction à ExtJS. Nous allons donc voir comment mettre en place le framework, créer une interface simple, et utiliser un formulaire. Je me suis basé sur un article que j’avais publié dans le magazine PHP Solutions au mois de février 2012 et que j’ai mis à jour pour l’occasion.

N’hésitez pas à laisser un commentaire pour donner votre avis sur ce tutoriel, qui peut être amené à évoluer.

J’ai également mis à disposition les sources des exemples ici. Même si ils peuvent être testés directement en ligne, je vous conseille de récupérer les sources pour les utiliser en local. Dans la mesure où je n’ai pas utilisé une version optimisée d’ExtJS, le temps de chargement peut être un peu long et ne vous donnera pas une idée réaliste de ses performances.

Bonne lecture et bons tests ! 🙂

Téléchargez le tutoriel au format PDF :

Tutoriel Introduction à ExtJS