Aller au contenu principal
Afficher le fil d'ariane

ORSYS : 4.1. Solutions Open Source - Développement Front End - Angular, ReactJs

Organisme

ORSYS
LA GRANDE ARCHE PAROI NORD
92044 PARIS LA DEFENSE CEDEX
Voir toutes ses formationsAutres organismes proposant cette formation

Durée

28 heures

Modalités

Formation

  • Classe virtuelle
  • Présentiel

Évaluation

Le formateur évalue la progression pédagogique du participant tout au long de la formation au moyen de QCM, mises en situation, travaux pratiques…

Prix

Inter
La formation en Inter est dispensée pour un groupe de salariés d’entreprises différentes.
1624€ HT / personne
Intra
La formation en Intra est dispensée pour un groupe de salariés d’une seule et même entreprise.
7000€ HT / groupe
4 stagiaires minimum

Public

Pour consulter les public visés, merci de vous référer au programme détaillé de chaque stage.

Pré-requis

Connaissances générales en HTML et CSS 

Objectifs pédagogiques

Pour consulter les objectifs pédagogiques, merci de vous référer au programme détaillé de chaque stage.

Programme détaillé

Cette formation vous apportera les fondamentaux nécessaires au choix et à la qualification d'outils Open Source pour le développement d’applications Web. Vous découvrirez différents Frameworks de conception (JQuery, AngularJS, ReactJS…) permettant de gagner en productivité et en qualité du code.

 

Objectifs pédagogiques

À l’issue de la formation, le participant sera en mesure de :

  • Savoir organiser un projet JavaScript
  • Comprendre les architectures des applications Web modernes
  • Maîtriser les outils d'industrialisation du Front End
  • Connaître les principaux Frameworks JavaScript

 

Public concerné

Développeurs, architectes et chefs de projets Web.  

 

Prérequis

Connaissances du HTML/XML. Connaissances de base en programmation.  

 

Modalités d'évaluation

Le formateur évalue la progression pédagogique du participant tout au long de la formation au moyen de QCM, mises en situation, travaux pratiques… Le participant complète également un test de positionnement en amont et en aval pour valider les compétences acquises.  

 

Modalités pratiques

Travaux pratiques

Réalisation avec les différents Frameworks d'une même application monopage SPA et responsive.  

 

Programme de la formation

 

Les fondamentaux du langage JavaScript

  • Historique du langage ES5/ES6-2015.
  • Déclaration et portée des variables et types de données.
  • Organisation des événements.
  • Développement Objet en JavaScript.
  • Les API JavaScript de la Web-Platform.
  • Échanges et persistance des données : le format JSON.
  • Utiliser un système de contrôle de version : Git.

Démonstration Découverte de la syntaxe, mise en œuvre des aspects fonctionnels et objets de JavaScript.  

 

Les outils du Front End

  • Les outils modernes du développement Front End.
  • Approche Mobile First : JavaScript au service du responsive, PWA, API, HTML5 et Sécurité.
  • Node.js pour le développeur d'application.
  • Web Component, le futur du développement Web.
  • Environnement de développement. IDE et plug-ins.

Travaux pratiques Initialisation d’un environnement de développement basé sur Node.js.  

 

Interface des "Web Application"

  • Architecture d’un projet : site Web versus Web Application.
  • Structuration d’un document HTML, balises, attributs, événements utilisateur.
  • Manipulation du DOM (Document Object Model).
  • Design des interfaces utilisateur et Frameworks CSS : Bootstrap.
  • L'architecture Event-Driven.
  • Cas d’usages : Web, Mobile, Desktop (electron).

Travaux pratiques Intégration HTML d’une interface utilisateur d’après une maquette applicative.  

 

ReactJS

  • ReactJS, positionnement et philosophie.
  • JSX, présentation. Mise en œuvre "Transpilers".
  • Comprendre JSX en détail. Pièges à éviter.
  • Création de composants de vues. Cycle de vie.
  • Composants réutilisables : contrôle et transfert de propriétés.
  • Design Pattern : stratégie pour les composants à état.
  • Communication entre composants et contrôle de formulaire.

Travaux pratiques Mise en place de l'environnement de développement. Initiation à JSX. Définition de la structure de l'application.  

 

Angular

  • Principes fondamentaux et architectures applicatives.
  • L’utilitaire @angular/cli.
  • Classification des composantes applicatives.
  • Logique métier : service et injection de dépendances.
  • Gestion des formulaires.
  • Mise en œuvre du routing.

Travaux pratiques Architecture et conception d’une application Web avec Angular. Génération de documentation.  

 

Vue.js

  • Concepts fondamentaux : comparaison avec React et Angular.
  • Écosystème, communauté et outils.
  • Intégration progressive.
  • Création de composants.
  • Gestion des événements.
  • Formulaires et routing.

 

Sessions

Filtrer les résultats

44 résultats

Modalités pédagogiques
Formation synchrone se déroulant avec la présence physique du (des) formateur(s) et du (des) apprenant(s) réunis dans un même lieu de formation.
Formation combinant des séquences en présentiel et des séquences à distance synchrones ou asynchrones.
Formation à distance, asynchrone, s’appuyant sur une plateforme d’apprentissage, pouvant être complétée par d’autres modalités de formation à distance (visio-conférence…)
Formation à distance, synchrone, s’appuyant sur un dispositif de visio-conférence. La classe virtuelle recrée à distance les conditions d’une formation en salle traditionnelle.
Type de formation
La formation en Inter est dispensée pour un groupe de salariés d’entreprises différentes.
La formation en Intra est dispensée pour un groupe de salariés d’une seule et même entreprise.
Options
Ces sessions ne peuvent être ni annulées ni reportées par l’organisme de formation.

0 résultat