1. Урок 1. 00:21:11
    Course introduction
  2. Урок 2. 00:04:14
    Demo of the finished product
  3. Урок 3. 00:03:01
    Register for the Imgur API
  4. Урок 4. 00:01:02
    Reviewing the Vue.js Poster Store Github repo
  5. Урок 5. 00:02:13
    Clone repo install dependencies and setup environment file
  6. Урок 6. 00:01:53
    Running server and viewing project
  7. Урок 7. 00:05:48
    Include Vue in project
  8. Урок 8. 00:03:07
    Creat an instance of Vue
  9. Урок 9. 00:02:39
    Adding a data property
  10. Урок 10. 00:03:32
    Vue essentials - Directives
  11. Урок 11. 00:02:57
    Adding a method
  12. Урок 12. 00:05:13
    Rendering a list of items
  13. Урок 13. 00:03:42
    Add classes to item
  14. Урок 14. 00:01:49
    First a request
  15. Урок 15. 00:01:26
    Creating the cart
  16. Урок 16. 00:03:56
    Vue essentials - Reactivity
  17. Урок 17. 00:01:52
    Iterate cart items in template
  18. Урок 18. 00:04:37
    Enhancing cart in the template
  19. Урок 19. 00:01:04
    Hide cart if empty
  20. Урок 20. 00:04:13
    Adding quantity to cart items
  21. Урок 21. 00:05:13
    Cart items quantity logic
  22. Урок 22. 00:05:38
    Adding price to cart items
  23. Урок 23. 00:02:58
    Vue essentials - Filters
  24. Урок 24. 00:02:31
    Formatting price
  25. Урок 25. 00:04:44
    Adding quantity buttons to template
  26. Урок 26. 00:03:48
    Quantity buttons logic
  27. Урок 27. 00:04:53
    Adding classes and breaking loop in add Items
  28. Урок 28. 00:02:07
    Search button
  29. Урок 29. 00:06:09
    Search input
  30. Урок 30. 00:02:49
    Overview of vue-resource
  31. Урок 31. 00:03:10
    Overview of API
  32. Урок 32. 00:03:36
    Adding vue-resource to project
  33. Урок 33. 00:02:21
    AJAX call for products
  34. Урок 34. 00:04:54
    Replacing dummy items with the real thing
  35. Урок 35. 00:03:35
    Product image
  36. Урок 36. 00:06:10
    Adding search result count to product list
  37. Урок 37. 00:06:19
    Loading message
  38. Урок 38. 00:05:57
    Vue essentials - Lifecycle hooks
  39. Урок 39. 00:02:41
    Default search on page load
  40. Урок 40. 00:03:49
    Adding price to products
  41. Урок 41. 00:02:18
    Vue essentials - Transitions
  42. Урок 42. 00:04:19
    Fading in cart total
  43. Урок 43. 00:06:40
    Vue essentials - Key
  44. Урок 44. 00:04:05
    Vue essentials - List transitions
  45. Урок 45. 00:03:29
    Fade in cart items
  46. Урок 46. 00:04:01
    How scroll load works?
  47. Урок 47. 00:06:32
    Creating the results array
  48. Урок 48. 00:03:22
    Including scroll monitor in the project
  49. Урок 49. 00:04:41
    Scroll monitor basic setup
  50. Урок 50. 00:03:38
    Implementing scroll load part 1
  51. Урок 51. 00:04:35
    Implementing scroll load part 2
  52. Урок 52. 00:06:22
    Fixing search results
  53. Урок 53. 00:01:38
    Adding a no more items message
  54. Урок 54. 00:02:59
    Vue essentials - Computed properties
  55. Урок 55. 00:02:24
    Enhancing no more items logic
  56. Урок 56. 00:04:05
    Hiding elements before Vue compiles them
  57. Урок 57. 00:03:51
    Requiring a search string
  58. Урок 58. 00:01:50
    Demo of the finished product
  59. Урок 59. 00:03:44
    Getting data from the OMDB API
  60. Урок 60. 00:01:27
    Clone repo NPM install setup environment
  61. Урок 61. 00:05:03
    Running local server
  62. Урок 62. 00:02:06
    Tour of the project files
  63. Урок 63. 00:06:18
    Webpack configuration
  64. Урок 64. 00:09:21
    Hello World
  65. Урок 65. 00:03:29
    Vue essentials - Components
  66. Урок 66. 00:03:04
    Configuring components
  67. Урок 67. 00:05:18
    Setup the movie-list component
  68. Урок 68. 00:06:17
    Setup the check-filter component
  69. Урок 69. 00:05:37
    Vue essentials - Props
  70. Урок 70. 00:03:48
    Add props to check-filter component
  71. Урок 71. 00:03:45
    Making check-filter toggleable
  72. Урок 72. 00:03:16
    Vue essentials - Custom events
  73. Урок 73. 00:02:36
    Emitting a custom event from check-filter
  74. Урок 74. 00:04:37
    Vue essentials - Vue.js devtools
  75. Урок 75. 00:02:00
    Adding a payload to check-filter event
  76. Урок 76. 00:05:37
    Processing check-filter event in root instance
  77. Урок 77. 00:03:41
    Add filter arrays to movie-list
  78. Урок 78. 00:03:09
    Creating logic for genre filter
  79. Урок 79. 00:05:39
    Vue essentials - Single file components
  80. Урок 80. 00:03:52
    Refactor project to use single file components
  81. Урок 81. 00:09:23
    Understanding the API
  82. Урок 82. 00:04:37
    Getting data from the API
  83. Урок 83. 00:03:53
    Replace dummy data with API data
  84. Урок 84. 00:02:20
    Creating movie-item component
  85. Урок 85. 00:03:28
    Fleshing out movie-item template
  86. Урок 86. 00:03:15
    Enhance genre filter for multi-genre movies
  87. Урок 87. 00:05:21
    Adding no results and loading messages
  88. Урок 88. 00:05:03
    Adding moment library to project
  89. Урок 89. 00:07:35
    Displaying session times
  90. Урок 90. 00:05:39
    Filtering session times
  91. Урок 91. 00:06:43
    Adding time filters
  92. Урок 92. 00:05:01
    Filter movies based on time filter
  93. Урок 93. 00:09:45
    Filter sessions based on time filter
  94. Урок 94. 00:04:39
    Enhance the no results message with filters
  95. Урок 95. 00:04:09
    Vue essentials - Event bus
  96. Урок 96. 00:03:02
    Using a global event bus in the project
  97. Урок 97. 00:08:51
    Vue essentials - Vue router
  98. Урок 98. 00:04:14
    Abstract main page into overview component
  99. Урок 99. 00:04:40
    Setting up Vue router
  100. Урок 100. 00:04:11
    Adding router-view to main template
  101. Урок 101. 00:03:28
    Creating detail page
  102. Урок 102. 00:04:59
    Passing movie ID to detail page
  103. Урок 103. 00:04:04
    Displaying movie-item in detail page
  104. Урок 104. 00:06:34
    Vue essentials - Slots
  105. Урок 105. 00:02:21
    Incorporating slots in movie-item
  106. Урок 106. 00:04:40
    Fleshing out detail page
  107. Урок 107. 00:04:42
    Creating day-select component
  108. Урок 108. 00:02:29
    Addings days to day-select
  109. Урок 109. 00:06:08
    Day selection logic
  110. Урок 110. 00:02:49
    Application-level day property
  111. Урок 111. 00:04:59
    Mobile day selector
  112. Урок 112. 00:06:23
    Vue essentials - Custom directives
  113. Урок 113. 00:03:12
    Adding tooltip custom directive
  114. Урок 114. 00:03:43
    Creating tooltip in DOM
  115. Урок 115. 00:02:54
    Adding classes and event listeners to tooltip
  116. Урок 116. 00:12:30
    Vue essentials - Plugins
  117. Урок 117. 00:01:25
    Making tooltip a custom plugin
  118. Урок 118. 00:03:40
    Adding keep-alive to router to maintain filter state
  119. Урок 119. 00:02:26
    How v-cloak works alongside Webpack?
  120. Урок 120. 00:02:49
    Building for production
  121. Урок 121. 00:01:57
    Demo of the finished product
  122. Урок 122. 00:04:07
    Clone repo NPM install setup environment
  123. Урок 123. 00:02:37
    Tour of the files
  124. Урок 124. 00:04:42
    Webpack configuration and extract text demo
  125. Урок 125. 00:10:36
    Setup the app component
  126. Урок 126. 00:02:57
    Add moment to root set timezone
  127. Урок 127. 00:04:16
    Generate list of days in current month
  128. Урок 128. 00:08:11
    Padding days to start end of month for complete weeks
  129. Урок 129. 00:10:46
    Grouping days into blocks of weeks
  130. Урок 130. 00:04:38
    Vue essentials - Shorthands
  131. Урок 131. 00:04:46
    Adding calendar-day component
  132. Урок 132. 00:01:31
    Adding days of week above calendar grid
  133. Урок 133. 00:02:57
    Highlighting current day on calendar
  134. Урок 134. 00:03:07
    UI effects for past and days outside of month
  135. Урок 135. 00:04:39
    Vue essentials - Vuex
  136. Урок 136. 00:01:15
    Add Vuex store to project and create basic state properties
  137. Урок 137. 00:04:37
    Adding header and creating current-month component
  138. Урок 138. 00:02:36
    Displaying date in current-month component
  139. Урок 139. 00:01:40
    Adding buttons to current-month component
  140. Урок 140. 00:02:33
    Moving Vuex into own file
  141. Урок 141. 00:03:17
    Changing month and year with Vuex mutation
  142. Урок 142. 00:03:32
    Enhancing current-month logic
  143. Урок 143. 00:02:19
    Vue.js Dev Tools - Vuex
  144. Урок 144. 00:01:49
    Creating event-form component
  145. Урок 145. 00:04:50
    Capture click in calendar-day
  146. Урок 146. 00:04:36
    Positioning Event Form
  147. Урок 147. 00:02:35
    Opening and closing Event Form
  148. Урок 148. 00:06:03
    Displaying events in calendar-day
  149. Урок 149. 00:05:59
    Creating events state in store
  150. Урок 150. 00:01:55
    Adding input to event-form
  151. Урок 151. 00:01:59
    Submit new event to store
  152. Урок 152. 00:04:04
    Get event date in store
  153. Урок 153. 00:03:51
    Improving form
  154. Урок 154. 00:03:07
    Focus directive Enter keyup is create
  155. Урок 155. 00:04:21
    Displaying date on Event Form
  156. Урок 156. 00:04:15
    Highlight Event Form active day
  157. Урок 157. 00:03:40
    Setup for sending events to server
  158. Урок 158. 00:05:21
    Receiving event on server
  159. Урок 159. 00:02:57
    Vue essentials - Vuex actions
  160. Урок 160. 00:04:02
    Creating addEvent action in store
  161. Урок 161. 00:05:56
    Returning a promise from addEvent action
  162. Урок 162. 00:06:59
    Replace Vuex state in main file
  163. Урок 163. 00:05:08
    Move mock data to HTML template
  164. Урок 164. 00:05:19
    Splicing mock data into HTML file
  165. Урок 165. 00:08:07
    Vue essentials - Render functions
  166. Урок 166. 00:04:19
    Creating root instance template with a render function
  167. Урок 167. 00:06:37
    Introduction to server-side rendering
  168. Урок 168. 00:09:48
    Server-side rendering webpack flow
  169. Урок 169. 00:05:43
    Creating common entry file
  170. Урок 170. 00:06:58
    Creating server entry file
  171. Урок 171. 00:06:47
    Setting up bundle renderer
  172. Урок 172. 00:06:09
    Splicing rendered bundle into HTML template
  173. Урок 173. 00:04:43
    Vuex state hydration
  174. Урок 174. 00:03:51
    Adding image to header and reloading page on initial render
  175. Урок 175. 00:05:46
    Building for production
  176. Урок 176. 00:03:57
    Wrap up