Commencer à coder avec Velo

Bonjour !

Bienvenue dans le cours sur Velo pour débutants.

Je m’appelle Joshua, je suis conseiller en développement pour Velo.

Je vais vous présenter les bases de la plateforme Velo by Wix.

Velo by Wix est une plateforme qui fonctionne directement au-dessus de Wix et vous permet d’ajouter des fonctionnalités personnalisées et de l’interactivité à votre site Web en utilisant JavaScript.

Ce cours s’adresse donc aux développeurs comme aux non-développeurs, mais cela sera beaucoup plus facile si vous avez déjà un peu d’expérience en JavaScript dans votre arsenal.

Pour commencer, nous allons activer le mode développeur pour activer Velo.

Nous pouvons donc ajouter notre propre code JavaScript, comme je l’ai mentionné, et cela fonctionne en tandem avec Wix, ce qui vous permet d’utiliser les mêmes outils Wix, en plus d’ajouter du code.

Et nous pouvons juste activer le mode développeur ici.

Vous verrez que notre environnement commence à changer.

Nous avons donc notre Panneau de code en bas, et sur le côté droit ici, notre Panneau de propriétés, dans lequel nous pouvons contrôler toutes nos différentes identifications pour nos éléments sur la page que nous pouvons faire glisser et déposer.

Comme vous le savez, avec Wix, vous pouvez glisser et déposer des éléments et ce que vous voyez correspond à ce que vous obtenez sur l’Éditeur.

Ainsi, lorsque je clique sur différents éléments de la page, vous voyez dans le panneau des propriétés tous les différents identifiants des éléments sur lesquels je clique.

Par exemple, vous pouvez voir que sur le côté droit nous avons « bouton 11 ».

Si je clique sur ce texte, cela donne « text37 ».

Nous verrons plus en détail comment identifier ces éléments sur la page beaucoup plus facilement.

Ainsi, dans notre Panneau de code, nous disposons également d’autres outils intégrés, comme la saisie semi-automatique et même une commande linter qui nous permet de voir toutes les erreurs dans notre code.

Allons sur notre page Velo pour débutants et je vais vous montrer à quoi ressemble la saisie automatique.

Nous allons simplement enlever un peu de ce code ici.

Commençons à écrire une déclaration de code d’importation.

C’est ainsi que nous allons importer certaines des API que nous avons déjà créées dans Velo.

Comme vous le voyez, la saisie semi-automatique me propose déjà certaines des API disponibles avant même que je ne finisse le mot.

Nous pouvons sélectionner l’API que nous voulons : choisissons wixData, et le tour est joué.

Cela veut dire que je n’ai même pas eu à finir de saisir la phrase.

Je peux avoir le code juste là, prêt à être utilisé.

Alors, passons à notre barre latérale Velo, que vous voyez sur le côté.

Cette section nous amène à toutes nos pages principales pour le code des pages.

Et c’est ici que nous allons pouvoir contrôler notre code front-end.

Nous avons donc les pages Home, Velo for Beginners, Hello Velo et quelques autres pages déjà sur le site.

Mais comme vous le remarquez dans le panneau de code, cela commence à changer, ce qui nous aide à organiser notre code et à savoir sur quelle page nous...

nous trouvons à ce moment-là.

Ensuite, nous