Plan du Cours
Révision Javascript
Sélection simple
Ressources
Révision Javascript
Sélection simple
- Sélectionner les divers éléments d’une page
- Ajouter, modifier et supprimer les éléments d’une page
Où est mon élément
- Récupérer et modifier la position d’un élément
Les dimensions
- Récupérer et modifier les dimensions d’un élément
Afficher et cacher
- Faire apparaître et disparaître un élément
Cas concrets et animations
- Créer un système de navigation par onglet
- Créer un système de FAQ amélioré par jQuery
- Animer un élément
- Création d’une fiche produit
Les évènements
- Écouter les évènements sur la souris
- Écouter les évènements sur le clavier
- Écouter les évènements sur un formulaire
- Écouter les évènements sur le navigateur
Les sélecteurs suite
- Les sélecteurs sur formulaire
- Sélectionner les éléments d’un tableau
- Valider un formulaire avec jQuery
AJAX
- Première requête en AJAX par GET
- Requête en AJAX par GET et retour data en JSON
- Poster un formulaire en AJAX
- Upload de fichier en AJAX avec progress bar
- Système de navigation en AJAX
- Créer un système de todo list en AJAX
- Utiliser un plugin jQuery (application google maps)
jQuery UI
- Présentation de jQuery-UI
- Téléchargement et intégration de jQuery-UI
- Utilisation du widget datepicker de jQuery-UI
Ressources
- Template Structure d'un projet
- Apprendre JQuery
- JQuery
- Learning center jQuery
- Openclassroom
- W3School
- Code School
Environnement de développement
- Atom (Packages Emmet, JSHint, Atom-live-server)
- SublimeText
- VC11 Packages (Visual C++ 2012 Update 4) requis pour wampserver
- Wamp Server 2.5
- ou bien
- Wamp Server 3 ,
- MAMP (PHP, MySQL, phpmyadmin)
- Bootstrap 3.3.7