1. Livres et vidéos
  2. jQuery 3 - Créer des sites web dynamiques et interactifs

jQuery 3 Créer des sites web dynamiques et interactifs

  • Accès illimité 24h/24, 7J/7
  • Tous les livres en ligne, les vidéos et les cours enregistrés ENI
  • Plus de 10 nouveautés livres et vidéos chaque mois
  • Les nouveautés disponibles le jour de leur sortie
  • Accès 100% en ligne
  • En stock
  • Expédié en 24h00
  • Livraison à partir de 0,01 €
  • Version en ligne offerte
  • 1 h d'accès gratuit à tous nos livres et vidéos pour chaque commande
  • Accessible immédiatement
  • Version HTML
  • Accès illimité 24h/24, 7J/7

Présentation

Ce livre sur jQuery 3 s'adresse aux intégrateurs web qui maîtrisent l'HTML et les CSS et qui veulent offrir aux visiteurs du site une expérience dynamique et interactive.

Dans une première partie, vous étudierez le framework jQuery : vous découvrirez les différentes solutions pour l'installer dans un site, vous verrez comment travailler avec l'API de jQuery ; vous apprendrez ainsi à utiliser la syntaxe, les sélecteurs, les événements, les effets et à manipuler les propriétés CSS ; vous verrez également comment modifier et personnaliser les plugins jQuery.

La seconde partie est consacrée à l'étude des widgets de jQuery User Interface qui vous permettront d'implémenter rapidement des composants interactifs : les composants en accordéon et à onglet, les boutons radio et les cases à cocher, les boîtes de dialogue, les menus hiérarchiques et bien d'autres encore.

Dans la dernière partie, vous apprendrez à installer et à utiliser des plugins jQuery tiers dans de nombreux domaines : utilisation des images, insertion de menus de navigation, création de formulaire dynamique...

Table des matières

  • Chapitre 1 : Introduction
    • A. Introduction
    • B. À propos de cet ouvrage
  • Chapitre 2 : Installer et utiliser jQuery
    • A. Les objectifs
    • B. Télécharger les fichiers jQuery
      • 1. Les différentes versions de jQuery
      • 2. Télécharger les fichiers
      • 3. Lier la bibliothèque jQuery
    • C. Lier jQuery via un CDN
    • D. Initialiser un script jQuery
      • 1. La syntaxe
      • 2. Le DOM
      • 3. La syntaxe courte
  • Chapitre 3 : L'API de jQuery
    • A. Les objectifs
    • B. Le JavaScript
    • C. La syntaxe de jQuery
      • 1. Un exemple simple
      • 2. L'affichage de la page
      • 3. Le code de la page
      • 4. Le code HTML
      • 5. Le code CSS
      • 6. Le script jQuery
    • D. Les sélecteurs
      • 1. Les objectifs
      • 2. Rechercher avec l'identifiant
      • 3. Rechercher avec une classe
      • 4. Rechercher avec un élément descendant
      • 5. Rechercher avec les pseudo-classes
      • 6. Rechercher le énième élément
      • 7. 7. Rechercher les éléments suivants et précédents
      • 8. Rechercher dans le contenu
      • 9. Rechercher l'élément inclus
      • 10. Les sélecteurs pour jQuery
    • E. Manipuler les propriétés CSS
      • 1. Les objectifs
      • 2. Ajouter et supprimer des classes
      • 3. Vérifier la présence d'une classe
      • 4. Basculer deux classes
      • 5. Afficher les valeurs des propriétés de style
      • 6. Modifier les valeurs des propriétés de style
      • 7. Attribuer des propriétés et des valeurs
    • F. Les événements
      • 1. Les objectifs
      • 2. Le clic de la souris
      • 3. Le double clic de la souris
      • 4. Le bouton de la souris
      • 5. Le passage au-dessus et en dehors du pointeur
      • 6. L'entrée et la sortie du pointeur
      • 7. La gestion du focus
      • 8. Les autres événements
    • G. Les effets
      • 1. Les objectifs
      • 2. Afficher et masquer un élément
      • 3. Les glissements verticaux
      • 4. Les effets de fondu
      • 5. Les animations
      • 6. Les effets jQuery
    • H. Les interactions
      • 1. Les objectifs
      • 2. Le déplacement
      • 3. Le glissé-déposé
      • 4. Le redimensionnement
      • 5. La sélection
      • 6. Le tri
  • Chapitre 4 : Les widgets de jQuery UI
    • A. Les objectifs
    • B. Installer les widgets jQuery UI
      • 1. La bibliothèque jQuery
      • 2. La bibliothèque jQuery UI complète
      • 3. Les feuilles de style CSS standards de jQuery UI
      • 4. Les liaisons standards des pages web
      • 5. La bibliothèque jQuery UI personnalisée
      • 6. Les feuilles de style CSS personnalisées de jQuery UI
      • 7. Les feuilles de style CSS de la galerie de jQuery UI
    • C. Exploiter les widgets jQuery UI
      • 1. L'architecture des widgets
      • 2. Les paramètres des widgets jQuery UI
    • D. Les outils de développement
    • E. L'accordéon
      • 1. Présentation du widget
      • 2. La structure HTML de l'accordéon
      • 3. Le script jQuery
      • 4. Personnaliser les règles CSS
      • 5. Fermer les onglets
      • 6. Afficher des icônes dans les onglets
      • 7. Adapter la largeur et la hauteur de l'accordéon
      • 8. Adapter la hauteur de l'accordéon
      • 9. Déplacer les onglets
    • F. Les panneaux
      • 1. Présentation
      • 2. La structure HTML des panneaux à onglets
      • 3. Le script jQuery
      • 4. Personnaliser les règles CSS
      • 5. Fermer les panneaux
      • 6. Changer d'événement
      • 7. Déplacer les onglets
    • G. Les boutons
      • 1. Présentation
      • 2. La structure HTML des boutons
      • 3. Le script jQuery
      • 4. Ajouter des icônes
      • 5. Les icônes dans les boutons en widget
      • 6. Les icônes dans les boutons en CSS
      • 7. Personnaliser l'icône
    • H. Les boutons radio
      • 1. Présentation
      • 2. La structure HTML des boutons radio
      • 3. Le script jQuery
      • 4. Ne pas afficher les boutons radio
      • 5. Modifier les règles CSS
    • I. Les cases à cocher
      • 1. Présentation
      • 2. La structure HTML des cases à cocher
      • 3. Le script jQuery
      • 4. Ne pas afficher les boutons radio
    • J. Les menus déroulants
      • 1. Présentation
      • 2. La structure HTML d'un menu déroulant
      • 3. La mise en forme CSS
      • 4. Le script jQuery
      • 5. Créer des groupes d'items
      • 6. Fixer la hauteur du menu
      • 7. Indiquer une consigne
    • K. L'autocomplétion
      • 1. Présentation
      • 2. La structure et le script de l'autocomplétion
    • L. Les boîtes de dialogue
      • 1. Présentation
      • 2. La structure HTML des boîtes de dialogue
      • 3. Le script jQuery
      • 4. Ouvrir et fermer avec des effets
      • 5. Ajouter des boutons
      • 6. Personnaliser les règles CSS
    • M. Les bulles d'aide
      • 1. Présentation
      • 2. La structure HTML et jQuery des bulles d'aide
      • 3. Les effets d'animation
      • 4. Personnaliser les règles CSS
      • 5. Positionner les bulles d'aide
      • 6. Poursuite de la souris
    • N. Les champs numériques
      • 1. Présentation
      • 2. La structure du champ numérique
      • 3. Désactiver le champ
      • 4. Récupérer la valeur saisie
      • 5. Des options pour le champ numérique
    • O. Les barres de progression
      • 1. Présentation
      • 2. La structure de la barre de progression
      • 3. Créer une barre de progression dynamique
      • 4. La couleur de fond de la barre de progression
    • P. Le calendrier
      • 1. Présentation
      • 2. La structure du calendrier
      • 3. Localiser le calendrier
      • 4. Afficher des boutons supplémentaires
      • 5. Afficher le calendrier sous d'autres formes
      • 6. Définir l'intervalle de temps
      • 7. Afficher la date dans un autre champ
    • Q. Les menus hiérarchiques
      • 1. Présentation
      • 2. La structure HTML des menus
      • 3. Un menu catégorisé
      • 4. Insérer des icônes dans le menu
    • R. La barre de sélection
      • 1. Présentation
      • 2. La structure de la barre de sélection
      • 3. Afficher la valeur sélectionnée
      • 4. Orienter la barre verticalement
      • 5. Afficher la valeur dans le curseur
  • Chapitre 5 : Les plugins tiers
    • A. Présentation
    • B. Comparer deux images
      • 1. Présentation
      • 2. Le plugin imgSlider
      • 3. Le plugin DiffWidget
    • C. Les effets de zoom sur les images
      • 1. Présentation
      • 2. Le plugin Light Zoom
      • 3. Le plugin jZoom
      • 4. Le plugin EasyZoom
    • D. Les diaporamas
      • 1. Présentation
      • 2. Le plugin Nivo Slider
      • 3. Le plugin Crosscover
      • 4. Le plugin Zoom Slider
    • E. Les menus et la navigation
      • 1. Présentation
      • 2. Le plugin Vertical Layout Navigation
      • 3. Le plugin Pushy
      • 4. Le plugin eosMenu
      • 5. Le plugin scrolltop.js
      • 6. Le plugin Auto-Hiding Navigation
      • 7. Le plugin Avgrund
    • F. Manipuler des données
      • 1. Présentation
      • 2. Le plugin Bootstrap Data Table
      • 3. Le plugin Pretty Donut
      • 4. Le plugin graph.js
    • G. Le texte
      • 1. Présentation
      • 2. Le plugin Trunc.js
      • 3. Le plugin EasyView
      • 4. Le plugin Placeholder Typewriter
      • 5. Le plugin simpleMarquee
    • H. Les formulaires
      • 1. Présentation
      • 2. Le plugin Attrvalidate
      • 3. Le plugin Bootstrap Maxlength
      • 4. Le plugin conditionize.js
    • Index

Auteur

Christophe AUBRYEn savoir plus

Responsable pédagogique dans un centre de formation et formateur sur les technologies Web et les Arts graphiques pendant plus de quinze ans, Christophe AUBRY est aujourd'hui dirigeant de la société netPlume spécialisée dans la rédaction pédagogique et la création de sites internet. Auteur de nombreux livres et vidéos aux Editions ENI (HTML/CSS, RWD, WordPress, Drupal, Joomla…), il reste au fait des nouveautés concernant la conception des sites web en effectuant une veille technologique régulière.

Caractéristiques

  • Niveau Initié à Confirmé
  • Nombre de pages 310 pages
  • Parution novembre 2016
    • Livre (broché) - 17 x 21 cm
    • ISBN : 978-2-409-00486-5
    • EAN : 9782409004865
    • Ref. ENI : OW3JQU
  • Niveau Initié à Confirmé
  • Parution novembre 2016
    • HTML
    • ISBN : 978-2-409-00652-4
    • EAN : 9782409006524
    • Ref. ENI : LNOW3JQU

Téléchargements

En complétant ce formulaire, vous acceptez d'être contacté afin de recevoir des informations sur nos produits et services ainsi que nos communications marketing. Vous aurez la possibilité de vous désabonner de nos communications à tout moment. Pour plus d'informations sur notre politique de protection des données, cliquez ici.
  • Des fichiers complémentaires (15,6 Mo)