Et Dev JSDCL

Télécharger au format pdf ou txt
Télécharger au format pdf ou txt
Vous êtes sur la page 1sur 5

Programme e-formation ENI

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

Une introduction au langage Durée des vidéos : 13h20


Développeurs TypeScript permet de débuter
correctement avec Angular. Durée des TP : 26h30

Contenu pédagogique
 Les modules indispensables
Introduction au JavaScript

Ce module vous propose la consultation d’une vidéo d’une durée de 1h05.


Cours

• 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

Page 1/5 www.eni-elearning.com


Programme e-formation ENI

Le contrôle du DOM par le JavaScript

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

Développer des librairies en JavaScript

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

Page 2/5 www.eni-elearning.com


Programme e-formation ENI

Utiliser une librairie du marché : jQuery

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

Les bases du TypeScript

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

Page 3/5 www.eni-elearning.com


Programme e-formation ENI

Les bases d’Angular

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

Livre Ce module vous propose la consultation d’un support de cours numérique.

• 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

Page 4/5 www.eni-elearning.com


Programme e-formation ENI

 Le module en complément
HTML5 et CSS3 - Maîtrisez les standards de la création de sites web
(Nouvelle édition)

Livre Ce module vous propose la consultation d’un support de cours numérique.

• 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

Page 5/5 www.eni-elearning.com

Vous aimerez peut-être aussi