Programme JQUERY : LES FONDAMENTAUX
Participants : Aux développeurs et concepteurs de sites web souhaitant apprendre la programmation avec jQuery.
Durée : 4 jours - 28 heures
Tarif : Nous contacter pour une formation INTER – INTRA ou en COURS PARTICULIER
La formation est délivrée en présentiel ou distanciel (e-learning, classe virtuelle, présentiel et à distance). Le formateur alterne entre méthodes démonstrative, interrogative et active (via des travaux pratiques et/ou des mises en situation). La validation des acquis peut se faire via des études de cas, des quiz et/ou une certification.
Cette formation est animée par un consultant-formateur dont les compétences techniques, professionnelles et pédagogiques ont été validées par des diplômes et/ou testées et approuvées par l’éditeur et/ou par Audit Conseil Formation.
Dates des formations
Contactez-nous pour des informations sur les disponibilités pour cette formation.
Les objectifs
Cette
formation vous permet d'acquérir des connaissances et des compétences pour développer des sites Web interactifs et dynamiques avec jQuery. À travers une étude de cas pratique et évolutive tout au long de la formation, vous apprendrez à concevoir rapidement des interfaces accessibles permettant aux utilisateurs d'optimiser leur rentabilité depuis tous les principaux types de navigateurs.
pré-requis
Des connaissances en HTML et CSS sont requises
Moyens pédagogiques, techniques et d'encadrement
- 1 poste de travail complet par personne
- De nombreux exercices d'application
- Mise en place d'ateliers pratiques
- Remise d'un support de cours
- Remise d'une attestation de stage
Modalités d'évaluation des acquis
- Evaluation des besoins et objectifs en pré et post formation
- Evaluation technique des connaissances en pré et post formation
- Evaluation générale du stage
Accessibilité handicapés
- Au centre d’affaires ELITE partenaire d’ACF à 20 m.
- Guide d’accessibilité à l’accueil.
Le Programme
Principes de base de jQuery
- Parcourir le code HTML avec la fonction jQuery()
- Présentation de Sizzle, le moteur de sélection basé sur les CSS
Parcourir les documents HTML
- Associer les nœuds par nom, ID, classe, position, contenu, comportement et contexte d'élément
- Associer des appels à la fonction jQuery()
Ajout et remplacement de contenu avec jQuery
- Mettre à jour, ajouter et supprimer du contenu d'élément et des valeurs d'attributs et ajouter des nœuds au DOM et manipuler les nœuds parents et enfants
Affecter des propriétés CSS de façon dynamique
- Ajouter et supprimer des règles et des classes CSS
- Contrôler la taille et la position des éléments
Créer un code JavaScript accessible et non obstrusif
- Utiliser la méthode .ready()
- Affecter des gestionnaires d'événements avec un programme
Enrichir des pages en ajoutant des animations simples
- Contrôler la visibilité avec .hide(), .show() et .toggle()
- Créer des effets de glissement et de fondu remarquables
- Combiner des animations et répondre aux fonctions de rappel
- Tirer profit des littéraux d'objets pour contrôler les animations
- Développer des animations personnalisées avec .animate()
Mise à jour asynchrone des composants de page
- Télécharger du HTML avec la méthode .load()
- Appeler des services web avec .get() et .post()
- Remplacer les rappels par des objets différés en chaînes
- Combiner les appels Ajax avec when() et then()
Conversion des données de serveur sérialisées en HTML
- Extraire le format JSON avec .getJSON()
- Rechercher et analyser du code XML avec .ajax()
Outils jQuery dédiés à la manipulation des formulaires
- Sélectionner et diriger le focus sur le premier élément
- Créer une réponse aux événements Focus et Blur
- Commentaires en temps réel via les événements clavier
- Intégrer un plug-in de validation
Intégrer des plugins connus
- Exploiter les contributions de la communauté jQuery
- Extraire des données imbriquées dans la sémantique HTML avec le plugin Metadata
- Manipuler les images avec les diaporamas et les carrousels
Développer des plugins jQuery
- Respect des meilleures pratiques, conventions de nommage
- Gérer plusieurs éléments
- Activer le chaînage des méthodes
- Alias $ pour éviter les conflits entre les espaces de noms
- Littéraux d'objets pour remplacer les valeurs par défaut
Widgets pour accroître l'interactivité des applications web
- Optimiser l'agencement de l'écran avec des accordéons et des onglets et ajouter des fenêtres flottantes redimensionnables avec des boîtes de dialogue
- Rationaliser la sélection et la mise en forme des dates avec Datepicker, proposer une aide à la saisie avec la saisie semi-automatique statique et dynamique
Implémenter des effets
- Créer des animations en couleur avec .animate()
- Effets et accélérations complexes pour les animations
Ajouter des fonctions web 2.0
- Redimensionner les éléments HTML
- Créer des interfaces utilisateur avec la fonction glisser-déposer
Travailler avec des pages et des commandes mobiles
- Structurer les pages avec les attributs HTML5 data-*
- Économiser de l'espace avec les listviews et les blocs réductibles et initialiser les pages avec pageinit et gérer les événements tactiles