In Depth Vue 3 For Beginners | Chris Dixon | Skillshare
Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
137 Lessons (11h 6m)
    • 1. Welcome To The Class!

      2:00
    • 2. What You Will Need For This Course

      0:44
    • 3. What Is Vue.js & What Can It Do?

      2:50
    • 4. Overview of Vue 3 changes

      4:56
    • 5. Project Source Code

      1:50
    • 6. Section Intro- First Look At Vue.js

      0:36
    • 7. The Vue Instance

      5:58
    • 8. Data & Lists

      6:19
    • 9. Looping With Objects

      4:52
    • 10. List Indexes & Keys

      3:55
    • 11. Binding Attributes

      6:58
    • 12. Mini Challenge- Dynamic Links

      1:41
    • 13. Dynamic Links: My Solution

      2:35
    • 14. Javascript Expressions

      4:07
    • 15. Event Handling

      4:17
    • 16. Methods

      2:13
    • 17. Raw HTML

      2:08
    • 18. Vue Lifecycle

      9:44
    • 19. Section Intro- Component Basics

      0:27
    • 20. What Are Components?

      2:18
    • 21. First Look At Components

      4:19
    • 22. Props & Re-Using Components

      4:50
    • 23. Local Components

      5:09
    • 24. Section Intro- Build Tools & Single Page Applications

      0:34
    • 25. Single Page Applications

      3:10
    • 26. The Vue CLI

      6:21
    • 27. Project Structure

      8:10
    • 28. The Vetur Extension

      1:08
    • 29. Section Intro- Countdown Project

      0:31
    • 30. Starter Project Download

      3:32
    • 31. Single File Components

      10:18
    • 32. Making Our Events Dynamic

      5:19
    • 33. Calculating Days Left

      6:40
    • 34. Conditional Rendering

      7:56
    • 35. More on conditional rendering

      4:07
    • 36. Computed Properties

      9:04
    • 37. Watchers & Multiple Root Nodes (fragments)

      8:21
    • 38. Computed or Watchers?

      2:54
    • 39. Ordering & Toggling Past Events

      6:57
    • 40. Teleport

      6:22
    • 41. Section Intro- Forms, Events & Modifiers

      0:28
    • 42. Our Form Component

      6:24
    • 43. Styling & Positioning The Form Modal

      7:13
    • 44. Emit Custom Events

      5:44
    • 45. Binding Form Inputs

      3:57
    • 46. Emit Data With A Custom Event

      6:52
    • 47. Emit Multiple Events

      1:17
    • 48. Modifiers

      2:07
    • 49. Validating Our Form

      6:07
    • 50. Updating Events

      11:34
    • 51. Removing Events & Stop Propagation

      9:34
    • 52. Section Intro- Validation & A Deeper Look At Props

      0:27
    • 53. Prop Validation

      8:56
    • 54. Non Prop Attributes

      8:53
    • 55. More On Non Prop Attributes

      6:09
    • 56. Section Intro-Slots & Dynamic Components

      0:31
    • 57. What We Will Be Building & Starter Project

      2:43
    • 58. Project Pages & Components

      5:15
    • 59. Introduction To Slots

      2:04
    • 60. Overview Page Structure

      5:51
    • 61. Slots In Practice

      7:10
    • 62. Passing Dynamic Data & Scope

      4:18
    • 63. Fallback Content

      1:45
    • 64. Named Slots

      5:16
    • 65. Scoped Slots

      7:37
    • 66. Orders Page

      8:18
    • 67. Best Sellers Page

      10:29
    • 68. Dynamic Components

      4:40
    • 69. Section Intro- Provide / Inject

      0:33
    • 70. What Is Provide / Inject?

      2:37
    • 71. Setting Up a Provider

      3:27
    • 72. Injecting Data

      6:53
    • 73. Mini Challenge: Update Orders & Best Sellers Pages To Use Provide / Inject

      0:59
    • 74. Update Orders & Best Sellers Pages To Use Provide / Inject

      3:41
    • 75. Updating the Provider From a Child Component

      3:34
    • 76. Section Intro- Introduction To Routing

      0:37
    • 77. What We Will Be Building & Starter Project

      4:09
    • 78. Setting Up The Vue Router

      3:46
    • 79. Router link and router view

      4:32
    • 80. Params & Queries

      5:36
    • 81. Matching Dynamic Routes

      4:52
    • 82. Nested Routes

      4:56
    • 83. Active classes

      2:40
    • 84. Fallback Pages

      4:29
    • 85. Setting Up Our Project Components & Routes

      10:01
    • 86. Programmatic Navigation

      4:17
    • 87. Different Router Modes

      2:34