jQuery – Développement Web Front End en JavaScript

Dernière mise à jour : 17 juillet 2023

Accélérez votre développement web avec notre formation approfondie sur jQuery.
Ce cours vous offre l’opportunité d’intégrer le framework jQuery dans la réalisation d’applications et de pages Web.
De la compréhension des fondamentaux du langage JavaScript, l’architecture des applications clientes Web aux concepts plus avancés tels que la manipulation du DOM, la gestion des événements et les appels asynchrones au serveur.
Apprenez à échanger des données avec un serveur via des API REST et intégrer des composants jQueryUI dans vos applications.
À travers des travaux pratiques, vous gagnerez de l’expérience en manipulant des données, en créant un DataGrid HTML5, en validant un formulaire HTML5 et en gérant le stockage des données.
L’expertise en jQuery vous permettra d’industrialiser, de structurer et d’optimiser vos développements d’applications Web JavaScript.

Objectifs pédagogiques


  • Intégrer le framework jQuery dans la réalisation d’applications et/ou de pages Web
  • Parcourir et modifier la structure d’une page
  • Gérer des événements utilisateur
  • Échanger des données avec un serveur via des API REST
  • Intégrer des composants jQueryUI dans la réalisation d’applications et/ou de pages Web.

Public concerné


  • Concepteurs-Développeurs
  • Intégrateurs Web

Programme détaillé


Introduction

  • Architecture des applications clientes Web
  • Navigateurs et standard du W3C
  • Les différents frameworks JavaScript
  • Spécificités du framework jQuery
  • Environnement de développement et de débogage

Rappels sur les concepts avancés du langage JavaScript

  • Fonctions
  • Tableaux et Objets
  • Propriété prototype
  • Format JSON

Parcours du DOM

  • Comprendre la structure du DOM
  • Rechercher des éléments avec la fonction $()
  • Maitriser les sélecteurs CSS3
  • Se déplacer dans le DOM

Modification du DOM

  • Modifier la présentation des éléments
  • Modifier le contenu des éléments
  • Créer, déplacer et supprimer des éléments

Gestion des événements

  • Intercepter les événements avec la fonction bind()
  • Comprendre la propagation des événements
  • Découvrir l’objet Event
  • Transmettre des données à la fonction de rappel
  • Mettre en œuvre les fonctions avancées de gestion d’événements avec jQuery

Appels asynchrones au serveur

  • Mise en œuvre de la fonction $.ajax()
  • Configurer une requête AJAX
  • Envoyer les données d’un formulaire
  • Recevoir des données au format JSON
  • Charger le contenu d’une section HTML

jQueryUI : intégrer des widgets dans les pages Web

  • Mise en œuvre des interactions jQueryUI
    • Présentation des fonctionnalités de glisser/déposer
    • Initialisation des composants déplaçables et cibles
    • Gestion d’événements spécifiques
    • Application de contraintes de déplacements
    • Découvertes des autres fonctionnalités d’interactions : sélection, tri, redimensionnement
  • Intégration de widgets jQueryUI
    • Structure du composant Datepicker
    • Initialisation et configuration du composant
    • Gestion d’événements spécifiques
    • Traduction du composant
    • Modification du thème CSS appliqué au composant
    • Découvertes des autres composants : Tabs, Slider, Button…

Travaux pratiques

  • Manipulation des données de type simple
    • Transformation, mise en forme de texte
    • Manipulation des dates
    • Utilisation d’expression régulière
  • Création d’un DataGrid HTML5
    • Mise en place de la sélection des lignes
    • Création, suppression de lignes
    • Ajout de nouvelles lignes de données
  • Création et validation d’un formulaire HTML5
    • Validation native et JavaScript
    • Validation en cours de saisie
    • Contrôler l’envoi des données
  • Gestion des données
    • Stockage des données en local
    • Chargement des données du tableau depuis un service REST

Délais d'accès à la formation


Les inscriptions sont possibles jusqu'à 48 heures avant le début de la formation.

Dans le cas d'une formation financée par le CPF, ENI Service est tenu de respecter un délai minimum obligatoire de 11 jours ouvrés entre la date d'envoi de sa proposition et la date de début de la formation.

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 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, 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.