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!