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.