Et Dev JSDCL
Et Dev JSDCL
Et Dev JSDCL
Réf : ET_DEV_JSDCL
JavaScript
Développement web Front End (jQuery, TypeScript, Angular)
Objectif
Le développement web fait appel à de nombreuses compétences dont la maîtrise du langage JavaScript pour
être à même de créer des pages, voire même des applications clientes, riches et réactives.
Cette formation s’adresse aux développeurs qui souhaitent apprendre à faire du développement web Front End
en utilisant le langage JavaScript et la bibliothèque jQuery.
Durée estimée
Public Prérequis
pour le suivi des modules indispensables
Contenu pédagogique
Les modules indispensables
Introduction au JavaScript
• Objectifs
• 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
• Enoncé du TP - Les fondamentaux du JavaScript
• Conclusion
Cours Ce module vous propose la consultation d’une vidéo d’une durée de 1h00.
• Objectifs
• 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
• Enoncé du TP - Gestion des savoirs inutiles
• Conclusion
Cours Ce module vous propose la consultation d’une vidéo d’une durée de 2h24.
• Objectifs
• 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
• Enoncé du TP - Gestion des savoirs inutiles (évolution 1)
• 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
• Enoncé du TP - Gestion des savoirs inutiles (évolution 2)
• Les traitements asynchrones
• Démonstration - Les callbacks
• Les promesses
• Démonstration - Les promesses
• Enoncé du TP - Radar
• Conclusion
Cours Ce module vous propose la consultation d’une vidéo d’une durée de 2h12.
• Objectifs
• Le Curriculum Vitae de jQuery
• Intérêt et usage de jQuery
• Installation
• Débuter avec les sélecteurs
• Démonstration - Les sélecteurs
• Évé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
• Enoncé du TP - Gestion des savoirs inutiles (évolution 3)
• Conclusion
Cours Ce module vous propose la consultation d’une vidéo d’une durée de 1h26.
• Objectifs
• 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
• Enoncé du TP - Vente aux enchères
• Conclusion
Cours Ce module vous propose la consultation d’une vidéo d’une durée de 5h10.
• Objectifs
• 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 - 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
• Enoncé du TP - Messagerie
• Les services
• Démonstration - Mise en place de la couche service
• La programmation réactive avec RxJS
• Démonstration - Programmation réactive
• Les formulaires
• Démonstration - Formulaires
• Enoncé du TP - Messagerie (évolution 1)
• La navigation et le routage
• Démonstration - Navigation et routage
• L'utilisation de services web REST
• Démonstration - Utilisation de services web REST
• Enoncé du TP - Messagerie (évolution 2)
• Conclusion
Angular - Développez vos applications web avec le framework
JavaScript de Google
• Introduction
• Ma première application
• Fondamentaux d'Angular
• TypeScript
• Angular CLI
• Les composants
• Les services
• L'injection de dépendances
• Le requêtage http
• Les interactions utilisateur
• Les formulaires
• Le routage
• Les directives
• Tester son application
• Le cross-platform avec Angular
• Pour aller plus loin
Le module en complément
HTML5 et CSS3 - Maîtrisez les standards de la création de sites web
(Nouvelle édition)