Développement Front-End
Développement JavaScript avec JQuery
Objectif
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
Formation initiale ou expérience en développement informatique requise
Connaissance préalable du langage HTML et notions de base de JavaScript
Moyens pédagogiques
Réflexion de groupe et apports théoriques du formateur
Travail d'échange avec les participants sous forme de réunion-discussion
Utilisation de cas concrets issus de l'expérience professionnelle
Validation des acquis par des questionnaires, des tests d'évaluation, des mises en situation et des jeux pédagogiques.
Alternance entre apports théoriques et exercices pratiques (en moyenne 30 à 50%)
Remise d'un support de cours.
Moyens techniques
Modalités d'évaluation
Feuille de présence signée en demi-journée,
Evaluation des acquis tout au long de la formation,
Questionnaire de satisfaction,
Attestation de stage à chaque apprenant,
Positionnement préalable oral ou écrit,
Evaluation formative tout au long de la formation,
Evaluation sommative faite par le formateur ou à l'aide des certifications disponibles
Modalités distance
A l’aide d’un logiciel (Teams, Zoom…), d’un micro et éventuellement d’une caméra les apprenants interagissent et communiquent entre eux et avec le formateur.
Sessions organisées en inter comme en intra entreprise.
L’accès à l’environnement d’apprentissage ainsi qu’aux preuves de suivi et d’assiduité (émargement, évaluation) est assuré.
Pour toute question avant et pendant le parcours, assistance technique à disposition au 04 67 13 45 45.
Profil formateur
Nos formateur sont des experts dans leurs domaines d'intervention
Leur expérience de terrain et leurs qualités pédagogiques constituent un gage de qualité.
Accessibilité
Les personnes en situation d'handicap sont invitées à nous contacter directement, afin d'étudier ensemble les possibilités de suivre la formation.
Pour tout renseignement, notre référent handicap reste à votre disposition : mteyssedou@ait.fr
Chef de projet, développeur
Compte personnel de formation
La formation n'est pas compatible avec le Compte personnel de formation
Sessions inter-entreprises
La formation est compatible avec l’organisation en session inter-entreprises
Programme de la formation
Introduction
- Présentation de jQuery
- Intérêts de jQuery
- Installation, accès
- La « philosophie » de jQuery
- Où placer son code jQuery
L'objet jQuery
- Les objets jQuery et $
- Les méthodes et propriétés
- Enchaînement des méthodes
- Fonctions, callbacks, et fonctions imbriquées
- Bien différencier les objets DOM et jQuery
Sélection
- L'intérêt d'une sélection efficace
- Sélection CSS : id, class, parenté, position…
- Sélection d'un objet DOM
- Sélection par attribut : sélectionné, visible, survolé…
- Sélections booléennes : tout sauf, non…
jQuery et le DOM
- Parcourir le DOM
- Modifier le DOM : ajouter, remplacer, supprimer
- Manipuler le texte et les attributs
- Lire et modifier les classes
jQuery et les CSS
- Attributs simples : couleurs, bords, etc.
- Manipulation à l'aide des classes
- Taille et positionnement
- Opacité
- Déplacements, replis, fondus, ...
- Animations, transitions
- Effets : menus, carrousels, zooms, etc.
Gestion des évènements
- Réagir sur un évènement
- Clavier et souris
- Gérer dynamiquement les gestionnaires d'évènements
Échanges avec le serveur : AJAX
- Le concept d'échanges asynchrones avec HTTP
- Les formats échangés : XML, JSON, JS, HTML, ...
- Méthodes GET / POST
- Les fonctions AJAX de jQuery
- Traitement des données des formulaires avec jQuery
Plugins jQuery
- Utilisation de plugins
- Intérêts et pièges de l'utilisation de plugins
- Aperçu de jQuery-UI