Tutoriel ExtJS N°8 : formulaires ExtJS

2018-01-31T15:56:49+01:00

Créez un formulaire ExtJS. Découvrez la flexibilité du formulaire ExtJS par rapport au formulaire HTML traditionnel : gestion d'erreurs, style, layout. Découvrez les classes FormPanel, BasicForm et Field Prérequis  Connaissance HTML, javascript.  Connaissance Ajax Liens utiles  Démonstrations Formulaire 100% ExtJS 4  Formulaire Ext3 + Ext4/FieldLayout + Ext4/Hbox Objectifs  Comprendre les techniques d'insertion d'un code html dans un Panel ExtJS Programme  Nos petits déjeuners ExtJS  Introduction  Partie 1 : formulaire initial  Partie 2 : validation champs  Partie 3 : validation champs personnalisée  Partie 4 : ajout bouton radio  Partie 5 : ajout combo, données dans tableau  Partie 6 : ajout zone de [...]

Tutoriel ExtJS N°8 : formulaires ExtJS2018-01-31T15:56:49+01:00

Tutoriel ExtJS N°11 : Layouts

2018-01-28T12:40:45+01:00

Découvrez la notion de Layout Manager dans ExtJS sur un exemple concret avec un layout de type 'hbox'. Comprenez les règles d'arrangement des composants 'enfants'. Identifiez un atout maître : le 'dynamic sizing'. Identifiez les différents types de layout Managers proposés par ExtJS, dont le BorderLayout Prérequis  Connaissance HTML, javascript. Objectifs  Comprendre ce qu'est un layout manager  Comprendre la valeur ajoutée d'un layout manager  Identifier les Layout Manager fournis par ExtJS  Comprendre le conteneur 'ViewPort' Lien utile  DEMO LAYOUTS : clés layout , type, align, pack, flex   DEMO xType par défaut   DEMO doLayout() Programme  Nos petits déjeuners ExtJS  Introduction [...]

Tutoriel ExtJS N°11 : Layouts2018-01-28T12:40:45+01:00

Tutoriel ExtJS N°10 : comprendre les conteneurs ExtJS

2018-01-28T12:41:14+01:00

Comprenez la notion de conteneur dans ExtJS. Découvrez la classe 'Container', classe de base dont hérite les conteneurs conteneurs ExtJS, comme le 'Viewport' ou le 'Panel' et ses dérivés. Ajoutez, supprimez et insérez des composants visuels ExtJS dans un conteneur. Comprenez cette relation parent/enfant via l'attribut 'items' d'un conteneur. Comprenez enfin deux valeurs ajoutées de l'attribut 'xtype' : performance et clarté du code. Prérequis  Connaissance HTML, javascript. Objectifs  Comprendre la notion de conteneur ExtJS.  Comprendre la classe Container  Comprendre la hiérarchie de conteneurs  Instancier et placer un Panel dans une page HTML  Comprendre les conteneurs Viewport et Panel  Comprendre l'attribut 'xtype' [...]

Tutoriel ExtJS N°10 : comprendre les conteneurs ExtJS2018-01-28T12:41:14+01:00

Tutoriel ExtJS N°4 : gestion événements sur noeuds DOM

2018-01-29T12:59:48+01:00

Avec Objis, spécialiste formation ExtJS, maîtrisez la gestion des événements avec ExtJS. Comprenez le type Ext.util.Observable, dont hérite tous les objets ExtJS. Comprenez la mise en oeuvre d'écouteurs avec Ext.dom.Element.on() . Découvrez les attributs 'handler' et listeners spécifiques à la gestion d'évènements de composants Extjs Prérequis  Connaissance HTML, javascript. Objectifs  Comprendre la mise en oeuvre d'évènements Programme  Nos petits déjeuners ExtJS  Introduction  Partie 1 : Evènement 'click' sur un élément DOM  Partie 2 : Capture & Bubble  Partie 3 : Enregistrement d'évènement et écouteurs Durée  30min Introduction Avec chaque objet de type Ext.Element est embarqué un gestionnaire d'Evènement Ext.util.Observable. Ext.util.Observable est [...]

Tutoriel ExtJS N°4 : gestion événements sur noeuds DOM2018-01-29T12:59:48+01:00

Tutoriel ExtJS N°5 : comprendre le Template

2018-01-28T12:42:00+01:00

Maîtrisez la notion de Template ExtJS. Utilisez les Template pour créez des modèles pour l'affichage de données. Ajoutez de l'intelligence dans le traitement de ces donnnées avec XTemplate. Prérequis  Connaissance HTML, javascript.  Mise en oeuvre DOM avec ExtJS Objectifs  Comprendre notion et valeur ajoutée Template (Ext.template)  méthodes append, compile  Comprendre la mise en oeuvre de Template ExtJS  Comprendre la mise en oeuvre de XTemplate ExtJS Programme  Nos petits déjeuners ExtJS  Introduction  Partie 1 : Template simple  Partie 2 : Template complexe  Partie 3 : XTemplate Durée  30min Lien utile  Présentation de James Brantly : ExtJS Advanced Templates (Vidéo Introduction Ext.template vous [...]

Tutoriel ExtJS N°5 : comprendre le Template2018-01-28T12:42:00+01:00

Tutoriel ExtJS N°3 : manipulations DOM

2018-01-28T12:42:36+01:00

Avec Objis, spécialiste formation ExtJS, maîtrisez la manipulation de noeuds DOM avec ExtJS. Comprenez la méthode Ext.get et le type objet Ext.dom.Element. Comprenez la valeur ajoutée de Ext.get() sur document.getElementById() . Découvrez le type Ext.dom.Element. Ajoutez des noeuds DOM dynamiquement. Supprimez des noeuds simplement. Prérequis  Connaissance HTML, javascript. Objectifs  Comprendre la mise en oeuvre de DOM avec ExtJS  Comprendre le type Ext.Element  Comprendre valeur ajoutée de Ext.get sur document.getElementById()  Mettre en oeuvre des effets spéciaux sur un élément Programme  Nos petits déjeuners ExtJS  Introduction  Partie 1 : modifier dimensions d’un noeud  Partie 2 : création de noeuds enfants  Partie 3 : [...]

Tutoriel ExtJS N°3 : manipulations DOM2018-01-28T12:42:36+01:00

Tutoriel ExtJS N°2 : premières interactions utilisateur

2018-01-31T14:10:37+01:00

Avec Objis, spécialiste formation ExtJS, créez votre première interaction avec l'utilisateur (démo). Comprenez un des atouts majeurs d'ExtJS par rapport à d'autres frameworks javascript : l'objet Config. Basé sur une notation JSON, il vous permet de bénéficier de paramètres par défaut des composants visuels, comme la MessageBox d'ExtJS. Il contribue également à une meilleure lisibilité de votre code ExtJS. Prérequis  Tutoriel ExtJS N°1 : votre première application ExtJS Objectifs  Comprendre 3 atouts de l'objet 'config' pour la configuration (look + comportement) composants.  Mise en oeuvre avec ajout (look) d'une icone à un MessageBox  Mise en oeuvre avec ajout (comportement) gestion évènements [...]

Tutoriel ExtJS N°2 : premières interactions utilisateur2018-01-31T14:10:37+01:00

Introduction au framework ExtJS 4

2018-01-27T20:22:30+01:00

Découvrez ExtJS, le framework javascript le plus utilisé au monde, et qui permet à plus d'un million de développeur de créer des applications web professionelles. Comprenez la plateforme Sencha, qui vous permet d'utiliser vos compétences ExtJS 4 pour créer des applications mobiles avec Sencha Touch Prérequis  Aucun Qui sommes-nous ? Objectifs  Comprendre les fondements historiques de ExtJS  Découvrir des exemples d'applications et sites utilisant extJS  Comprendre les avantages d'ExtJS pour décideur et développeur Programme  Partie 1 : Présentation & Historique ExtJS  Partie 2 : exemples applications ExtJS  Partie 3 : les atouts pour le décideur  Partie 4 : les atouts pour [...]

Introduction au framework ExtJS 42018-01-27T20:22:30+01:00

Contactez nous

241 rue DUGUESCLIN, 69003 Lyon

Web : Objis : spécialiste formation Java