Evolution MM

Formations à l'informatique
Découvrez la différence ENI

Lien accueil

Téléchargez le Calendrier des formations

Nantes, Rennes, Niort, Nice, Paris

jusqu'à juillet 2018

Rechercher
Rechercher une formation
 

jQuery - Développement Web Front End en JavaScript

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

Public :

  • Développeurs, architectes techniques, chefs de projet.

Objectifs :

  • Intégrer le framework jQuery dans la réalisation d'applications et/ou de pages Web ;
  • Mettre en place des fonctionnalités AJAX ;
  • Intégrer des composants jQueryUI dans la réalisation d'applications et/ou de pages Web.

Pré-requis :

  • Maîtriser les langages HTML et CSS, ou idéalement avoir suivi la formation " T448-004 - Maîtriser HTML5 et CSS3 pour créer des pages Web Responsives " ;
  • Maîtriser le langage JavaScript, ou idéalement avoir suivi la formation " T44A-001 - JavaScript - Exploiter sa puissance pour dynamiser les applications Web ".

Contenu pédagogique

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


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

  • 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 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. La répartition du temps entre la théorie et la pratique est mentionnée dans le plan de cours.

Modalités d'évaluation des acquis

  • 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. Pour les formations concernées, l'examen est mentionné dans la zone " Commentaire " du programme de formation. Les candidats doivent produire un travail personnel important en vue de se présenter au passage de l'examen, le seul suivi de la formation ne constituant pas un élément suffisant pour garantir un bon résultat et/ou l'obtention de la certification.

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 notre équipe pédagogique ;
  • 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.