Ext.js - Présentation
Ext JS est un framework JavaScript populaire qui fournit une interface utilisateur riche pour la création d'applications Web avec des fonctionnalités inter-navigateurs. Ext JS est essentiellement utilisé pour créer des applications de bureau. Il prend en charge tous les navigateurs modernes tels que IE6 +, FF, Chrome, Safari 6+, Opera 12+, etc. Alors qu'un autre produit de Sencha, Sencha Touch est utilisé pour les applications mobiles.
Ext JS est basé sur l'architecture MVC / MVVM. La dernière version d'Ext JS 6 est une plate-forme unique, qui peut être utilisée à la fois pour les applications de bureau et mobiles sans avoir de code différent pour différentes plates-formes.
L'histoire
Ext JS 1.1
La première version d'Ext JS a été développée par Jack Slocum en 2006. C'était un ensemble de classes utilitaires, qui est une extension de YUI. Il a nommé la bibliothèque YUI-ext.
Ext JS 2.0
Ext JS version 2.0 a été publié en 2007. Cette version avait une nouvelle documentation API pour les applications de bureau avec des fonctionnalités limitées. Cette version n'a pas de compatibilité descendante avec la version précédente d'Ext JS.
Ext JS 3.0
Ext JS version 3.0 a été publié en 2009. Cette version a ajouté de nouvelles fonctionnalités comme des graphiques et des vues de liste, mais au détriment de la vitesse. Il avait une compatibilité descendante avec la version 2.0.
Ext JS 4.0
Après la sortie d'Ext JS 3, les développeurs d'Ext JS ont eu le défi majeur d'augmenter la vitesse. Ext JS version 4.0 a été publié en 2011. Il avait la structure révisée complète, qui a été suivie par l'architecture MVC et une application rapide.
Ext JS 5.0
Ext JS version 5.0 a été publié en 2014. Le changement majeur dans cette version a été de changer l'architecture MVC en architecture MVVM. Il comprend la possibilité de créer des applications de bureau sur des appareils tactiles, une liaison de données bidirectionnelle, des mises en page réactives et de nombreuses autres fonctionnalités.
Ext JS 6.0
Ext JS 6 fusionne le framework Ext JS (pour application de bureau) et Sencha Touch (pour application mobile).
traits
Voici les fonctionnalités mises en évidence d'Ext JS.
Widgets d'interface utilisateur personnalisables avec collection d'interfaces utilisateur riches telles que des grilles, des grilles pivotantes, des formulaires, des graphiques, des arbres.
Compatibilité du code des nouvelles versions avec l'ancienne.
Un gestionnaire de mise en page flexible permet d'organiser l'affichage des données et du contenu sur plusieurs navigateurs, appareils et tailles d'écran.
Le package de données Advance dissocie les widgets d'interface utilisateur de la couche de données. Le package de données permet la collecte de données côté client à l'aide de modèles hautement fonctionnels qui permettent des fonctionnalités telles que le tri et le filtrage.
Il est indépendant du protocole et peut accéder aux données à partir de n'importe quelle source back-end.
Thèmes personnalisables Les widgets Ext JS sont disponibles dans plusieurs thèmes prêts à l'emploi qui sont cohérents entre les plates-formes.
Avantages
Sencha Ext JS est la principale norme pour le développement d'applications Web de niveau professionnel. Ext JS fournit les outils nécessaires pour créer des applications robustes pour les ordinateurs de bureau et les tablettes.
Rationalise le développement multiplateforme sur les ordinateurs de bureau, les tablettes et les smartphones - pour les navigateurs modernes et hérités.
Augmente la productivité des équipes de développement en s'intégrant aux environnements de développement d'entreprise via des plugins IDE.
Réduit le coût du développement d'applications Web.
Permet aux équipes de créer des applications avec une expérience utilisateur convaincante.
Propose un ensemble de widgets pour créer facilement une interface utilisateur puissante.
Suit l'architecture MVC, le code est donc hautement lisible.
Limites
La taille de la bibliothèque est importante, environ 500 Ko, ce qui augmente le temps de chargement initial et ralentit l'application.
Le HTML regorge de balises qui le rendent complexe et difficile à déboguer.
Selon la politique générale des licences publiques, il est gratuit pour les applications open source mais payant pour les applications commerciales.
Parfois, pour le chargement, même des choses simples nécessitent quelques lignes de codage, ce qui est plus simple en html ou JQuery.
Besoin d'un développeur assez expérimenté pour développer des applications Ext JS.
Outils
Voici les outils fournis par Sencha utilisés pour le développement d'applications Ext JS principalement au niveau de la production.
Sencha CMD
Sencha CMD est un outil qui fournit les fonctionnalités de minification de code Ext JS, d'échafaudage et de génération de build de production.
Plugins IDE Sencha
Les plugins Sencha IDE intègrent les frameworks Sencha dans les IDE IntelliJ, WebStorm, ce qui aide à améliorer la productivité du développeur en fournissant des fonctionnalités telles que la complétion de code, l'inspection du code, la navigation dans le code, la génération de code, la refactorisation de code, la création de modèles, la vérification orthographique, etc.
Inspecteur Sencha
Sencha Inspector est un outil de débogage qui aide le débogueur à déboguer tout problème lors du développement.