NativeScript Vue Pro

12h 18m 25s
English
Paid
November 10, 2023

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.


More

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 NativeScript Vue Pro

Join premium to watch
Go to premium
# Title Duration
1 Welcome Message 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

Similar courses to NativeScript Vue Pro

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

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

Duration 20 hours 11 minutes 23 seconds