POSITIONNEMENT : Fondamentaux

PRE-REQUIS : Cette formation nécessite d’avoir des connaissances en HTML et CSS. Une expérience de JavaScript ainsi que des notions de base de programmation seraient un plus.

PROFILS STAGIAIRES : Développeurs, concepteurs, programmeurs, architectes système de sites Web, toute personne chargée de développer et gérer des applications Web

 

DUREE : 28 heures - 04 jours DATE : Voir convention

TARIF : A partir de 600 € la journée

LIEU DE FORMATION : En entreprise ou en salle proposée par l’organisme de formation, accessible aux personnes à mobilité réduite

FORMATION DISPONIBLE EN : Présentiel – Distanciel (face-à-face et partage d'écran avec un formateur) – Sur-mesure

*Vous êtes en situation de Handicap, merci de nous contacter pour l’analyse de l’adaptation des modalités de l’action de formation.

 

MODALITES ET DELAIS D’ACCES : En moyenne votre demande est prise en charge dans un délai de 48 heures, une fois le devis validé nous pouvons mettre en place la formation entre 1 semaine à 3 semaines

SUIVI DE FORMATION : feuille de présence OBJECTIF :

A l'issue de la formation le stagiaire sera capable d’acquérir des connaissances et des compétences pour développer des

sites Web interactifs et dynamiques avec le Frawork jQuery.

 

METHODE PEDAGOGIQUE :

Alternance entre théorie et pratique Mise en situation

 

MODALITÉS D’ÉVALUATIONS :

Tests, Exercices Pratiques

Evaluation en début et fin de formation.

Tests formels et informels tout au long de la formation permettant de suivre l’évolution et valider les acquis en fin de formation.

FORMALISATION A L'ISSUE DE LA FORMATION : Remise d'une attestation de formation OBJECTIFS PÉDAGOGIQUES :

• Savoir développer en JavaScript avec le framework jQuery
• 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

 

PROGRAMME :

• Ce programme peut évoluer selon vos besoins

 

JOUR 1 : PRINCIPES DE BASE DE JQUERY

• • Parcourir le code HTML avec la formation 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

 

MANIPULATION DU DOCUMENT OBJECT MODEL (DOM) POUR CREER DU DHTML COMPATIBLE ENTRE NAVIGATEURS

• • Ajout et remplacement de contenu avec jQuery

Mettre à jour, ajouter, supprimer du contenu d’éléments 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

 

JOUR 02 : ANIMATION DE PAGES WEB AVEC DES EFFETS JQUERY

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

CREATION DE PAGES REACTIVES AVEC AJAX

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

 

JOUR 03 : CONCEPTION DE FORMULAIRES CONVIVIAUX

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

 

ETENDRE JQUERY AVEC LES PLUG-INS

Intégrer des plug-ins connus

• • Exploiter les contributions de la communauté jQuery
  • Extraire des données imbriquées dans la sémantique HTML avec le plug-in Metadata
  • Manipuler les images avec les diaporamas et les carrousels Développer des plug-ins 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

 

JOUR 04 : INTERFACES UTILISATEUR PERFECTIONNEES AVEC JQUERY UI

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