jQuery, Ajax et jQuery UI jQuery, Ajax et jQuery UI

234 Pages·2015·51.91 MB·French

:
Présentation de la formation
jjQQuueerryy,, AAjjaaxx eett jjQQuueerryy UUII
Fabien LE CORRE
Site : http://www.alphorm.com
Développeur, Formateur et
Blog : http://www.alphorm.com/blog
Consultant indépendant
Forum : http://www.alphorm.com/forum
alphorm.com™©
Formation jQuery, Ajax et jQuery UI
Plan
. Présentation du formateur
. Publics concernés
. Connaissances requises
. Qu’est ce que jQuery
. Avantages à utiliser jQuery
. Logiciels nécessaires
. Résumé de la formation
alphorm.com™©
Formation jQuery, Ajax et jQuery UI
Présentation du formateur
• Fabien LE CORRE
• Développeur et formateur PHP MySQL jQuery
• Email : [email protected]
alphorm.com™©
Formation jQuery, Ajax et jQuery UI
Publics concernés
• Tous les développeurs et apprentis développeurs qui souhaitent
améliorer le confort et l’expérience des utilisateurs de leurs site web.
alphorm.com™©
Formation jQuery, Ajax et jQuery UI
Connaissances requises
• Vous devez impérativement connaître les langage
HTML et CSS pour pouvoir suivre cette formation.
• Avoir des bases en Javascript est un plus.
• Vous devez également connaître le PHP et MySQL qui
seront utilisés dans la partie AJAX de la formation.
•• CCoonnnnaaîîttrree llaa ddiifffféérreennccee eennttrree llee cclliieenntt ((llee nnaavviiggaatteeuurr)) eett
le serveur (apache, nginx).
alphorm.com™©
Formation jQuery, Ajax et jQuery UI
Qu’est ce que jQuery?
• jQuery est une bibliothèque JavaScript créée en 2006 par John Resing, c’est un
simple fichier JavaScript que l’on va inclure dans nos document HTML ou PHP
comme n’importe quel fichier JavaScript.
• jQuery va nous permettre de parcourir nos documents, de sélectionner les
éléments, de les manipuler, de modifier leur apparence, d’écouter les actions de
l’utilisateur comme par exemple le click de la souris, de créer des effets visuels
eett ddeess aanniimmaattiioonnss ssuurr llaa ppaaggee,, eett ddee ffaaiirree ddee ll’’AAJJAAXX qquuee ll’’oonn ddééccoouuvvrriirraa ddaannss
cette formation, ce qui nous permettra de faire de l’échange de données entre
client et serveur et vice versa, sans avoir à recharger la page.
alphorm.com™©
Formation jQuery, Ajax et jQuery UI
Avantages à utiliser jQuery
• Utiliser une bibliothèque telle que jQuery, va vous permettre de créer vos
applications beaucoup plus rapidement et simplement que si vous la codiez en
pur JavaScript. jQuery va vous permettre d’arriver au même résultat en écrivant
beaucoup moins de code, avec une syntaxe beaucoup plus simple et agréable
que celle du pur JavaScript.
• L’autre avantage est que vous n’aurez plus à vous soucier de la compatibilité
eennttrree lleess ddiifffféérreennttss nnaavviiggaatteeuurrss,, jjQQuueerryy ss’’eenn ooccccuuppee àà vvoottrree ppllaaccee eett vvoouuss éévviitteerraa
☺
donc d’éventuelles heures perdues à déboguer votre application
• De plus la communauté est immense et très active et vous n’aurez aucun mal à
trouver de l’aide en cas de besoin.
alphorm.com™©
Formation jQuery, Ajax et jQuery UI
Logiciels nécessaires
• Un éditeur de texte comme par exemple sublimetext :
http://www.sublimetext.com/
• PHP, MySQL, phpmyadmin pour administrer notre base de données,
ainsi qu’un serveur Apache ou Nginx, à défaut une installation MAMP
ou WAMP selon votre environnement de développement
hhttttpp::////wwwwww..mmaammpp..iinnffoo//ddee//
alphorm.com™©
Formation jQuery, Ajax et jQuery UI
Ressources recommandées
• Sites/Blogs
(cid:2) Learning center jQuery http://learn.jquery.com/
(cid:2) Openclassroom (Site du zéro) http://openclassrooms.com/courses/jquery-
ecrivez-moins-pour-faire-plus
• Livres
(cid:2) Javascript : The good parts : http://www.amazon.fr/Javascript-Good-Parts-D-
Crockford/dp/0596517742 (Une référence)
alphorm.com™©
Formation jQuery, Ajax et jQuery UI
Résumé de la formation
1. Sélectionner les divers éléments d’une page
2. Ajouter, modifier et supprimer les éléments d’une page
3. Récupérer et modifier la position d’un élément
4. Récupérer et modifier les dimensions d’un élément
5. Faire apparaître et disparaître un élément
6. Créer un système de navigation par onglet
7. Créer un système de FAQ amélioré par jQuery
8. Animer un élément
alphorm.com™©
Formation jQuery, Ajax et jQuery UI