Plongez dans l’univers du développement Web Front End avec notre formation complète qui couvre JavaScript, jQuery, TypeScript et Angular.
Destinée aux développeurs désireux de maîtriser le développement de pages et d’applications clientes, cette formation offre une connaissance approfondie des algorithmes JavaScript, de la manipulation du DOM, du développement objet en JavaScript et de la création de librairies.
Apprenez également à utiliser efficacement jQuery et à débuter avec TypeScript et Angular pour des applications plus robustes et performantes.
Bénéficiez d’un apprentissage à distance soutenu par une assistance technique et pédagogique illimitée, avec accès à un environnement technique cloud pour la réalisation de travaux pratiques.
Augmentez vos compétences avec notre portail de formation, riche en vidéos, démonstrations, travaux pratiques et livres numériques.
Programme détaillé
›
Introduction au JavaScript
- Le JavaScript jusqu'à aujourd'hui
- Le mode d'exécution du JavaScript
- L'écosystème de JavaScript
- Introduction au langage JavaScript
- Démonstration : Variables et fonctions
- Les éléments essentiels à l'écriture d'un code en JavaScript
- Démonstration : Structures de code et objets JavaScript
- Travaux pratiques : Réaliser 3 exercices simples destinés à valider les connaissances sur les fondamentaux du JavaScript
- Quiz - QCM de validation des acquis
Le contrôle du DOM par le JavaScript
- Qu'est-ce que le DOM ?
- L'API pour manipuler le DOM
- Intégrer du JavaScript dans une page HTML
- Démonstration : Manipulation du DOM
- Les objets JavaScript disponibles dans une page Web
- La gestion des événements
Démonstration : Gestion des événements - Travaux pratiques : Réaliser une application capable de gérer des savoirs inutiles
-
Quiz - QCM de validation des acquis
Développer des librairies en JavaScript
- Créer un objet
- Démonstration : La création d'un objet
- Créer des classes
- Démonstration : La création d'une classe
- L'héritage en JavaScript
- Démonstration : Le mécanisme d'héritage
- Travaux pratiques : Faire évoluer l'application de gestion des savoirs inutiles en utilisant des concepts avancés du langage JavaScript
- Les conflits entre librairies
- Démonstration : Les conflits entre librairies
- Les contextes d'exécution
- Démonstration : L'encapsulation des librairies
La spécialisation des méthodes et les closures - Démonstration : Les closures
- Le stockage local
- Démonstration : Le stockage local
- Travaux pratiques : Faire évoluer l'application de gestion des savoirs inutiles en utilisant des concepts avancés du langage JavaScript
- Les traitements asynchrones
- Démonstration : Les callbacks
- Les promesses
- Démonstration : Les promesses
- Travaux pratiques : Créer une application Radar permettant de déterminer la vitesse d'écriture de l'utilisateur
- Quiz - QCM de validation des acquis
Utiliser une librairie du marché : jQuery
- Le curriculum vitae de jQuery
- Intérêt et usage de jQuery
- Installation
- Débuter avec les sélecteurs
- Démonstration : Les sélecteurs
- Evénements du DOM
- Démonstration : Les événements
- Bien utiliser jQuery
- Démonstration : Le chargement de la page
Manipulation du DOM - Les méthodes utilitaires de l'objet racine
- Démonstration : La modification du DOM
AJAX - Démonstration : AJAX
- Travaux pratiques : Faire évoluer l'application de gestion des savoirs inutiles en utilisant des concepts avancés du langage JavaScript et la librairie jQuery
- Quiz - QCM de validation des acquis
Les bases du TypeScript
- Le curriculum vitae de TypeScript
- Pourquoi TypeScript ?
- La transcompilation
- Démonstration : La transcompilation et l'exécution
- Les variables et les énumérés
- Démonstration : Les variables et les énumérés
- Les classes et l'héritage
- Les interfaces
- Démonstration : Les classes
- Les génériques
- Démonstration : Les génériques
- Les modules
- Démonstration : Les modules
- Les expressions lambda
- Démonstration : Les expressions lambda
- Travaux pratiques : Ecrire des classes et interfaces permettant de mettre en place une application de vente aux enchères
- Quiz - QCM de validation des acquis
Les bases d'Angular
- Historique
- Angular CLI
- Créer, exécuter et organiser un projet
Démonstration : Création et exécution d'un premier projet Angular - Architecture générale
- La liaison de données
- Démonstration : La liaison de données
- Les composants
- Démonstration : Création d'un composant
- Les directives
- Démonstration : Utilisation des directives
- Les pipes
- Démonstration : Utilisation des pipes
- Travaux pratiques : Créer une application de messagerie simple à l'aide d'Angular
- Les services
- Démonstration : Mise en place de la couche de service
- La programmation réactive avec RxJS
- Démonstration : Programmation réactive
- Les formulaires
- Démonstration : Formulaires
- Travaux pratiques : Rendre interactive l'application de messagerie simple à l'aide d'Angular
- La navigation et le routage
- Démonstration : Navigation et routage
- L'utilisation de services Web REST
- Démonstration : Utilisation de services Web REST
- Travaux pratiques : Mettre en place une navigation entre différentes vues de l'application et rendre persistants les messages sur un serveur Node à l'aide d'Angular
- Quiz - QCM de validation des acquis
