Back to Shop

Advanced Components and Slots

$39.99
Availability: Available
Vendor: Vue Screencasts

What you'll learn

  • Learn to use slots within custom Vue components
  • Learn advanced slot Vue features, such as scoped slots and dynamic slot names
  • Understand complex topics such as fetching API data and authentication
  • Wrap Vuetify components with your own Features
  • Understand how to nest regular and scoped slots


Course Content

Learn Vue Slots like a Professional! Start from the basics and go all the way to creating advanced Data Tables and Pagination components. This learning package contains 5 complete courses with 45+ detailed videos totaling over 3 hours of content. The following table is a list of the available videos in this course:

 

Name Duration
0 - Overview 05:21
01 - Guide to the Course Package 05:21
1 - Basic Slots 36:50
01 - Intro 01:43
02 - The Simplest Slot 03:41
03 - VSRating Component 02:58
04 - Named Slots 03:20
05 - Half Stars, Rounded Ratings, and Max Ratings - Named Slots Edition 06:15
06 - Scoped Slots and slot props 05:09
07 - Half Stars, Rounded Ratings, and Max Ratings - Scoped Slots Edition 03:45
08 - Comparing Solutions 03:20
09 - Let Component 03:28
10 - Double Let 02:10
11 - Conclusion 00:41
2 - Dynamic Slots - Building a Data Table 34:26
01 - Intro to Dynamic Tables 02:02
02 - Tour of the Starting Code - A Table for Github Projects 05:26
03 - Github Auth 02:36
04 - Slots for Table Rows 04:29
05 - Slots for Header and Footer 03:19
06 - Dynamic Column Slots 05:26
07 - Dynamic Head and Foot Slots 06:23
08 - Completely Customizable Dynamic Tables 04:05

3 - Building a DataLoading Component 30:11
01 - Why Build a DataLoader Component 02:41
02 - The Basic DataLoader Component 09:00
03 - Custom Authentication Tokens 01:37
04 - Debouncing API Calls 05:12
05 - The Loading State 03:28
06 - Spinner Plus 02:51
07 - The Error State 03:41
08 - Conclusion 01:10

4 - Pagination Component 49:51
01 - Intro 01:08
02 - Pagination Bar Mockup 05:38
03 - Pagination within the GitHub API 05:55
04 - Calculating and Displaying the Correct Number of Pages 05:06
05 - Active and Disabled States - Styling and Guardrails to Help the User 03:43
06 - Query Params - Saving Page Number 05:21
07 - Multiple Query Params 06:24
08 - Results Per Page 08:43
09 - Applying Pagination to Preloaded Data 05:47
10 - Conclusion 01:36

5 - Customizable Pagination Component 31:32
01 - Intro 02:17
02 - The per-page-button Slot 06:30
03 - The pagination-button Slot 10:07
04 - Nested Slots 10:45
05 - Conclusion 01:40

Who is this course for?

  • Beginners who are familiar with Vue
  • Programmers switching languages to Vue
  • Intermediate Vue programmers who want to level up their skills!
    Find us on social media