La communauté ALL HTML c'est 59577 membres à ce jour dont 0 inscrits aujourd'hui et 15 depuis une semaine.

  • imprimer
  • aide

Forum de discussions « Javascript - DHTML - VBScript »

Retrouvez les publications relatives à ces discussions dans notre rubrique javascript.

Apprendre le web 2.0 - Ajax ... pour un résultat de type igoogle ...

liste des forums liste des discussions Participer à la discussion

Photo de Terence Message publié le mercredi 15 août 2007 à 17 h 39 par Terence.
Bonjour,

J'ai dans l'idée de réaliser un site internet construit de la même manière que la page d'accueil de google : igoogle.
C'est à dire que l'internaute pourra choisir le contenu qu'il souhaite, modifier ses paramètres d'affichage, supprimer ou ajouter un module etc...

Je veux faire cela simplement pour apprendre...

Pour le moment, je ne sais pas encore quels sont les langages utilisés, les termes techniques etc etc... Je démarre vraiment de Zéro, car je trouve difficile d'obtenir de la doc sur ce sujet.. (et les codes sources des sites utilisant ce système donne la migraine, Google en tète!..)

Donc plusieurs questions...

1 - je connais bien le HTML, XHTML, CSS. J'ai de bonnes bases en PHP, et je me familiarise doucement avec le javascript. En combien de temps pensez-vous qu'il me sera possible d'apprendre l'ajax, et autre langage nécessaire à mon objectif ?

2 - Une âme charitable pourrait-elle m'expliquer dans les grandes lignes comment fonctionne ce type de site (langage etc...)

3 - Connaissez vous de bons sites d'aide, de tutoriels etc qui pourraient m'aider à démarrer, et qui soient plus tournés vers la pratique que la théorie... Enfin, j'ai besoin des deux, mais j'ai tendance à comprendre plus vite quand j'ai les mains dans le cambouis.. Ce qui me manque, c'est une sorte d'exercice pour débuter...

Voila, toute aide et conseils sont les bienvenus !!!

Merci !
A+
Photo de free_rider Message publié le jeudi 16 août 2007 à 10 h 02 par free_rider. modérateur <free> <http://www.element62.com>
salut,

tu t'attaques à un sacré morceau. ces sites utilisent du javascript très poussé.
je te conseillerais plutôt de te tourner vers un framework ajax, du type RICO
les exemples de ce qu'on peut faire ici: http://openrico.org/demos
il y a biensur d'autres frameworks de ce type, une recherche sur google te permettra de mettre la main dessus.

mais si tu veux vraiment tout coder toi même, fais plutot des recherches du genre "javascript drag and drop"

bon courage!
Photo de jarodender Message publié le jeudi 16 août 2007 à 10 h 28 par jarodender. modérateur syntaxe wiki ALL HTML : http://www.allhtml.com/pages/aide_publication
Photo de free_rider Message publié le jeudi 16 août 2007 à 11 h 59 par free_rider. modérateur <free> <http://www.element62.com>
je connaissais pas. je sens que je vais aller faire un tour à la FNAC moi :)
Photo de Terence Message publié le samedi 01 septembre 2007 à 14 h 10 par Terence.
merci beaucoup de vos réponses... Je vais regarder ça de plus près... mais je n'arrive pas à trouver le temps!!
Je reviendrai certainement bombarder de question!
Merci ;)
Photo de koala64 Message publié le jeudi 06 septembre 2007 à 20 h 47 par koala64. modérateur http://www.allhtml.com/forums/posts_list/topic:464469 - http://www.wikini.net/wakka.php?wiki=XHTML - http://www.wikini.net/wakka.php?wiki=CSS
Salut Terence, :)

Si j'ai un conseil à te donner, c'est de d'abord chercher à mettre toutes tes fonctionnalités obligatoires en place et de te débrouiller pour savoir ce que tu dois faire pour traiter l'information côté serveur.
Rien qu'avec PHP/SQL/XHTML/CSS, tu dois être en mesure de rendre ton application fonctionnelle et agréable, visuellement parlant.
Tu peux, en parallèle, commencer à minimiser les échanges avec la BDD en mettant un système de cache en place.

Si quelquechose ne te plait pas dans la mise en forme et le comportement, tu peux, par exemple, transformer et faire bouger tes éléments via JS. C'est à ce stade que tu peux regarder du côté des bibliothèques si tu ne te sens pas très à l'aise avec JS.

De là, tu seras en mesure de disposer de toutes les fonctionnalités et de la mise en forme qu'on peut trouver sur iGoogle.

Alors l'Ajax, à quoi ça sert dans tout ça ?

Essentiellement à mémoriser les actions effectuées via JS (tout ce qui est volatile) et à rendre ton application plus réactive.

En fait, l'Ajax, si tu t'en sers correctement, est là pour améliorer l'ergonomie de ton application en permettant de rétablir les rétro-actions qui manquent et en ne mettant à jour que le strict nécessaire. Tu peux, via cette technique :

- gérer le cache de manière plus fine,
- permettre à l'utilisateur de bookmarker une page dans un état particulier (par exemple après avoir déplacé les éléments de ta page à l'aide d'un drag'n'drop)
- restaurer les fonctionnalités de base du navigateur comme la navigation (-> quand tu cliques sur précédent, tu retrouves toutes les actions que tu as menées sur ta page)

Si tu respectes tout ça, tu es en mesure de satisfaire tous tes visiteurs, qu'ils disposent de JS ou non, et donc en mesure d'obtenir un site qualitativement meilleur qu'iGoogle, qui n'est pas une référence en terme d'accessibilité. ;)

<troll>Tu feras aussi parti des 5% de personnes qui ont compris comment se servir de l'Ajax.</troll>

liste des forums liste des discussions Participer à la discussion

Vous devez obligatoirement vous identifier en tant que membre pour participer à cette discussion.

ACCÉS COMMUNAUTÉ

Rejoignez ALL HTML

Publiez vos articles, actualités, communiqués ... Donnez votre avis, partagez votre réseau, rencontrez d'autres membres et participez à la vie de la communauté.

Les 5 dernières discussions