Orsys

Solutions Open Source, développement Front End

Par Orsys

Objectifs

À 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

Actions collectives

Ce cours fait partie des actions collectives Atlas, référence 27915

Programme

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.

Travaux pratiques
Création d'une "Single Page Application".

Pédagogie

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

Formations de la même catégories (5)

Orsys
Talend Open Studio for ESB, intégration de servicesPar Orsys

Talend ESB est une plateforme pour la conception d’architectures orientées services. Vous prendrez en main l'environnement de développement Talend Open Studio afin de concevoir des solutions d'intégration à faible couplage basées sur l'échange de messages, les services Web et le routage intelligent.

Dawan
Talend Open Studio ESBPar Dawan

Utiliser Talend pour ESB - Générer un service REST depuis l'interface graphique

M2i Formation
Talend - ExpertisePar M2i Formation
  • Lister les composants avancés de Talend
  • Fédérer votre code pour gagner du temps
  • Débugger et déployer vos jobs
  • Etendre Talend en créant vos propres composants.
Le Pont Learning
Talend MDM (Master Data Management)Par Le Pont Learning

À l'issue de cette formation, vous serez capable de :

  • Utiliser les outils MDM de Talend pour modéliser des données en utilisant les approches relationnelle et hiérarchique
  • Créer des règles de validation
  • Déployer un modèle sur le serveur MDM
  • Utiliser Talend MDM web user interface pour gérer vos utilisateurs et vos données
  • Optimiser la visualisation du modèle dans Talend MDM web user interface
Orsys
Open Source, mise en œuvre de l'Usine LogiciellePar Orsys

Support aux équipes de développement, une usine logicielle rassemble les services : IDE, versioning, tests divers, déploiement, build. Cette formation présente la mise en œuvre d'une telle Usine à l'aide des logiciels Open Source les plus connus du domaine : GIT, JUnit, JMeter, Maven, Jenkins...