Technologies Web

Choisir un framework de développement JavaScript

Quels frameworks, pour quels usages ?

L’architecture web est en pleine mutation et Javascript s’impose comme le standard avec un ensemble de frameworks permettant d’accélerer et d’industrialiser les développements. Mais quels sont ils? Qu’apportent-ils ? Qui sont les leaders ? Tout cela vous sera détaillé grâce à des retours d’expérience et des démonstrations.

Durée de la formation

1 jour

Objectif

Choisir un framework javascript

Pré-requis

Javascript

1950€

950€

Sujets abordés

JQuery – AngularJS – Bootstrap – NodeJS – GulpJS – Benchmark – Catégorisation – EmberJS – BackboneJS – Grunt

01

Architecture d’une application web et catégorisation des frameworks

Jusqu’au début du siècle, les navigateurs web se contentaient d’afficher les pages. Chaque interaction avec l’utilisateur nécessitait un aller/retour avec le serveur pour la construction d’une nouvelle page. Désormais, l’évolution des navigateurs permet de réduire les communications à de l’échange de données, entre serveur web et navigateur. Les navigateurs, grâce à leur moteur Javascript, ont maintenant la responsabilité de porter tous les traitements d’interaction avec les utilisateurs. Nous verrons donc dans ce chapitre comment sont réalisées les applications web riches et aborderons les concepts d’architecture liés à Javascript :

  • L’ asynchronisme et la nature évènementielle de JavaScript ;
  • L’ utilisation de l’asynchronisme pour communiquer avec un serveur (Ajax) ;
  • La définition des web services REST et la comparaison avec SOAP ;
  • Les structures de données adaptées à une application web riche ;
  • Le principe de gestion de l’affichage des données grâce au templating en JavaScript ;
  • Les principes de conception graphiques d’une application web riche ;

Dans le cadre de cette architecture, nous définirons leurs usages, grâce à une catégorisation, qui vous sera détaillée et explicitée :

  • Core : Fonctionnalités bas niveau ;
  • IHM : Création d’interfaces graphiques ;
  • Serv : frameworks utilisés côté serveur ;
  • Data : Assistance à la gestion des données ;
  • Binder : Association Données/Vues ;
  • Organiser : Les moyens d’industrialisation des développements, des déploiements et des tests ;
02

Connaître et positionner les différents frameworks

Les principes de bases des architectures applicatives web riches, ayant été posés, nous détaillerons les grandes solutions du marché comme :

  • jQuery ;
  • jQueryUI ;
  • jQueryMobile ;
  • AngularJS ;
  • EmberJS ;
  • BackboneJS ;
  • Bootstrap ;
  • NodeJS ;
  • GulpJS...

(Cette liste peut changer en fonction de l’évolution du marché) Pour chacun d’eux nous détaillerons :

  • Son ou ses sponsors ;
  • Sa maturité ;
  • Ses fonctionnalités ;
  • Son positionnement, suivant la catégorisation précédente ;
  • Ses limites ;
  • Les précautions à prendre dans son utilisation ;
03

Exemples et retours d’expérience

Tous les concepts d’architecture, qui auront été abordés dans le cadre de cette formation, seront implémentés au travers d’une application de « gestion des tâches », qui permettra également de mettre en oeuvre les différents frameworks cités précédemment en fonction de leur catégorisation. Nous verrons au travers de cette application, de quelle manière remplacer un framework par un autre et voir s’ils peuvent cohabiter. Nous détaillerons au travers de retours d’expérience, les motivations des choix de framework réalisés par nos clients ou par nous même dans le cadre de nos réalisations.

Sujets abordés

01Architecture d’une application web et catégorisation des frameworks

Jusqu’au début du siècle, les navigateurs web se contentaient d’afficher les pages. Chaque interaction avec l’utilisateur nécessitait un aller/retour avec le serveur pour la construction d’une nouvelle page.
Désormais, l’évolution des navigateurs permet de réduire les communications à de l’échange de données, entre serveur web et navigateur. Les navigateurs, grâce à leur moteur Javascript, ont maintenant la responsabilité de porter tous les traitements d’interaction avec les utilisateurs.

Nous verrons donc dans ce chapitre comment sont réalisées les applications web riches et aborderons les concepts d’architecture liés à Javascript :

  • L’ asynchronisme et la nature évènementielle de JavaScript ;
  • L’ utilisation de l’asynchronisme pour communiquer avec un serveur (Ajax) ;
  • La définition des web services REST et la comparaison avec SOAP ;
  • Les structures de données adaptées à une application web riche ;
  • Le principe de gestion de l’affichage des données grâce au templating en JavaScript ;
  • Les principes de conception graphiques d’une application web riche ;

Dans le cadre de cette architecture, nous définirons leurs usages, grâce à une catégorisation, qui vous sera détaillée et explicitée :

  • Core : Fonctionnalités bas niveau ;
  • IHM : Création d’interfaces graphiques ;
  • Serv : frameworks utilisés côté serveur ;
  • Data : Assistance à la gestion des données ;
  • Binder : Association Données/Vues ;
  • Organiser : Les moyens d’industrialisation des développements, des déploiements et des tests ;

02Connaître et positionner les différents frameworks

Les principes de bases des architectures applicatives web riches, ayant été posés, nous détaillerons les grandes solutions du marché comme :

  • jQuery;
  • jQueryUI;
  • jQueryMobile;
  • AngularJS;
  • EmberJS;
  • BackboneJS;
  • Bootstrap;
  • NodeJS;
  • GulpJS…

(Cette liste peut changer en fonction de l’évolution du marché) 

Pour chacun d’eux nous détaillerons :

  • Son ou ses sponsors;
  • Sa maturité;
  • Ses fonctionnalités;
  • Son positionnement, suivant la catégorisation précédente;
  • Son utilisation, à travers une démonstration qui permettra de juger de l’efficacité et de la pertinence de la solution;
  • Ses limites;
  • Les précautions à prendre dans son utilisation;

03Exemples et retours d’expériences

Tous les concepts d’architecture, qui auront été abordés dans le cadre de cette formation, seront implémentés au travers d’une application de « gestion des tâches », qui permettra également de mettre en oeuvre les différents frameworks cités précédemment en fonction de leur catégorisation.

Nous verrons au travers de cette application, de quelle manière remplacer un framework par un autre et voir s’ils peuvent cohabiter.
Nous détaillerons au travers de retours d’expérience, les motivations des choix de framework réalisés par nos clients ou par nous même dans le cadre de nos réalisations.

Des questions sur cette formation ?
Appelez Nexworld Institut au
01 40 54 32 90
ou écrivez à
contact@nexworld.fr
Share This