Lesson 5: Use Location API | Coding with Velo: Frontend - Best Webhosting

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

Watch Website Builder Wix.com Video: Lesson 5: Use Location API | Coding with Velo: Frontend.
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 the full course here:
https://www.wix.com/learn/online-course/coding-with-velo/velo-frontend

And check out all of our courses and lessons on Wix Learn: https://www.wix.com/learn

Published: Thursday, July 14, 2022 9:24 PM
Category: Website Builder Wix.com

25 Views

Related Videos

Lesson 1: Get started with Velo frontend | Coding with Velo: Frontend

by Best Webhosting Added 1 year ago 16 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 8: Test & debug with Velo tools | Coding with Velo: Frontend

by Best Webhosting Added 1 year ago 26 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 Window API | Coding with Velo: Frontend

by Best Webhosting Added 1 year ago 18 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 2: Hello world | Coding with Velo: Frontend

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

In this lesson, you'll learn what the Velo frontend is and is not used for by creating a Hello World element. We'll cover some exceptions and limitations, as well as benefits and frontend APIs. Timestamps: 00:00 Intro 00:52 Understanding the language differences 01:27 Changing the value of text 02:02 Using the text property 02:23 Previewing the changes 02:53 Adding a button 04:16 Customizing the button 05:22 Adding an event handler There’s more where
Lesson 7: Use Storage API | Coding with Velo: Frontend

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

In this lesson, you'll learn how to use the wixStorage API to create a lightbox for first-time site visitors. We'll cover working with your masterpage.js, as well as adding conditional logic to the wixWindow API. Timestamps: 00:00 Intro 00:57 Working with masterpage.js 02:02 Adding conditional logic 02:49 Using wixWindow 03:34 Configuring the code 04:18 Checking the published version There’s more where this came from. Watch the full course here: https
Lesson 4: Handle events | Coding with Velo: Frontend

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

In this lesson, you'll learn how to add events to your page elements. We'll cover the difference between static and dynamic event handlers, and then show you how to create both in the frontend. Timestamps: 00:00 Intro 00:23 Static vs. dynamic event handlers 02:36 Creating a static event handler 05:18 Creating a dynamic event handler There’s more where this came from. Watch the full course here: https://www.wix.com/learn/online-course/coding-with-velo/
Lesson 3: Select and use elements | Coding with Velo: Frontend

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

In this lesson, you'll learn different situations for the $w select function in the Velo frontend. We'll cover using $w with the onReady function, with the whole page acting as an element, as well as the wixAnimations API to show how to use a Velo Package for frontend help. Timestamps: 00:00 Intro 01:09 Using $w to interact with elements 02:15 Using the wixAnimations API 03:53 Using the zoom function with a static event handler There’s more where this
Lesson 9: Test & debug with browser tools | Coding with Velo: Frontend

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

In this lesson, you'll learn how to use other developer tools within Velo, like Google Chrome. We'll cover using them in preview mode and on your published site. Timestamps: 00:00 Intro 00:45 Previewing an event trigger in the developer console 02:06 Using Google Chrome's debugger 02:37 Final thoughts 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 out all
Coding with Velo: Frontend | Full Course | Wix Learn

by Best Webhosting Added 12 months ago 18 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 6: Use Velo packages | Coding with Velo: Backend

by Best Webhosting Added 1 year ago 21 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: About Velo | Start coding with Velo

by Best Webhosting Added 1 year ago 21 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 1: Take a tour | Coding with Velo: Backend

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

In this lesson, you'll get to know code files using the Velo backend, including Velo Packages, web modules that help you jumpstart your coding right away. Timestamps: 00:00 Intro 00:56 Accessing JS with the Public folder 02:56 Searching your code There’s more where this came from. Watch the full course here: https://www.wix.com/learn/online-course/coding-with-velo/velo-backend And check out all of our courses and lessons on Wix Learn: https://www.wix.