- Référence : IJFJ
- Durée : 2 jours (14h)
- Lieu : Au choix. À distance ou en présentiel, à Paris ou en Régions
En intra
Durée
2 jours
Niveau
Intermédiaire
Classe à distance
Possible
Vous pouvez suivre cette formation en direct depuis votre domicile ou votre lieu de travail. Plus d'informations sur notre solution de classe à distance...
Référence
IJFJ
Éligible CPF
Non
Cette formation Jquery vous permet d'acquérir des connaissances et des compétences pour développer des sites Web interactifs et dynamiques avec le Framework jQuery. À travers une étude de cas pratique (40% du temps de la formation) , évolutive et très concrète vous apprendrez à concevoir rapidement des interfaces accessibles permettant aux utilisateurs d'optimiser leur rentabilité depuis tous les principaux types de navigateurs tout au long de la formation. Ce cours Jquery vous permet de comprendre les concepts fondamentaux de jQuery pour parcourir des documents HTML, gérer des événements, créer des appels avec Ajax et mettre à jour du contenu avec JSON, XML et des services Web.
Objectif opérationnel :
Savoir développer en Javascript avec le framework jQuery.
Objectifs pédagogiques :
A l'issue de cette formation Jquery, vous aurez acquis les connaissances et compétences nécessaires pour :
- Développer rapidement des applications web 2.0 dynamiques avec jQuery, HTML, CSS et Ajax
- Créer des interfaces client aux fonctionnalités avancées et accessibles sans navigateur avec des animations et des effets jQuery
- Optimiser les formulaires HTML afin qu'ils exploitent la validation jQuery et l'appel aux services web avec Ajax Cette formation aborde aussi jQuery Mobile.
Public :
Ce cours s'adresse aux développeurs, concepteurs, programmeurs et architectes système de sites Web, ainsi qu'aux personnes chargées de développer et de gérer des applications Web.
Prérequis :
Des connaissances en HTML et CSS sont nécessaires. Une expérience de JavaScript ainsi que des notions de base de programmation seraient utiles.
Principes de base de jQuery
Sélectionner et parcourir le DOM avec la fonction $()Présentation de Sizzle, le moteur de sélection basé sur les CSS. Inconvénients et alternatives
Sélectionner des éléments par nom, ID, classe, position, contenu, comportement et contexte
Chaîner les appels à la fonction jQueryAtelier 1 : Créer une page affichant une une liste d’articles et permettant d’ajouter un nouvel élément.
Manipulation du Document Object Model (DOM)
Ajouter, mettre à jour et supprimer du contenu et des attributsInsérer et manipuler des nœuds dans le DOM
Modifier les relations parent-enfant dans la hiérarchie du DOM
Appliquer et supprimer des styles CSS dynamiquement
Ajouter et supprimer des classes CSSAtelier 2 : Compléter la liste avec un bouton permettant de gérer le statut d’un élément.
Gestion des évènements
Utiliser la méthode .ready() pour exécuter du code après le chargement du DOMAffecter des gestionnaires d'événements avec jQuery
Gérer les événements clavier, souris et formulaires
Délégation d'événements pour un meilleur contrôle dynamiqueAtelier 3 : Construire un menu qui s’ouvre et se ferme lorsqu’on clique sur un bouton et qui se ferme aussi lorsqu’on clique en dehors.
Effets et animations avec jQuery
Contrôler la visibilité avec .hide(), .show() et .toggle()Ajouter des effets de glissement et de fondu
Combiner plusieurs animations et utiliser les fonctions de rappel
Développer des animations personnalisées avec .animate()
Utiliser les littéraux d'objets pour personnaliser les animationsAtelier 4 : Concevoir un diaporama d’images où l’utilisateur peut naviguer avec des boutons Précédent et Suivant.
AJAX et interactivité dynamique
Mettre à jour des éléments de page de manière asynchroneCharger du contenu HTML avec .load()
Effectuer des requêtes AJAX avec .get(), .post() et .ajax()
Gérer les réponses JSON avec .getJSON()
Remplacer les rappels par des objets différés avec .when() et .then()
Traiter des données XML avec .ajax()Atelier 5 : Créer une page qui affiche la météo d’une ville en récupérant les données d’une API météo via AJAX.
Conception et manipulation avancées des formulaires
Sélectionner et positionner le focus sur des éléments de formulaireGérer les événements focus et blur
Réagir en temps réel aux entrées utilisateur avec les événements clavier
Valider les formulaires avec un plugin de validation jQueryAtelier 6 : Concevoir un formulaire d’inscription qui vérifie en temps réel si l’email est valide et si le mot de passe respecte des critères spécifiques.
Étendre jQuery avec les plugins
Intégrer et utiliser des plugins populairesExploiter les contributions de la communauté jQuery
Extraire des données intégrées dans le HTML avec le plugin Metadata
Manipuler les images avec des diaporamas et carrousels
Développer ses propres plugins en respectant les meilleures pratiquesAtelier 7 : Ajouter un sélecteur de date personnalisé à un formulaire de réservation d’hôtel.
Interfaces enrichies avec jQuery UI
Ajouter des widgets interactifs pour améliorer l'expérience utilisateurUtiliser des accordéons, des onglets et des boîtes de dialogue redimensionnables
Sélectionner et formater des dates avec Datepicker
Ajouter des effets et animations avancés
Implémenter des fonctionnalités Web 2.0 comme le glisser-déposerAtelier 8 : Créer une page avec plusieurs onglets affichant du contenu différent et permettant d’en ajouter dynamiquement.
Développement mobile avec jQuery Mobile
Structurer des pages mobiles avec les attributs HTML5 data-*Créer des interfaces adaptées aux mobiles multi-plateformes
Gérer les événements tactiles (tap, swipe, etc.)
Optimiser l'affichage avec listviews et blocs réductiblesAtelier 9 : Construire une page de profil mobile avec une navigation entre plusieurs sections en utilisant des transitions d’écran.
- Parcourir et manipuler le DOM avec les sélecteurs de CSS
- Conception de pages web accessibles avec du code jQuery non obstrusif
- Création d'animations simples ou complexes
- Appel de services web avec Ajax
- Validation de formulaires HTML avec jQuery et les plugins
Avis des participants à la formation JQuery : Développer en Javascript avec le framework jQuery
Les avis figurant ci-dessous sont issus des fiches d’évaluation que remplissent les participants à la fin de la formation. Ils sont ensuite publiés automatiquement si les personnes ont explicitement accepté que nous les diffusions.
Nassima
4/5
Mon avis sur le contenu du stage :
"Vu les points importants"
Mon avis sur la salle de formation :
"Environnement agréable et fonctionnel."
Ce que j'ai le plus apprécié :
"Salle de pause Calme Matériel Connexion Internet Horraires"
DY
5/5
Mon avis sur le formateur :
"A su se mettre à notre niveau, très patient, bon formateur"
Mon avis sur la salle de formation :
"Très bien comme toujours, accueil cordial et merci pour les petits gâteaux."
RP
5/5
Mon avis sur le contenu du stage :
"Contenu du stage très bien structuré et adaptatif."
Mon avis sur le formateur :
"Très bonne adapation à nos besoins."
HF
5/5
Mon avis sur le formateur :
"Animateur très compétent ayant une solide expérience. Merci également pour la disponibilité."
LL
5/5
Mon avis sur le formateur :
"A su s'adapter à mon profil"
Mathilde
4/5
Mon avis sur le formateur :
"Il sait s'adapter au besoin"
Ces formations peuvent aussi vous intéresser :
Prototype et Scriptaculous
- 3 jrsFrameworks javascript - Client riche et rapidité de développement
- Niveau : Intermédiaire
- Référence : IJPS
Les frameworks JavaScript, Angular, NodeJS, ExpressJS
- Niveau : Intermédiaire
- Référence : IEAN
Développement d’applications web front-end avec JavaScript - Présentation des frameworks Open Source
- 5 jrsAngular et React
- Niveau : Intermédiaire
- Référence : IJSO1
HTML, CSS, JavaScript, HTTP, Bootstrap, CSS Grid, Ajax...
- Niveau : Intermédiaire
- Certification : AVIT by ENI - Développement de sites web avec le langage de balises HTML et des feuilles de styles CSS
- Référence : IJSO1B
Formations Informatique
et Management
en ligne à ce jour
+
Stagiaires dans nos salles
de cours sur
l'année
%
De participants satisfaits
ou très satisfaits de nos
formations
Formateurs experts
validés par
PLB
