-
Урок 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!