NativeScript Vue Pro

12h 18m 25s
English
Paid

Course description

This course is an advanced course that covers everything from iOS and Android application lifecycle control to testing, transpiling, and deploying your applications. This is a NativeScript-Vue course so we're using Webpack with a compilation step, transpiling TypeScript and SASS.


Read more about the course

What you'll learn?

This course will help you become and expert in cross-platform mobile app development by mastering the advanced topics in NativeScript-Vue. You will use a practical approach to the advanced topics by building an end-to-end mobile application, solving a real-world problem at an enterprise level.

You will begin with covering the important features of NativeScript that you might not be aware of, which can make your work easier. Then we'll cover advanced topics like the core concepts, user interface, plugins, templates, performance optimisations, framework modules, etc. You will also learn unit testing, debugging along with advanced CLI workings. And of course, we'll cover deployment to app stores.

We'll go into some best practices as well as troubleshooting techniques that will be useful. By the end of the course, you will have upgraded your skills by mastering the advanced topics in NativeScript and will have a skilled advantage to grow in your career.

Watch Online

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 143 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing

Watch Online NativeScript Vue Pro

0:00
/
#1: Welcome Message

All Course Lessons (143)

#Lesson TitleDurationAccess
1
Welcome Message Demo
03:09
2
Course Overview
03:41
3
Using the Exercise Files
01:04
4
About Versions
01:22
5
What We're Building
02:10
6
Overview
00:56
7
Two Ways to Scaffold New NativeScript Vue Projects
07:16
8
Project Dependencies (10:29)
10:30
9
Keeping a Clean Workspace
04:14
10
Useful Editor Extensions
06:53
11
Debugging in VS Code
05:15
12
Debugging in Chrome
05:35
13
Vue Devtools
04:00
14
Code Formatting
03:57
15
TypeScript Strict Levels
06:04
16
Native Platform Declarations
07:05
17
Configuring Linting
09:24
18
Overview
01:30
19
Setting Up the Server
10:52
20
Consuming the API
10:40
21
Running the Completed Backend
02:37
22
Overview
01:12
23
Components Overview
04:40
24
Registering Global Components
05:48
25
Props and Gotchas
06:26
26
Communicating from Child to Parent
02:39
27
Gesture Events
07:17
28
Refs and NativeView
04:31
29
Lifecycle Gotchas
06:39
30
Mixins
06:50
31
v-if vs v-show
03:31
32
Loops vs ListView
04:58
33
Exercise 1: Animation Directive
14:22
34
Exercise 2: Shadow Directive
10:06
35
Overview
00:34
36
The Extend Function
04:25
37
Component Members with Generics
05:30
38
Extending a Mixin
02:41
39
Component and Mixin Compatibility
03:48
40
Overview
01:11
41
Code Components
03:34
42
Single File Components
02:20
43
Styles
02:09
44
Code Files
06:33
45
Overview
01:03
46
Bootstrap Root
06:25
47
Application Configuration
07:11
48
Dynamic Configuration
05:43
49
NativeScript Application Events
04:45
50
iOS and Android Application Events
08:48
51
Overview
02:08
52
MVVM Pattern Components
03:37
53
Applying MVVM in NativeScript-Vue
10:56
54
Login Page View and ViewModel
09:58
55
Clean Architecture Intro
04:51
56
Clean Core
10:59
57
Clean Infrastructure
12:10
58
Adding Storage Dependencies
13:52
59
Adding Logging Dependencies
05:02
60
Overview
02:03
61
Methodology
02:32
62
App State
06:16
63
App State Service
04:47
64
Backlog State
08:22
65
Expanding the State
08:01
66
Basic Navigation
07:18
67
Navigation Options
06:17
68
Routes
07:00
69
Navigation Service
08:23
70
Using the Navigation Service
02:52
71
Logged-in State Gotcha
01:52
72
Navigating to Logged-in Page
06:12
73
Navigation Props
08:25
74
Route Stack
03:31
75
Navigating Back
04:04
76
Navigation Frame
04:49
77
Routing Using the Navigator - with Igor Randjelovic
26:56
78
Overview
01:27
79
Installing the Side Drawer
02:32
80
Implementation Plan and Drawer Anatomy
02:11
81
Encapsulating the Drawer Parts
06:15
82
Dynamic Slot Content
03:19
83
Exposing the Drawer to Pages
06:08
84
Drawer Content
04:12
85
Sidedrawer Mixin
04:07
86
Prevent Drawer Edge Swipe
02:56
87
Overview
00:40
88
Custom Floating Action Button
05:52
89
Custom Tabbed Interface
13:53
90
Lazy Custom Tab Content
08:50
91
Overview
01:09
92
Dataform Basics
06:16
93
Managing Form State
05:47
94
Commit Mode and Property Change Event
05:31
95
Property Editor Attributes
05:21
96
Editor Declaration
03:02
97
Values Provider
04:34
98
Editor Styling
02:32
99
Property Validation
01:34
100
Encapsulating the Data Form
03:05
101
Overview
01:09
102
Native Modal Dialog Basics
05:29
103
Returning Data from a Modal
05:49
104
Modal Dialog Options
03:11
105
Modal Navigation Hierarchy
04:10
106
Add New Item Modal UI
09:17
107
Saving Modal Data
04:42
108
Open Generic List Modal From Modal
12:11
109
Reusing Generic List Modal Component
01:41
110
Overview
01:26
111
Dashboard Updates
02:28
112
Getting Started with Chart
04:55
113
Chart Series
04:08
114
Categorical Axis
05:58
115
Vertical Axis
01:37
116
Chart Styling
05:48
117
Chart Interaction
05:52
118
Overview
00:56
119
Setting up i18n
07:55
120
Translation Workflow
04:43
121
Device Language
02:25
122
Handling Locales
03:37
123
Overview
01:23
124
Trace Basics
04:21
125
Trace Custom Categories
05:23
126
Custom TraceWriter
04:19
127
Trace Message Types
02:45
128
Error Reporting Infrastructure
02:16
129
Reporting Trace Errors
03:12
130
Overview
01:59
131
Custom Error Handler
03:05
132
Handling Exceptions in Production
03:42
133
Lazy Service Locator Pattern for Error Services
03:12
134
Handled and Unhandled Exceptions
06:30
135
Disable Native Exception Propagation
03:16
136
Third Party Crash Reporting and Analytics
05:58
137
Overview
03:07
138
Installing Testing Dependencies
03:23
139
Writing Our First Test
07:04
140
TypeScript Configuration
08:18
141
Mocking NativeScript Modules
04:52
142
Testing API Access Logic
06:06
143
Intercepting and Mocking Fetch Calls
06:28

Unlock unlimited learning

Get instant access to all 142 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription

Comments

0 comments

Want to join the conversation?

Sign in to comment

Similar courses

NativeScript + Angular: Build Native iOS, Android & Web Apps

NativeScript + Angular: Build Native iOS, Android & Web Apps

Sources: udemy
With Angular (2+), you can already build highly reactive and engaging web apps. Wouldn't it be amazing to use that same tech stack and knowledge to build real native mobile apps...
20 hours 11 minutes 23 seconds