Formation Applications FullJavascript avec ExtJs, AngularJS et NodeJS


  • LES FRAMEWORKS JAVASCRIPT EXTJS, ANGULARJS, ET NODEJS
REFERENCE
 
 
IEAN
DUREE
 
 
4 jours
TARIFS
 
 
2165 € HT
Niveau : Intermédiaire
Cours à distance: Possible
OBJECTIFS :
 
Cette formation vous permettra de d'apprendre à développer des applications Web full JavaScript tout en découvrant les fonctionnalités principales des technologies Javascript ExtJS5, Angular JS et Node JS. ExtjS 5 le Framework javaScript de Sencha ,vous permettra de développer des applications Web riches (RIA) et interactives pour mobiles ou Desktop. Ce standard du développement d'application Web respecte le modèle MVC (et même MVVM avec la version 5) et le HTML5 avec tous les navigateurs sur lesquels il s'exécute. AngularJS est le Framework JavaScript côté client utilisé et développé par Google. Ce Framework Open Source ne cesse de conquérir un public toujours plus nombreux, il faut dire qu’il dispose d’arguments forts par rapport à ses multiples confrères. Vous apprendrez à utiliser AngularJS dans un contexte professionnel. Node.js permet de développer très facilement des applications écrites en Javascript, mais côté serveur (serveur WEB, requêtes http, accès aux données, etc.). Si besoin était, avec cette dernière brique, vous serez donc capable de développer des applications FullJavascript.
PRÉ-REQUIS :
 

Bonnes connaissances en Javascript, HTML et CSS.

PUBLIC :
 
Cette formation s'adresse aux développeurs, chef de projet et responsables techniques.
PROGRAMME :
 

ExtJS  5 (2 Jours)     

Philosophie et premiers pas avec ExtJS 5 Présentation générale
Positionnement dans le monde des RIA (Flex, Silverlight, GWT, etc.)
Valeur ajoutée de ExtJS sur d'autres Framework (Dojo, Yui, jQuery, Gwt, ...) Installation et paramétrage
Structure générale d'une application utilisant ExtJS
Le modèle MVVM avec ExtJS 5 Vocabulaire et concepts Qu'est-ce qu'une vue (view) ?
Rôle de l'élément ViewModel (databinding avec la View)
Rôle de l'élément Model (méthodes et événements avec le ViewModel)
Classes extJS permettant la mise en oeuvre du modèle MVVM (View, ViewModel, Model) Organisation des fichiers et des répertoires
La gestion des événements dans Ext JS (contrôleur, listener, ...)
Analyse détaillée du cycle de vie de l'ensemble de l'application (chargement, événements utilisateurs, accès serveur, affichage, etc.)
Exemple de mise en œuvre
Communication avec le serveur (XMl, JSON, Ext Direct) Ajax dans le contexte de ExtJS
Accéder aux données du serveur par flux XMl ou JSON Config object et JSON
Règles syntaxiques des objets JSON
Transformer une chaîne JSON en objet, tableau, etc. Quel intérêt d'utiliser Ext Direct ?
Quelques exemples de synthèse
Le gestionnaire de session (Ext.data.Session)
Gérer les données avec ExtJS 5 Accès local et distant
Manipulation des données statiques Template et Xtemplates
Tri et regroupement
Utilisation d'un Proxy pour accéder aux données
Associer des modèles de données (Ext.data.Model, Ext.Data.Store) Graphe des objets du modèle métier
La validadion des données
Construire une interface (conteneur, panel, layout) Différences entre composant et conteneur Les conteneurs et les panels
Un layout pour gérer la disposition des panels Variantes avec les layouts (fit, absolute, accordion, ...) Personnaliser un layout
Exemples de combinaisons
Les composants de base (fenêtre, formulaire, etc. ) Fenêtres
Création d'un formulaire
Cycle de vie d'un formulaire (chargement, validation, etc. )
Les fondamentaux (champs, toolbar, checkbox, bouton radio, etc. ) Les styles CSS
Composants personnalisés
Navigation entre les composants Le drag and drop
Affichage de données structurées dans une grille

AngularJS (1jour)     

Les grands principes d'AngularJS L'application Single Page Le MVC avec AngularJS L'injection de dépendance Les services
Les limites de jQuery
Le Framework MVC Définition et utilité des scopes Objectifs d'un controller
Le modèle et les données Le scope du controller Principe d'un template Rôle d'une Directive
Les vues dynamiques
L’accès au serveur Ajax et asynchrone
Principes REST
Le service $http
Connexion aux web services
Les Formulaires avec AngularJSLes éléments de formulaires Utilisation du modèle
La sélection multiple Validation du formulaire Soumission du formulaire

NodeJS (1jour)     

Présentation Du JavaScript côté serveur
Le moteur Google V8 utilisé côté serveur Programmation événementielle
Approche non-bloquante d'une application : avantages et limites
Premiers pas en node.js Installation du serveur node.js (déploiement, configuration, ...)
Le gestionnaire d'extensions NPM ou comment étendre nodejs en quelques instants (catalogue en ligne, local, ou global)
Premier cas concret : Hello World
Un serveur web en quelques lignes (création de la structure de base d'une application web) Traiter une requête (en mode asynchrone)
Mettre en place un gestionnaire de routes
Tour d'horizon de l'API node.js Les fonctions utilitaires (console, util, ...)
La gestion de buffers
Utilisation des events et des timers programmables
Accès aux fichiers (lecture, écriture, fonctions diverses)
Gestion des requêtes / réponses HTTP (et initiation à HTTPS)
Création de processus fils, https, sockets TCP &  UDP

TRAVAUX PRATIQUES :
 
Ils sont nombreux et ils vous permettront de découvrir les fonctionnalités les plus importantes de chacune des trois technologies.
S'INSCRIRE À CETTE
FORMATION FULL JAVASCRIPT
Cliquez sur une date pour vous inscrire
Information pratiques sur
LA FORMATION
Lieu de la formation Paris - LA DEFENSE
Nous contacter 01 43 34 90 94
CETTE FORMATION SUR-MESURE Ce cours est réalisable en intra-entreprise, dans vos locaux ou nos salles de cours CONTACTER NOTRE SERVICE INTRA
D'autres formations
SUR LE MÊME THÈME

5 j

 
Cette formation vous propose de vous apprendre le langage JavaScript en profondeur pour la création de vos sites Internet, applications web et mobiles. Gestion...

3 j

 
Node.js est une approche performante et non-sequentielle, permettant de développer très facilement des applications écrites en Javascript, mais côté...

3 j

 

Web - Digital

Node.js avancé
Node.js est un projet open-source reposant sur le moteur V8 de Chrome. Il permet d'exécuter du code JavaScript côté serveur, contrairement à ce que l'on a...

3 j

 
Si vous êtes perdu face aux nombreux frameworks JavaScript modernes, Vue.js est la réponse à la complexité grandissante des solutions existantes. Puissant, rapide et...
Plus de formations sur le même thème

Des questions ?

ON VOUS RAPPELLE

 

0

Formations
Informatique
et Management
en ligne à ce jour

+ 0

Stagiaires dans nos
salles de cours sur
l'année

0%

De participants
satisfaits ou très
satisfaits de nos
formations

0

Formateurs experts
validés PLB