Start coding with Velo | Full Course | Wix Learn - Best Webhosting

ULTRAFAST, CHEAP, SCALABLE AND RELIABLE! WE STRONGLY RECOMMEND ACCU WEB HOSTING COMPANY

Watch Website Builder Wix.com Video: Start coding with Velo | Full Course | Wix Learn.
Jumpstart your journey with Velo, Wix’s full-stack web development solution, and see what you can do. You’ll gain insights into how customizable your Wix sites can be with code, and explore Velo’s powerful features. Work with page elements, manage events, explore APIs and see what’s possible with Velo.

0:00 Intro
0:15 About Velo
5:46 Work with page elements
12:25 Get your page ready
23:42 Respond to element based events
34:13 API reference
46:10 Get a glimpse beyond $w
58:14 Final thoughts

See the additional Velo courses Joshua refers to by heading to the Wix Learn platform:
https://www.wix.com/learn/library/coding/courses

Keep your learning going with our full course catalog:
https://www.wix.com/learn/online-courses

---

About Wix Learn:

Wix Learn is an online learning platform that makes it possible for anyone to learn and develop the most in-demand digital skills of today. Explore online courses, webinars and tutorials across a variety of subjects, including web design, eCommerce, online businesses, marketing and SEO, content management and more. Additionally, you can earn Wix Certifications that show off your mastery of highly marketable web design, development and business skills.
Courses, webinars and tutorials are available for streaming anytime, anywhere from your personal computer or smartphone through the Wix Owner app:
https://www.wix.com/learn

---

Be sure to subscribe to this channel for more knowledge and inspiration.
https://www.youtube.com/c/Wix/about?sub_confirmation=1

Stay tuned:
Wix.com: http://www.wix.com
Facebook: https://www.facebook.com/wix
Twitter: https://twitter.com/wix
Instagram: https://www.instagram.com/wix
TikTok: https://www.tiktok.com/@wix
Pinterest: http://www.pinterest.com/wixcom
YouTube: https://www.youtube.com/user/wix
Wix Blog: https://www.wix.com/blog

Published: Thursday, May 4, 2023 3:52 PM
Category: Website Builder Wix.com

35 Views

Related Videos

Coding with Velo: Frontend | Full Course | Wix Learn

by Best Webhosting Added 1 year ago 41 Views / 0 Likes

Take a deep dive into Velo’s frontend capabilities. Get started on our full-stack web development environment with zero setup, add custom functionalities and event-driven interactivities, and discover our favorite Velo frontend APIs, like Location, Window and Storage. Then, learn how to conduct tests and debug to make sure whatever you create runs perfectly. 00:00 Intro 00:36 Get started with Velo frontend 05:10 Hello world 12:31 Select and use elemen
Lesson 1: About Velo | Start coding with Velo

by Best Webhosting Added 2 years ago 36 Views / 0 Likes

In this lesson, you'll get to know Velo by turning on Dev Mode. We'll give you an overview of the workspace so you can find everything you need to code with Velo. Timestamps: 00:00 Intro 00:40 Turning on Dev Mode 01:52 Utilizing Autocomplete 02:24 Overview of the sidebar 03:40 Searching code There’s more where this came from. Watch the full course here: https://www.wix.com/learn/online-course/coding-with-velo/start-coding-with-velo And check out all o
Lesson 5: API reference | Start coding with Velo

by Best Webhosting Added 2 years ago 32 Views / 0 Likes

In this lesson, you'll learn how to use the API reference, which is where you'll find everything you need to create your dynamic website. We'll cover searching site elements in the API reference, and we'll change some functions of a slideshow using the API reference. Timestamps: 00:00 Intro 00:54 API Overview 02:11 Site elements using API reference 03:00 Interacting with a slideshow element using API reference 04:21 Working with currentIndex 05:04 Cha
Lesson 6: Get a glimpse beyond $w | Start coding with Velo |

by Best Webhosting Added 2 years ago 38 Views / 0 Likes

In this lesson, you'll learn how to import and use an API into your site code. We'll create a promo code using wix-window and copyToClipboard function. Timestamps: 00:00 Intro 00:51 Importing an API into your site code 01:31 Opening wix-window 01:56 Understanding copyToClipboard function 03:08 Importing wix-window 03:39 Creating a copyToClipboard function 06:16 Creating an event handler 07:53 Using .then to return a promise for the element 09:53 Creat
Lesson 3: Get your page ready | Start coding with Velo

by Best Webhosting Added 2 years ago 40 Views / 0 Likes

In this lesson, you'll learn how to use events, including how to load elements on a page before it's presented to site visitors. We'll go over ways to work with the onReady function, and more ways to use $w. Timestamps: 00:00 Intro 01:08 Getting the element labels ready 03:07 Outside the onReady function 04:20 Invoking the onReady function 05:41 Creating a constant variable 06:38 Using the $w selector API 09:33 Setting a ternary operator There’s more
Lesson 2: Work with page elements | Start coding with Velo

by Best Webhosting Added 2 years ago 49 Views / 0 Likes

In this lesson, you'll learn how to work with and add functions to page elements on your site with Velo. We'll cover naming elements, using $w, and adding element properties. Timestamps: 00:00 Intro 01:12 Naming elements on the page 02:13 Using $w 03:12 Adding properties to an element 05:26 Creating a Read More function There’s more where this came from. Watch the full course here: https://www.wix.com/learn/online-course/coding-with-velo/start-coding-
Lesson 4: Respond to element-based events | Start coding with Velo

by Best Webhosting Added 2 years ago 33 Views / 0 Likes

In this lesson, you'll learn how to create and handle events dynamically with your website. We'll go through events and event handlers by creating an expandable and collapsable element. Timestamps: 00:00 Intro 00:48 Event handlers in the Properties Panel 02:44 Creating a dynamic event 04:59 Changing the default event 06:09 Adding an event handler dynamically for onClick There’s more where this came from. Watch the full course here: https://www.wix.com
Lesson 8: Test & debug with Velo tools | Coding with Velo: Frontend

by Best Webhosting Added 2 years ago 42 Views / 0 Likes

In this lesson, you'll learn how to test and monitor versions of your site using the developer console. We'll cover the ins and outs of checking event responses, checking to see if something is undefined, checking errors, and testing your code with console.log. Timestamps: 00:00 Intro 00:31 Understanding testing code in the developer console 00:56 Creating a simple console.log in the onReady function 01:55 Touring the Release Manager 03:14 Editing exp
Lesson 6: Use Velo packages | Coding with Velo: Backend

by Best Webhosting Added 2 years ago 34 Views / 0 Likes

In this lesson, you'll learn how to use Velo packages, pre-built code bundles that allow you to jumpstart your coding right away without having to recreate any of the code in the package. We'll cover choosing, installing and using an animation Velo package, as well as importing it into the frontend file. Timestamps: 00:00 Intro 00:36 Choosing Velo packages 01:16 Installing a Velo package 02:01 Using the Velo package on your site 04:05 Understanding ho
Lesson 1: Get started with Velo frontend | Coding with Velo: Frontend

by Best Webhosting Added 2 years ago 35 Views / 0 Likes

In this lesson, you'll learn how to use Dev Mode for frontend development in Velo. We'll cover how to find everything you need to understand the frontend. Timestamps: 00:00 Intro 00:41 Touring the Editor in the frontend 01:19 Understanding the Code Panel 02:27 Locating frontend APIs 03:03 Undertanding the Properties Panel 03:37 Locating Event Handlers 04:08 Understanding Page Code There’s more where this came from. Watch the full course here: https://
Lesson 6: Use Window API | Coding with Velo: Frontend

by Best Webhosting Added 2 years ago 31 Views / 0 Likes

In this lesson, you'll learn how to use the wixWindow API to create and work with lightboxes, as well as work within the window space on your screen. Timestamps: 00:00 Intro 00:24 Working with wixWindow 01:55 Creating a dynamic event handler 03:22 Sending the data to wixWindow 07:08 Utilizing the data object There’s more where this came from. Watch the full course here: https://www.wix.com/learn/online-course/coding-with-velo/velo-frontend And check o
Lesson 5: Use Location API | Coding with Velo: Frontend

by Best Webhosting Added 2 years ago 41 Views / 0 Likes

In this lesson, you'll learn about Velo frontend APIs, specifically wixLocation, which allows you to get information about your URL and helps you navigate to new URLs across the web. Timestamps: 00:00 Intro 00:47 Importing wixLocation to the top of the frontend page 01:07 Navigating to a new page with a button 02:34 Adding an onClick function 04:20 Checking the published version 07:17 Capturing the input value There’s more where this came from. Watch