Tutoriel Vidéo jQuery : Initiation à jQuery

Dans ce tutoriel vidéo vous de découvrir la librairie javascript jQuery qui vous permettra de développer vos scripts plus rapidement et plus simplement. Pendant près de 35 minutes, vous verrez donc un peu toutes les fonctions nécessaires à l'utilisation de jQuery


Télécharger la vidéo
(Réservé aux premiums)


Après avoir appris sur Internet quoi de plus normal que de partager à son tour ? Passionné par le web depuis un peu plus de 5 ans maintenant j'aime partager mes compétences et mes découvertes avec les personnes qui ont cette même passion pour le web : Vous.

Vous aimerez aussi

Masonry

Masonry
28m

Dans ce tutoriel vidéo vous apprendrez comment utiliser le plugin...

Décompte Javascript

Décompte Javascript
17m

Dans ce tutoriel vidéo vous apprendrez à créer un système de décompte...

27 commentaires
Ajouter un commentaire

Nicow Il y a 7 mois Répondre

Très bon tutoriel merci Grapfik' (:

maxime.rv Il y a 8 mois Répondre

slt et merci pour ce site qui est vraiment simpa pour toute personne voulant s'enrichir un peu plus a chaque video. pour ma part j'ai un petit problème. je voudrai créer une animation qui touche non pas à l'aparition ou la disparition de la div, mais a l'opacité de la div . et vu qu'il faut rajouté des ligne pour l'opacité sous les ie c'est assez complexe car certain chiffre d'opacité vont de 0 a 1 et d'autrep our gérer l'alpha vont de 0 a 100 ... a tu une solution ??

lorenzo8500 Il y a 11 mois Répondre

Merci beaucoup Grafikart de prendre du temps pour nous pondre des vidéos fantastiquement réalisées. Je vais passer en Premium uniquement pour te financer et te permettre de continuer longtemps à nous donner toute cette connaissance !

Gilmich Il y a 11 mois Répondre

Bonjour,

Dans le mur de facebook il existe la possibilité d'intégrer une image ou une video dans le formulaire. Je sais que c'est du query, mais par contre je souhaiterais connaitre comment faire pour rendre la chose possible dans un formulaire de commentaires du même style que celui du mur de facebook.

Merci d'avance,
Gilbert

dvdnet69 Il y a 1 an Répondre

Pour visualisation : http://dvd.zone.free.fr/Reseau%20Assistance/index.html #

Merci

dvdnet69 Il y a 1 an Répondre

Bonjour a vous,

J'ai un petit probleme dans ma fonction .show
Voila mon code : .......hide().show(1500)
Cela marche bien mais la qualité de mon texte en apparition est médiocre.
Que faire ?

Cordialement David !

pengu Il y a 2 ans Répondre

hide & show très utile pour le blog que j'ai fait a mon amie : http://wonderlandalice.zxq.com/

eliasuke Il y a 2 ans Répondre

Merci beaucoup pour tes tutoriels, qui sont sans doute, les meilleurs en développement web !

Je découvre javascript je fais du PHP, HTML, mais je n'utilisai pas javascript. Ca m'a l'air bien pratique et on peut faire plein de choses intéressantes !

Merci à toi pour ton tuto très bien expliqué, seul bémol : ça va un peu trop vite, mais sinon c'est pas trop un soucis je mets pose à chaque fois qu'il y a une étape, et je reprend apres. Continue à en faire c'est genial ^^

dbzes Il y a 2 ans Répondre

c'est vrai, je ne le nie pas malgres sa vitesse. Etant un pure novice, j'ai pu capter les informations pour comprendre le jquery.

dbzes Il y a 2 ans Répondre

euh je suis en compte premium...

Grafikart Il y a 2 ans - Répondre

Héhé effectivement j'ai pas trop l'habitude de faire des tutoriels débutant et c'est vrai que je passe un peu rapidement (je voulais tout montrer en un minimum de temps ). J'espère que tu as pu assimiler des trucs quand même, au pire tu la met au ralentit

Je ferais plus attention la prochaine fois, merci pour le feedback.

dbzes Il y a 2 ans Répondre

Merci pour ce cours, je connaissais rien au jquery ! Le truc c'est que c'est un désagréable car tu explique un peu vite et on à l'impression que ca te fait ***** de nous l'expliquer lol. C'est un peu le sentiment que tu donne. Soit plus cool, oublie que tu nous apprend des choses, laisse nous le temps d'assimiler bonne continuation.

koudji Il y a 2 ans

@dbzes
C’est tout à fait normal que ce tutoriel soit expliqué un peu vite, en survolant les ressources de bases disponibles avec la librairie JQuery. D’abord parce que ce tutoriel est gratuit. Grafikart ne va pas donner tout son savoir, ces années d’expérience comme ça en 35 minutes. Pour en savoir plus soit tu cherche de toi-même (ce que j’ai fais et que pas mal d’autres personnes font), soit tu attends un tutoriel plus approfondi qui sera certainement, et c’est tout à fait normal, réservé aux membres Premium. Le savoir et la connaissance ne se donnent pas gratuitement.

Ce n’est pas parce que la grande majorité des gens (et surtout des adolescents) sont habitués à tout télécharger (à 99% des cas illégalement) gratuitement comme des films, des spectacles ou des chansons qu’il faut croire que tout est gratuit. Non, loin de là. Grafikart est un professionnel dans son métier, il a gentillesse de passer certaines heures de son temps à réaliser ces tutoriaux dont la grande majorité sont gratuits (ce que j’ai du mal à comprendre), mais cela s’arrête là. Si tu veux en apprendre plus, soit tu cherche de toi-même, soit tu rémunère quelqu'un pour le faire (Grafikart ou quelqu'un d’autre).

Si tu as un léger problème de compréhension de JQuery parce que tu es novice dans ce domaine (ce qui est également mon cas), tu peux toujours laisser un commentaire en bas de cette page. Quelqu'un te répondra peut-être.

Grafikart Il y a 2 ans - Répondre

Oula, ne nous emballons pas sa remarque est pertinente. Le tuto vise effectivement les novices et ceux qui découvre la librairie donc son feedback est utile pour la réalisation de prochains tutoriels "pour débuter".

simo Il y a 2 ans Répondre

merci bien pour tout l'effort que vous faite dans vos tutoriel,mais je pas pourqoi le daylimotion ne marche pas ces derniers jours j'aimerai bien que vous trouvez un solution,ex:utiliser un autre site de streaming,mrc bien

BORK Il y a 2 ans Répondre

super tuto au début les autres tuto jquery j'allais trop vite et les bases n'étais pas détailler donc à la fin rien ne marcher, mais la on explique bien en détail les base et sa marche super bien, donc je vais pouvoir visionner correctement les autres tuto jquery =)

merci =)

Arsenic Il y a 2 ans Répondre

Bonjour, je viens de découvrir Jquery et ce site par la même occassion xD

Merci pour ce tuto très bien expliquer

Fulldjeg Il y a 2 ans Répondre

Merci Grafikart, grâce à tes tutos jquery, j'en comprend mieux le principe de fonctionnement ;D

Mais j'ai une question, comment peut on faire plusieurs fonction en même temps ?
J'ai fais une fonction pour mon menu et je voudrais en faire une pour un système de galerie d'image. Le problème est comme je l'ai fait mes fonction se bloque ^^
Si quelqu'un pourrais m'aider.

Merci à vous

valentin45000 Il y a 2 ans Répondre

Bonjour, j'ai créer une fonction qui a pour but de faire clignoter l'élément quand on est dessus avec ceci :

<script>
$(document).ready(function(){
var timer;
$("img[rel='cache']").mouseenter(function ()
{
var that = $(this);
function f() {
that.fadeTo("slow", 0.33);
that.fadeTo("slow", 1);
}
timer = setInterval(f,1000);
}).mouseleave(function()
{
clearInterval(timer);
});
});
</script>

Mais il y a un problème, il applique la seconde quand on sort de l'élément, sa pas de soucis mais aussi quand on y entre se qui fait que l'ont doit attendre 1secondes avant que l'effet commence, n'y a t-il donc ps une autre commande que :
timer = setInterval(f,1000);

ladylain Il y a 2 ans - Répondre

essaye avec l'effet pulsate de jQueryUI je pense que ca peut t'aider un peu plus !

ratoman93 Il y a 2 ans Répondre

Un grand merci une fois encore!

DevAddict Il y a 2 ans Répondre

Bon je l'ai enfin regardé et je dois dire que même si je tâte déjà, tu m'as apporté pas mal d'informations la. Merci Graf'

Steven Il y a 2 ans Répondre

Super tuto.
Une question, ne faut-il pas précéder une variable quand on la crée par "var" ?

Grafikart Il y a 2 ans - Répondre

Pas forcément mais c'est effectivement mieux de mettre var lors de la déclaration d'une variable (ça évite qques bugs sur IE par exemple).

Weby Il y a 2 ans Répondre

La vache ! T'avais un train à prendre ?!... C'est super speed.
Ca reste très intéressant mais le calme et la concentration de tes précédents tutos me manquent...

(Merci pour l'info sur les commentaires)

Syl20 Il y a 2 ans Répondre

Est-ce que quelqu'un sait comment installer jquery sur wordpress ?

cerise Il y a 2 ans Répondre

Vraiment bien ce tuto
En tout cas sa va bien nous servir c'est sur..
Un grand merci

DevAddict Il y a 2 ans Répondre

Merci qui pour la vidéo ? mdr

MR-INFO Il y a 2 ans Répondre

ups...j'ai oublié "ton" sous menu...
mais tout le monde aura compris...
bon... j'm'éclipse

MR-INFO Il y a 2 ans Répondre

bonjour, comme toujours, bon tuto...
tu proposes de faire un éventuel autre tuto sur une fonction de jquery?
y en a tellement....hum...pourquoi pas sur sous-menu...qui est sympa comme tout.. :-)

je vais guetter ta réponse...

ps: le tuto sur le formulaire de contact, et celui du carrousel flash, c'est des bombes, merci mec.

LeCanardNoir Il y a 2 ans Répondre

Vraiment cool

Syl20 Il y a 2 ans Répondre

Bon tuto ! Jquery c'est vraiment pratique

Laisser un commentaire

Si vous avez une question il est conseillé d'utiliser le forum si vous voulez une réponse sûre.