CF

NativeScript Vue Pro

12h 18m 25s
English
Paid

Master the art of cross-platform mobile app development with this advanced course on NativeScript-Vue. Explore everything from iOS and Android application lifecycle control to testing, transpiling, and deploying your applications using Webpack, TypeScript, and SASS.

Course Overview

This course will transform you into an expert in cross-platform mobile app development by delving into advanced NativeScript-Vue topics. You will adopt a practical approach by building a comprehensive mobile application, addressing a real-world problem at the enterprise level.

Course Highlights

  • Explore lesser-known yet significant features of NativeScript to enhance your workflow efficiency.
  • Dive into core concepts, user interface development, plugins, templates, performance optimizations, and framework modules.
  • Master unit testing, debugging, and advanced Command Line Interface (CLI) functionalities.
  • Learn efficient deployment strategies for app stores.
  • Acquire best practices and troubleshooting techniques useful for real-world scenarios.

What You'll Achieve

By the end of this course, you will have mastered the advanced topics in NativeScript, gaining a competitive edge to propel your career forward. Upgraded skills will empower you to create cutting-edge mobile applications, bringing innovative solutions to complex problems.

Additional

Примечания

Этот курс доступен сейчас по pre-sale. Некоторые главы уже выпущены и готовы к просмотру, а новые главы выпускаются постоянно.

About the Author: NativeScripting

NativeScripting thumbnail

NativeScripting (nativescripting.com) is a paid course platform focused on the NativeScript framework — a cross-platform mobile-development framework that lets developers build truly native iOS and Android apps using JavaScript, TypeScript, Vue, or Angular.

The CourseFlix listing carries NativeScript Vue Pro — a comprehensive treatment of building production mobile applications with NativeScript and Vue, covering navigation, native module integration, and the patterns for shipping NativeScript apps to the iOS App Store and Google Play.

Material is paid and aimed at Vue developers building cross-platform mobile applications. For broader content, see CourseFlix's NativeScript category page.

Watch Online 143 lessons

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
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

Related courses

Frequently asked questions

What are the prerequisites for enrolling in this course?
Before enrolling in the NativeScript Vue Pro course, students should have a solid understanding of JavaScript and familiarity with Vue.js, as the course focuses on advanced topics in NativeScript-Vue. Some experience with mobile app development and basic knowledge of TypeScript and SASS will also be beneficial, as these technologies are integral to the course content.
What kind of project will I build during the course?
Throughout the course, you will work on building a comprehensive mobile application designed to solve a real-world problem at the enterprise level. This project will incorporate advanced NativeScript-Vue features, including application lifecycle management, efficient deployment strategies, and debugging techniques. By the end of the course, you will have a fully functional cross-platform mobile app.
Who is the target audience for this course?
This course is designed for developers who are already familiar with Vue.js and have some experience in mobile app development. It targets individuals looking to elevate their skills in cross-platform mobile development using NativeScript-Vue, particularly those interested in mastering techniques for iOS and Android app lifecycle control, testing, and deployment.
How does this course compare in depth to other mobile development courses?
The NativeScript Vue Pro course offers an advanced exploration of mobile app development, focusing on NativeScript-Vue. Unlike introductory courses, it covers complex topics such as user interface development, plugins, performance optimizations, and framework modules. It also provides insights into unit testing, debugging, and advanced CLI functionalities, offering a depth of knowledge ideal for seasoned developers.
What tools and platforms will I learn to use in this course?
During the course, you'll learn to use tools essential for NativeScript-Vue development, including Webpack for application bundling, TypeScript for static typing, and SASS for styling. The course also covers debugging using VS Code and Chrome, as well as using Vue Devtools. Deployment strategies for app stores are also explored, ensuring a well-rounded skill set.
What topics are not covered in this course?
The course does not cover basic JavaScript or Vue.js concepts, as it assumes prior knowledge in these areas. Additionally, it does not focus on introductory mobile development practices, instead emphasizing advanced NativeScript-Vue features and techniques. If you're looking for basic mobile development training, you might need to explore a more foundational course first.
What is the expected time commitment for this course?
The course consists of 143 lessons, and while the total runtime is unspecified, students should be prepared to invest significant time in not only watching the lessons but also implementing the exercises and projects. The advanced nature of the material suggests a substantial time commitment for reviewing content, practicing skills, and completing the enterprise-level application project.