🧩
Vue.js BUT
  • BUT2
    • Présentation
    • Séance 1 : Concepts et installation
    • Séance 2 : Boucles et tests
    • Séance 3 : Routes
    • Séance 4-5 : Composants et API
    • Séance 6 : Routes et API
    • Séance 7 : Evénements et Formulaires
    • Séance 8 : Watch et évents
    • Séance 9 : ApiPlatform
    • Séance 10 : VueJs et ApiPlatform (1)
    • Séance 11 : VueJs et ApiPlatform (2)
    • Séance 12 : Routes imbriquées // Animations et transitions
    • Séance 15-16 : Pour réviser
    • Séance 18 : TP Noté
    • Séance 19 : Evaluation écrite
    • Mini projet : Site e-commerce
  • BUT3
    • Support de cours en BUT3
Powered by GitBook
On this page
  • Quels sont les problèmes du développement front "classique" ?
  • Qu'est ce que Vue.js ?
  • Quelles sont les alternatives à Vue.js
  1. BUT2

Présentation

NextSéance 1 : Concepts et installation

Last updated 1 year ago

Le support de cours est ici :

Quels sont les problèmes du développement front "classique" ?

  • Chaque page web HTML est codée intégralement, et peu réutilisable pour d'autres pages (hors include en php).

  • Une page web est relativement figée (sans javascript), et ne permet pas une interaction "temps réel" (un champ complété alimente une zone directement).

  • Le manque de découpage de la page ne permet pas de réutiliser tout ou partie de la page sur une autre page

Qu'est ce que Vue.js ?

Vue.js (aussi appelé plus simplement Vue), est un utilisé pour construire des interfaces utilisateur et des . Vue a été créé par Evan You et est maintenu par lui et le reste des membres actifs de l'équipe principale travaillant sur le projet et son écosystème.

Vue.js apporte la notion de composant (qui n'est pas nouvelle en soit, HTML intégre déjà la notion de composant), et permet un "binding" complet entre les éléments (mise à jour réciproque des éléments).

Vue.js apporte une structuration forte du développement front, une réutilisabilité importante avec la notion de composant et améliore l'interactivité de l'application et l'expérience des utilisateurs.

Vue.js nécessite un environnement NodeJs pour fonctionner. Le code écrit n'est pas directement exploitable par les navigateurs et implique un mécanisme de "traduction".

Un automatisateur de tâche est indispensable, tel que webpack ou, ViteJs qui est recommandé avec la version 3 de Vue.js.

Vue.js implique également une bonne connaissance de la syntaxe JavaScript et en particulier les versions ECMAScript 6 (ES6) et suivantes.

Quelles sont les alternatives à Vue.js

Les "concurrents" directs de Vue.js sont :

  • AngularJs (dont le développeur de Vue.js est issu), précurseur sur l'approche par composant, fondé par Google.

  • ReactJs, développé par Facebook

Lire par exemple :

https://presentations.davidannebicque.fr/vuejs
framework JavaScript
open-source
applications web monopages
Vue.js
La documentation officielle
Vue vs React : Lequel devriez-vous utiliser ?Kinsta®
React vs Vue: Which One To Choose in 2022? - PageproPagepro
Logo
Logo
Logo