Version imprimable
Bonjour à toutes et tous,
Retrouvez une série de cours en vidéos pour profiter du potentiel de la technologie AJAX.
Vous avez accès à des exemples de code JavaScript commentés pour vous aider.
Cliquez ici pour apprendre à utiliser AJAX pour vos sites web 2.0
Ensuite, revenez partagez vos codes source, posez vos questions ici.
2005 called. They want their tutorial back... :mouarf:
Sérieusement, c'est toujours bien de revoir les fondamentaux. C'est bien joli de faire de l'AngularJS, mais savoir comment ça marche sous le capot, ça paie tôt ou tard.
loooool,Citation:
Envoyé par Traroth2
Je venais pour faire le même genre de commentaire !
C'est vrai qu'il est bien fait et .... il est en vidéo... et .... il y a le logo HTML 5!Citation:
Envoyé par Traroth2
Sinon des souces ajax ici même
Web 2.0, allez plus loin avec AJAX et XMLHttpRequest : http://siddh.developpez.com/articles/ajax/
Comprendre les mécanismes d'AJAX : http://dmouronval.developpez.com/tut...-requete-ajax/
Et le reste se trouve ici (ou tu pourras d'ailleurs faire ajouter ton article
http://ajax.developpez.com/cours/
Oui, c'est à moi de m'en charger. :)Citation:
Envoyé par kenji_getpowered
:merci:
C'est vrai que ça m'a aussi choqué ...
Je ne vois pas trop l'intérêt de suivre un tel tutoriel aujourd'hui, en 2014. C'est sûrement important pour la culture générale pour comprendre comment ça marche sous le capot.Citation:
Comment faire entrer votre site dans l'ère du Web 2.0 avec AJAX ...
Publié le 21 juillet 2014
Il est rare même sur developpez.net de voir un tutoriel complètement dans le vif du sujet. Un autre point fort que j'aimerais souligner :
L'audace d'avoir utilisé eval() dans les codes ET d'en avoir parlé : en plus c'est cette fonction que je cherchais depuis des lustres avec laquelle j'emm mon monde dans tous les forums.
Un point faible : Jquery. Je peux admettre que le post précédent devait critiquer cet article-tuto en fonction de ce qui se fait en matière de CMS ou autre bouffeur de bande passante, ce qui aurait été assez contradictoire pour ce tutoriel d'ailleurs. Cela dit un petit clin d’œil à jquery n'aurait pas été de refus, mais comme je l'ai dit, il est logique que ce soit facultatif.
Un autre : le Web 2.0, si l'on en parle, doit faire référence à ce qui touche le "Web 2.1" (:alerte: ça n'engage surement que moi) ou ce qu'il est devenu aujourd'hui. A savoir inciter les gens à consulter d'éventuels tutos traitant d'ontologie ou de comment toper par transparence des métadonnées, sur la toile, comme le fait google justement, et donc indiquer quelques tags qui pourraient être très nécessaires aujourd'hui et de plus en plus.
Malgré ce un point faible virgule cinq (notez l'absence de modif du post :P), excellent tuto au demeurant, qui pour moi ne fait pas que dans la théorie contrairement à ce que stipulent les autres posts.
Faudrait aussi entrer dans l'ère de jQuery :aie:
Bonjour,
Merci pour vos retours.
Pour les développeurs intéressés, il y a également toute une série de vidéos pour apprendre à utiliser le Framework Jquery, jQuery UI et jQuery Mobile.
Cliquez ici pour utiliser la simplicité de jQuery dans votre développement web
Bonjour,
...je reste un peu circonspect au lire de cela et qui plus est en voyant dans ton profil Autoentrepreneur en programmation informatique..que dire bonne chance à toi!Citation:
Envoyé par Ah_Kin
Je ne te ferais que 2 petites remarques:
- La notion même de Web 2.0 commence à dater un peu et ne veux pas forcément dire grand chose
- Lorsque l'on sait que l'objet JSON est même reconnu par IE8, je trouve quand même encore incongru de continuer à s'attacher à l'utilisation de eval
8O
Je cherche pas la cherche mais j'ai répondu en fonction du titre du topiPour le reste on se calme sur les jugements à la volée. :)Citation:
Comment faire entrer votre site dans l'ère du Web 2.0 avec AJAX
Pas vu les vidéos. Le problème de la vidéo c'est qu'on est dépendant d'une ligne temporelle. Alors ok pour un tuto vidéo quand l'image apporte une plus-value, par exemple en bricolage ou en cuisine, mais pour le domaine informatique, tu aurais pu faire l'effort de fournir aussi la version texte.
Alors je me suis contenté de regarder le code donné en-dessous, et je vais faire quelques commentaires dessus – ça concerne uniquement le code de la partie III, je n'ai pas eu besoin d'aller plus bas pour trouver des trucs à dire.
– D'abord, le copyright.
Partager un code source sous copyright ça n'a pas de sens puisque le copyright a pour but de restreindre la copie. En France, qui est un pays de droit civil, le code source est automatiquement protégé par la propriété intellectuelle, il faut donc le placer sous license pour le partager (plus d'infos ici et là).
– Le code HTML
Je passe rapidement sur les balises de présentation (<center>, <br>) et les inutiles (ils ne sont pas tous inutiles heureusement). Pas une once de CSS ; à quoi servent tous ces ids et toutes ces classes ?
Les <label> manquent à l'appel. La balise <script> ainsi que les attributs d'évènements on* auraient pu être déplacés dans un fichier externe.
– Le JavaScript
innerHTML, on a le droit de s'en servir bien sûr, mais il faut préciser qu'il y a des façons plus efficaces de manipuler le DOM. Comme tu parles de performance dans ton introduction, je pense que tu dois bien ça à tes lecteurs.
Autre chose, il est peut-être temps de réaliser qu'aujourd'hui, plus personne n'a besoin d'un ActiveX pour instancier un objet Ajax (depuis que Microsoft a officiellement euthanasié IE6). Quant au message « Votre navigateur ne supporte pas les objets XMLHTTPRequest » adressé directement à l'utilisateur, ce n'est pas une solution. Il aurait été bon de rajouter quelques mots sur les différentes stratégies possibles pour faire face à ce genre de cas. Par exemple, aborder rapidement le sujet de la dégradation gracieuse.
- Le PHP
Le charset est incohérent avec celui de la page HTML, mais c'est le cadet de nos soucis : il y a une possibilité d'injection SQL avec $_POST['family']. Peut-être que tu en parles dans ta vidéo, mais songe au nombre de gens qui vont simplement copier-coller ton code. Le mal est fait. Un simple mysqli_real_escape_string aurait suffi ; parler des requêtes préparées aurait été encore mieux.
La même faille devient un risque d'attaque XSS quand, quatre lignes en-dessous, tu réinjectes des variables POST dans du code JavaScript. Tu ne peux pas présenter dans un tutoriel un code dans lequel il y a deux énormes failles de sécurité, c'est impardonnable !
Désolé de critiquer aussi durement, mais sur Développez.com je me serais attendu à un tuto de qualité, présentant les bonnes pratiques du moment, et pourquoi pas donnant des éléments de réflexion permettant de prendre un peu de recul. Et bien sûr, d'une fiabilité irréprochable. Je n'ai rien trouvé de tout cela.
À mon avis, ce tuto n'aura pas sa place dans les cours de Développez.com tant qu'il n'aura pas subi une sérieuse révision.
Et pour me faire pardonner d'avoir été méchant je veux bien t'aider par MP :P
C'est ce que je voulais dire lol. :aie:
En fait ce tuto n'est pas forcément fait pour être directement utilisé, c'est juste expérimental, ce n'est pas du tout un tord de parler de la chose principale sans être obligé de faire un site complet pur et dur. Comme les premiers messages le disent, ça traite de ce qui se passe dans le moteur. Peut être qu'il aurait fallu préciser ça mais c'était peut être implicite. Il en parle peut être je me souviens plus.
Bonjour,Citation:
Envoyé par The_Pretender
Dans votre cours vous appelez un fichier php depuis votre fonction javascript du genre : xhr_object.open("POST", "30-ajax.php", true);
Seulement, vous oubliez de mentionner où vous avez stocké votre fichier "30-ajax.php" ? dans le même répertoire que votre page jsp ou pas ?
Parce que mon problème, c'est d'ouvrir un fichier depuis du code javascript et j'ai systématiquement le message d'erreur "404 intouvable" dans ma console de navigation.
Cordialement.