Je vous propose dans ce bundle de près de 7h en vidéo, de partir à la découverte de technologie Ajax au travers de la librairie jQuery.
Je précise qu'Ajax n'est pas un langage de programmation, mais une technique de développement dont le but est de mettre à jour une partie d'une page web sans devoir recharger cette page au sein du navigateur.
Au programme de ce cours en ligne sur Ajax
Afin d'illustrer notre apprentissage, nous ferons un maximum d'exercices que vous pourrez librement réutiliser dans vos sites Internet. Cela donnera une nouvelle dimension à vos pages web !
Un QCM vous sera proposé en fin de formation et vous permettra de valider les connaissances théoriques acquises pendant la formation.
Afin de suivre ce BUNDLE dans de bonnes conditions, il est préférable de connaitre les langages informatiques suivants :
Tous les fichiers de travail sont fournis !
Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions sur ce cours.
Tuto composant ce bundle :
Comment fonctionne AJAX sous jQuery - Niveau I : Découverte (voir la fiche produit)
Présentation d'Ajax
- Présentation gratuit00:03:46
- Démonstration gratuit00:01:07
Charger un fichier dans le document actuel
- Théorie 00:02:46
- Application. Présentation 00:01:41
- Ecriture du HTML 00:06:18
- Ecriture du CSS 1/2 00:08:14
- Ecriture du CSS 2/2 00:06:34
- Déclaration des fichiers de stockage 00:05:32
- Ecriture du jQuery 00:05:40
- Fonctionnement de la technologie AJAX 00:02:20
- Modification du contenu de la 2ème section 00:04:08
- Modification du contenu de la 3ème section 00:03:16
Charger une partie d'un fichier dans le document actuel
- Vérification du DOM 00:03:31
- Création d'un document HTML unique 00:03:11
- Mise en place de la technologie AJAX 00:02:58
Charger une information via un paramètre
- Théorie 00:01:29
- Ecriture du fichier de stockage 00:03:45
- Ecriture du fichier HTML 00:05:06
- Ecriture du fichier CSS 00:05:37
- Ecriture du fichier jQuery 00:04:37
- Fonctionnement du script 00:05:03
- Pour aller plus loin 1/2 00:02:07
- Pour aller plus loin 2/2 00:04:29
- Mise en place d'une image de loading 00:02:53
Conclusion
- Conclusion 00:01:30
Comment fonctionne AJAX sous jQuery - Niveau II : SQL SELECT (voir la fiche produit)
Présentation du job
- Présentation gratuit00:03:31
HTML5 & CSS3
- Ecriture du HTML gratuit00:04:05
- Ecriture du CSS gratuit00:10:30
PHP & SQL
- Création de la BDD 00:01:47
- Instanciation de la classe PDO 00:04:39
- Ecriture de la requête SQL SELECT 00:08:43
- Affichage des commentaires 00:02:30
- Le fichier de stockage 00:05:46
AJAX
- Ecriture du jQuery 00:03:33
- Compter les affichages 00:07:59
- Cacher le bouton lorsque tous les commentaires sont affichés 00:04:04
- Envoyer une variable à notre fichier JS 00:06:56
- Affichage d'une image de loading 00:04:52
Pour aller encore plus loin
- Présentation 00:01:16
- Création de la table article 00:02:24
- Mise en place d'une nouvelle requête SQL 00:03:58
- Ajout de nouveaux articles 00:07:38
- Rechargement de la page courante 00:03:31
- Lier les commentaires au bon article 00:05:24
- Réglages du programme 00:04:55
- Passage de l'identifiant de l'article 00:07:15
- Paramètre par défaut 00:05:46
Conclusion
- Ce que contiennent les codes sources de ce tuto 00:01:55
- Conclusion 00:01:22
Comment fonctionne AJAX sous jQuery - Niveau III : GET et POST (voir la fiche produit)
Présentation
- Présentation gratuit00:03:45
La méthode GET
- Théorie 00:03:22
- Utilisation simple 00:08:05
- La paramètre status 00:02:56
- Paramètre dans l'URL envoyée 00:05:04
- On dynamise le paramètre envoyée 00:04:54
- Connexion à une base de données 00:03:15
- On boucle sur la table article 00:05:13
- On affiche les commentaires liés à l'article 00:06:37
- On règle les petits détails 00:04:56
La méthode POST
- Théorie 00:02:46
- Exercice de suggestion de mots 00:01:49
- Mise en place du jQuery 00:04:58
- Mise en place du Php 00:09:36
- Petits réglages 00:05:03
Conclusion
- Ce que contiennent les codes sources de ce tuto 00:02:01
- Quelle méthode doit-on utiliser ? 00:01:30
- Conclusion 00:00:54
Comment fonctionne AJAX sous jQuery - Niveau IV : Méthode et Projet pratique (voir la fiche produit)
Théorie
- Présentation 1/2 00:05:56
- Présentation 2/2 00:05:23
- Envoi des datas 00:06:13
- Plus d'options 00:03:25
- Conclusion 00:01:41
Pratique
- Mise en place de la BDD 00:04:38
- Mise en place du HTML 00:07:14
- Mise en place d'une ternaire 00:05:06
- Mise en place du CSS 1/2 00:09:09
- Mise en place du CSS 2/2 00:09:12
- Instanciation de PDO 00:04:22
- Requête d'insertion 00:12:11
- Mise en place d'Ajax 00:09:35
- Requête d'affichage 00:08:04
- Mise en place d'Ajax 00:06:07
- Amélioration 00:05:49
- Test du Chat 00:01:51
Conclusion
- Conclusion 00:01:25
- Pour aller plus loin 00:00:50
- Ce que contient le dossier zip 00:01:49
Formateur : Carl Brison
-
Super bien fait, Merci Carl.
-
Très intéressant et bien expliqué
-
Je prends le train jQuery en marche, et pour l'instant ça roule. #2: ça roule toujours. Très joli. Pour les rafraichissements (ajax et parfois css), vider le cache du navigateur (Vivaldi ou Chrome) fait l'affaire. #3: efficace... #4: extra, ce petit chat, ça ronronne.
-
Avec quelles versions de logiciels ce tuto est-il compatible ?Ajax , jQuery , JavaScript
note moyenne
avis laissés