JavaScript : Développement web Front End (jQuery, TypeScript, Angular) | Mode E-Learning

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