ENI SERVICE

jQuery – Développement Web Front End en JavaScript

Par ENI SERVICE

Objectifs

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

Programme

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

Pédagogie

Formation avec un formateur, dans une salle dédiée à la formation, équipée d’un vidéoprojecteur, d’un tableau blanc et d’une solution de visio-conférence dans le cas des formations suivies en in-classTM (présentiel à 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 d’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.

L’évaluation des acquis se fait tout au long de la formation au travers des différents travaux dirigés et travaux pratiques réalisés par le stagiaire.

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.

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.

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.

Formations de la même catégories (5)

Feel Europe
Développement JavaScript avec JQueryPar Feel Europe
  • Rédiger facilement et de manière maintenable les interactions JavaScript de vos page Web à l'aide de jQuery : animations, validation, AJAX et autres fonctionnalités caractéristiques du Web 2.0
ENI SERVICE
jQuery – Développement Web Front End en JavaScriptPar ENI SERVICE

Dans cette formation, vous apprendrez à industrialiser, structurer et optimiser vos développements d'applications Web JavaScript en utilisant le framework jQuery.

Dawan
jQueryPar Dawan
  • Construire des interfaces performantes avec jQuery - Développer des plugins additionnels
M2i Formation
JavaScript et jQuery pour les designersPar M2i Formation
  • Comprendre les bases de JavaScript et du DOM
  • Juger de l'intérêt de jQuery pour la programmation Cross-browser
  • Gérer les évènements et les manipulations dynamiques avec jQuery
  • Réaliser des appels synchrones (Ajax) avec jQuery
  • Utiliser des plugins jQuery.
Dawan
Webmaster Avancé : Javascript/JQuery (Certification Microsoft 70-480)Par Dawan

Découvrir le potentiel des nouvelles normes HTML5/CSS3 - Apprendre à faire des sites multiplateforme : smartphone, tablette,.... - Générer un flux RSS - Découvrir XML, Ajax et jQuery

Nous utilisons les cookies afin de fournir les services et fonctionnalités proposés sur notre site et afin d’améliorer l’expérience de nos utilisateurs. En cliquant sur ”J’ai compris”, vous acceptez l’utilisation de ces cookies.