Этот материал находится в платной подписке. Оформи премиум подписку и смотри или слушай Vue JS 3: Composition API (with Pinia, Firebase 9 & Vite), а также все другие курсы, прямо сейчас!
Премиум
  1. Урок 1. 00:08:03
    Introduction
  2. Урок 2. 00:05:37
    What is the Composition API?
  3. Урок 3. 00:07:45
    Editor & Software Setup
  4. Урок 4. 00:02:08
    Vue Devtools
  5. Урок 5. 00:01:06
    Vue 3 Docs & Install Node.js
  6. Урок 6. 00:02:39
    Create a Vue Project
  7. Урок 7. 00:03:44
    Project Setup
  8. Урок 8. 00:01:35
    Options API - Design
  9. Урок 9. 00:02:00
    Options API - Data & Methods
  10. Урок 10. 00:01:28
    Convert it to Composition API
  11. Урок 11. 00:03:21
    Composition API - Data (refs) & Methods
  12. Урок 12. 00:02:52
    Script Setup - An Easier Way!
  13. Урок 13. 00:01:28
    Refs
  14. Урок 14. 00:01:32
    Two-Way Data Binding
  15. Урок 15. 00:03:00
    Reactive Objects
  16. Урок 16. 00:01:21
    Non-Reactive Data
  17. Урок 17. 00:03:41
    Methods
  18. Урок 18. 00:04:15
    Computed Properties
  19. Урок 19. 00:01:33
    A Note on Filters
  20. Урок 20. 00:03:42
    Watch
  21. Урок 21. 00:04:19
    Mounted Hooks
  22. Урок 22. 00:02:01
    Activated Hooks
  23. Урок 23. 00:01:32
    Updated Hooks
  24. Урок 24. 00:02:13
    Multiple Hooks!
  25. Урок 25. 00:03:49
    Local Custom Directives
  26. Урок 26. 00:02:51
    Global Custom Directives
  27. Урок 27. 00:03:50
    $route - Part 1
  28. Урок 28. 00:03:22
    $route - Part 2
  29. Урок 29. 00:02:41
    useRoute
  30. Урок 30. 00:03:30
    useRouter
  31. Урок 31. 00:02:55
    Lists (v-for)
  32. Урок 32. 00:03:05
    Template Refs
  33. Урок 33. 00:01:52
    nextTick
  34. Урок 34. 00:04:24
    Teleport - Part 1
  35. Урок 35. 00:03:22
    Teleport - Part 2
  36. Урок 36. 00:02:52
    Child Components
  37. Урок 37. 00:01:36
    Fix Lazy-Loading Views
  38. Урок 38. 00:03:35
    Slots
  39. Урок 39. 00:03:52
    Props
  40. Урок 40. 00:03:53
    Emits
  41. Урок 41. 00:02:25
    modelValue
  42. Урок 42. 00:02:39
    update:modelValue
  43. Урок 43. 00:02:47
    Dynamic Components - Part 1
  44. Урок 44. 00:02:20
    Dynamic Components - Part 2
  45. Урок 45. 00:04:11
    Provide / Inject - Part 1
  46. Урок 46. 00:03:14
    Provide / Inject - Part 2
  47. Урок 47. 00:04:55
    What is a Composable?
  48. Урок 48. 00:02:40
    Create a Composable
  49. Урок 49. 00:03:27
    Use Our Composable
  50. Урок 50. 00:04:16
    Reuse our Composable
  51. Урок 51. 00:03:28
    Add Composable from VueUse
  52. Урок 52. 00:05:36
    What is State Management?
  53. Урок 53. 00:05:03
    Composable State vs Vuex vs Pinia
  54. Урок 54. 00:02:42
    State - Part 1
  55. Урок 55. 00:05:42
    State - Part 2
  56. Урок 56. 00:03:41
    Actions
  57. Урок 57. 00:02:43
    Getters
  58. Урок 58. 00:02:23
    Use our Store Anywhere
  59. Урок 59. 00:02:07
    Introduction & Noteballs App
  60. Урок 60. 00:02:15
    Create Project
  61. Урок 61. 00:03:03
    Router - Install & Setup
  62. Урок 62. 00:04:01
    Router - Add Some Routes
  63. Урок 63. 00:01:51
    Add RouterView & Navigation
  64. Урок 64. 00:02:20
    Router - Tidying Up
  65. Урок 65. 00:03:10
    Install Bulma
  66. Урок 66. 00:02:47
    Nav Bar - Design
  67. Урок 67. 00:02:55
    Nav Bar - Navigation & Logo
  68. Урок 68. 00:05:06
    Nav Bar - Responsive Design & Menu
  69. Урок 69. 00:02:05
    Pages (Design)
  70. Урок 70. 00:01:52
    Notes (Design)
  71. Урок 71. 00:02:31
    Add Note Form (Design)
  72. Урок 72. 00:02:38
    Notes Array (Ref)
  73. Урок 73. 00:09:01
    Add Note Method
  74. Урок 74. 00:02:33
    Child Component - Note
  75. Урок 75. 00:01:35
    Props (Note)
  76. Урок 76. 00:05:46
    Computed (Note Length)
  77. Урок 77. 00:06:25
    Delete Note (Emit)
  78. Урок 78. 00:04:21
    Pinia - Setup & State
  79. Урок 79. 00:03:41
    Use Our Store
  80. Урок 80. 00:03:48
    Action - Add Note
  81. Урок 81. 00:02:39
    Action (with Parameters) - Add Note
  82. Урок 82. 00:05:16
    Action - Delete Note
  83. Урок 83. 00:04:39
    Edit Note Page & Route
  84. Урок 84. 00:03:58
    Reusable Component - AddEditNote
  85. Урок 85. 00:05:33
    Hook up with modelValue
  86. Урок 86. 00:05:05
    Fix the Focus
  87. Урок 87. 00:10:33
    Custom Color, Placeholder & Label Props
  88. Урок 88. 00:05:36
    Getter - Get Note Content (useRoute)
  89. Урок 89. 00:03:10
    Getter (with Parameters) - Get Note Content
  90. Урок 90. 00:06:25
    Action - Update Note
  91. Урок 91. 00:01:21
    useRouter - Redirect to Notes Page
  92. Урок 92. 00:07:34
    More Getters & Stats Page
  93. Урок 93. 00:02:08
    Directive - Autofocus
  94. Урок 94. 00:02:58
    Global Directive - Autofocus
  95. Урок 95. 00:02:11
    Watch the Number of Characters (Watch)
  96. Урок 96. 00:04:25
    Composable - useWatchCharacters
  97. Урок 97. 00:02:49
    Composable - Multiple Parameters
  98. Урок 98. 00:06:11
    Click Outside Composable (VueUse, Template Refs)
  99. Урок 99. 00:07:20
    Delete Modal Design (Reactive Objects)
  100. Урок 100. 00:05:22
    Hide the Delete Modal (modelValue & update:modelValue)
  101. Урок 101. 00:03:35
    Delete Modal - Click Outside to Close
  102. Урок 102. 00:06:19
    Delete Modal - Keyboard Control (Lifecycle Hooks)
  103. Урок 103. 00:04:58
    Delete Modal - Delete The Note
  104. Урок 104. 00:03:30
    Introduction to Firebase
  105. Урок 105. 00:01:47
    Create a Firebase Project
  106. Урок 106. 00:02:04
    Create App & Install Firebase
  107. Урок 107. 00:02:36
    Setup Firestore Database
  108. Урок 108. 00:02:24
    Connect to Database
  109. Урок 109. 00:07:18
    Display Notes from Firestore
  110. Урок 110. 00:07:50
    Get Notes in Real Time
  111. Урок 111. 00:06:22
    Add Note
  112. Урок 112. 00:02:37
    Delete Note
  113. Урок 113. 00:05:06
    Update Note
  114. Урок 114. 00:05:33
    Order Notes by Date (ID)
  115. Урок 115. 00:05:27
    Improve Document Structure & Auto ID’s
  116. Урок 116. 00:09:38
    Display Date on Note
  117. Урок 117. 00:04:55
    Add a Progress Bar
  118. Урок 118. 00:02:09
    Show Placeholder when No Notes
  119. Урок 119. 00:07:30
    Login & Register Page - Tabs
  120. Урок 120. 00:08:32
    Login & Register Page - Form
  121. Урок 121. 00:03:41
    Firestore Authentication & Auth Store
  122. Урок 122. 00:07:06
    Register User
  123. Урок 123. 00:02:25
    Logout User
  124. Урок 124. 00:03:26
    Login User
  125. Урок 125. 00:07:51
    Listen for Auth Changes & Store User Data
  126. Урок 126. 00:04:04
    Improve Logout Button
  127. Урок 127. 00:05:24
    Redirect User on Auth Change
  128. Урок 128. 00:05:43
    Restructure Database for Multiple Users
  129. Урок 129. 00:07:19
    Setup Refs for Multiple Users
  130. Урок 130. 00:04:13
    Clear Notes array in State when user logs out
  131. Урок 131. 00:08:54
    Unsubscribe from the Get Notes Listener
  132. Урок 132. 00:03:49
    Navigation Guards - Part 1
  133. Урок 133. 00:04:47
    Navigation Guards - Part 2
  134. Урок 134. 00:03:31
    Firestore Security Rules - Part 1
  135. Урок 135. 00:05:20
    Firebase Security Rules - Part 2
  136. Урок 136. 00:06:19
    Hosting - Part 1
  137. Урок 137. 00:04:08
    Hosting - Part 2
  138. Урок 138. 00:02:23
    Bonus Lecture