VUE, appelé aussi Vue.js, est un framework JavaScript open-source, permettant le développement d' interfaces utilisateurs(trices) et applications web.
DÉBUTANT(E)
⇒ Exemples de codes
→ Vous devez être bilingue (Fr/En). Les exemples de code sont en Anglais.
→ Commençons par des codes très simples. Plus vous progresserez, page après page, plus les scripts seront sophistiqués. Vous devrez cependant parcourir 30 à 40 pages par niveau, avant de passer à l'étape suivante…
→ Pour évaluer vos codes, cliquez sur l'icône en bas à gauche de la page (roues dentées), puis choisissez un compilateur dans la liste qui s'ouvrira dans un autre onglet. Pour finir, testez votre travail.
À VOUS DE REPRODUIRE ET DE VOUS IMMERGER !
C 0001 - Hello World !
Reproduisez ce code (ne faites pas de copier-coller !). Attention à l'indentation !
<!DOCTYPE html>
<html>
<head>
<title>Hello World page</title>
<style>
#app {
display: inline-block;
padding: 10px;
font-size: x-large;
background-color: lightgreen;
}
</style>
</head>
<body>
<h1>Hello World !</h1>
<p>The message is taken from 'data' inside the Vue instance by writing {{ message }} inside the div with id="app".</p>
<div id="app">
{{ message }}
</div>
<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
<script>
const app = Vue.createApp({
data() {
return {
message: "Hello World!"
}
}
})
app.mount('#app')
</script>
</body>
</html>
CHOISISSEZ VOTRE COMPILATEUR
Reproduisez ce code, en choisissant l'un des compilateurs ci-dessous (ne copiez-collez pas ! Ce serait trop facile). Tous ont la même fonction, choisissez-en un en tenant simplement compte de vos préférences.
Lorsque vous copiez votre code, remplacez le code existant (par défaut) figurant déjà dans le compilateur, par le vôtre.
Attention ! Pour certains de ces compilateurs, vous devez vous-même choisir le langage de programmation, dans le menu qui vous est alors proposé. Bien évidemment, n'oubliez pas de cliquer sur RUN !
Tout sur Vue
Code
Dernières versions
Outils et méthodologies
Info/Outils+
» Date de création : 2014
* Créé par Evan You et son équipe
Actualité
Les commentaires que vous nous laissez sont systématiquement soumis à une modération rigoureuse. Les incivilités et calomnies, les menaces, les intimidations de toutes sortes, plus globalement toutes les violences verbales gratuites, ou bien la diffusion d’informations non vérifiées… ne sont pas tolérées. Nous nous réservons en outre le droit de ne publier que les commentaires qui font effectivement avancer le débat et permettent une meilleure compréhension du sujet traité par l'article présenté sur cette page (ainsi que toutes ses ramifications) et ce, quelle qu’en soit la teneur globale.
Fond of Code TM © ®
All rights reserved - Protected Trademark/Logo (INPI)
Structures légales basées à
Nice - FRANCE
Montréal - Canada
Sur RDV
SIRET : 41138921600028 (France)
Inc. : 661515-5 (Canada, Qc.)
Reprise officielle en France : mars 2025
Mise en place : juillet 2024
Lancement de l'activité initiale : 1996 (Europe et Amérique du Nord)
Version Bêta du site : mai 2024
Nouvelle version du site : avril 2025
Lancement officiel de Fond of Code : mai 2025
