menu logo orsys formation
NOUS CONTACTER - +33 (0)1 49 07 73 73
NOUS CONTACTER - 📞 +33 (0)1 49 07 73 73    espace pro ESPACE PRO     inscription formation orsys S'INSCRIRE     drapeau francais   drapeau anglais
Nos domaines de formation :
Toutes nos formations Développement Front-End

Formation Développer des applications Web Full JavaScript

4,7 / 5
Stage pratique
Durée : 4 jours
Réf : FUJ
Prix  2019 : 2540 € H.T.
Pauses et déjeuners offerts
  • Programme
  • Participants / Prérequis
  • Intra / sur-mesure
  • avis vérifiés
Programme

Cette formation vous apprendra à développer des applications Web multipages ou monopages en JavaScript. Les frameworks utilisés seront AngularJS pour la partie client et Node.js pour la partie serveur. Les bases de données NoSQL seront évoquées au travers de MongoDB ainsi que d'autres frameworks utiles.

Objectifs pédagogiques

  • Développer une application Web multipages ou monopages (SIA/SPA)
  • Développer le Front-End d'une application avec AngularJS
  • Mettre en œuvre des traitements JavaScript côté serveur via Node.JS
  • Ajouter une couche de persistance de données via une approche NoSQL

Exercice

Une application fil rouge sera construite, en l'enrichissant progressivement des concepts abordés.

Méthodes pédagogiques

Mise en pratique rapide des concepts, utilisation d'une application fil rouge, exercices.
PROGRAMME DE FORMATION

Rappels de fondamentaux

  • Concepts généraux JavaScript et JSON.
  • La programmation événementielle en JavaScript.
  • La manipulation du Document Object Model (DOM).

Travaux pratiques
Tests de primitives et de concepts avec JSFiddle.

Introduction à Node.js

  • Pourquoi utiliser du JavaScript côté serveur ?
  • Le packetmanager de node : NPM.
  • Programmation asynchrone.
  • Utiliser la programmation événementielle.
  • Tour d'horizon de l'API Node.js.

Travaux pratiques
Mise en place du squelette d'application, principaux traitements côté serveur.

La persistance via une approche NoSQL

  • Les concepts fondamentaux du NoSQL.
  • Introduction à MongoDB.
  • Des documents plutôt que des tables.
  • Utilisation du MongoShell.
  • Construire des opérations de CRUD (Create...).
  • Recherche multicritère d'objets.
  • Mise en oeuvre dans Node.js.

Travaux pratiques
Ajout d'une couche de persistance complète à l'application exemple.

Initiation à Grunt, Bower et Bootstrap

  • L'automatisation de processus complexes avec Grunt.
  • Gestion de dépendances dans le front-end via Bower.
  • Initiation au framework Twitter Bootstrap.

Introduction à ExpressJS

  • Les concepts fondamentaux d'Express.
  • Construction d'un squelette d'application.
  • Configuration d'Express et de l'application.
  • Le rendu de vues avec EJS.
  • La gestion de formulaires et des uploads de fichiers.
  • Le routage d'URL par Express.
  • Mise en place d'une API REST.
  • La gestion des erreurs.

Travaux pratiques
Mise en place d'une approche SIA/SPA dans notre application.

Mise en oeuvre d'AngularJS

  • Le databinding bidirectionnel. Le modèle MVVM.
  • Vue d'ensemble des directives.
  • Vues et templates. Modèles et contrôleurs.
  • Gestion du scope.
  • La gestion du routage.

Travaux pratiques
Ajout d'Angular sur le frontend.

L'approche MEAN

  • Les concepts fondamentaux qui mènent à MEAN.
  • Structure d'un projet MEAN. Les packages.
  • L'injection de dépendances.
  • Intégration avec AngularJS.
  • La gestion des assets et l'agrégation.
  • La gestion des routes.

Travaux pratiques
Refactoring de l'application construite afin de suivre l'approche MEAN.

Participants / Prérequis

» Participants

Développeurs et chefs de projets.

» Prérequis

Bonnes connaissances des fondamentaux du langage JavaScript (notamment de la notion de callback) ainsi que des notions affirmées de HTML et CSS.
Intra / sur-mesure

Demande de devis intra-entreprise
(réponse sous 48h)

Vos coordonnées

En cochant cette case, j’atteste avoir lu et accepté les conditions liées à l’usage de mes données dans le cadre de la réglementation sur la protection des données à caractère personnel (RGPD).
Vous pouvez à tout moment modifier l’usage de vos données et exercer vos droits en envoyant un email à l’adresse rgpd@orsys.fr
En cochant cette case, j’accepte de recevoir les communications à vocation commerciale et promotionnelle de la part d’ORSYS Formation*
Vous pouvez à tout moment vous désinscrire en utilisant le lien de désabonnement inclus dans nos communications.
* Les participants inscrits à nos sessions de formation sont également susceptibles de recevoir nos communications avec la possibilité de se désabonner à tout moment.
Avis vérifiés
picto avis vérifiés
Matthieu P. 16/04/2019
4 / 5
Très bonne pédagogie et formateur qui documente en live , je regrette seulement que le contenu de cette formation puisse vite devenir obsolète et ce lié aux technos du web. Un effort d'apprentissage important est à exécuter après cette formation pour maîtriser les notions vues (Angular,React,Vue,Docker... ) dans le cours.

Corolleur F. 16/04/2019
5 / 5
Bon contenu. Permet de découvrir de nombre outils permettant de créer des applications web. Le TP sur angular pourrait être amélioré.

Paul Q. 16/04/2019
5 / 5
Le fait d'avoir une plage plutôt large pour les exercices est une bonne chose car elle oblige à pratiquer. Cette formation étant très large au niveau du contenu c'est bonne chose. Le choix d'Angular pour la partie front-end me semble douteux au vu de la complexité du framework qui l'accompagne... Une approche via Vue ou React (comme ce fut aussi le cas pour nous) me semble bien plus à propos. Les réponses du formateur aux questi

Laetitia H. 12/02/2019
5 / 5
Exercices concrets

Laurent S. 12/02/2019
5 / 5
Bon rapport théorie/patrique

David S. 18/12/2018
4 / 5
Très bon formateur mais contenu de la formation un peu démodé (AngularJS). Heureusement, notre formateur s'est appuyé sur les dernières versions.

Florent L. 18/12/2018
4 / 5
Plusieurs erreurs dans les exemples du support de cours. Choix des technologies abordées en perte de pertinence pour 2018

CORRE L. 18/12/2018
5 / 5
Une mise à jour est nécessaire sur le contenu (angular.js -> angular , Mean ? Grunt/Bower -> webpack ? Le formateur s'est adapté au dernier évolution.

MEDIONI B. 16/10/2018
4 / 5
Formation intéressante sur des notions pour lesquelles il me manquait la théorie. j'ai apprécié les nombreux TP qui nous permis de nous entrainer sur toutes les notions abordées ainsi que les quiz du matin qui permettent de réviser ce qui a été vu la veille. merci à Morgan pour sa disponibilité et son écoute.

Pierre L. 16/10/2018
5 / 5
Angular est un poil trop court

Virginie C. 16/10/2018
5 / 5
le contenu du stage est très complet et très orienté pratique, ce qui permet l'intégration de beaucoup de notions même dans un temps limité. Morgan explique très bien et il est à l'écoute.

Sandrine G. 16/10/2018
5 / 5
Très grande place à la pratique. Explications individualisées

Florent P. 16/10/2018
5 / 5
Beaucoup de nouvelles choses à apprendre mais très bien expliquées donc très satisfaisant.

Christian B. 19/06/2018
5 / 5
J'ai beaucoup apprécié la maitrise du sujet par le formateur. Et aussi, le rappel de ce qui a été vu la veille en arrivant le matin.

Christophe S. 19/06/2018
5 / 5
Très dense, un peu court pour tout faire

Olivier C. 19/06/2018
5 / 5
Formateur expérimenté et à jour sur les technologies présentées
Avis client 4,7 / 5

Les avis client sont issus des feuilles d’évaluation de fin de formation. La note est calculée à partir de l’ensemble des avis datant de moins de 12 mois.

Pour vous inscrire

Cliquez sur la ville, puis sur la date de votre choix.
[+]
PARIS
[+]
AIX
[+]
BORDEAUX
[+]
LILLE
[+]
LYON
[+]
NANTES
[+]
SOPHIA-ANTIPOLIS
[+]
STRASBOURG
[+]
TOULOUSE

Horaires

Les cours ont lieu de 9h à 12h30 et de 14h à 17h30.
Les participants sont accueillis à partir de 8h45.
Pour les stages pratiques de 4 ou 5 jours, les sessions se terminent à 15h30 le dernier jour.
linkedin orsys
twitter orsys
it! orsys
instagram orsys
pinterest orsys
facebook orsys
youtube orsys