Forum : SPA (single page application)

Réponse acceptée

AngularJS reste la plus connue, après tu as ReactJS, MeteorJS, VueJS (plus axé components cela dit) etc etc
Mais tu peux très bien le faire avec du JS natif ou la lib jQuery aussi. A toi de voir selon tes compétences, tes affinités avec telle ou telle techno etc

Amilor7

Réponse acceptée

Salut,
Pour le lien que tu viens de donner www.gbmp.me, c'est pas vraiment une SPA selon moi, dû moins ce que je veux dire c'est qu'à part un système de routes pour gérer les urls, y'a pas vraiment besoin d'Angular ou de Vue, c'est surtout de l'animation avec GSAP, et Parallax, pour le reste il doit gérer ses URL avec l'api history et faire du templating avec Mustache.
Pour les ressources si tu veux faire une page comme ça, je te conseille :

Gérer l'historique en JS (toujours utile de le savoir)
- Tuto Grafikart history-ajax-pushstate
Ajax (premier lien plus récent) (pour récupérer tes projets de portfolio en JSON par exemple)
- https://www.grafikart.fr/formations/debuter-javascript/ajax
- https://www.grafikart.fr/tutoriels/jquery/ajax-jquery-520
Animation (GSAP puis Velocity)
- https://www.grafikart.fr/tutoriels/javascript/greensock-animation-platform-415
- https://www.grafikart.fr/tutoriels/jquery/velocityjs-animation-jquery-506
Faire du templating
- https://www.grafikart.fr/tutoriels/javascript/mustache-372
  Après vu que c'est ton portfolio, rien ne t'empèche de te faire plaisir (et apprendre) de sortir du Angular, du Vue etc... Mais voila en ce qui concerne ce genre de portfolio c'est essentiellement de l'animation, et pour ça y'a pas trop de secret faut s'essayer à utiliser GSAP et / ou Velocity (y'en a pleins d'autres), le truc avec les animations c'est que ça prend du temps pour arriver à faire un truc smooth propre qui lag pas, surtout dans des transitions de pages, donc si ça lag au début quand tu code faut pas s'alarmer ! ;)
  Bonne journée !

betaWeb

Salut,

NodeJS ne permet pas à proprement parler de construire des SPA. Tu peux l'utiliser pour créer une API REST. Après, libre à toi de choisir la techno frontend pour ta SPA.

valko

Auteur

Ok merci de ta réponse. Concernant les technos pour la SPA, y en a t-il une qui exèle plus que les autres ? Ou qui sont plus abordables à mettre en place ?

Lartak

Bonsoir.
Tu devrais être plus précis dans ta définition de SPA, si par exemple ta SPA n'a par exemple pas pour but d'avoir des intéractions avec le visiteur, ou tout au plus un formulaire de contact, tu n'auras pas tellement besoin d'utiliser quelque chose qui dépend de NodeJS.
Donc sois un peu plus précis sur ce que devra faire ou permettre de faire ta SPA.

valko

Auteur

Merci betaWeb, c'est plus clair maintenant.

@Lartak : Il s'agit d'une SPA pour un portfolio, il n'y aura aucunes interactions avec le visiteur il est question ici de rendre l'expérience utilisateur agréable avec du contenu fluide.

Mais au final je vais attendre un peu pour la SPA (je pense que c'est peu tôt), je vais bien me focaliser sur Express pour l'instant.

betaWeb

Pour un portfolio, c'est peut être pas utile d'utiliser une techno backend, tu peux faire une simple page statique (c'est ce que j'ai fait sur mon portfolio : http://betaweb.fr/) ;)

valko

Auteur

Je suis plus dans une optique de ce genre de site : www.gbmp.me
D'ailleurs je me demande par quel moyen la SPA est mise en place...

valko

Auteur

Wow merci beaucoup Amilor7, tu éclaircies beaucoup de chose d'un coup !

Bonne journée !

SPA (single page application)

9 réponses