Enrolment options
- Enrolled students: There are no students enrolled in this course.
Guests cannot access this course. Please log in.
Course content
Sections:
1
•
Activities:
0
•
Resources:
225
- 001 Introduction Course App Awesome Todo gitir
- 002 What is Quasar gitir
- 003 What is Vue js gitir
- 004 Module Introduction gitir
- 005 Install Node js and Quasar CLI gitir
- 006 Create launch a new Quasar Project in the Browser gitir
- 009 Folder structure Layouts Pages Routes more gitir
- 010 Module Introduction gitir
- 011 Anatomy of a Vue Single File Component gitir
- 012 Binding Data to the View gitir
- 013 Two way Data Binding with v model gitir
- 014 Events Methods Click gitir
- 015 Events Keyboard more gitir
- 016 Showing and Hiding Elements v show gitir
- 017 Conditional Rendering v if v else gitir
- 018 Computed Properties gitir
- 019 Filters gitir
- 020 Directives gitir
- 021 Binding to Attributes CSS gitir
- 022 Lifecycle Hooks Introduction gitir
- 023 Lifecycle Hooks In Action gitir
- 024 Refs gitir
- 026 Module Introduction gitir
- 027 Displaying Lists with v for gitir
- 028 Displaying more details gitir
- 029 Child Components gitir
- 030 Passing Data to Child Components Props gitir
- 031 Passing Data to Child Components Slots gitir
- 032 Keys gitir
- 034 Module Introduction gitir
- 035 Pages and Routes gitir
- 036 Add Page Navigation to Sidebar Drawer gitir
- 037 Tab Navigation for Mobile gitir
- 038 Consolidating Navigation Data gitir
- 039 Only show Drawer on Desktop Tabs on Mobile gitir
- 040 Adding some Style to the Layout gitir
- 041 Add SCSS support gitir
- 042 Customise Theme with Theme Builder gitir
- 044 Module Introduction gitir
- 045 Display a List of Tasks gitir
- 046 Add Due Date and Time gitir
- 047 Add some Style to the List of Tasks gitir
- 049 Introduction to Vuex gitir
- 050 Setup a Vuex Store gitir
- 051 Add Tasks Data to the Vuex Store Vue Devtools Chrome Extension gitir
- 052 Create a Getter for the Tasks Data gitir
- 053 Change Tasks Array into an Object Structure gitir
- 054 Put Task into a Child Component gitir
- 056 Module Introduction gitir
- 057 Set Completed Status in Vuex Store gitir
- 058 Delete Task Add Delete Button Confirm Dialog gitir
- 059 Delete Task Delete the Task from the State gitir
- 061 Module Introduction gitir
- 062 Add Task Button Modal gitir
- 063 Add Task Customize the Modal gitir
- 064 Add the Fields gitir
- 065 Form Validation Submission gitir
- 066 Vuex Add Task when Form Submitted gitir
- 067 A Few Improvements gitir
- 069 Module Introduction gitir
- 070 Add Task Reusable Components 1 5 Modal Header gitir
- 071 Add Task Reusable Components 2 5 Task Name gitir
- 072 Add Task Reusable Components 3 5 Due Date gitir
- 073 Add Task Reusable Components 4 5 Due Time gitir
- 074 Add Task Reusable Components 5 5 Buttons gitir
- 075 Edit Task Add the Button Show the Modal gitir
- 076 Edit Task Customise Setup the Modal gitir
- 079 Module Introduction gitir
- 080 Create Getters for Todo and Completed Tasks gitir
- 081 Display Todo and Completed Tasks in Separate Lists gitir
- 082 Add Headings to the Task Lists gitir
- 083 Make the Heading Background Color Adjustable gitir
- 084 Conditionally Show Hide the Task Lists gitir
- 085 Add a No tasks to do today Banner gitir
- 086 Use Global Event Bus to fix the No tasks Banner Button gitir
- 088 Module Introduction gitir
- 089 Add the Search Bar Markup gitir
- 090 Connect Search Bar to Vuex State with mapState gitir
- 091 Use a Computed Property Setter to set the Vuex search value gitir
- 092 Setup an Action Mutation to set the search property gitir
- 093 Filter the Tasks based on Search Value gitir
- 094 Display No search results Hide the No tasks today Banner gitir
- 096 Module Introduction gitir
- 097 Add Sorting Getter to Vuex Store gitir
- 098 Make the Sort Criteria Configurable gitir
- 099 Add a Sort Dropdown Component to the Page gitir
- 100 Sort Dropdown Configure the Options gitir
- 101 Link the Sort Dropdown to the Vuex Store State gitir
- 103 Module Introduction gitir
- 104 Custom Directive Select All Text in Input when Clicked gitir
- 105 Custom Directive Make it Global gitir
- 106 Clear the Search Field when Esc pressed gitir
- 107 Click and Hold a Task to Edit with v touch hold Directive gitir
- 108 Filter Format the Date Nicely gitir
- 109 Filter Highlight the Search Query on Matching Tasks gitir
- 110 Mixin Combine Duplicated Code on Add Edit Task into Mixin gitir
- 111 Transitions Animate the Showing Hiding of Components gitir
- 112 Add a Scroll Area gitir
- 113 Enable clicking beside the Add Task button gitir
- 115 Module Introduction gitir
- 116 Add a Show 12 hour time format Setting gitir
- 117 Vuex Create a Settings Store gitir
- 118 Add a Computed Getter Setter gitir
- 119 Format the Time with a Computed Property gitir
- 120 Add a Show tasks in one list Setting gitir
- 121 Make the Settings Persistent using LocalStorage Plugin gitir
- 122 Get Apply the LocalStorage Settings on App Load gitir
- 123 Add a More Section and a Help Page gitir
- 124 Add a Visit our website Link with openURL Utility gitir
- 125 Add an Email us Link gitir
- 127 Module Introduction gitir
- 128 Create a Login Register Page and Route gitir
- 129 Create Tab Panels for Login Register gitir
- 130 Register Create Component Add a Banner gitir
- 131 Register Add Email Password Fields Button gitir
- 132 Register Form Validation gitir
- 133 Register Submit Form if Valid gitir
- 134 Login Reuse the Register Component gitir
- 135 Login Register Customise the Banner gitir
- 137 Introduction to Firebase gitir
- 138 How were going to use Firebase gitir
- 139 Create a Firebase Project gitir
- 140 Setup Authentication gitir
- 141 Module Introduction gitir
- 142 Add Firebase to the Project using Boot File gitir
- 143 Vuex Create an Auth Store gitir
- 144 Register User gitir
- 145 Login User gitir
- 146 Add Logout Button Show only when User Logged In gitir
- 147 Logout Button Log the User Out gitir
- 148 Redirect on Log In Log Out gitir
- 150 Navigation Guards Protect Routes when Logged Out gitir
- 151 Navigation Guards Create a Boot File gitir
- 152 Handling Errors gitir
- 153 Show a Loading Overlay when Logging In gitir
- 155 Module Introduction gitir
- 156 Data Structure Design gitir
- 157 Data Structure Add to Firebase using Import gitir
- 158 Module Introduction gitir
- 159 Read Data when user Logs In gitir
- 160 Connect to the Database gitir
- 161 Read Data When Task Added gitir
- 162 Read Data When Task Updated gitir
- 163 Read Data When Task Deleted gitir
- 165 Module Introduction gitir
- 166 Write Data When Task Added gitir
- 167 Write Data When Task Updated gitir
- 168 Write Data When Task Deleted gitir
- 170 Module Introduction gitir
- 171 Add a Loading View for the Todo Page gitir
- 172 Make the Loading View Pretty gitir
- 173 Hide Loading View when Tasks Downloaded gitir
- 175 Module Introduction gitir
- 176 Clear the State after User Logs Out gitir
- 177 Update the Firebase Database Rules gitir
- 179 Module Introduction gitir
- 180 Handle Write Errors gitir
- 181 Handle Read Errors gitir
- 182 Add Notifications gitir
- 185 Module Introduction gitir
- 186 Icon Genie Introduction Installation gitir
- 187 Create the Source Icon or just download it gitir
- 188 Generate Icons with Icon Genie gitir
- 189 Create an NPM Script for our Command gitir
- 190 Build and Deploy App to the Web gitir
- 193 Module Introduction gitir
- 194 Add the Mac Platform gitir
- 195 Fix Style Issues gitir
- 196 Electron Main Process file Tidying Up gitir
- 197 Customise Browser Window Settings gitir
- 198 Make Menu Customizable with a Menu Template gitir
- 199 Put the Menu Template into a Separate File gitir
- 200 Menu Add a Settings Option gitir
- 201 Menu Listen to Settings Option with IPC Receive Platform Detection gitir
- 202 Add a Keyboard Shortcut to the Settings Menu Option gitir
- 203 Add a Quit Button to the Drawer with IPC send gitir
- 204 Listen for the Quit Event and Quit the App gitir
- 205 Removing App Data LocalStorage etc gitir
- 206 Add an App Icon gitir
- 207 Build for Production gitir
- 208 Security concerns for Electron apps gitir
- 211 Module introduction gitir
- 212 Install VirtualBox gitir
- 213 Install Windows 10 Virtual Machine gitir
- 214 Setup Virtual Machine Enable File Sharing gitir
- 215 How to work on the Windows version of your app gitir
- 216 Build the Windows version gitir
- 217 Menu Add File Menu with Settings option gitir
- 220 Module Introduction gitir
- 221 Install Cordova and Xcode gitir
- 222 Launch the app on iOS Simulator for Development gitir
- 223 src cordova folder gitir
- 224 Add iOS Statusbar and Footer Padding Safari Dev Tools gitir
- 225 Fix the Email Input gitir
- 226 Fix the Task List gitir
- 227 Auto Focus Fix Auto Focus issue on Add Edit Task Modals gitir
- 228 Auto Focus config xml Enable Automatic Input Focussing gitir
- 229 Auto Focus Limit the Focus Delay to only Cordova Platform gitir
- 230 Auto Focus Make the Delay Period Configurable gitir
- 231 Cordova Plugins InAppBrowser gitir
- 232 Generate Icons Splashscreens with Icon Genie gitir
- 233 Simulator Run on Different iOS Devices gitir
- 234 Develop on a Real iOS Device gitir
- 235 Build the App for Production gitir
- 237 Module Introduction gitir
- 238 Install Android Studio SDK gitir
- 239 Setup Virtual Device gitir
- 240 Add Android to your Path gitir
- 241 Launch on Android Simulator gitir
- 243 Build the App for Production gitir
- 245 Course Round Up gitir
- 246 Update Quasar V2 Vue 3 Composition API gitir
- 249 Download all Icons and Splashscreens gitir
- 250 How I Created the Icon in Sketch optional gitir
- 251 Add the Icons to Awesome Todo gitir
- 253 ARCHIVE Make Menu Customizable with a Menu Template gitir
- 254 ARCHIVE Put the Menu Template into a Separate File gitir
- 255 ARCHIVE Add an App Icon gitir
- 257 ARCHIVE Add Icon gitir
- 259 ARCHIVE Add App Icons gitir
- 260 ARCHIVE Splashscreen Create optional gitir
- 261 ARCHIVE Splashscreen Add to App gitir
- 263 ARCHIVE Add App Icons gitir
- 265 ARCHIVE Splashscreen Create optional gitir
- 266 ARCHIVE Splashscreen Add to App gitir