Этот материал находится в платной подписке. Оформи премиум подписку и смотри или слушай Vuetify: Create an App with Vue JS & Vuex - in 5 Hours!, а также все другие курсы, прямо сейчас!
Премиум
  1. Урок 1. 00:05:09
    Introduction
  2. Урок 2. 00:01:16
    What is Vuetify?
  3. Урок 3. 00:05:37
    Editor & Software Setup
  4. Урок 4. 00:00:53
    Install Node.js & Vue CLI
  5. Урок 5. 00:02:28
    Create a Vue Project & Add Vuetify
  6. Урок 6. 00:03:49
    Folder & File Structure
  7. Урок 7. 00:01:15
    Install Vue Devtools on Chrome
  8. Урок 8. 00:02:14
    Vue.js Basics
  9. Урок 9. 00:00:30
    Clean up the Project
  10. Урок 10. 00:01:05
    Start with a Wireframe
  11. Урок 11. 00:03:15
    Setup the Drawer
  12. Урок 12. 00:03:58
    Setup Pages & Routes
  13. Урок 13. 00:02:59
    Get Pages Ready
  14. Урок 14. 00:02:41
    Header Styles
  15. Урок 15. 00:02:06
    Replace Image & Title
  16. Урок 16. 00:02:27
    Create a List of Tasks
  17. Урок 17. 00:03:46
    Add a Data Property for the Tasks
  18. Урок 18. 00:06:56
    Mark Task as Done
  19. Урок 19. 00:02:52
    Delete Task
  20. Урок 20. 00:06:46
    Add Task
  21. Урок 21. 00:05:01
    No Tasks Fallback
  22. Урок 22. 00:06:07
    What is Vuex?
  23. Урок 23. 00:01:28
    Move Tasks into Vuex Store
  24. Урок 24. 00:05:00
    Move addTask() Method into Vuex Store
  25. Урок 25. 00:01:25
    Move doneTask() Method into Vuex Store
  26. Урок 26. 00:01:36
    Move deleteTask() Method into Vuex Store
  27. Урок 27. 00:00:59
    Why Use Child Components?
  28. Урок 28. 00:04:30
    Create Add Task Field Child Component
  29. Урок 29. 00:01:43
    Create Task List Child Component
  30. Урок 30. 00:03:20
    Create Task Child Component
  31. Урок 31. 00:02:40
    Create “No Tasks” Child Component
  32. Урок 32. 00:04:27
    Create a Snackbar Component
  33. Урок 33. 00:04:01
    Show Snackbar when Task Added
  34. Урок 34. 00:01:49
    Show Snackbar when Task Deleted
  35. Урок 35. 00:02:12
    Make the Snackbar Text Dynamic
  36. Урок 36. 00:03:12
    Allow Snackbars to be Shown in Quick Succession
  37. Урок 37. 00:01:53
    Allow Snackbar to be Dismissed
  38. Урок 38. 00:03:48
    Show a “Prompt to Delete” Dialog
  39. Урок 39. 00:02:33
    Customize Dialog and Show on Delete Click
  40. Урок 40. 00:02:07
    Delete the Task when “Yes” Button Clicked
  41. Урок 41. 00:01:29
    Close the Dialog on “No” Click
  42. Урок 42. 00:02:54
    Add a Task Menu
  43. Урок 43. 00:02:22
    Add the Menu Items & Icons
  44. Урок 44. 00:02:23
    Handle Clicks
  45. Урок 45. 00:03:33
    Delete Task
  46. Урок 46. 00:03:08
    Create the Dialog
  47. Урок 47. 00:01:44
    Display Current Task Title in Dialog
  48. Урок 48. 00:03:42
    Save the Task
  49. Урок 49. 00:01:46
    Close the Dialog
  50. Урок 50. 00:04:13
    Field Validation
  51. Урок 51. 00:04:01
    Add Task Field Validation
  52. Урок 52. 00:01:26
    Show a Snackbar
  53. Урок 53. 00:04:10
    Setup the Data & Styles
  54. Урок 54. 00:03:40
    Filter the Date with date-fns
  55. Урок 55. 00:03:38
    Create the Dialog
  56. Урок 56. 00:02:05
    Show Dialog and Select Current Date
  57. Урок 57. 00:04:24
    Save Due Date & Close Dialog
  58. Урок 58. 00:01:56
    Add the Search Field
  59. Урок 59. 00:03:55
    Improve the Style
  60. Урок 60. 00:01:32
    Close the Search Field
  61. Урок 61. 00:02:02
    Open on Focus, Close on Blur
  62. Урок 62. 00:02:04
    Add Animation
  63. Урок 63. 00:02:28
    Only Close if Empty
  64. Урок 64. 00:03:39
    Fix Header Issues
  65. Урок 65. 00:03:26
    Hook it up to Vuex State
  66. Урок 66. 00:05:22
    Create a Getter to Filter the Tasks
  67. Урок 67. 00:03:33
    Create a Live Date & Time Component
  68. Урок 68. 00:02:12
    Show the Real Date
  69. Урок 69. 00:02:19
    Display Full Date & Time and Make it Live
  70. Урок 70. 00:03:04
    Add an Image
  71. Урок 71. 00:01:51
    Add an Avatar
  72. Урок 72. 00:03:02
    Add Name & Username
  73. Урок 73. 00:03:52
    Show the Drawer by Default on Tablet & Above
  74. Урок 74. 00:01:46
    Set a Base Page Title
  75. Урок 75. 00:04:01
    Add Page Name to Title on Route Change
  76. Урок 76. 00:03:55
    Environment Variable for App Title
  77. Урок 77. 00:01:27
    Use Environment Variable in HTML Page & Router
  78. Урок 78. 00:02:03
    Use the Environment Variable in Our Components (1)
  79. Урок 79. 00:02:38
    Use the Environment Variable in Our Components (2)
  80. Урок 80. 00:02:55
    Add the Sort Handle & Setup State
  81. Урок 81. 00:05:19
    Add Sort Menu Item & Done Sorting Button
  82. Урок 82. 00:03:35
    Install Vue Draggable
  83. Урок 83. 00:03:54
    Add Some Style
  84. Урок 84. 00:04:04
    Update the Vuex State
  85. Урок 85. 00:02:55
    Install Localbase
  86. Урок 86. 00:04:42
    Make Add Task Persist
  87. Урок 87. 00:03:25
    Get Tasks from Localbase on Load
  88. Урок 88. 00:05:23
    Make Done Task Persist
  89. Урок 89. 00:02:01
    Make Update Title Persist
  90. Урок 90. 00:01:17
    Make Due Date Persist
  91. Урок 91. 00:01:23
    Make Delete Task Persist
  92. Урок 92. 00:05:10
    Make Reordering Persist
  93. Урок 93. 00:04:46
    Testing on iOS
  94. Урок 94. 00:04:17
    Testing on Android
  95. Урок 95. 00:08:33
    Fix the Add Task Field
  96. Урок 96. 00:02:56
    Hide Add Task Field on About Page
  97. Урок 97. 00:06:44
    Fix Scrolling Issues
  98. Урок 98. 00:01:44
    Fix the Snackbars
  99. Урок 99. 00:03:18
    Disable Sorting when Searching
  100. Урок 100. 00:01:36
    Build for Production
  101. Урок 101. 00:02:38
    Setup a Local Git Repository
  102. Урок 102. 00:01:55
    Setup a Remote Repository on GitHub
  103. Урок 103. 00:05:48
    Deploy to Netlify
  104. Урок 104. 00:01:26
    Bonus Lecture: What Next? & Learn More from Me