Initiation JavaScript / jQuery

Jour 1

Bases de JavaScript

• Présentation.
• Utilisation de la console du navigateur.
• Votre premier script.
• Les variables.
• Créer ses propres fonctions.
• Les conditions.
• Les boucles.

Exercices JavaScript

Installation de JQuery

Les principaux sélecteurs

• Sélectionner un élément, une classe, un ID…
• Sélection et manipulation.

Modifier le contenu d’un élément

• Ajouter, modifier et supprimer le CSS.
• Manipuler les attributs HTML.

Jour 2

Modifier le contenu d’un élément (suite)

• Ajouter et supprimer des classes.
• Les méthode .text() et .html().
• Travailler avec des formulaires.

Les événements

• L’événement « $(document).ready ».
• L’événement « click ».
• L’événement « mouseenter » et « mouseleave ».
• Les événements du clavier.

Les animations

• La méthode « .animate() ».
• Utiliser le callback pour créer un enchaînement d’animations.

Exercices

• Réaliser une navigation par onglet.
• Animer un élément.

Aller plus loin avec JQuery

• Réaliser un appel à un script PHP en AJAX et afficher le contenu dans la page HTML.
• Les triggers ou déclencheurs d’événements.
• Utiliser des plugins JQuery pour animer vos pages.