Durée
40,0 heures
Tarif régulier
250 $
Objectifs de la formation
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.Clientèle visée
DéveloppeursPréalables
Une introduction au langage TypeScript permet de débuter correctement avec Angular.Formateurs
Information à venir
Architecture de la formation
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
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
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
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
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
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
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
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
• 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
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
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
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
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
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
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
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
Formation privée en entreprise
Vous êtes plusieurs à vouloir suivre une formation en particulier dans votre entreprise? Si vous êtes plus de 8 personnes, nous pouvons nous déplacer à vos bureaux pour vous donner votre formation en privé. Contactez-nous pour plus de détails ou demandez-nous une soumission en ligne.
Demander une soumissionDurée
40,0 heures
Tarif régulier
250 $
Formation privée en entreprise
Vous êtes plusieurs à vouloir suivre une formation en particulier dans votre entreprise? Si vous êtes plus de 8 personnes, nous pouvons nous déplacer à vos bureaux pour vous donner votre formation en privé. Contactez-nous pour plus de détails ou demandez-nous une soumission en ligne.
Demander une soumission