Lesson 6: Lifecycle- Remove items | Coding with Velo: Repeaters - Best Webhosting

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

Watch Website Builder Wix.com Video: Lesson 6: Lifecycle- Remove items | Coding with Velo: Repeaters.
In this lesson, you'll learn how to remove items from a repeater and use the onItemRemoved functions to perform an action after the item has been removed.

Timestamps:

00:00 Intro
00:22 Adding onClick to a remove button
01:31 Creating another variable
02:25 Adding a filter function
04:17 Changing the data of the repeater
05:30 Previewing the change
06:49 Using the onItemRemoved function

There’s more where this came from. Watch the full course here:
https://www.wix.com/learn/online-course/coding-with-velo/velo-repeaters

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

18 Views

Related Videos

Lesson 5: Lifecycle- Add items | Coding with Velo: Repeaters

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

In this lesson, you'll learn how to work with the lifecycle of a repeater, which consists of different events. We'll cover specifically adding items to the repeater. Timestamps: 00:00 Intro 01:01 Checking the repeater data 02:09 Adding items to the repeater 05:27 Populating the repeater with the new items 06:49 Previewing the code There’s more where this came from. Watch the full course here: https://www.wix.com/learn/online-course/coding-with-velo/ve
Lesson 7: Lifecycle- Update items | Coding with Velo: Repeaters

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

In this lesson, you'll learn how update items in the repeater. We'll cover creating an onClick event handler, comparing the ID's, and then changing the content. Timestamps: 00:00 Intro 01:00 Creating a variable for the original repeater 02:22 Creating a variable that will capture the updatedIndex 03:24 Swapping out the content 04:13 Formatting the code 05:02 Using idToUpdate 07:02 Breaking down the code 07:50 Changing the content in Preview 08:48 Sett
Lesson 1: Get started with repeaters | Coding with Velo: Repeaters

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

In this lesson, you'll learn what repeaters are and how to use them. We'll cover a repeater example, how it is structured, and the type of data it can accept. Timestamps: 00:00 Intro 00:36 Repeater example 00:57 Adding a button to a repeater 01:07 About a repeater's structure 01:56 Reviewing the data in a repeater There’s more where this came from. Watch the full course here: https://www.wix.com/learn/online-course/coding-with-velo/velo-repeaters And
Lesson 3: Populate with dynamic data | Coding with Velo: Repeaters

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

In this lesson, you'll learn how to dynamicallly add data to a repeater using the wixData API. We'll cover using the wixData API to connect to a content collection and add custom functionality to it, like sorting and filtering. Timestamps: 00:00 Intro 01:00 Preparing the content collection 02:33 Using the wixData API 05:15 Using the itemData as an argument 08:06 Using async await with wixData 10:13 Populating the repeater dynamically There’s more wher
Lesson 4: Populate with third party data | Coding with Velo: Repeaters

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

In this lesson, you'll learn how to use third-party services and connect them to your repeater in order to populate the repeater with data from another source. Timestamps: 00:00 Intro 00:50 Fetching for the data 02:53 Retrieving data from the API 04:30 Moving to the frontend 08:12 Comparing items There’s more where this came from. Watch the full course here: https://www.wix.com/learn/online-course/coding-with-velo/velo-repeaters And check out all of o
Lesson 2: Populate with static data | Coding with Velo: Repeaters

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

In this lesson, you'll learn how to populate a repeater with static data. We'll cover the onReady function and move through the index in order to populate the repeater with a list of items. Timestamps: 00:00 Intro 00:51 Getting started 01:48 Breaking down the code 03:46 Populating the data with the onReady function 05:20 Going through the index 07:14 Previewing There’s more where this came from. Watch the full course here: https://www.wix.com/learn/on
Lesson 8: Test & debug with Velo tools | Coding with Velo: Frontend

by Best Webhosting Added 2 years ago 30 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 25 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 2 years ago 25 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 26 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 5: Use Location API | Coding with Velo: Frontend

by Best Webhosting Added 2 years ago 30 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
Lesson 6: Use Window API | Coding with Velo: Frontend

by Best Webhosting Added 2 years ago 22 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