Tanit Formation

Développement web front end en javascript - jquery

Par Tanit Formation

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.

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

  • Remise d'un support de cours et/ou un manuel de référence au format numérique ou papier
  • 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 réalisés par le stagiaire
  • Formateur professionnel de l'informatique et de la pédagogie (compétences techniques et pédagogiques certifiées)
  • Formation dans une salle équipée d'une solution de visio-conférence dans le cas des formations suivies "présentiel à distance"
  • Le nombre de stagiaires peut varier de 5 à 6 personnes en moyenne, ce qui facilite le suivi permanent et la proximité avec chaque stagiaire.

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