🧨 UI Lib themes 40% off for a limited time

Advanced Components and Slots

$3999
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!
    Others also bought
    © Copyright 2021 Vuetify | Made With Vuetify
    We use cookies to ensure that we give you the best experience on our website. By closing this message, you consent to our cookies on this device in accordance with our cookie policy unless you have disabled them.