JavaScript – Développement web Front End (jQuery, TypeScript, Angular)

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.

Public :
Développeurs

Prérequis :
Une introduction au langage TypeScript permet de débuter correctement avec Angular.

Cours
Ce module vous propose la consultation d’une vidéo d’une durée de 1h05
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.
Le contrôle du DOM par le JavaScript

• 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.
Développer des librairies en JavaScript

• 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.
Utiliser une librairie du marché : jQuery

• 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.
Les bases du TypeScript

• 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.
Les bases d’Angular

• 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

Livre
Ce module vous propose la consultation d’un support de cours numérique.
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

Livre en complément
Ce module vous propose la consultation d’un support de cours numérique.
HTML5 et CSS3 – Maîtrisez les standards de la création de sites web (Nouvelle édition)

• L’évolution des spécifications
• Les navigateurs
• Les bonnes pratiques
• Les éléments HTML
• La structure des pages
• Les conteneurs sémantiques
• Les conteneurs de texte
• La mise en forme sémantique du texte
• Les éléments d’interaction
• Les liens
• Les tableaux
• Les images
• Les formulaires
• Le multimédia
• Le Web sémantique avec Microdata
• Intégrer les styles CSS
• Définir les styles CSS
• Les styles pour les polices de caractères
• Les styles pour le texte
• Les styles pour les conteneurs de texte
• Les styles pour les boîtes
• La mise en page à l’aide des boîtes
• Le Responsive Web Design
• Les modules d’animation
• Des modules CSS pour les graphistes
• Les feuilles de styles pour l’impression