S'INSCRIRE
Nos formations :
Formation Solutions Open Source, développement Front End
- Programme
- Participants / Prérequis
- Intra / sur-mesure
-
Ce cours vous présentera les fondamentaux du JavaScript dans les applications Web. Vous découvrirez les différents Frameworks de conception et solutions d'industrialisation du Front End (AngularJS, ReactJS, etc ...).
Objectifs pédagogiques
- Comprendre l'impact du JavaScript sur l'organisation et la productivité
- Maîtriser les architectures Web applicatives
- Découvrir les solutions d'industrialisation du Front End
- Connaître les principaux Frameworks JavaScript et leurs impacts sur la conception d'applications Web
Travaux pratiques
Le langage JavaScript
- Historique du langage.
- Organisation des événements.
- Règles pour faire un codage multinavigateur.
- Déclaration et portée des variables et types de données.
- Création de fonctions et paramétrage variable.
- Faire un codage sécurisé avec la gestion d'erreur et les exceptions.
- Rappels sur les concepts objets. Développement Objet en JavaScript.
- Utilisation du format JSON pour la création de classes.
Démonstration
Démonstration des fonctionnalités 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é.
- Interfaces Utilisateur et Frameworks CSS.
- NodeJS pour le développeur d'application.
- Ecosystème des Framework JavaScript.
- Trouver, Rédiger et maintenir une documentation de qualité.
- Web Component, le futur du développement WEB.
- Environnement de développement. IDE et plug-ins.
Travaux pratiques
Travaux pratiques avec les outils du Front-End.
JQuery
- Vision d'ensemble de JQuery.
- Les concepts fondamentaux de Backbone.js.
- L'architecture Event-Driven. Gérer les événements dans les composants Backbone.js.
- Modèles. Gestion des données. Synchroniser les composants.
- Gérer les interactions entre les modèles et les vues. Dépendance à jQuery.
- Interactions entre les collections et les vues.
- Router. mapper les URLs, naviguer dans les ressources. L'History API.
Travaux pratiques
Installation de AngularJS et Intégration des contrôleurs.
AngularJS
- Présentation du Framework AngularJS.
- Principes fondamentaux et architectures applicative.
- Contrôleurs, scope et directives.
- Service et injection de dépendances.
- Gestion des formulaires.
- Mise en œuvre du routing.
- Version clés : 1.2, 1.3 et 1.5.
- Bonne pratiques : utilisation des "components"
Travaux pratiques
Création d'une "Single Page Application".
ReactJS
- ReactJS, positionnement et philosophie.
- JSX, présentation. Mise en oeuvre "Transpilers".
- Comprendre JSX en détail. Pièges à éviter.
- Création de composant 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.
- Présentation du pattern FLUX.
Travaux pratiques
Mise en place de l'environnement de développement. Initiation à JSX. Définition de la structure de l'application.
» Participants
» Prérequis
| Fahri D. 10/12/2019 |
4 / 5
|
| Gilles T. 10/12/2019 |
5 / 5
|
| Cérine M. 10/12/2019 |
5 / 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.
