Formation Solutions Open Source, développement Front End


Formation Solutions Open Source, développement Front End

Catalogue : Technologies Web



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".

 

Fiche de la formation



 Cible :

Développeurs, architectes et chefs de projets Web.


 Prérequis :

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


 Durée : 4 jours

 Type : Stage pratique


 Contactez-nous