Этот материал находится в платной подписке. Оформи премиум подписку и смотри или слушай Quasar Framework: Cross-Platform Vue JS Vuex & Firebase Apps, а также все другие курсы, прямо сейчас!
Премиум
  1. Урок 1. 00:03:27
    Introduction & Course App: Awesome Todo
  2. Урок 2. 00:03:31
    What is Quasar?
  3. Урок 3. 00:07:17
    What is Vue.js?
  4. Урок 4. 00:00:26
    Module Introduction
  5. Урок 5. 00:01:41
    Install Node.js and Quasar CLI
  6. Урок 6. 00:02:22
    Create & launch a new Quasar Project in the Browser
  7. Урок 7. 00:03:08
    Folder structure - Layouts, Pages, Routes & more
  8. Урок 8. 00:00:38
    Module Introduction
  9. Урок 9. 00:01:50
    Anatomy of a Vue Single File Component
  10. Урок 10. 00:01:55
    Binding Data to the View
  11. Урок 11. 00:01:00
    Two-way Data Binding with v-model
  12. Урок 12. 00:02:32
    Events & Methods - Click
  13. Урок 13. 00:05:43
    Events - Keyboard & more
  14. Урок 14. 00:02:24
    Showing and Hiding Elements - v-show
  15. Урок 15. 00:02:44
    Conditional Rendering - v-if & v-else
  16. Урок 16. 00:05:39
    Computed Properties
  17. Урок 17. 00:03:24
    Filters
  18. Урок 18. 00:02:34
    Directives
  19. Урок 19. 00:05:12
    Binding to Attributes & CSS
  20. Урок 20. 00:02:03
    Lifecycle Hooks - Introduction
  21. Урок 21. 00:03:16
    Lifecycle Hooks - In Action
  22. Урок 22. 00:04:16
    Refs
  23. Урок 23. 00:00:50
    Module Introduction
  24. Урок 24. 00:02:26
    Displaying Lists with v-for
  25. Урок 25. 00:05:18
    Displaying more details
  26. Урок 26. 00:04:04
    Child Components
  27. Урок 27. 00:02:03
    Passing Data to Child Components - Props
  28. Урок 28. 00:00:53
    Passing Data to Child Components - Slots
  29. Урок 29. 00:01:40
    Keys
  30. Урок 30. 00:00:21
    Module Introduction
  31. Урок 31. 00:03:59
    Pages and Routes
  32. Урок 32. 00:05:06
    Add Page Navigation to Sidebar (Drawer)
  33. Урок 33. 00:05:56
    Tab Navigation for Mobile
  34. Урок 34. 00:05:24
    Consolidating Navigation Data
  35. Урок 35. 00:03:52
    Only show Drawer on Desktop, Tabs on Mobile
  36. Урок 36. 00:07:17
    Adding some Style to the Layout
  37. Урок 37. 00:01:53
    Add SCSS support
  38. Урок 38. 00:01:33
    Customise Theme with Theme Builder
  39. Урок 39. 00:00:23
    Module Introduction
  40. Урок 40. 00:07:11
    Display a List of Tasks
  41. Урок 41. 00:07:32
    Add Due Date and Time
  42. Урок 42. 00:03:57
    Add some Style to the List of Tasks
  43. Урок 43. 00:03:39
    Introduction to Vuex
  44. Урок 44. 00:03:06
    Setup a Vuex Store
  45. Урок 45. 00:02:16
    Add Tasks Data to the Vuex Store / Vue Devtools Chrome Extension
  46. Урок 46. 00:04:02
    Create a Getter for the Tasks Data
  47. Урок 47. 00:03:01
    Change Tasks Array into an Object Structure
  48. Урок 48. 00:04:08
    Put Task into a Child Component
  49. Урок 49. 00:00:24
    Module Introduction
  50. Урок 50. 00:10:17
    Set Completed Status in Vuex Store
  51. Урок 51. 00:06:21
    Delete Task - Add Delete Button & Confirm Dialog
  52. Урок 52. 00:04:23
    Delete Task - Delete the Task from the State
  53. Урок 53. 00:00:35
    Module Introduction
  54. Урок 54. 00:07:50
    Add Task - Button & Modal
  55. Урок 55. 00:03:58
    Add Task - Customize the Modal
  56. Урок 56. 00:08:43
    Add the Fields
  57. Урок 57. 00:08:19
    Form Validation & Submission
  58. Урок 58. 00:10:12
    Vuex - Add Task when Form Submitted
  59. Урок 59. 00:12:35
    A Few Improvements
  60. Урок 60. 00:00:28
    Module Introduction
  61. Урок 61. 00:03:16
    Add Task - Reusable Components (1/5): Modal Header
  62. Урок 62. 00:05:09
    Add Task - Reusable Components (2/5): Task Name
  63. Урок 63. 00:03:56
    Add Task - Reusable Components (3/5): Due Date
  64. Урок 64. 00:02:43
    Add Task - Reusable Components (4/5): Due Time
  65. Урок 65. 00:02:59
    Add Task - Reusable Components (5/5): Buttons
  66. Урок 66. 00:04:10
    Edit Task - Add the Button & Show the Modal
  67. Урок 67. 00:06:00
    Edit Task - Customise & Setup the Modal
  68. Урок 68. 00:00:33
    Module Introduction
  69. Урок 69. 00:05:47
    Create Getters for Todo and Completed Tasks
  70. Урок 70. 00:05:37
    Display Todo and Completed Tasks in Separate Lists
  71. Урок 71. 00:07:17
    Add Headings to the Task Lists
  72. Урок 72. 00:02:37
    Make the Heading Background Color Adjustable
  73. Урок 73. 00:01:29
    Conditionally Show & Hide the Task Lists
  74. Урок 74. 00:04:05
    Add a "No tasks to do today!" Banner
  75. Урок 75. 00:05:39
    Use Global Event Bus to fix the "No tasks" Banner Button
  76. Урок 76. 00:00:15
    Module Introduction
  77. Урок 77. 00:03:34
    Add the Search Bar Markup
  78. Урок 78. 00:02:21
    Connect Search Bar to Vuex State with mapState
  79. Урок 79. 00:01:30
    Use a Computed Property Setter to set the Vuex search value
  80. Урок 80. 00:02:22
    Setup an Action & Mutation to set the search property
  81. Урок 81. 00:06:28
    Filter the Tasks based on Search Value
  82. Урок 82. 00:03:48
    Display “No search results” & Hide the “No tasks today” Banner
  83. Урок 83. 00:00:11
    Module Introduction
  84. Урок 84. 00:08:46
    Add Sorting Getter to Vuex Store
  85. Урок 85. 00:01:15
    Make the Sort Criteria Configurable
  86. Урок 86. 00:04:33
    Add a Sort Dropdown Component to the Page
  87. Урок 87. 00:05:19
    Sort Dropdown - Configure the Options
  88. Урок 88. 00:04:12
    Link the Sort Dropdown to the Vuex Store State
  89. Урок 89. 00:00:38
    Module Introduction
  90. Урок 90. 00:04:46
    Custom Directive - Select All Text in Input when Clicked
  91. Урок 91. 00:02:52
    Custom Directive - Make it Global!
  92. Урок 92. 00:01:12
    Clear the Search Field when Esc pressed
  93. Урок 93. 00:02:53
    Click and Hold a Task to Edit with v-touch-hold Directive
  94. Урок 94. 00:03:28
    Filter - Format the Date Nicely
  95. Урок 95. 00:08:52
    Filter - Highlight the Search Query on Matching Tasks
  96. Урок 96. 00:04:24
    Mixin - Combine Duplicated Code on Add / Edit Task into Mixin
  97. Урок 97. 00:06:07
    Transitions - Animate the Showing & Hiding of Components
  98. Урок 98. 00:06:18
    Add a Scroll Area
  99. Урок 99. 00:01:45
    Enable clicking beside the Add Task button
  100. Урок 100. 00:00:45
    Module Introduction
  101. Урок 101. 00:04:17
    Add a "Show 12 hour time format" Setting
  102. Урок 102. 00:03:06
    Vuex - Create a Settings Store
  103. Урок 103. 00:03:05
    Add a Computed Getter & Setter
  104. Урок 104. 00:05:44
    Format the Time with a Computed Property
  105. Урок 105. 00:07:20
    Add a "Show tasks in one list" Setting
  106. Урок 106. 00:07:01
    Make the Settings Persistent using LocalStorage Plugin
  107. Урок 107. 00:04:22
    Get & Apply the LocalStorage Settings on App Load
  108. Урок 108. 00:05:04
    Add a "More" Section and a Help Page
  109. Урок 109. 00:01:39
    Add a "Visit our website" Link with openURL Utility
  110. Урок 110. 00:01:30
    Add an "Email us" Link
  111. Урок 111. 00:00:20
    Module Introduction
  112. Урок 112. 00:02:47
    Create a Login & Register Page (and Route)
  113. Урок 113. 00:03:35
    Create Tab Panels for Login & Register
  114. Урок 114. 00:02:31
    Register - Create Component & Add a Banner
  115. Урок 115. 00:04:15
    Register - Add Email/Password Fields & Button
  116. Урок 116. 00:04:37
    Register - Form Validation
  117. Урок 117. 00:01:53
    Register - Submit Form if Valid
  118. Урок 118. 00:03:07
    Login - Reuse the Register Component
  119. Урок 119. 00:02:32
    Login / Register - Customise the Banner
  120. Урок 120. 00:04:08
    Introduction to Firebase
  121. Урок 121. 00:02:49
    How we’re going to use Firebase
  122. Урок 122. 00:03:47
    Create a Firebase Project
  123. Урок 123. 00:01:33
    Setup Authentication
  124. Урок 124. 00:00:36
    Module Introduction
  125. Урок 125. 00:05:27
    Add Firebase to the Project using Boot File
  126. Урок 126. 00:01:11
    Vuex - Create an Auth Store
  127. Урок 127. 00:05:31
    Register User
  128. Урок 128. 00:02:21
    Login User
  129. Урок 129. 00:05:45
    Add Logout Button - Show only when User Logged In
  130. Урок 130. 00:03:03
    Logout Button - Log the User Out
  131. Урок 131. 00:02:43
    Redirect on Log In / Log Out
  132. Урок 132. 00:02:31
    Navigation Guards - Protect Routes when Logged Out
  133. Урок 133. 00:05:49
    Navigation Guards - Create a Boot File
  134. Урок 134. 00:04:55
    Handling Errors
  135. Урок 135. 00:03:38
    Show a Loading Overlay when Logging In
  136. Урок 136. 00:00:27
    Module Introduction
  137. Урок 137. 00:03:26
    Data Structure - Design
  138. Урок 138. 00:02:55
    Data Structure - Add to Firebase using Import
  139. Урок 139. 00:00:20
    Module Introduction
  140. Урок 140. 00:03:17
    Read Data when user Logs In
  141. Урок 141. 00:01:25
    Connect to the Database
  142. Урок 142. 00:07:32
    Read Data - When Task Added
  143. Урок 143. 00:02:52
    Read Data - When Task Updated
  144. Урок 144. 00:02:28
    Read Data - When Task Deleted
  145. Урок 145. 00:00:12
    Module Introduction
  146. Урок 146. 00:05:02
    Write Data - When Task Added
  147. Урок 147. 00:02:14
    Write Data - When Task Updated
  148. Урок 148. 00:01:52
    Write Data - When Task Deleted
  149. Урок 149. 00:00:11
    Module Introduction
  150. Урок 150. 00:03:13
    Add a Loading View for the Todo Page
  151. Урок 151. 00:01:28
    Make the Loading View Pretty
  152. Урок 152. 00:03:08
    Hide Loading View when Tasks Downloaded
  153. Урок 153. 00:00:21
    Module Introduction
  154. Урок 154. 00:04:06
    Clear the State after User Logs Out
  155. Урок 155. 00:09:58
    Update the Firebase Database Rules
  156. Урок 156. 00:00:16
    Module Introduction
  157. Урок 157. 00:03:46
    Handle Write Errors
  158. Урок 158. 00:01:23
    Handle Read Errors
  159. Урок 159. 00:06:34
    Add Notifications
  160. Урок 160. 00:00:19
    Module Introduction
  161. Урок 161. 00:01:16
    Download all Icons and Splashscreens
  162. Урок 162. 00:06:18
    How I Created the Icon in Sketch (optional)
  163. Урок 163. 00:04:24
    Add the Icons to Awesome Todo
  164. Урок 164. 00:03:30
    Build and Deploy App to the Web
  165. Урок 165. 00:00:51
    Module Introduction
  166. Урок 166. 00:01:48
    Add the Mac Platform
  167. Урок 167. 00:06:58
    Fix Style Issues
  168. Урок 168. 00:04:57
    Electron Main Process file & Tidying Up
  169. Урок 169. 00:02:00
    Customise Browser Window Settings
  170. Урок 170. 00:04:39
    Make Menu Customizable with a Menu Template
  171. Урок 171. 00:02:17
    Put the Menu Template into a Separate File
  172. Урок 172. 00:03:24
    Menu - Add a Settings Option
  173. Урок 173. 00:03:18
    Menu - Listen to Settings Option with IPC Receive / Platform Detection
  174. Урок 174. 00:01:56
    Add a Keyboard Shortcut to the Settings Menu Option
  175. Урок 175. 00:04:35
    Add a Quit Button to the Drawer with IPC send
  176. Урок 176. 00:01:21
    Listen for the Quit Event and Quit the App
  177. Урок 177. 00:02:04
    Removing App Data (LocalStorage etc)
  178. Урок 178. 00:02:21
    Add an App Icon
  179. Урок 179. 00:02:17
    Build for Production
  180. Урок 180. 00:00:35
    Security concerns for Electron apps
  181. Урок 181. 00:00:19
    Module introduction
  182. Урок 182. 00:01:15
    Install VirtualBox
  183. Урок 183. 00:01:18
    Install Windows 10 Virtual Machine
  184. Урок 184. 00:02:36
    Setup Virtual Machine - Enable File Sharing
  185. Урок 185. 00:00:59
    How to work on the Windows version of your app
  186. Урок 186. 00:04:46
    Build the Windows version
  187. Урок 187. 00:03:03
    Menu - Add File Menu with Settings option
  188. Урок 188. 00:03:11
    Add Icon
  189. Урок 189. 00:00:29
    Module Introduction
  190. Урок 190. 00:01:50
    Install Cordova and Xcode
  191. Урок 191. 00:02:30
    Launch the app on iOS Simulator for Development
  192. Урок 192. 00:02:05
    src-cordova folder
  193. Урок 193. 00:04:46
    Add iOS Statusbar and Footer Padding / Safari Dev Tools
  194. Урок 194. 00:01:22
    Fix the Email Input
  195. Урок 195. 00:02:51
    Fix the Task List
  196. Урок 196. 00:03:20
    Auto Focus - Fix Auto Focus issue on Add / Edit Task Modals
  197. Урок 197. 00:03:36
    Auto Focus - config.xml - Enable Automatic Input Focussing
  198. Урок 198. 00:02:10
    Auto Focus - Limit the Focus Delay to only Cordova Platform
  199. Урок 199. 00:05:37
    Auto Focus - Make the Delay Period Configurable
  200. Урок 200. 00:01:52
    Cordova Plugins - InAppBrowser
  201. Урок 201. 00:06:11
    Add App Icons
  202. Урок 202. 00:04:08
    Splashscreen - Create (optional)
  203. Урок 203. 00:01:54
    Splashscreen - Add to App
  204. Урок 204. 00:03:13
    Simulator - Run on Different iOS Devices
  205. Урок 205. 00:04:01
    Develop on a Real iOS Device
  206. Урок 206. 00:01:29
    Build the App for Production
  207. Урок 207. 00:00:21
    Module Introduction
  208. Урок 208. 00:01:37
    Install Android Studio & SDK
  209. Урок 209. 00:01:50
    Setup Virtual Device
  210. Урок 210. 00:02:42
    Add Android to your Path
  211. Урок 211. 00:08:52
    Launch on Android Simulator
  212. Урок 212. 00:03:05
    Add App Icons
  213. Урок 213. 00:04:43
    Splashscreen - Create (optional)
  214. Урок 214. 00:02:03
    Splashscreen - Add to App
  215. Урок 215. 00:00:57
    Build the App for Production
  216. Урок 216. 00:02:51
    Course Round Up
  217. Урок 217. 00:08:42
    Icons & Splashscreens for Web, Mobile & Desktop apps Instantly with IconGenie!