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