Introduction - Why Active Learning, and how to set up for the exercises (setting up is easy)

2:35

Basic Slots

3:41

VSRating Component

2:58

Named Slots - how to have two slots in one component

3:20

Exercise 1 - Half-filled Slot

1:59

Exercise 1 Answer

0:59

Exercise 2 - Rounded Ratings

0:27

Exercise 2 Answer

1:42

Exercise 3 - Max Rating

0:36

Exercise 3 Answer

0:33

Scoped Slots and Slot Props

5:09

Exercise 4 - Half-Filled, Again

0:23

Exercise 4 Answer

1:27

Exercise 5 - Feature Parity

0:49

Exercise 5 Answer

0:28

Comparing Solutions

3:20

The Let Component

3:28

Exercise 6 - Double Let

0:29

Exercise 6 Answer

1:51

Conclusion

0:59

0% done with Advanced Components - Slots I

2:35 | Published on 2/7/2020 |
|

Chapter 1 of 5 in Advanced Components: Slots

Introduction - Why Active Learning, and how to set up for the exercises (setting up is easy)

This is a new type of course - one that's designed to not just show you cool stuff, but to maximize your learning.

There will be exercises, so clone the Github Repo.

$ git clone https://github.com/jeffreybiles/advanced-components-slots.git
$ cd advanced-components-slots
$ yarn install
$ yarn serve

What do others think of VueScreencasts?

"Thanks @Vue Screencasts!! This video helped me a lot in understanding Vuex, and in answering questions that I have, which I can't find answers for on StackOverflow. Keep up the good work!!"

—kidgr33n

"Short, precise, step-by-step, beginner-friendly and clear."

—Naty Java

"Thank you for listening and being willing to put effort into helping us better understand Vue!"

—Kyle Collie

"More videos please :)"

—Emerson smith Huallpa Zanabria

Take your career to the next level