Cours gratuits » Cours informatique » Cours développement web » Cours JQuery

Cours JQuery


Jquery : bibliothèque JavaScript

Support de formation Jquery : bibliothèque JavaScript ... Chapitre 2 Programmation Fonctionnelle et Objet en JavaScript On distingue en JavaScript deux catégories de patterns (et éventuellement des patterns
Nombre de telechargement 754 Taille: 2,387.13 Kb 0(0 votes)

Apprendre jQuery pdf débutant

Apprendre jQuery cours pour débutant Codage jQuery et JavaScript: exemples et meilleures pratiques Lorsqu'il est utilisé correctement, jQuery peut vous aider à rendre votre site Web plus interactif, int&eacu
Nombre de telechargement 34 Taille: 86.22 Kb 0(0 votes)

Débuter avec jQuery

Nombre de telechargement 148 Taille: 545.85 Kb 0(0 votes)

Introduction à la bibliothèque JavaScript jQuery

Nombre de telechargement 172 Taille: 299.20 Kb 0(0 votes)

POO prototype avec jQuery pdf

Nombre de telechargement 33 Taille: 242.65 Kb 0(0 votes)

Formation Ajax jQuery

Nombre de telechargement 72 Taille: 665.56 Kb 0(0 votes)

Formation complet Ajax jQuery

Support complet pour apprendre à développer avec jQuery Mobile ... 2.2 . Manipulation du DOM1 (Document Object Model) La manipulation du DOM est l'étape qui suit généralement la sélecti
Nombre de telechargement 92 Taille: 701.17 Kb 0(0 votes)

jQuery cours avec exemple d’introduction au selecteurs DOM

jQuery cours avec exemple d’introduction au sélecteurs DOM La bibliothèque jQuery fournit une couche d’abstraction générique pour les scripts web classiques. Elle est donc utile pour la pl
Nombre de telechargement 105 Taille: 466.54 Kb 0(0 votes)







Formation complet jquery pour reviser ensemble

Formation complet jquery pour réviser ensemble De JavaScript… à jQuery La naissance de JavaScript ? 1995 : Brendan Eich développe pour Netscape Communications Corporation, un langage de script,
Nombre de telechargement 55 Taille: 1,624.00 Kb 0(0 votes)

Cours jquery complet pour apprendre commet ca marche

Cours jQuery complet pour apprendre commet ça marche ... Présentation Diversité des implémentations du JavaScript Si vous faites un peu de JavaScript, alors vous savez que c'est parfois difficile et
Nombre de telechargement 289 Taille: 296.13 Kb 0(0 votes)

Cours Ajax et jquery approfondie pas a pas

Cours Ajax et jquery approfondie pas à pas … L'architecture informatique AJAX (Asynchronous JavaScript and XML) permet de construire des applications Web et des sites web dynamiques interactifs sur le poste client
Nombre de telechargement 42 Taille: 1,417.08 Kb 0(0 votes)

Cours maps jQuery : methodes et fonctions

Cours maps jQuery : méthodes et fonctions Javascript / Jquery Javascript est exécuté par le client (navigateur web)! Pas d’interaction avec le serveur! Sauf pour AJAX (Asynchronous Javascr
Nombre de telechargement 52 Taille: 3,221.95 Kb 0(0 votes)

Cours JQuery pas a pas comment ca marche

Cours JQuery pas à pas comment ça marche … le pli ne doit être ouvert que par le président de la commission d’appel d’offres lors de la séance d’examen des offres1.1 . &
Nombre de telechargement 26 Taille: 981.17 Kb 0(0 votes)

Premier pas en jQuery support de formation avancee

Premier pas en jQuery support de formation avancée La principale fonctionnalité est le sélecteur. Il permet de sélectionner un ou plusieurs éléments du DOM très facilement, beaucou
Nombre de telechargement 62 Taille: 53.00 Kb 0(0 votes)

Formation jQuery pdf comment ca marche

Formation jQuery pdf comment ça marche jQuery est une librairie JavaScript. Le rôle d’une librairie, en informatique, est de simplifier l’utilisation d’un certain langage de programmation en fournis
Nombre de telechargement 105 Taille: 79.74 Kb 0(0 votes)

JQuery cours complet avec exemples de A a Z

JQuery cours complet avec exemples de A à Z … JavaScript est un langage devenu incontournable en l'espace de quelques années, principalement dans le paysage du web. Et pour cause ! C'est une technologie comp
Nombre de telechargement 51 Taille: 571.50 Kb 0(0 votes)

Apprendre JQuery pdf document de cours sur les principaux savoir faire de jQuery

Apprendre JQuery pdf document de cours sur les principaux savoir faire de jQuery - Introduction Non, il ne s'agit pas de clôturer le compte bancaire de jQuery ! Il s'agit simplement de protéger votre code. En angla
Nombre de telechargement 63 Taille: 252.33 Kb 0(0 votes)

Cours jQuery pdf avec exemples exercices d’application

Cours jQuery pdf avec exemples exercices d’application 2 jQuery.sub() jQuery.sub() produit un clone de l'objet jQuery, il a été créé pour deux types d'utilisations spécifiques : modifi
Nombre de telechargement 34 Taille: 213.13 Kb 0(0 votes)

Documentation general pour apprendre ensemble jQuery

Documentation général pour apprendre ensemble jQuery Accès au DOM et sélecteurs Le gestionnaire d'événement ready Les créateurs de jquery tirant les leçons des difficult&e
Nombre de telechargement 118 Taille: 55.50 Kb 0(0 votes)

jQuery débutant cours sur les concepts et pratiques pour reviser et s'entrainer

jQuery débutant cours sur les concepts et pratiques pour réviser et s'entraîner Extrait du Cours : Qu’est-ce que jQuery ? jQuery est un framework JavaScript parmis tant d’autres (Moot
Nombre de telechargement 26 Taille: 922.00 Kb 0(0 votes)

Cours jQuery : visualisation des donnees avec flot et jquery

Cours jQuery : visualisation des données avec Flot et jQuery Extrait du Cours : Présentation de la librairie Avant toute chose, il est important de référencer les 2 librairies requises (jQu
Nombre de telechargement 32 Taille: 187.03 Kb 0(0 votes)

Sélecteurs et fonctions de sélection jQuery

Sélecteurs et fonctions de sélection jQuery Extrait du cours : Sélecteurs de base Sélectionner des balises avec leur nom : mettre le nom de la balise "p" : permet de sélectionner toutes les balises paragraphes Sél
Nombre de telechargement 82 Taille: 202.48 Kb 0(0 votes)

Cours Web avancée jQuery pdf

Cours Web avancée jQuery pdf Extrait du cours : Associer un gestionnaire d'événements L'une des difficultés de l'utilisation de JavaScript est que IE propose une API pour la gestion des événements qui est différen
Nombre de telechargement 17 Taille: 236.75 Kb 0(0 votes)

Programmation Web avancée jQuery et Ajax

Programmation Web avancée jQuery et Ajax Extrait du cours : Défauts du langage JavaScript utilisé seul Écriture de code trop verbeuse pour des traitements récurrents Manque de langage de requête déclaratif (simpl
Nombre de telechargement 21 Taille: 232.15 Kb 0(0 votes)

Introduction à JQuery

Introduction à JQuery Extrait du Cours : Pourquoi choisir jQuery ? Basée sur des sélecteurs CSS Simple à comprendre et à apprendre Ne modi?e pas l’espace de travail et s’interface avec d’autres librairies J
Nombre de telechargement 41 Taille: 1,174.47 Kb 0(0 votes)

Apprendre le jQuery

Apprendre le jQuery Extrait du Cours : Framework Javascript très populaire Minimalisme et élégance Largement utilisé: BBC, Digg, Intel, MSNBC, Technorati, ... Permet de prendre de la hauteur par rapport aux différ
Nombre de telechargement 34 Taille: 678.85 Kb 0(0 votes)

Menu déroulant animé avec jQuery

Menu déroulant animé avec jQuery Extrait du Cours : Première étape : le HTML Avant de pouvoir faire quoi que ce soit, ne devons lier les fichiers CSS et jQuery dans l'en-tête (entre balises head) de notre document HTM
Nombre de telechargement 739 Taille: 153.20 Kb 0(0 votes)

Lire un fichier XML avec jQuery

Lire un fichier XML avec jQuery Extrait du Cours : Introduction Eh oui, encore une fois nous allons parler de jQuery, sans aucun doute une des meilleurs librairies JavaScript existantes. Bref, nous allons aujourd'hui nous
Nombre de telechargement 421 Taille: 112.05 Kb 0(0 votes)

Formation jQuery

Formation jQuery Extrait du Cours : Les éléments que nous recherchons se nomment : <a href="/" id="tab_1" class="active"> <div id="content_1" class="content"> En JavaScript, nous pouvons trouver un él
Nombre de telechargement 39 Taille: 135.46 Kb 0(0 votes)

Apprendre jQuery

Apprendre jQuery Extrait du Cours : Étape 1 Tout d'abord, un voyage rapide dans Photoshop afin de créer un petit design Web 2.0 et le tour est joué. Nous avons une belle maquette de ce que notre boîte à onglets devrai
Nombre de telechargement 52 Taille: 188.75 Kb 0(0 votes)

Trucs et astuces pour jQuery

Trucs et astuces pour jQuery Extrait du Cours : Ouvrir un lien dans une nouvelle fenêtre L'attribut target n'est pas valide en (X)HTML strict. Du coup, nous utiliserons l'attribut rel et un peu de jQuery pour créer un at
Nombre de telechargement 650 Taille: 286.83 Kb 0(0 votes)

Programmation orientée objet avec jQuery

Programmation orientée objet avec jQuery Extrait du Cours : Je résumerai le titre par le vocable POOPJ, prononcez "pop j". Je suis persuadé que jQuery est un outil fantastique pour la manipulation du DOM, mais cela ne r
Nombre de telechargement 700 Taille: 308.28 Kb 0(0 votes)

Plus de documents

Le World Wide Web d'aujourd'hui est un environnement dynamique, et ses utilisateurs définissent une barre haut pour le style et la fonction des sites. Pour créer des sites interactifs intéressants, les développeurs se tournent vers des bibliothèques JavaScript telles que jQuery pour automatiser les tâches courantes et simplifier les tâches compliquées. L'une des raisons pour lesquelles la bibliothèque jQuery est un choix populaire est sa capacité à assister une large gamme de tâches.

Il peut sembler difficile de savoir par où commencer car jQuery exécute autant de fonctions différentes. Pourtant, il y a une cohérence et une symétrie dans la conception de la bibliothèque; la plupart de ses concepts sont empruntés à la structure du HTML et des feuilles de style en cascade (CSS). La conception de la bibliothèque se prête à un démarrage rapide pour les concepteurs ayant peu d'expérience en programmation puisque de nombreux développeurs Web ont plus d'expérience avec ces technologies qu'avec JavaScript.

Qu'est-ce que jQuery

jQuery est une bibliothèque JavaScript. En d’autres termes, il s’agit d’un fichier d’extension .js. Pour développer du code jQuery, il sufft de faire référence à la bibliothèque jQuery . Le plus simple consiste à faire référence à un CDN. De la sorte, vous obtiendrez automatiquement la dernière version en date de jQuery. En outre, étant donné que de nombreux sites Web utilisent jQuery, il y a de grandes chances pour que cette bibliothèque ait déjà été utilisée par votre navigateur et se trouve dans sa mémoire tampon. Dans ce cas, il ne sera pas nécessaire de la charger à nouveau : son accès sera immédiat. Deux versions de jQuery sont disponibles : une première traditionnelle, visualisable dans votre editeur, et une seconde minifiée, de façon à réduire sa taille au maximum. Je vous conseille donc d’utiliser la version minifiée afin de réduire le temps nécessaire à son chargement, si elle ne se trouve pas déjà dans le cache du navigateur.

La bibliothèque jQuery fournit une couche d'abstraction à usage général pour les scripts web courants, et est donc utile dans presque toutes les situations de script. Sa nature extensible, car les plugins sont constamment développés pour ajouter de nouvelles capacités. Les fonctionnalités de base, cependant, répondent aux besoins suivants:

• Accéder aux éléments d'un document. Sans une bibliothèque JavaScript, de nombreuses lignes de code doivent être écrites pour parcourir l'arborescence DOM (Document Object Model) et localiser des parties spécifiques de la structure d'un document HTML. Un mécanisme de sélection robuste et efficace est proposé dans jQuery pour récupérer la pièce exacte du document à inspecter ou à manipuler.

• Modifier l'apparence d'une page Web. CSS offre une méthode puissante pour influencer la façon dont un document est rendu, mais elle est insuffisante lorsque les navigateurs Web ne prennent pas tous en charge les mêmes normes. Avec jQuery, les développeurs peuvent combler cette lacune en s'appuyant sur le même support standard pour tous les navigateurs. En outre, jQuery peut modifier les classes ou les propriétés de style individuelles appliquées à une partie du document même après le rendu de la page.

• Modifier le contenu d'un document. JQuery ne se limite pas à de simples modifications esthétiques, il peut modifier le contenu d'un document en quelques clics. Le texte peut être modifié, les images peuvent être insérées ou permutées, les listes peuvent être réorganisées ou la structure entière du code HTML peut être réécrite et étendue, le tout avec une seule interface de programmation d'application (API) facile à utiliser.

• Répondre à l'interaction d'un utilisateur. Même les comportements les plus élaborés et les plus puissants ne sont pas utiles si nous ne pouvons pas contrôler quand ils ont lieu. La bibliothèque jQuery offre un moyen élégant d'intercepter une grande variété d'événements, comme un utilisateur cliquant sur un lien, sans avoir besoin d'encombrer le code HTML lui-même avec les gestionnaires d'événements. Dans le même temps, son API de gestion des événements supprime les incohérences du navigateur qui affectent souvent les développeurs Web.

• Animer les modifications apportées à un document. Pour mettre en œuvre efficacement de tels comportements interactifs, un concepteur doit également fournir un retour visuel à l'utilisateur. La bibliothèque jQuery facilite cela en fournissant un éventail d'effets tels que des fondus et des lingettes, ainsi qu'une boîte à outils pour en créer de nouveaux.

• Récupérer des informations d'un serveur sans actualiser une page. Ce modèle de code est connu sous le nom de JavaScript et XML asynchrone (AJAX), et aide les développeurs Web à concevoir un site réactif et riche en fonctionnalités. La bibliothèque jQuery supprime la complexité spécifique au navigateur de ce processus, ce qui permet aux développeurs de se concentrer sur la fonctionnalité du serveur.

• Simplifiez les tâches JavaScript courantes. En plus de toutes les fonctionnalités spécifiques à jQuery, la bibliothèque fournit des améliorations aux constructions JavaScript de base telles que l'itération et la manipulation de tableaux.

Que peut apporter jQuery à un document HTML ?

jQuery est utilisé pour interroger et pour modifier le DOM, c’est-à-dire les éléments affchés dans une page Web. Imaginez que vous commenciez à interroger/modifier des éléments qui ne sont pas encore affchés.

Vous vous demandez certainement pourquoi ajouter du code jQuery à un document HTML mis en forme/en page par des règles de style CSS. Eh bien, jQuery apporte plusieurs avantages :

  • Les éléments affchés sur l’écran peuvent réagir aux actions de l’utilisateur. Par exemple, il est possible d’effectuer des calculs et d’affcher un résultat lorsque l’utilisateur clique sur un bouton. Ou encore de modifier les caractéristiques d’un élément suite à certains événements (frappe au clavier, clic souris, heure système, etc.).
  • Les éléments affchés dans une page peuvent être facilement animés (apparition, disparition, translation) de façon automatique ou suite à une action de l’utilisateur.
  • En utilisant la technologie AJAX, jQuery peut mettre à jour une partie de la page Web courante. Par exemple, pour affcher le nom des personnes connectées à un site Web, ou encore pour mettre à jour le cours d’une action cotée en Bourse.

Avec le récent regain d'intérêt pour le HTML dynamique vient une prolifération de frameworks JavaScript. Certains sont spécialisés, en se concentrant sur une ou deux des tâches ci-dessus. D'autres tentent de cataloguer tous les comportements et animations possibles, et de les servir tous préemballés. Pour maintenir la large gamme de fonctionnalités décrites ci-dessus tout en restant compact, jQuery utilise plusieurs stratégies:
 
• Tirer parti des connaissances de CSS. En basant le mécanisme de localisation des éléments de page sur les sélecteurs CSS, jQuery hérite d'une manière concise mais lisible d'exprimer la structure d'un document. La bibliothèque jQuery devient un point d'entrée pour les concepteurs qui souhaitent ajouter des comportements à leurs pages car la connaissance de la syntaxe CSS est une condition préalable au développement Web professionnel.

• Les extensions de support. Afin d'éviter le "fluage des fonctionnalités", jQuery relègue les utilisations spéciales aux plugins. La méthode de création de nouveaux plugins est simple et bien documentée, ce qui a stimulé le développement d'une grande variété de modules inventifs et utiles. Même la plupart des fonctionnalités du téléchargement de base de jQuery sont réalisées en interne grâce à l'architecture du plugin, et peuvent être enlevées si vous le souhaitez, ce qui donne un plus petit

• Extraits de navigateur abstraits. Une réalité malheureuse du développement web est que chaque navigateur a son propre ensemble d'écarts par rapport aux normes publiées. Une partie importante de n'importe quelle application Web peut être reléguée à la gestion des fonctionnalités différemment sur chaque plate-forme. Alors que le paysage de navigateur en constante évolution rend une base de code parfaitement neutre pour certaines fonctionnalités avancées, jQuery ajoute une couche d'abstraction qui normalise les tâches courantes, réduit la taille du code et simplifie énormément.

• Travaillez toujours avec des ensembles. Lorsque nous demandons à jQuery de rechercher tous les éléments dont les clans sont repliables et de les masquer, il n'est pas nécessaire de faire défiler chaque élément retourné. Au lieu de cela, des méthodes telles que. hide () sont conçus pour fonctionner automatiquement sur des ensembles d'objets plutôt que sur des objets individuels. Cette technique, appelée itération implicite, signifie que de nombreuses constructions en boucle deviennent inutiles, raccourcissant considérablement le code.

• Autoriser plusieurs actions sur une ligne. Pour éviter la surutilisation de variables temporaires ou la répétition inutile, jQuery utilise un modèle de programmation appelé chaînage pour la plupart de ses méthodes. Cela signifie que le résultat de la plupart des opérations sur un objet est l'objet lui-même, prêt pour que l'action suivante lui soit appliquée.

Ces stratégies ont permis de compresser le paquet jQuery de moins de 20 Ko, tout en fournissant des techniques pour conserver notre code personnalisé qui utilise la bibliothèque compacte..

L'élégance de la bibliothèque est en partie due au design, et en partie au processus d'évolution stimulé par la communauté dynamique qui a surgi autour du projet. Les utilisateurs de jQuery se réunissent pour discuter non seulement du développement des plugins, mais aussi des améliorations apportées à la bibliothèque principale. L'annexe A détaille de nombreuses ressources communautaires disponibles pour les développeurs jQuery.
 
Malgré tous les efforts nécessaires pour concevoir un système aussi flexible et robuste, le produit final est gratuit pour tous. Ce projet open-source est sous licence sous la licence publique GNU (appropriée pour l'inclusion dans de nombreux autres projets open-source) et la licence MIT (pour faciliter l'utilisation de jQuery dans les logiciels propriétaires).

Historique du projet jQuery

Phase de développement public: John Resig a mentionné pour la première fois une amélioration de la bibliothèque «Behavior» de Prototype en août 2005. Ce nouveau framework a été officiellement publié sous le nom de jQuery le 14 janvier 2006.

  • jQuery 1.0 (août 2006): Ceci, la première version stable de la bibliothèque, avait déjà un support robuste pour les sélecteurs CSS, la gestion des événements et l'interaction AJAX.
  • jQuery 1.1 (janvier 2007): Cette version simplifie considérablement l'API. Beaucoup de méthodes rarement utilisées ont été combinées, réduisant le nombre de méthodes à apprendre et à documenter.
  • jQuery 1.1.3 (juillet 2007): cette version mineure contenait des améliorations de vitesse massives pour le moteur de sélection de jQuery. À partir de cette version, les performances de jQuery se comparent favorablement à celles de ses autres bibliothèques JavaScript, telles que Prototype, Mootools et Dojo.
  • jQuery 1.2 (septembre 2007): la syntaxe XPath pour la sélection des éléments a été supprimée dans cette version, car elle était devenue redondante avec la syntaxe CSS. La personnalisation des effets est devenue beaucoup plus flexible dans cette version, et le développement des plugins est devenu plus facile avec l'ajout d'événements avec espace de noms.
  • JQuery UI (Septembre 2007): Cette nouvelle suite de plugin a été annoncée pour remplacer le plugin Interface, populaire mais vieillissant. Une riche collection de widgets préfabriqués a été incluse, ainsi qu'un ensemble d'outils pour construire des éléments sophistiqués tels que des interfaces glisser-déposer.
  • jQuery 1.2.6 (mai 2008): La fonctionnalité du populaire plugin Dimensions de Brandon Aaron a été intégrée à la bibliothèque principale.
  • jQuery 1.3 (janvier 2009): Une refonte majeure du moteur de sélection (Sizzle) a considérablement stimulé les performances de la bibliothèque. La délégation d'événement a été officiellement prise en charge.

Cours et exercices JQuery - Formation script JQuery PDF - Livres et Ebook Bibliothèque JQuery