Dans ce cours
Commencez votre aventure avec Velo, la solution de développement Web complète de Wix, et découvrez ce que vous pouvez faire. Vous obtiendrez des informations sur la personnalisation de vos sites Wix avec du code et explorerez les puissantes fonctionnalités de Velo. Travaillez avec les éléments de page, gérez les événements, explorez les API et découvrez tout ce qui est réalisable grâce à Velo.
Ce que vous allez apprendre
Des méthodes pour ajouter du code et des fonctionnalités personnalisées à vos sites Web
Les fondamentaux des API, qui vous permettent de construire les fonctionnalités que vous souhaitez
Les moyens de naviguer dans l'environnement du développement, y compris le panneau de code et la barre latérale Velo
Comment créer, répondre et gérer les événements ou l'interactivité avec les gestionnaires d'événements statiques et dynamiques
Comment travailler avec les éléments de page et les voir en action, y compris copier un clipboard et ajouter du code aux diaporamas


Joshua est un créateur digital et porte-parole des développeurs de Wix.com. Il est passionné à l'idée de résoudre des problèmes, créer de la musique et apprendre aux développeurs comment réussir en ligne.
Porte-parole des développeurs Wix
Dans ce cours
Joshua Alphonse
Qui est concerné
Aux non-développeurs cherchant à utiliser Velo pour commencer à coder
Aux nouveaux développeurs sur Velo
Aux développeurs expérimentés cherchant à acquérir une nouvelle compétence et à élargir leur offre
Ressources pour vous aider à vous développer
Trouvez des articles utiles, des modèles pratiques et bien plus encore pour mettre vos compétences en pratique.
-
Loading...
-
Loading...
-
Loading...
-
Loading...
À propos de 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