-
Vous allez dcouvrir une nouvelle srie de vidos ddies la cration
de jeux avecJavaScript, HTML 5 et l'API Canvas. Mais avant d'entrer
de le vif du sujet vous allez voir aveccette premire vido comment
grer vos fichiers JavaScript pendant la phase dedveloppement.
jQLeadBrite("#leadplayer_video_element_548F44FB443DA").leadplayer(false,
"eyJnYSI6dHJ1ZSwib3ZlcmxheSI6ZmFsc2UsInBvd2VyZWRfYnkiOmZhbHNlLCJwb3dlcmVkX2J5X2xpbmsiOiJodHRwOlwvXC93d3cucHJvZ3JhbW1hdGlvbi1mYWNpbGUuY29tXC8iLCJjb2xvcjEiOiIjRjVCQjBDIiwiY29sb3IyIjoiIzE3OThDRCIsImNvbG9yMyI6IiNGNUJCMEMiLCJ0eHRfc3VibWl0IjoiUkVDRVZPSVIgISIsInR4dF9wbGF5IjoiTGVjdHVyZSIsInR4dF9lbWwiOiJSZW5zZWlnbmV6IHZvdHJlIEVtYWlsLi4uIiwidHh0X25hbWUiOiJSZW5zZWlnbmV6IHZvdHJlIFByXHUwMGU5bm9tLi4uIiwidHh0X2ludmFsaWRfZW1sIjoiU1ZQLCByZW5zZWlnbmV6IHZvdHJlIEVtYWlsLi4uIiwidHh0X2ludmFsaWRfbmFtZSI6IlNWUCwgcmVuc2VpZ25leiB2b3RyZSBQclx1MDBlOW5vbS4uLiIsImxwX3NvdXJjZSI6IldQIFBsdWdpbiAxLjQuMi4xIFVubGltaXRlZCIsImlkIjoiNTQ4RjQ0RkI0NDNEQSIsIndpZHRoIjo5NDAsImhlaWdodCI6NTI5LCJ0aHVtYm5haWwiOiIiLCJ0aXRsZSI6IkNvbW1lbnQgXHUwMGU5dml0ZXIgbGVzIHByb2JsXHUwMGU4bWVzIGRlIGNhY2hlIGRlcyBmaWNoaWVycyBKYXZhU2NyaXB0IHBlbmRhbnQgdm90cmUgZFx1MDBlOXZlbG9wcGVtZW50IiwiZGVzY3JpcHRpb24iOiJDb21tZW50IFx1MDBlOXZpdGVyIGxlcyBwcm9ibFx1MDBlOG1lcyBkZSBjYWNoZSBkZXMgZmljaGllcnMgSmF2YVNjcmlwdCBwZW5kYW50IHZvdHJlIGRcdTAwZTl2ZWxvcHBlbWVudCIsImF1dG9wbGF5IjpmYWxzZSwic2hvd190aW1lbGluZSI6dHJ1ZSwiZW5hYmxlX2hkIjp0cnVlLCJvcHQiOmZhbHNlLCJjdGEiOnsidGltZSI6ImVuZCIsImJ0ZXh0IjoiQ2xpcXVleiBpY2kgcG91ciBwcm9maXRlciBcdTAwZTAgdm90cmUgYXZhbnRhZ2UgZGVzIG5vdXZlYXV0XHUwMGU5cyBIVE1MNSBldCBDU1MzICEiLCJ1cmwiOiJodHRwOlwvXC93d3cucHJvZ3JhbW1hdGlvbi1mYWNpbGUuY29tXC9qYXZhc2NyaXB0LWh0bWw1LXByb2Zlc3Npb25uZWxzLWZvcm1hdGlvblwvIiwiYXV0b19mb2xsb3ciOmZhbHNlLCJuZXdfd2luZG93IjpmYWxzZX0sInltIjoiMnpWSVJYaEN0SG8ifQ==");
Afficher le texte de la vido
Comment viter les problmes de cache des fichiers JavaScript
pendant votredveloppement Bonjour tous et bienvenu sur Dveloppement
Facile. Ensemble on vaattaquer une nouvelle srie de cours,
c'est--dire des cours ddis la cration de jeux avecJavaScript, avec
HTML 5 en utilisant lAPI Canvas de JavaScript mais avant vous
allezdcouvrir ce premier cours la gestion de vos fichiers
JavaScript pendant la phase dedveloppement, alors jy viens dans un
instant je m'explique.La gestion du cache Il s'agit de lagestion du
cache, il faut savoir que le cache cest une des premires erreurs
qui prendre desheures et des heures avant vous en rendre compte,
vous avez une application, vous modifiezun fichier JavaScript ou un
fichier CSS ou une image ou HTML, vous envoyez tout a sur votresite
Internet pour mettre jour votre application et lorsque vous chargez
votre application, votresite Internet vous obtenez toujours
l'ancien comportement et vous ne comprenez pas, vous remodifiez les
fichiers, vous les remettez en ligne, et vous avez toujours le mme
comportement
1 / 3
-
c'est comme si votre modification nexistait pas, c'est le cas
votre modification n'est pas priseen compte car votre application
utilise toujours les anciens fichiers et a cest un problme decache
qui va vous arriver, il mest encore arriv rcemment ce problme de
cache, donc ducoup j'ai cr une fonctionnalit, une technique pour
forcer le navigateur viter la mise encache. La mise en cache peut
venir du cache de votre navigateur c'est--dire il met des
fichiersJavaScript, CSS, les images dans son cache et donc il ne
rinterroge pas le serveur, le cachede votre hbergeur du site
Internet, votre hbergeur pour acclrer l'affichage de votre site,
letemps de rponse mais les fichiers en cache, et donc du coup il
prend pas en compte lesnouvelles versions immdiatement, ou alors le
cache peut provenir d'utilisation d'un serveurCDN, de plus en plus
de monde sur les sites fort trafic mettent des serveur CDN, quils
soientgrs par Amazon, soit par Mac CDN ou autre, et bien videmment
le serveur CDN ninterrogepar en permanence votre compte FTP pour
mettre jour ses fichiers, du coup l aussi il y a unproblme de
cache, donc il y a d'autres raisons galement et le plus efficace,
pour viter ceproblme de cache cest de faire croire votre
navigateur, au CDN, votre hbergeur que lefichier est entirement
nouveau, alors que cest le mme fichier mais vous faites croire
quecest un nouveau fichier donc vous forcez le CDN, le navigateur,
toutes ces chanes ou il y a ducache recharger les fichiers de vos
applications, et l vous naurez plus de problme decache, vos
modifications seront bien prises en compte, chaque fois que vous
affichez votreapplication vous aurez les dernires versions de vos
fichiers donc les nouvelles modifications etmises jour que vous
avez effectues, je vous met en garde, a c'est vraiment effectuer
dansune phase de dveloppement d'une application ou de debugage
parce que le cache cest trsintressant pour accler justement
l'affichage de votre application, sont temps de rponse, avous le
metteez en place uniquement pendant la phase de dveloppement ou
alors dans descas spcifiques comme le chargement de fichiers XML,
vous voulez vraiment avoir une nouvelleversion chaque fois mise
jour, mais sinon pensez utiliser les fonctionnalits de cache devos
applications, de vos sites Web, de votre hbergeur du CDN.Forcer le
chargement desfichiers .js En phase de dveloppement vous pouvez
utiliser a, cest une technique trspratique pour grer le cache des
fichiers JavaScript, vous pouvez grer de la mme faon lecache des
fichiers CSS, des images en utilisant toujours la mme technique,
pareil pour lecache des fichiers XML je vous montre tout a travers
un exemple de code source. Voicil'exemple pour grer le cache donc
comme je vous l'ai dit, il faut faire croire votre navigateurquil
doit recharger un nouveau fichier, donc tous ces fichiers seront
dans le cache ils nesauront pas rechargs une seule fois, par compte
celui-l il va tre recharg chaque fois il nesera jamais dans le
cache, pourquoi ? Vous crivez la ligne mais par contre pour ajouter
unparamtre dveloppement avec un nombre alatoire, ce qui va tout
simplement forcer lechargement du fichier parce que le navigateur
va penser que cest un nouveau fichier chaquefois vu qu'il y a un
nombre alatoire, donc vous voyez, cest facile, scripts avec le SRC
et vousrajoutez cette ligne-l, donc vous pouvez utiliser cette
mthode bien videmment, pour link,donc c'est exactement le mme
principe de fonctionnement, il suffit, je vous montre
rapidementcomment a marche, donc vous mettez a en place, ici
copier-coller, et voil, votre nom il y ajuste ici, ou il faut
changer a, supprimer a, et voil votre fichier CSS ne sera pas mis
en cacheparce que lui aussi il sera charg chaque fois par le
navigateur donc script, vous rajoutez unevariable avec un nombre
alatoire /script, c'est exactement la mme ligne qui est au final
crite,pareil l vous avez link, les mmes paramtres, le fichier CSS a
charger avec la variablealatoire qui va forcer le chargement, plus,
la fin l'criture de votre fichier. Tout simplementc'est aussi
simple que a, et donc la a va vous permettre d'viter d'avoir des
problmes de
2 / 3
-
cache avec que ce soit les fichiers CSS, les fichiers
JavaScript, vous pouvez utiliser a pourdes images, l il ny a pas
dimages mais si vous avez des images pareil vous pouvez forcer
lechargement de vos images donc c'est une technique toute simple
mais qui va simplifier la viependant votre phase de
dveloppement.Votre plan dactions ! Maintenant voici votre
pland'action, pendant le dveloppement de votre application pensez
forcer le tlchargement devos fichiers que ce soit les fichiers
JavaScript, CSS, HTML, les fichiers XML, vos images utilisezla
technique que je vous ai donne pour forcer le chargement de ces
fichiers et dsactiver lecache de ces fichiers CDN de votre
hbergeur, de votre navigateur donc vous pouveztlcharger l'exemple
de code source sous ce cours vido directement si vous avez
desproblmes de cache, des questions utilisez la zone commentaires
pour poser vos questionslquipe dveloppement facile vous rpondra
avec grand plaisir, maintenant je vous invite regarder la deuxime
vido, avec le dveloppement JavaScript, la cration de jeu vido
aveclAPI Canvas, avec en combinant JavaScript, HTML 5, je vous
explique vraiment tout a dansla deuxime vido, cliquez simplement
sur le lien, sur l'image le lien lancez la deuxime vidoet dans la
deuxime vido vous allez apprendre crer des stratgies trs avances
endveloppement JavaScript avec lAPI Canvas, avec HTML 5, avec CSS
3, combinez tout apour crer des applications performantes, trs
fluides, trs rapides, que ce soit des jeux, bienvidemment vous
allez apprendre crer des jeux avec JavaScript, HTML 5, des
applicationsde gestion des sites Internet, donc travailler en
quipe, crer deux trois fois plusrapidement grce la mthode
dveloppement facile, donc je vous donne tous le dtail de lamthode
dveloppement facile des stratgies avances de dveloppement dans la
deuximevido, vous cliquez simplement sur la bannire, sur le lien
juste au-dessus de moi lancer ladeuxime vido je vous retrouve ds
maintenant dans la deuxime vido tout de suite.
Avez vous dj rencontrer ces problmes dans votredveloppement
?
Utilisez la zone commentaire pour venir expliquer les problmes
que vous avez dj rencontrerdans votre dveloppement.Comment viter
les problmes de cache des fichiers JavaScriptpendant votre
dveloppement
Powered by TCPDF (www.tcpdf.org)
3 / 3
http://www.programmation-facile.com/comment-eviter-problemes-cache-fichiers-javascript-pendant-votre-developpement/http://www.programmation-facile.com/comment-eviter-problemes-cache-fichiers-javascript-pendant-votre-developpement/http://www.tcpdf.org
