Tuto Jquery avec Tuto.com

Vous êtes au niveau : ›

Tuto jQuery, formation jQuery (75 tuto)

4 (631 avis)
 

Dans cette chaîne, vous pouvez découvrir les meilleurs tuto sur jQuery, comme : Une galerie Gallerybox, Réaliser une interface graphique, Donnez de l'importance à vos photos sur le web. Vous trouverez également les nouveaux tuto sur jQuery, comme : Créer un Sticky menu qui reste visible à tout instant, Animer la hauteur d'un élément pour dévoiler un contenu, Rendre votre site compatible avec les écrans Retina (iPad, iPhone).

Soyez averti de la sortie des nouveaux tuto jQuery
Saisissez votre email pour recevoir le détail des nouveautés de jQuery , en vidéo!

Tuto jQuery qui a la cote !

Animer la hauteur d'un élément pour dévoiler un contenu

Animer la hauteur d'un élément pour dévoiler un contenu


Dans ce tuto jQuery en vidéo, nous allons voir comment animer la hauteur d'une liste d'éléments (articles, produits...) en cliquant sur un bouton. Nous gérerons aussi le cas ou l'internaute reclick sur celui-ci pour remonter le tout. A la fin de…

34768 Tuto par spykrew07

Durée : 0h21

Voir la fiche



Meilleurs Tuto jQuery

Créer une bannière animée comme dans iTunesCréer une bannière animée comme dans iTunes
Dans ce tuto vidéo, vous découvrirez comment créer une bannière animée comme dans iTunes, très…Logiciel : Tuto jQuery | Catégorie : Webdesign | Durée : 34 minutes

Créer un site web avec un slider d'images en full pageCréer un site web avec un slider d'images en full page
Dans ce tuto jQuery / CSS3, nous allons ensemble, pas à pas, créer un gabarit de site internet que…Logiciel : Tuto jQuery | Catégorie : Webdesign | Durée : 1 heure 54 minutes

Réaliser un site internet adapté au mobileRéaliser un site internet adapté au mobile
Dans ce tuto nous allons voir comment réaliser un site internet adapté au mobile (iOS, Android, BlackBerry,…Logiciel : Tuto jQuery | Catégorie : Mobile | Durée : 27 minutes

Formulaire de contact AJAX avec PHP et JqueryFormulaire de contact AJAX avec PHP et Jquery
Dans ce tuto AJAX en vidéo, nous réaliserons un formulaire de contact. Dans un premier temps, nous…Logiciel : Tuto jQuery | Catégorie : Formulaire | Durée : 31 minutes

Créer un slider et l'intégrer à votre blog WordpressCréer un slider et l'intégrer à votre blog Wordpress
A l'aide d'un plugin jQuery, nous allons créer un slider pour vos articles de blog. Ceux-ci défileront…Logiciel : Tuto jQuery | Catégorie : Animation | Durée : 54 minutes

Styliser un formulaire avec CSS3 et validation en JqueryStyliser un formulaire avec CSS3 et validation en Jquery
 Dans ce tuto CSS et Jquery, nous verrons comment styliser un formulaire en CSS et comment le valider…Logiciel : Tuto jQuery | Catégorie : Formulaire | Durée : 34 minutes

Création d'un formulaire web 2.0Création d'un formulaire web 2.0
Dans ce tuto jQuery nous allons apprendre à nous servir de la bibliothèque d'interface utilisateur…Logiciel : Tuto jQuery | Catégorie : Formulaire | Durée : 20 minutes

Créer une lightbox simplementCréer une lightbox simplement
Dans ce tuto Jquery en vidéo, nous verrons comment créer une lightbox pour vos images. Une lightbox,…Logiciel : Tuto jQuery | Catégorie : Effet | Durée : 41 minutes

Créer un scroll horizontal animé pour votre site webCréer un scroll horizontal animé pour votre site web
Dans ce tuto Jquery, en vidéo, nous allons voir ensemble comment créer un scroll horizontal pour votre…Logiciel : Tuto jQuery | Catégorie : Navigation | Durée : 22 minutes

Système de commentaires avancéSystème de commentaires avancé
 Dans ce tuto PHP en vidéo, nous verrons comment réaliser un système de commentaires avancé. Nous…Logiciel : Tuto jQuery | Durée : 1 heure 31 minutes


Nos meilleurs tuto jQuery

Nouveaux tuto jQuery

Créer un Sticky menu qui reste visible à tout instantCréer un Sticky menu qui reste visible à tout instant
Dans ce tuto vidéo CSS3 et Jquery, en vidéo, nous allons voir comment créer un sticky menu c'est…Logiciel : Tuto jQuery | Catégorie : Menu | Durée : 48 minutes

Animer la hauteur d'un élément pour dévoiler un contenuAnimer la hauteur d'un élément pour dévoiler un contenu
Dans ce tuto jQuery en vidéo, nous allons voir comment animer la hauteur d'une liste d'éléments (articles,…Logiciel : Tuto jQuery | Catégorie : Menu | Durée : 22 minutes

Rendre votre site compatible avec les écrans Retina (iPad, iPhone)Rendre votre site compatible avec les écrans Retina (iPad, iPhone)
Dans ce tuto CSS 3 et Javascript, vous découvrirez comment rendre compatible rapidement votre site…Logiciel : Tuto jQuery | Catégorie : Navigation | Durée : 24 minutes

Mettre en place un panneau coulissant sur votre site webMettre en place un panneau coulissant sur votre site web
Dans ce tuto Jquery gratuit en vidéo, nous allons voir ensemble comment ajouter à votre site web un…Logiciel : Tuto jQuery | Catégorie : Animation | Durée : 16 minutes

Mettre un background vidéo en full pageMettre un background vidéo en full page
Dans ce tuto Jquery en vidéo, nous allons voir comment ajouter une vidéo en background de votre site,…Logiciel : Tuto jQuery | Catégorie : Video | Durée : 20 minutes

Transformer des images en Noir et BlancTransformer des images en Noir et Blanc
Dans ce tuto vidéo Jquery, nous allons voir comment transformer les images de votre portfolio en Noir…Logiciel : Tuto jQuery | Catégorie : Effet | Durée : 18 minutes

Scroll vertical animéScroll vertical animé
Dans ce tuto jQuery en vidéo nous vous proposons de réaliser un système de scroll vertical animé…Logiciel : Tuto jQuery | Catégorie : Navigation | Durée : 29 minutes

Switchez entre vos styles et sauvegardez dans un cookieSwitchez entre vos styles et sauvegardez dans un cookie
Dans ce tuto vidéo jQuery, nous allons voir ensemble comment ajouter sur votre site une petite liste…Logiciel : Tuto jQuery | Catégorie : Navigation | Durée : 32 minutes

Création d'un accordéon jQueryCréation d'un accordéon jQuery
Dans ce tuto Jquery gratuit, nous réaliserons un menu accordéon en jQuery. La hauteur du contenu des…Logiciel : Tuto jQuery | Catégorie : Menu | Durée : 19 minutes

Créer un scroll horizontal animé pour votre site webCréer un scroll horizontal animé pour votre site web
Dans ce tuto Jquery, en vidéo, nous allons voir ensemble comment créer un scroll horizontal pour votre…Logiciel : Tuto jQuery | Catégorie : Navigation | Durée : 22 minutes


Toutes nos nouveautés jQuery

Tuto jQuery gratuits

Previsualisation d'une image au survol Previsualisation d'une image au survol
Dans ce tuto jQuery, nous allons apprendre à créer une prévisualisation d'une image au survol d'une…Logiciel : Tuto jQuery | Catégorie : Effet | Durée : 27 minutes

Créer une galerie d'imagesCréer une galerie d'images
 Dans ce nouveau tuto, nous allons voir ensemble comment créer une galerie d'images avec l'aide de …Logiciel : Tuto jQuery | Catégorie : Diaporama | Durée : 09 minutes

Animation d'un BoutonAnimation d'un Bouton
Dans ce tuto jQuery nous allons voir comment réaliser un boutton avec un effet d'opacité grâce au…Logiciel : Tuto jQuery | Catégorie : Bouton | Durée : 09 minutes

Réalisation d'un slideshow Réalisation d'un slideshow
Dans ce tuto jQuery gratuit, nous allons apprendre à réaliser un slideshow sous forme de plugin avec…Logiciel : Tuto jQuery | Catégorie : Diaporama | Durée : 43 minutes

Animer un backgroundAnimer un background
Dans ce tuto jQuery, nous allons voir ensemble comment créer un background animé, mais aussi comment…Logiciel : Tuto jQuery | Catégorie : Animation | Durée : 25 minutes

Vérifier la disponibilité d'un pseudo en AJAXVérifier la disponibilité d'un pseudo en AJAX
Dans ce tuto AJAX en vidéo, nous verrons comment vérifier la disponibilité d'un pseudo lors d'une…Logiciel : Tuto jQuery | Catégorie : Formulaire | Durée : 21 minutes

Infobulle simpleInfobulle simple
Dans ce tuto jQuery, nous allons voir qu'il est très simple de créer des infos bulles animées.Logiciel : Tuto jQuery | Catégorie : Animation | Durée : 11 minutes

Menu avec images animéesMenu avec images animées
Dans ce tuto jQuery nous allons voir ensemble comment créer et gérer un menu en jQuery avec comme…Logiciel : Tuto jQuery | Catégorie : Menu | Durée : 16 minutes

Recréer un bouton J’aime façon Facebook avec jQueryRecréer un bouton J’aime façon Facebook avec jQuery
Dans ce tuto jQuery, vous découvrirez comment recréer un lien « J’aime » à la façon Facebook…Logiciel : Tuto jQuery | Catégorie : Bouton | Durée : 27 minutes

Créez vos animations Créez vos animations
 Dans ce tuto jQuery en vidéo, vous découvrirez comment réaliser des animations sur les images,…Logiciel : Tuto jQuery | Catégorie : Animation | Durée : 17 minutes


Tous nos tuto jQuery gratuits


En savoir plus sur jQuery

A quoi sert le logiciel jQuery

jQuery est une bibliothèque (aussi appelée framework) JavaScript open source et libre de syntaxe courte et logique, orientée client. Elle est compatible avec tous les navigateurs courants.

Historique jQuery

L'auteur originel de jQuery est John Resig, qui a publié la première version stable de son framework le 26 août 2006. Sur six mois, 4 versions ont été publiées (1.0.1, 1.0.2 etc.), jusqu'à l'obtention le 12 décembre d'une version 1.0.4 déboguée.

Le 14 janvier 2007 commence l'évolution de la version 1.1, qui s'étale jusqu'au mois d'août, le 24, qui voit la sortie de la version 1.1.4. En septembre de la même année débute l'élaboration de la version 1.2, qui s'achève le 24 mai 2008 avec jQuery 1.2.6. Puis la version 1.3, échelonnée en trois versions, fait son apparition, à laquelle la version 1.4 succède le 14 janvier 2010.

Description du logiciel jQuery

jQuery est un framework (également « cadriciel »): il consiste en fait en un kit de composants logiciels structurels dans lesquels piochera le développeur – en appelant la bibliothèque par utilisation du préfixe de fonction « $ » ou « jQuery » - afin d'élaborer son code plus rapidement et plus efficacement. Comme le dit le slogan jQuery: « write less, do more. », en français: « écrivez moins, faites plus. », qui illustre parfaitement le fonctionnement du framework.

jQuery se présente sous la forme d'un fichier JavaScript unique de 155ko ("Development"), ou 24ko en version compressée ("Production") contenant toutes les fonctions de base et peut être inclus dans toute page web grâce à une ligne de code spécifique.

L'utilisation de jQuery sur Internet est très largement répandue; de grands noms de la toile l'utilisent, notamment Microsoft, Twitter, Mozilla, Amazon... Le framework est également compatible avec tous les navigateurs courants.

Des connaissances en HTML, en CSS et en JavaScript sont nécessaires à la bonne utilisation des fonctionnalités proposées par jQuery, qui consistent notamment dans la possibilité de modification du DOM, la prise en charge des Événements, des Effets et animations, d'AJAX, de plugins, d'utilitaires, la manipulation de CSS...

Plateformes compatibles avec jQuery

Toutes!

Logiciels proches de jQuery

Ext Core