jQuery – Développement Web Front End en JavaScript

Référence : T44A-025

Infos pratiques

  • Durée : 3 jours soit 21 heures
  • Population visée : Ouvrier – Employé – Employé qualifié – Cadre – Cadre supérieur
  • Public concerné : Toute personne souhaitant apprendrez à industrialiser, structurer et optimiser ses développements d'applications Web JavaScript en utilisant le framework jQuery

Programme

Objectifs pédagogiques

A l’issue de cette formation, l’apprenant sera capable de :

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

Pré-requis

  • Connaître les notions fondamentales de la création de pages Web HTML
  • Programmer en JavaScript

Objectifs opérationnels et contenu de la formation

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

Méthodes et moyens

 Explications théoriques suivies de pratiques guidées puis de mises en autonomie


Votre formation a lieu en présentiel :

  • 1 vidéoprojecteur par salle
  • 1 ordinateur

Votre formation se déroule à distance avec :

  • 1 ordinateur
  • 1 connexion Internet
  • 1 adresse e-mail valide
  • 1 équipement audio (micro et enceintes ou casque)
  • 1 Webcam (facultatif – dans l’idéal)
  • 1 deuxième écran (facultatif – dans l’idéal)

Votre formation se déroule sur notre plate-forme de formation avec :

  • 1 ordinateur
  • 1 connexion Internet
  • 1 adresse e-mail valide
  • 1 équipement audio (micro et enceintes ou casque - facultatif)

Méthodes d’évaluation des acquis

L’acquisition des compétences de la formation se fait à travers le suivi du formateur tout au long de la formation (séquences synchrones et asynchrones). Elle s’appuie également sur la réalisation d’exercices et de TP. Enfin, des quiz s’ajoutent aux différents outils de validation de l’acquisition des compétences visées.
Une évaluation est systématiquement réalisée par chaque stagiaire, à l’issue de la formation.

Profil formateur

Nos formateurs sont certifiés à l’issue d’un parcours organisé par nos soins. Ils bénéficient d’un suivi de maintien et d’évolution de leurs compétences aussi bien au niveau technique que pédagogique.
Chacun de nos formateurs a bénéficié d’une formation spécifique à l’animation de classe virtuelle et à l’utilisation des solutions de formation à distance du Groupe ARKESYS.

Support stagiaire

À l’issue de la formation, les exercices et travaux pratiques réalisés, leurs corrigés ainsi qu’un support de cours dématérialisé sera fourni à chaque stagiaire par e-mail ou via la plate-forme FOAD.

Accessible à tous

Cette formation est accessible à toute personne en situation de handicap. Notre référent handicap prendra contact avec les stagiaires concernés pour adapter l’animation à leurs besoins et rendre l’apprentissage accessible à tous. Enfin, nos centres de formation sont accessibles aux personnes à mobilité réduite.