icone pour retourner à l'accueil

|

Développement d'applications|Développement web|HTML5, CSS3, JavaScript|
icon pour séléctionner cette formation en favoris

Développement Web Front End (JavaScript avancé, jQuery, TypeScript, Angular)

FNE

Dernière mise à jour : 17 juillet 2023

37 heures

E-learning tutoré

Réf. T-ITLO-016

Télécharger le programme
logo du financement FNE formation

Plongez dans l’univers du développement Web Front End avec notre formation complète qui couvre JavaScript, jQuery, TypeScript et Angular.
Destinée aux développeurs désireux de maîtriser le développement de pages et d’applications clientes, cette formation offre une connaissance approfondie des algorithmes JavaScript, de la manipulation du DOM, du développement objet en JavaScript et de la création de librairies.
Apprenez également à utiliser efficacement jQuery et à débuter avec TypeScript et Angular pour des applications plus robustes et performantes.
Bénéficiez d’un apprentissage à distance soutenu par une assistance technique et pédagogique illimitée, avec accès à un environnement technique cloud pour la réalisation de travaux pratiques.
Augmentez vos compétences avec notre portail de formation, riche en vidéos, démonstrations, travaux pratiques et livres numériques.

Objectifs pédagogiques

›
  • Identifier les usages du JavaScript ;
  • Implémenter des algorithmes simples en JavaScript ;
  • Réagir aux actions de l'utilisateur ;
  • Modifier le DOM de manière appropriée ;
  • Connaître les mécanismes du développement objet en JavaScript ;
  • Créer des librairies en JavaScript ;
  • Utiliser les fonctions de base du framework jQuery ;
  • Implémenter des algorithmes simples en TypeScript ;
  • Mettre en oeuvre le framework d'Angular ;
  • Créer des composants, services et mettre en oeuvre la navigation dans une application Angular.

Public concerné

›

Concepteurs-Développeurs Web

Prérequis

›

Avoir suivi la formation T-ITLO-009 – Développement d’applications Web Front End (HTML, CSS, Responsive Web Design, Bootstrap, JavaScript et jQuery), ou posséder les connaissances et compétences équivalentes.

Programme détaillé

›

Introduction au JavaScript

  • 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
  • Travaux pratiques : Réaliser 3 exercices simples destinés à valider les connaissances sur les fondamentaux du JavaScript
  • Quiz - QCM de validation des acquis

Le contrôle du DOM par le JavaScript

  • 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
  • Travaux pratiques : Réaliser une application capable de gérer des savoirs inutiles

  • Quiz - QCM de validation des acquis

Développer des librairies en JavaScript

  • 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
  • Travaux pratiques : Faire évoluer l'application de gestion des savoirs inutiles en utilisant des concepts avancés du langage JavaScript
  • 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
  • Travaux pratiques : Faire évoluer l'application de gestion des savoirs inutiles en utilisant des concepts avancés du langage JavaScript
  • Les traitements asynchrones
  • Démonstration : Les callbacks
  • Les promesses
  • Démonstration : Les promesses
  • Travaux pratiques : Créer une application Radar permettant de déterminer la vitesse d'écriture de l'utilisateur
  • Quiz - QCM de validation des acquis

Utiliser une librairie du marché : jQuery

  • Le curriculum vitae de jQuery
  • Intérêt et usage de jQuery
  • Installation
  • Débuter avec les sélecteurs
  • Démonstration : Les sélecteurs
  • Evé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
  • Travaux pratiques : Faire évoluer l'application de gestion des savoirs inutiles en utilisant des concepts avancés du langage JavaScript et la librairie jQuery
  • Quiz - QCM de validation des acquis

Les bases du TypeScript

  • 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
  • Travaux pratiques : Ecrire des classes et interfaces permettant de mettre en place une application de vente aux enchères
  • Quiz - QCM de validation des acquis

Les bases d'Angular

  • 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 : La 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
  • Travaux pratiques : Créer une application de messagerie simple à l'aide d'Angular
  • Les services
  • Démonstration : Mise en place de la couche de service
  • La programmation réactive avec RxJS
  • Démonstration : Programmation réactive
  • Les formulaires
  • Démonstration : Formulaires
  • Travaux pratiques : Rendre interactive l'application de messagerie simple à l'aide d'Angular
  • La navigation et le routage
  • Démonstration : Navigation et routage
  • L'utilisation de services Web REST
  • Démonstration : Utilisation de services Web REST
  • Travaux pratiques : Mettre en place une navigation entre différentes vues de l'application et rendre persistants les messages sur un serveur Node à l'aide d'Angular
  • Quiz - QCM de validation des acquis

Modalités et moyens pédagogiques, techniques et d'encadrement

›

Formation avec un formateur, qui peut être suivie selon l'une des 3 modalités ci-dessous :

1 - Dans la salle de cours en présence du formateur.

2 – Dans l'une de nos salles de cours immersives, avec le formateur présent physiquement à distance. Les salles immersives sont équipées d’un système de visio-conférence HD et complétées par des outils pédagogiques qui garantissent le même niveau de qualité.

3 – Depuis votre domicile ou votre entreprise. Vous rejoignez un environnement de formation en ligne, à l'aide de votre ordinateur, tout en étant éloigné physiquement du formateur et des autres participants. Vous êtes en totale immersion avec le groupe et participez à la formation dans les mêmes conditions que le présentiel. Pour plus d'informations: Le téléprésentiel – notre solution de formation à distance.

Le nombre de stagiaires peut varier de 1 à 12 personnes (5 à 6 personnes en moyenne), ce qui facilite le suivi permanent et la proximité avec chaque stagiaire.

Chaque stagiaire dispose d’un poste de travail adapté aux besoins de la formation, d’un support de cours et/ou un manuel de référence au format numérique ou papier (pour les sessions inter-entreprises, dans le cas où le support de cours officiel est en anglais, nous offrons en complément, s’il existe, un ouvrage de référence des Editions ENI au format numérique rédigé en français).

Pour une meilleure assimilation, le formateur alterne tout au long de la journée les exposés théoriques, les démonstrations et la mise en pratique au travers d'exercices et de cas concrets réalisés seul ou en groupe.

Modalités d'évaluation des acquis

›

En début et en fin de formation, les stagiaires réalisent une auto-évaluation de leurs connaissances et compétences en lien avec les objectifs de la formation. L'écart entre les deux évaluations permet ainsi de mesurer leurs acquis.

En complément, pour les stagiaires qui le souhaitent, certaines formations peuvent être validées officiellement par un examen de certification. Les candidats à la certification doivent produire un travail personnel important en vue de se présenter au passage de l'examen, le seul suivi de la formation ne constitue pas un élément suffisant pour garantir un bon résultat et/ou l'obtention de la certification.

Pour certaines formations certifiantes (ex : ITIL, Prince2, DPO, …), le passage de l'examen de certification est inclus et réalisé en fin de formation. Les candidats sont alors préparés par le formateur au passage de l'examen tout au long de la formation.

Moyens de suivi d'exécution et appréciation des résultats

›

Feuille de présence, émargée par demi-journée par chaque stagiaire et le formateur.

Evaluation qualitative de fin de formation, qui est ensuite analysée par l'équipe pédagogique ENI.

Attestation de fin de formation, remise au stagiaire en main propre ou par courrier électronique.

Qualification du formateur

›

La formation est animée par un professionnel de l'informatique et de la pédagogie, dont les compétences techniques, professionnelles et pédagogiques ont été validées par des certifications et/ou testées et approuvées par les éditeurs et/ou notre équipe pédagogique. Il est en veille technologique permanente et possède plusieurs années d'expérience sur les produits, technologies et méthodes enseignés. Il est présent auprès des stagiaires pendant toute la durée de la formation.