Этот материал находится в платной подписке. Оформи премиум подписку и смотри или слушай Vue.js Master Class 2024 Edition, а также все другие курсы, прямо сейчас!
Купить сейчас
  • Урок 1. 00:03:00
    Introduction and Project Over-Vue
  • Урок 2. 00:03:15
    Learning Environment Intro
  • Урок 3. 00:05:21
    Prerequisites and Initial Environment
  • Урок 4. 00:03:31
    Scaffolding a Lightning-Fast Vue.js 3 App with Vite
  • Урок 5. 00:05:16
    Powering Up VS Code P1: Vue.js 3 Official Extension
  • Урок 6. 00:11:09
    Powering Up VS Code P2: Eslint for Vue.js 3
  • Урок 7. 00:05:39
    Powering Up VS Code P3: Prettier for Vue.js 3
  • Урок 8. 00:07:12
    Git Basics for Every Developer
  • Урок 9. 00:07:36
    Navigating the Project Directories and Boilerplate Cleanup
  • Урок 10. 00:07:31
    Setting Up Vue Router and Navigation with Router Link
  • Урок 11. 00:02:18
    Lazy Load Routes with Vite’s Dynamic Imports in Vue Router
  • Урок 12. 00:04:19
    Create Dynamic Routes with Wildcards in Vue Router
  • Урок 13. 00:05:09
    Catch All Undefined Routes and Create 404 Not Found Page in Vue Router
  • Урок 14. 00:05:58
    Set Up Auto Routes in Vue Router with TypeScript Support
  • Урок 15. 00:05:40
    Refactor Vue.js Codebase for File-Based Routing
  • Урок 16. 00:02:37
    Supabase: The Perfect Backend for Vue.js Frontend
  • Урок 17. 00:06:06
    Integrate Supabase and Connect with Vue.js
  • Урок 18. 00:07:31
    Secure Secret App Data with Vite Environment Variables
  • Урок 19. 00:05:08
    Use Supabase UI to Create Tables and Rows
  • Урок 20. 00:05:43
    Use Supabase SQL Editor to Create Tables and Rows
  • Урок 21. 00:05:09
    Use Supabase CLI in Vue.js and Connect to the Remote Project
  • Урок 22. 00:04:43
    Create Supabase Database Migration Files in Vue.js
  • Урок 23. 00:04:59
    Getting Started with Fakerjs
  • Урок 24. 00:05:24
    Set Up Supabase JavaScript Client in Node Environment
  • Урок 25. 00:06:05
    Seeding the Supabase Remote Database with Fakerjs
  • Урок 26. 00:02:58
    Insert Bulk Entries Into Supabase Database
  • Урок 27. 00:05:21
    Query Supabase from Vue.js Script Setup
  • Урок 28. 00:03:09
    Use Immediately Invoked Function Expression in Script Setup
  • Урок 29. 00:05:23
    Introduction to Vue.js Reactivity System and Using Refs
  • Урок 30. 00:03:48
    Provide TypeScript Type Definitions for Refs in Vue.js Script Setup
  • Урок 31. 00:06:38
    Add TypeScript Support to Supabase in Vue.js
  • Урок 32. 00:07:54
    Create a New Page for Tasks with Database Migration, Seed and Types
  • Урок 33. 00:06:38
    Getting Started with Shadcn UI and Vue.js
  • Урок 34. 00:05:59
    Prepare the Vue App Layout with TailwindCSS
  • Урок 35. 00:05:51
    Utilize Shadcn Input and Dropdown Components
  • Урок 36. 00:03:50
    Use Lucide Icons with Iconify and Vue.js
  • Урок 37. 00:06:19
    Iconify Icon Web Component in Vue.js
  • Урок 38. 00:04:54
    Create a Sidebar and Organize Code with Vue Components
  • Урок 39. 00:06:58
    Extract a Reusable Vue Component for Sidebar Links
  • Урок 40. 00:03:39
    Configure Vue Router Active Links with TailwindCSS
  • Урок 41. 00:04:50
    Create Layout Vue.js Component
  • Урок 42. 00:06:24
    Build a Vue.js Data Table Component with Shadcn and TanStack
  • Урок 43. 00:06:14
    Customize the Data Table Implementation for Our Vue.js App
  • Урок 44. 00:04:04
    Create a Data Table for the Projects Page
  • Урок 45. 00:06:58
    Make the Data Table Cells Clickable with RouterLink
  • Урок 46. 00:09:17
    Exploring Alternative Ways to Integrate Shadcn and TanStack DataTable
  • Урок 47. 00:07:14
    Integrate unplugin-auto-import with Vue and Vite
  • Урок 48. 00:05:07
    Configure unplugin-auto-import for unplugin-vue-router
  • Урок 49. 00:06:40
    Implement Components Auto Importing Feature in Vue.js 3
  • Урок 50. 00:06:24
    Use Vue.js Suspense Component to Handle Async Dependencies
  • Урок 51. 00:06:54
    Enhance Vue Router with Suspense for Async Components
  • Урок 52. 00:09:11
    Dynamic Page Titles with Pinia
  • Урок 53. 00:04:13
    Retrieve Project Details for Tasks: Querying Nested Database Tables
  • Урок 54. 00:06:08
    Handle Complex Supabase Queries
  • Урок 55. 00:05:14
    Cleaning Time P1: Separating Supabase Queries and Types
  • Урок 56. 00:03:14
    Cleaning Time P2: Separating Column Definitions
  • Урок 57. 00:07:15
    Fetch the Data for the Individual Project Page
  • Урок 58. 00:03:51
    Use the Vue Watch API to Update Pinia Store with the Project Name
  • Урок 59. 00:05:23
    Make the Project Page Template Dynamic
  • Урок 60. 00:07:05
    Exercise: Create Dynamic Indvidual Task Page
  • Урок 61. 00:05:29
    Intro: Why Error Handling Matters for Developers and Users
  • Урок 62. 00:05:34
    Create Global Error Handler in Vue.js with Pinia and Vue Router
  • Урок 63. 00:07:44
    Adjust the Error Page for Custom Errors
  • Урок 64. 00:10:09
    Adjust the Error Page for Supabase Errors
  • Урок 65. 00:03:27
    Adjust the Error Page for Native JavaScript Errors
  • Урок 66. 00:04:25
    Handle Uncaught JavaScript Errors in Vue.js with onErrorCaptured Hook
  • Урок 67. 00:05:11
    Use Props and Vue.js Deep Pseudo-class to Create a Dev Error Component
  • Урок 68. 00:05:28
    Create an Error Page for the Production Server
  • Урок 69. 00:04:19
    Use defineAsyncComponent to Conditionally Render the Appropriate Error Page
  • Урок 70. 00:05:33
    Set Up Vue.js and Supabase for Seamless Auth Integration
  • Урок 71. 00:04:30
    Use v-model to Collect Form Data Values
  • Урок 72. 00:05:32
    Register new Users with Supabase Auth and Vue.js
  • Урок 73. 00:03:34
    Automatically Generate User Profiles on Registration
  • Урок 74. 00:04:39
    Login Users with Supabase Auth and Vue.js
  • Урок 75. 00:06:08
    Quick Cleanup for the Login and Register Pages
  • Урок 76. 00:05:43
    Set Up Auth Store and Integrate It with Utility Functions
  • Урок 77. 00:06:14
    Fetch the User Profile and Update the Auth Store
  • Урок 78. 00:05:08
    Retrieve the Auth Session using Supabase Client
  • Урок 79. 00:02:53
    Create a Vue Router Guard to Validate the Supabase Auth Session
  • Урок 80. 00:08:21
    Manage v-for loops with v-if in Vue.js Using Filters
  • Урок 81. 00:03:57
    Use the Vue.js Template Special Element with v-for Loops
  • Урок 82. 00:07:23
    Emit Custom Events from Child to Parent in Vue.js
  • Урок 83. 00:07:09
    Overcome Challenges of Using Pinia Stores in External Files
  • Урок 84. 00:05:26
    Watch for Supabase Auth changes and Update Auth Store
  • Урок 85. 00:05:52
    Protect Routes with Navigation Guards
  • Урок 86. 00:04:26
    Wait for Pinia Store Updates Before Navigating
  • Урок 87. 00:05:42
    Changes to Default Email Provider in Supabase
  • Урок 88. 00:05:45
    Handle Supabase Server Auth Errors
  • Урок 89. 00:05:21
    Create a Composable for Handling Form Errors
  • Урок 90. 00:09:51
    Implement Realtime Form Validation
  • Урок 91. 00:05:07
    Use watchDebounced from VueUse
  • Урок 92. 00:05:31
    TypeScript Mapping and Generics
  • Урок 93. 00:07:02
    Create Dynamic User Profiles
  • Урок 94. 00:06:26
    Using Pinia for Efficient Data Loading and Caching
  • Урок 95. 00:03:21
    Use useMemoize from VueUse to Optimize Pinia Loader Functions
  • Урок 96. 00:06:07
    Implement Stale While Revalidate with Pinia and useMemoize
  • Урок 97. 00:03:17
    Update Stale Data with Fresh Data
  • Урок 98. 00:08:21
    Set Up Eslint 9 with Flat Config in Vue.js
  • Урок 99. 00:07:21
    Create a Vue.js Composable for Projects Collaborators
  • Урок 100. 00:09:27
    Fetch and Collect Collaborators Across All Projects
  • Урок 101. 00:04:47
    Use Vue.js Render Functions to Render Collaborators
  • Урок 102. 00:05:04
    Load the Collaborators Without Impacting Page Loading Speed
  • Урок 103. 00:06:14
    Reuse the Pinia Loader to Load Single Project
  • Урок 104. 00:06:59
    Make the Pinia Loader Cache Invalidation Logic Reusable
  • Урок 105. 00:02:39
    Fix a Little Bug with the Project Title Watcher
  • Урок 106. 00:04:09
    Create Text Field Component with defineModel
  • Урок 107. 00:03:15
    Emit Custom Events on Input Blur
  • Урок 108. 00:06:20
    Update Project Title in the Database
  • Урок 109. 00:06:00
    Create a Toggle Component for the Project Status
  • Урок 110. 00:05:39
    Update the Project Status in the Database
  • Урок 111. 00:04:04
    Use Vue.js Props Destructure to Assign Default Values for Props
  • Урок 112. 00:07:10
    Reuse the useCollab Composable in the Project Page
  • Урок 113. 00:04:08
    Use defineModel with Textarea and Adjust the Database Schema
  • Урок 114. 00:02:43
    It's Showtime: Apply Your Skills to Tasks!
  • Урок 115. 00:07:11
    Add Tasks and Projects From Anywhere in the App
  • Урок 116. 00:05:23
    How to Install and Use FormKit in Vue.js 3
  • Урок 117. 00:05:07
    Create a Form for Tasks using FormKit
  • Урок 118. 00:06:06
    Fetch the Select Fields Options from the Database
  • Урок 119. 00:05:52
    Validate and Create Tasks
  • Урок 120. 00:08:46
    Delete Tasks
  • Урок 121. 00:03:26
    Render the Appropriate Layout
  • Урок 122. 00:09:48
    Implement Global State with Composables
  • Урок 123. 00:05:18
    Use Vue.js Provide and Inject with TypeScript
  • Урок 124. 00:06:54
    Combine RouterView and Suspense with the Vue Transition Component
  • Урок 125. 00:05:55
    Add Dark Mode Toggle in Vue With useDark from VueUse
  • Урок 126. 00:04:08
    Use Vue Meta to Set Dynamic Title and Meta Data
  • Урок 127. 00:01:55
    Finished? Not Really—We’re Just Warming Up!