{"partition": "head_middle", "source_domain": "www.video2brain.com", "digest": "sha1:O4ZKUU6YW3KCVK4MOMRK25RGLVIDM44G", "path": "/lustre/fsn1/projects/rech/qgz/uzq54wg/processed_redpajama/base_processing/output/fr/2014-15/000_00024.parquet"}
« Non seulement vous avez les meilleurs tutoriels, mais en plus, vous écoutez vos abonnés ! Encore merci, et merci pour tout le boulot ! » — Youcef B.
Panier S'enregistrer International
Vidéos Ajoutées récemment
Abonnez-vous ! € 198/an€ 19,95/mois
€ 298/an
Offrir un abonnement
Abonnement pour l’enseignement
Multi-licences
Formations Retouche d'images & Photographie
3D & CAO
Vidéo & Audio
Formations pour grand public
IT Pro & Administration
Inspiration & Créativité
Liste des logiciels
voir les 590 formations
Liste de suggestions
Coder plus rapidement avec Emmet, Sass et Compass
Ajoutez souplesse et productivité à vos développements Découverte d'Oracle Database 12
Vue d’ensemble du moteur de base de données le plus utilisé en entreprise Formateurs Rencontrez nos formateurs
Devenez formateur
Solutions Demander un devis
Solutions académiques
Solutions pour institutions gouvernementales
7 bonnes raisons de s'abonner
À propos de video2brain
Aide Formulaire d'aide
Vos premiers pas avec video2brain.com
Aide - FAQ
Aide - Articles thématiques
Nouvelles fonctionnalités
Enregistrer votre login Connexion
Informations sur la protection des données
Identifiant enseignement Mot de passe oublié ?
AJAX et jQuery Apprenez à utiliser des données dynamiques jQuery et AJAX font vraiment bon ménage, et cette formation met le doigt sur leurs avantages ! Birnou Sébarte vous montrera comment décortiquer au mieux le fonctionnement de ces deux outils pour en faire ressortir les points forts, les faiblesses, et la manière d’en tirer parti. Les exemples se basent sur la facilité de la prise en main et du contrôle de chacune des fonctionnalités. Pour pouvoir suivre plus confortablement cette formation, il est préconisé de disposer de connaissances préalables d’AJAX. Pour cela, nous vous conseillons de lire les articles sur AJAX publiés sur Puce et Média : Introduction et base d’AJAX et XMLHttpRequest et le formatage des données. C’est fait ? Alors il ne vous reste plus qu’à plonger sans plus attendre dans l’univers fascinant d’AJAX et de jQuery !
Votre/vos formateur(s) : Birnou Sébarte Date de parution : 29 mai 2013
Durée : 2h56
Formation individuelle : € 29,80
Toutes les formations en abonnement : à partir de € 19,95
Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation !
Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo.
N'hésitez pas à nous contacter si vous avez des questions ! Compatible avec l’iPad, Android et HTML5
Formation téléchargeable
Fichiers source AJAX
Voir les vidéos gratuites
Dans le panier Téléchargement
Tweet Formations similaires
En plus
Commentaires client (0)
Merci de vous connecter à votre compte pour pouvoir créer des favoris.
Abonnement ou achat de la formation requis.
Trailer - Ajax et jQuery
Le formateur Birnou Sébarte vous présente "Ajax et jQuery".
Avec AJAX, tout commence par une requête envoyée au serveur. Un échange va suivre, et il est important de connaître les diverses possibilités pour parler HTTP. Qu'il s'agisse de méthodes courtes ou de l'instruction majeure $.ajax(), vous verrez que tout se rejoint et se complète !
Requêtes dans AJAX La formation se découpe en 5 chapitres : la mise en place de requêtes, la gestion des évènements, la manière de les optimiser, la gestion des résultats en fonction de leur nature et du contexte, et d'autres possibilités de traitement de vos pages et contenus web.
Présentation de la formation AJAX et jQuery 04:45
Dans bien des situations, vous n'avez besoin d'AJAX que pour mettre à jour un fragment de contenu dans une balise, un menu, une boîte de dialogue, un sélecteur, etc. Pour cela , jQuery vous propose un accès rapide qui s'adapte à vos besoins.
L'approche rapide $.load 08:31
get et post sont deux raccourcis complémentaires qui vont utiliser une fonction de rappel pour traiter le retour des données. Vous n'utiliserez plus de sélecteur cible, mais la classe jQuery pour invoquer la requête.
Les alternatives $.post, $.get 03:54
Il est possible d'utiliser une méthode d'écriture simplifiée pour l'instruction AJAX proposée par jQuery. Deux paramètres sont nécessaires : l'URL à atteindre, et la fonction de rappel une fois le chargement effectué.
$.ajax en mode abrégé 03:36
L'utilisation de la fonction de rappel associée à l'invocation de la requête permet d'écouter distinctement divers évènements.
Les diverses fonctions de rappel 06:47
L'avantage de l'instruction AJAX est qu'elle peut être complétée et affinée. En jouant sur un objet propriété ou valeur, vous pouvez agir à de nombreux endroits de la requête client-serveur.
Les propriétés de la requête 06:48
Comme toute opération asynchrone, l'appui sur des écouteurs va devenir rapidement incontournable. Et paradoxalement, jQuery aborde l'aspect lourd et complexe de cette gestion, afin de le rendre complètement intégré à la mécanique.
Gérer les évènements Il est possible de gérer les événements de requête à deux endroits : depuis les paramètres transmis au cas par cas lors de la mise en place de la requête, et depuis une série d'évènements AJAX qui s'appliqueront quelle que soit la manière d'invocation de la requête.
Les divers évènements d'AJAX 04:38
Les évènements globaux vous permettent d'intercepter le démarrage et la fin de la mise en place d'une requête client-serveur en amont et en aval de tout autre évènement.
ajaxStart(), ajaxStop() 03:49
Deux évènements utilisés par jQuery portent parfois à confusion : success et complete. Le premier n'est émis que lorsque la requête aboutit à un renvoi de données, alors que le second intervient, que la requête aboutisse ou non.
success vs complete 04:12
En plus des évènements propres à la transaction de la requête, il faut s'intéresser aux incidences d'interaction que cela peut avoir sur le document avant et après l'exécution de la requête.
La délégation 05:13
Dès lors que les mécaniques de base sont en place, il est souvent nécessaire d'ajuster et d'affiner certains paramètres. Qu'il s'agisse d'encoder vos fichiers d'une certaine manière ou de définir des en-têtes d'envoi ou de réception, tout a été pris en compte par la librairie et cela devient déconcertant de simplicité.
Paramétrages fins d'AJAX et de jQuery Des outils vous permettent de suivre en temps réel les échanges qui apparaissent entre client et serveur lors de l'envoi d'une requête. La plupart des consoles JavaScript incorporées au navigateur vous permettent souvent ce genre de suivi.
Suivre une requête 05:25
Lors des transactions AJAX, vous devez prendre en compte des problématiques d'encodage de fichier pour la bonne restitution des caractères accentués, mais aussi du type Mime qui va souvent de paire avec la nature même du contenu envoyé.
Encodage des fichiers 1/2 06:29
Suite et fin des problématiques d'encodage de fichier.
L'objet XMLHttpRequest vous permet de définir, ou de préciser, certaines propriétés de l'en-tête de la requête HTTP émise. Vous verrez qu'il est très simple d'intervenir sur ce paramétrage avant l'invocation de la requête.
setRequestHeader 04:45
L'objet XMLHttpRequest vous permet également de lire les en-têtes HTTP du fichier renvoyé par le serveur. Vous pouvez définir des en-têtes personnalisées afin de mieux suivre le développement et le déploiement de vos applications web.
getResponseHeader 05:19
Lors du développement, et surtout de la mise à jour de vos applications web, il est important d'analyser et de suivre la gestion des erreurs occasionnées par le serveur, les scripts ou encore l'utilisateur. Vous verrez comment assurer un tel suivi.
Gérer les erreurs 05:20
Une fonction de bas niveau vous permettra d'optimiser l'appel à vos requêtes AJAX. Vous pouvez l'utiliser de diverses manières, mais vous vous focaliserez sur deux d'entre elles afin de mieux faire ressortir les avantages d'une telle possibilité.
$.ajaxSetup() 12:13
Il existe plusieurs formats de données auxquels correspondent des utilisations différentes. Vous explorerez au cours de ce chapitre diverses possibilités qui vous permettront aussi bien de structurer et d'alimenter le contenu, que de le gérer de manière interactive et de paramétrer son affichage.
Formater les résultats Par défaut, jQuery essaie d'interpréter les datas reçus en adéquation avec le type Mime du document invoqué. On appelle cela la supposition intelligente. Vous verrez que vous pouvez également forcer cette interprétation, vous permettant ainsi d'agir sur les datas reçus en conséquence.
Plusieurs formats de données Par défaut, le texte plein est direct d'utilisation et ne nécessite pas d'adaptation. Comme JavaScript permet également de travailler sur des chaînes de caractères sans les instancier, le travail est quasi transparent.
Utilisation de texte 05:10
L'utilisation d'HTML revient également à travailler avec des chaînes de caractères. Les sélecteurs jQuery et les moteurs de rendu des navigateurs se chargeront de prendre en compte l'interprétation des diverses balises. Attention justement à la présence d'éventuelles balises <script>.
Utilisation d'HTML 02:43
Avec XML, vous passez le cap du document texte vers du document de type applicatif, même pour du text/XML. Là encore, jQuery vous apporte une grande souplesse de manipulation avec l'usage de sélecteur, comme vous le feriez pour du HTML.
Utilisation d'XML 03:07
Attention à bien vous assurer du JSON bien formé et ne pas vous contenter d'un simple objet littéral écrit rapidement. Par contre, une fois cette précision prise en compte, JSON devient vite un précieux allié de la relation jQuery / AJAX.
Utilisation de JSON 03:41
jQuery pousse la souplesse d'utilisation de script en corrélation avec AJAX, jusqu'à exécuter les informations transmises. Cela nécessite une grande confiance dans la source d'envoi des scripts, mais grâce aux fonctions immédiates, cela permet de prendre en compte directement certaines portions d'initialisation de ces scripts.
Utilisation de scripts 02:50
Travailler avec du XML revient à travailler avec n'importe quel type de document s'appuyant sur une structure HTML ou xHTML. jQuery vous permet d'accéder au même parcours de DOM que vous auriez avec un document HTML classique.
Travailler avec XML 06:25
Travailler avec JSON revient à travailler avec du pur JavaScript. En dehors de la génération du contenu JSON de base, le reste revient à une simple utilisation de jQuery.
JSON et son utilisation 08:29
De la même manière que jQuery vous propose des raccourcis comme $.get() ou $.post(), l'équivalent pour JSON est $.getJSON(). Il vous permettra de ne pas avoir à systématiquement utiliser $.ajax().
$.getJSON() 05:51
Dans la même lignée, il existe une manière courte de charger et d'utiliser des scripts en cours d'utilisation de l'application. Cela vous permettra d'une part d'adapter les besoins applicatifs au type de navigation ou de plateforme d'utilisation, et d'autre part de mieux répartir la charge de la bande passante.
Charger des scripts $.getScript() 07:26
Modifier dynamiquement le contenu des pages et des scripts qui les accompagnent sans toucher à l'aperçu et au rendu aurait été une tâche incomplète. Vous allez donc explorer une possibilité que vous offre le couple jQuery / AJAX, à savoir changer le contenu des pages CSS et le distribuer en fonction des divers supports.
Utiliser des CSS 04:56
Vous allez, au cours de ce chapitre, ouvrir quelques portes vous permettant de travailler avec les aspects orientés graphiques d'HTML5 que sont canvas et SVG, et vous aborderez également la mise en place de relations inter-domaines initialement limitées par XMLHttpRequest.
Autres usages Vous avez parfois besoin de dessiner sur les interfaces applicatives afin de restituer des graphiques et des histogrammes. Là encore, AJAX va vous permettre de générer les données et les scripts canvas directement côté serveur afin d'accélérer la tache côté client.
Charger du canvas 05:14
Dans la même veine que pour canvas et la gestion du bitmap, voyez comment il est possible de procéder avec SVG et le format vectoriel. Ici encore, jQuery absorbe la majeure partie du travail et rend ce genre d'opération très simple et rapide à mettre en place.
Charger du SVG 04:53
L'objet XMLHttpRequest, comme beaucoup d'outils de navigation, n'aime pas les échanges de données entre domaines. De ce fait, une requête AJAX demandant des informations sur un domaine différent que celui de départ est impossible. Le format JSONP permet de contourner cette limitation.
JSONP ou le cross domain 09:40
Une fois les données au format JSONP récupérées, il n'y a plus qu'à les exploiter. Vous allez ainsi utiliser celles reçues des flux Delicious et Flickr. Il suffit d'utiliser les outils de suivi firefub ou console pour explorer la structure des données.
Mettre JSONP en exploitation 07:52
Certains secteurs restent inexplorés, comme la portabilité vers des navigateurs plus anciens, ou certaines fonctionnalités avancées de jQuery et de l'objet XMLHttpRequest. Cependant, il est possible avec le présent contenu de mettre en place des mécaniques interactives et dynamiques pour améliorer l'expérience utilisateur de vos applications et sites web.
Conclusion de la formation AJAX et jQuery 00:58
Rechercher dans cette formation
Infos sur la vidéo en cours de lecture
Votre navigateur n'est malheureusement pas équipé du Flashplayer nécessaire. Cliquez sur ce lien pour l'installer gratuitement !
AJAX est une technologie incontournable dans le développement d’applications ou de sites web orientés 2.0. Parallèlement, jQuery a doté sa librairie de tous les outils nécessaires pour exploiter et affiner les possibilités de la classe XMLHttpRequest, ou de l’active X.
Au cours de cette formation, Birnou Sébarte vous détaillera chacune des phases d’une relation client-serveur basée sur AJAX. Vous commencerez par observer les divers types de requêtes, en distinguant les avantages et inconvénients de chacune, puis vous verrez les types d’évènements qui vous permettent de suivre au mieux chacune de ces requêtes. Une fois les mécaniques de base en place, vous aurez parfois besoin d’affiner, d’ajuster et d’optimiser, et c’est sur ce point que Birnou Sébarte essaiera de répondre, en décortiquant les diverses possibilités d’optimisation.
Ajax ne se limitant pas à échanger des données textuelles de contenus, vous reviendrez sur chaque type d’échanges abordés précédemment, cette fois-ci illustrés par un exemple adapté afin de mieux en saisir les nuances.
Enfin, vous terminerez par une exploration, non exhaustive, de divers autres types d’exploitations et d’échanges que vous propose AJAX, notamment en ce qui concerne les échanges inter-domaines. Alors, n’attendez plus et plongez dans l’univers passionnant d’AJAX et de jQuery !
Vue d'ensemble de la formation :
Requêtes dans AJAX
Gérer les évènements
Paramétrages fins d'AJAX et de jQuery
Formater les résultats
Autres usages
Conditions requises
Connexion Internet DSL
Navigateur actuel avec le plug-in Flash
Résolution d’écran minimum : 1024x768
Carte son, haut-parleurs ou casque d’écoute
Pentium4 à partir de 2,6 GHz ou bien G4 à partir de 1 GHz
Compatible avec l’iPad, Android et HTML5
Consultez cette formation vidéo via nos applications mobiles pour iPad et Android !
Les vidéos de cette formation peuvent être lancées en ligne avec HTML5 au lieu de Flash avec les navigateurs compatibles (exemple : sur l’iPad et l’iPhone 4).
Vous pouvez également télécharger les vidéos de cette formation pour une consultation sur votre Smartphone ou votre tablette, si vous ne souhaitez pas utiliser nos applications mobiles.
La formation téléchargeable vous permet de visualiser votre formation sur Mac ou PC sans connection à Internet pour un confort d'utilisation optimal. Une fois téléchargée et décompressée, vous avez la possibilité de la graver si vous le souhaitez. La formation téléchargeable est disponible pour les abonnés au "Tutorium de luxe" ainsi que les utilisateurs ayant acheté la formation.
Fichiers source Les fichiers source pour reproduire les exemples de cette formation sont disponibles en téléchargement individuel ou à l'intérieur de la formation téléchargeable. Vous pouvez ainsi refaire tous les exercices étape par étape et optimiser votre apprentissage ! Les fichiers source sont disponibles pour les abonnés au "Tutorium de luxe" ainsi que les utilisateurs ayant acheté la formation.
Mode : Apprendre et faire !
Vous avez le choix ! Soit vous apprenez en regardant la formation en mode plein écran, soit vous passez en mode Apprendre et faire ! par un simple clic. Ainsi, vous pouvez vous exercer sur votre ordinateur et regarder la formation en même temps.
Les signets
Pendant que vous regardez une formation vidéo, vous pouvez placer à tout moment vos propres signets, qui seront ensuite matérialisés par une barre orange sur la barre temps de votre formation. Le signet peut être un simple mot mais également une courte note. Une liste récapitulative vous permet de retrouver facilement vos signets lors des visionnages suivants.
Aucun commentaire n´est disponible actuellement
Les clients ayant acheté cette formation ont également acheté
Formation Adobe Creative Suite 6
© Copyright 2014 video2brain. Tous droits réservés.video2brain et le logo de video2brain sont des marques déposées de video2brain
Actuellement en ligne :
24.254 vidéos en ligne
2.183 heures de formation
Merci de vous connecter à votre compte pour pouvoir créer des favoris. Bienvenue chez video2brain !
En raison de votre localisation géographique vous avez été dirigé sur "video2brain Français".
Souhaitez-vous être toujours automatiquement dirigé vers cette page ?
Utiliser video2brain Français
Other sites. Otros sitios. Andere Seiten.
video2brain Deutsch English language video2brain courses on lynda.com video2brain Español JavaScript n'est pas activé ! Veuillez activer JavaScript dans les paramètres de votre navigateur.