picto Web - Digital

Formation Applications FullJavascript avec ExtJs, AngularJS et NodeJS

Les frameworks Javascript ExtJs, AngularJS, et NodeJS

Référence

IEAN

Durée

4 JOURS

Tarif

2165 € HT

NIVEAU

Intermédiaire

Cours à distance

Oui

Objectifs de la formation Applications FullJavascript avec ExtJs, AngularJS et NodeJS

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

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.

Public

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

Contenu du cours Applications FullJavascript avec ExtJs, AngularJS et NodeJS

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