Tutoriel ExtJS : mise en production

////Tutoriel ExtJS : mise en production

Maîtrisez la compression de votre application en vue du déploiement. Utilisez Sencha Cmd. En particulier, comprenez la commande ‘sencha app build’.

Prérequis

 Tutoriel ExtJS : Installation de l’outil Sencha Cmd

Objectifs

 Packaging et déploiement d’une application pour la production

Liens utiles

 Documentation Sencha Cmd

ext_logo.gif

Programme

 Nos petits déjeuners ExtJS

 Introduction

 Partie 1 : génération squelette application

 Partie 2 : chargement application

 Partie 3 : packaging en vue de la production

 Partie 4 : chargement application packagée

Durée

 30min


formation-sencha-extjs-objis.jpg

Petit-déjeuner ExtJS 6 vendredi 25 septembre – Paris

Découvrez les opportunités offertes par le framework ExtJS 6 pour le développement de vos applications Web et Mobile.

Depuis 2009, Objis accompagne (conseil + formation) les organisations possédant un Backoffice JAVA/PHP/.NET et désireuses de créer des interfaces utilisateurs Web et Mobile à forte valeur ajoutée. Nous avons développé un savoir-faire technique et pédagogique sur Sencha ExtJS , Sencha GXT et l’éditeur Sencha Architect.

INSCRIPTION Petit-déjeuner ExtJS 6

Introduction

 Bonne pratique : minimification de la livraison :

— > 1) espaces +

— > 2) taille variables +

— > 3) compression

Partie 1 : création squelette application ‘processium’

tutoriel-build-sencha-cmd-4-packaging-0

 

tutoriel-build-sencha-cmd-4-packaging-2

Partie 2 : chargement application

 Lancez le navigateur chrome avec onglet ‘network’ ouvert.

 Chargez l’application

tutoriel-build-sencha-cmd-4-packaging

 Analysez le temps de chargement

Partie 3 : préparation pour la production

 se mettre en ligne de commande dans le répertoire de l’application (ici c:wampwwwprocessium)

 sencha app build

tutoriel-build-sencha-cmd-4-packaging-3

 notez le répertoire ‘production’ créé dans le répertoire ‘build’

tutoriel-build-sencha-cmd-4-packaging-4

 Analysez le contenu de la feuille de style

tutoriel-build-sencha-cmd-4-packaging-5

 Expliquez.

 Analysez les dernières lignes du fichoier app.js

tutoriel-build-sencha-cmd-4-packaging-4bis

Partie 4 : chargement application

 Lancez le navigateur chrome avec onglet ‘network’ ouvert.

 Chargez l’application

tutoriel-build-sencha-cmd-4-packaging-6

 Analysez le temps de chargement

Conclusion

Vous avez mis en œuvre la technologie Sencha Cmd pour génerer une version compressée de votre application. Cette version contribue à une amélioration des performances de chargement de l’application.

2018-01-29T17:45:16+01:00

Contactez nous

241 rue DUGUESCLIN, 69003 Lyon

Web : Objis : spécialiste formation Java