10 Exercices pratiques pour vous améliorer en jQuery
ERROR
00:00
00:00

TUTO 10 Exercices pratiques pour vous améliorer en jQuery

Adrien Gazaix
Promo -31%
20,00€29,00€

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Dans ce bundle vidéo jquery, nous allons faire ensemble 10 exercices pratiques pour apprendre à utiliser cette librairie javascript dans vos sites web.

Les points essentiels que nous allons voir :

  • Lier jquery à une page html pour pouvoir l’utiliser
  • Montrer / cacher des éléments
  • Faire des animations
  • Charger du contenu externe
  • Récupérer et utiliser des informations dans le html
  • Effectuer des actions en fonction de l’emplacement du scroll
  • Ajouter un élément au DOM grâce à jQuery
  • Créer une action au click sur un bouton
  • Enregistrer une valeur dans un cookie
  • Et plein d’autres choses !

C’est une formation pour les débutants, mais si vous avez déjà quelques connaissances, cela peut vous permettre de vous améliorer et de consolider vos compétences. Je vous invite à regarder l’extrait vidéo pour vous rendre compte du résultat final des tuto présents dans ce pack.

Vous trouverez avec ce pack les sources de chaque tuto mises à jour avec la dernière version de jQuery pour que vous puissiez les utiliser facilement et rapidement.

Et bien entendu je suis disponible dans le salon d’entraide pour toutes les questions que vous pourriez vous poser après ou pendant le visionnage des vidéos.

 

Cours dans ce bundle

Changer le contenu d'une div avec un select Cours 1

Changer le contenu d'une div avec un select

Créer une navigation à l'aide de la méthode load() Cours 2

Créer une navigation à l'aide de la méthode load()

Créer un système d'onglets en restant accessible sans JS Cours 3

Créer un système d'onglets en restant accessible sans JS

Créer une lightbox simplement Cours 4

Créer une lightbox simplement

Créer un filtre pour trier des projets dans votre portfolio Cours 5

Créer un filtre pour trier des projets dans votre portfolio

Créer une InfoBox scrollable Cours 6

Créer une InfoBox scrollable

Créer un menu accordéon et personnaliser un curseur Cours 7

Créer un menu accordéon et personnaliser un curseur

Mettre un background vidéo en full page Cours 8

Mettre un background vidéo en full page

Switchez entre vos styles et sauvegardez dans un cookie Cours 9

Switchez entre vos styles et sauvegardez dans un cookie

Créer un Sticky menu qui reste visible à tout instant Cours 10

Créer un Sticky menu qui reste visible à tout instant

Plan détaillé des cours

 
Leçon 1Changer le contenu d'une div avec un select
14m46s
 
Leçon 1Créer une navigation à l'aide de la méthode load()
30m34s
 
Leçon 1Créer un système d'onglets en restant accessible sans JS
28m46s
 
Leçon 1Créer une lightbox simplement
40m28s
 
Leçon 1Créer un filtre pour trier des projets dans votre portfolio
35m43s
 
Leçon 1Créer une InfoBox scrollable
37m05s
 
Leçon 1Créer un menu accordéon et personnaliser un curseur
39m19s
 
Leçon 1Mettre un background vidéo en full page
19m42s
 
Leçon 1Switchez entre vos styles et sauvegardez dans un cookie
31m49s
 
Leçon 1Créer un sticky menu
47m39s

Aperçus

Avis des apprenants

Détail des avis
102
Apprenants
4
Commentaires
4,5/5
Note moyenne
5/5
2
4/5
2
3/5
0
2/5
0
1/5
0
Jean Berdier
Jean Berdier
Publié le 03/01/2024
Amusant et sympa dans la simplicité
Redouane Guechoud
Redouane Guechoud
Publié le 23/01/2021
Je mets 4* à cause de l'utilisation de notepad++ qui rend le tuto laborieux à suivre, tout comme le manque d'indentation et de clarté du code (mise en forme). Trop de code à rallonge, et parfois vieillot. Tout cela mériterait un bon coup de rafraîchissement car quasiment inutilisable tel quel, jQuery ayant évolué. Le reste est clair, le formateur est clair dans ses explications, et on obtient ce qu'on veut. Encore une fois, le problème est lorsqu'on veut utiliser le code pour des projets en 2021, où là il va falloir aller piocher dans la bibliothèque jQuery et bosser son code, sinon ça passe pas vis-à-vis des profs/camarades/collègues...
Pascal Aulagner
Pascal Aulagner
Publié le 10/12/2018
Merci infinement pour des tutos. Clairs precis et tres agreables a suivre. Au top.

Vos questions sur le cours

Avec quelles versions de logiciels ce tuto est-il compatible ?

CSS 2, CSS 3, jQuery

Quel est le niveau requis pour suivre ce tuto ?

débutant

Attendez ! 🤗

Accédez à plus de 1351 tutos gratuits

Notre politique de protection des données