Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум

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