Votre guide dans les plaines du far-web

Formation développeur web


« Donne un poisson à un homme, tu le nourris pour un jour. Apprends-lui à pêcher, tu le nourris pour toujours. » Lao Tseu

Généralités

Mis à jour le

Compétences nécessaires :

  • connaître un minimum le langage Javascript
  • être à l'aise avec le HTML et le CSS
  • connaître les problématiques récurrentes de la programmation web front-end (manipulation du DOM, appels AJAX, événements, etc...)
  • connaître un minimum la POO


Ressources :

~~ Fin de l'extrait ~~

Présentation

Mis à jour le

(image visible sur la plateforme de formation)

JQuery a été créé en 2006 afin de facilitier la travail des développeurs web. En effet, de nombreuses tâches pouvaient être répétitives et fastidieuses à cette époque, car Javascript n'était pas aussi complet qu'aujourd'hui. Mais dans les années 2000, et face…

~~ Fin de l'extrait ~~

Installation

Mis à jour le

Afin d'utiliser JQuery dans votre site web, il vous faudra l'avoir à disposition dans vos pages HTML. Plusieurs techniques sont possibles


Le plus simple : utiliser un CDN

Vous pouvez utiliser différents CDN, et appeler différentes versions de JQuery. Le plus simple reste d'aller sur le site officiel de JQuery, dans l'onglet…

~~ Fin de l'extrait ~~

Sélectionner des élements

Mis à jour le

(image visible sur la plateforme de formation)

Avant de pouvoir modifier les propriétés des éléments du DOM, il faut pouvoir "cibler" les élements que l'on souhaite modifier. JQuery est très pratique pour ça, car il utilise la même logique que les règles de sélections de CSS. 

~~ Fin de l'extrait ~~

Manipuler le DOM

Mis à jour le

Méthodes de base

Une fois que l'on a bien ciblé les éléments qui nous intéressent, on va pouvoir y appliquer les fonctionnalités de JQuery. JQuery étant un "objet", au sens programmation informatique du terme, nous utiliserons la syntaxe et le vocabulaire de la POO afin d'utiliser correctement les possibilités qu’offre JQuery.…

~~ Fin de l'extrait ~~

Événements

Mis à jour le

Un des grands rôles de Javascript dans une page web, c'est de réagir à des événements, souvent initier par l'utilisateur, et de produire un résultat particulier (afficher un message, effectuer une action, faire disparaître quelque chose, etc...). Si par exemple l'utilisateur clic sur un bouton, on souhaite qu'il se passe…

~~ Fin de l'extrait ~~

Effets & animations

Mis à jour le

(image visible sur la plateforme de formation)Une des fonctionnalités intéressante du "noyau" de JQuery, c'est qu'il embarque quelques méthodes qui permettent de faire des animations simples dans le DOM. Les animations et effets visuels sont relativement complexes à coder "à la main", donc JQuery peut être très utile pour…

~~ Fin de l'extrait ~~

Plugins

Mis à jour le

JQuery est une librairie qui peux s'utiliser seule, mais on y branche souvent des plugins qui vont permettre de faire quelque chose en particulier (exemple : un carousel). Vous en trouverez de très nombreux sur Internet, la plupart du temps gratuit. Comme nous l'avons vu avec Bootstrap, nombreux de ses…

~~ Fin de l'extrait ~~

Ajax & JSON

Mis à jour le

Jquery peux aussi être utilisé pour faire des appels Ajax de manière plus propre et pluis rapide qu'en utilisant le vanilla JS avec l'objet XHR.

Dérivés

Mis à jour le

Parler vite fait de JQuery mobile et JQuery UI. Mais tout ça à l'air d’être fini...



Plugin JS sans Jquery

Mis à jour le

http://youmightnotneedjqueryplugins.com/


https://www.jssor.com/



https://glidejs.com/docs/setup/