NativeScript Vue Pro

The complete course for developing NativeScript mobile applications for iOS and Android using VueJS.

NativeScript Vue Pro

The courses on NativeScripting are easy to follow, paced well, and do a great job of getting you up to speed with NativeScript.

Raymond Camden
Raymond Camden

DevRel for Auth0 Extend

NativeScripting provides really high quality focused content around learning NativeScript! I love using the platform to refresh my skills and hone in on specific challenge areas to fill in my gaps of knowledge.

Tracy Lee | ladyleet
Tracy Lee | ladyleet

RxJS Core Team member and Google Developer Expert

The best NativeScript video content out there. NativeScripting’s courses are an amazing resource for getting started with NativeScript. Highly recommended.

TJ VanToll
TJ VanToll

Principal Developer Advocate @ProgressSW

NativeScripting is a great resource with top notch material on NativeScript and mobile application development with frameworks such as Angular and Vue. I highly recommend it for any developer, beginner to expert.

Nic Raboy
Nic Raboy

The Polyglot Developer

As a previous Developer Advocate for Progress/Telerik, who makes NativeScript, I've no hesitation in saying that NativeScripting.com is the only place you need to learn NativeScript, from the masterful Alex. His teaching style is absolutely on point; comprehensive and concise enough to have you building real mobile applications, whilst giving you fundamental and advanced knowledge necessary to survive in the wild.

Todd Motto
Todd Motto

Creator @ UltimateAngular and Google Developer Expert for Angular

Alex, affectionately known as the Voice of NativeScript, produces high quality video content that effectively teaches the ins and outs of NativeScript, walking students through the complexities of building mobile apps. These videos teach both NativeScript with Angular and NativeScript Core, offering two great ways to build beautiful apps.

Jen Looper
Jen Looper

Lead Dev Advocate @Microsoft, Founder and CEO of Vue Vixens

If you're looking to learn NativeScript, look no further than NativeScripting. These instructors are the best in the business. I know that because they helped me when I was first learning NativeScript. You can't do any better.

Burke Holland
Burke Holland

DevRel at Microsoft

NativeScripting is the best place for high quality NativeScript courses. Here you will find all learning materials you will ever need to get started with NativeScript. But also, there is a ton of advanced courses for a seasoned NativeScript dev.

Sebastian Witalec
Sebastian Witalec

Sr. Developer Advocate at Progress

Alex, thank you so much for creating this course. The architecture chapter alone is worth the price of the course, and saved me tons of time in the long run - time I would have spent reworking the solution over and over. Can’t wait for the next chapters.

David Wison
David Wison

Mobile Developer

Excellent as an introduction, easy to understand, totally useful, if you are a Vue developer, you should take this material to start with the right foot.

Hernán Piña
Hernán Piña

JavaScript Developer

If you want to understand and master NativeScript, Alex’s NativeScripting course videos are the way to go. He is truly the ‘Voice of NativeScript’ as he can break down complex ideas in such a way that would help you accelerate your goal in building beautiful mobile applications. Highly recommend him and definitely worth your time and money!

Devlin Duldulao
Devlin Duldulao

Microsoft MVP

The introduction to NativeScript-Vue course is a fantastic foundation for learning how to both implement UIs using the Vue framework and also how to use the NativeScript toolsets, such as the CLI and the Sidekick app.

Chase Putnam
Chase Putnam

Backend and Frontend Developer

About this course

Author

Alex Ziskind

Trainer and Founder

Alex Ziskind

Alex lives in Washington, DC. He's a speaker, trainer, and a Telerik Developer Expert. He's been invloved in NativeScript projects since 2015 and has created courses for Pluralsight, LinkedIn, and Coursera.

  • NativeScript Vue logo
    NativeScript-Vue
Advanced
148 lessons

Summary

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.

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.

Notes

  • This course is available now at launch pricing. Most of the core content has been released, and new chapters will be released continuously.

Curriculum

  • Welcome

    • 1
      Welcome Notes
    • 2
      Welcome Message (3:08)
    • 3
      How to Join the Private FB Group
    • 4
      Course Overview (3:40)
    • 5
      Using the Exercise Files (1:03)
    • 6
      About Versions (1:21)
    • 7
      What We're Building (2:09)
  • Getting Your Tools Ready

    • 8
      Overview (0:55)
    • 9
      Two Ways to Scaffold New NativeScript Vue Projects (7:15)
    • 10
      Project Dependencies (10:29)
    • 11
      Keeping a Clean Workspace (4:13)
    • 12
      Useful Editor Extensions (6:52)
    • 13
      Debugging in VS Code (5:14)
    • 14
      Debugging in Chrome (5:34)
    • 15
      Vue Devtools (3:59)
    • 16
      Code Formatting (3:56)
    • 17
      TypeScript Strict Levels (6:03)
    • 18
      Native Platform Declarations (7:04)
    • 19
      Configuring Linting (9:23)
  • The Backend

    • 20
      Overview (1:29)
    • 21
      Setting Up the Server (10:51)
    • 22
      Consuming the API (10:39)
    • 23
      Running the Completed Backend (2:36)
  • NativeScript and Vue Fine Points

    • 24
      Overview
    • 25
      Components Overview
    • 26
      Registering Global Components
    • 27
      Props and Gotchas
    • 28
      Communicating from Child to Parent
    • 29
      Gesture Events
    • 30
      Refs and NativeView
    • 31
      Lifecycle Gotchas
    • 32
      Mixins
    • 33
      v-if vs v-show
    • 34
      Loops vs ListView
    • 35
      Exercise 1: Animation Directive
    • 36
      Exercise 2: Shadow Directive
  • Typing Components and Mixins

    • 37
      Overview
    • 38
      The Extend Function
    • 39
      Component Members with Generics
    • 40
      Extending a Mixin
    • 41
      Component and Mixin Compatibility
  • Platform Specificity

  • Application Management

    • 47
      Overview
    • 48
      Bootstrap Root
    • 49
      Application Configuration
    • 50
      Dynamic Configuration
    • 51
      NativeScript Application Events
    • 52
      iOS and Android Application Events
  • Application Architecture

    • 53
      Overview
    • 54
      MVVM Pattern Components (3:36)
    • 55
      Applying MVVM in NativeScript-Vue
    • 56
      Login Page View and ViewModel
    • 57
      Clean Architecture Intro (4:50)
    • 58
      Clean Core
    • 59
      Clean Infrastructure
    • 60
      Adding Storage Dependencies
    • 61
      Adding Logging Dependencies
  • State Management

    • 62
      Overview
    • 63
      Methodology
    • 64
      App State
    • 65
      App State Service
    • 66
      Backlog State
    • 67
      Expanding the State Object
    • 68
      Bonus Lesson: Adding a Reactive Property
    • 69
      Bonus Lesson: Reactive App State from Scratch
    • 70
      Bonus Lesson: Reactive App State with RxJS
  • Navigation

    • 71
      Overview
    • 72
      Basic Navigation
    • 73
      Navigation Options
    • 74
      Routes
    • 75
      Navigation Service
    • 76
      Using the Navigation Service
    • 77
      Logged-in State Gotcha
    • 78
      Navigating to Logged-in Page
    • 79
      Navigation Props
    • 80
      Route Stack
    • 81
      Navigating Back
    • 82
      Navigation Frame
    • 83
      Routing Using the Navigator - with Igor Randjelovic (26:55)
  • Drawer Navigation

    • 84
      Overview
    • 85
      Installing the Side Drawer
    • 86
      Implementation Plan and Drawer Anatomy
    • 87
      Encapsulating the Drawer Parts
    • 88
      Dynamic Slot Content
    • 89
      Exposing the Drawer to Pages
    • 90
      Drawer Content
    • 91
      Sidedrawer Mixin
    • 92
      Prevent Drawer Edge Swipe
  • Building Custom UI

    • 93
      Overview
    • 94
      Custom Floating Action Button (5:51)
    • 95
      Custom Tabbed Interface (13:52)
    • 96
      Lazy Custom Tab Content (8:49)
  • Using the Dataform

    • 97
      Overview
    • 98
      Dataform Basics (6:15)
    • 99
      Managing Form State (5:46)
    • 100
      Commit Mode and Property Change Event (5:30)
    • 101
      Property Editor Attributes (5:20)
    • 102
      Editor Declaration (3:01)
    • 103
      Values Provider (4:33)
    • 104
      Editor Styling (2:31)
    • 105
      Property Validation (1:33)
    • 106
      Encapsulating the Data Form (3:04)
  • Native Modal Dialogs

    • 107
      Overview
    • 108
      Native Modal Dialog Basics
    • 109
      Returning Data from a Modal
    • 110
      Modal Dialog Options
    • 111
      Modal Navigation Hierarchy
    • 112
      Add New Item Modal UI
    • 113
      Saving Modal Data
    • 114
      Open Generic List Modal From Modal
    • 115
      Reusing Generic List Modal Component
  • Charts

  • Internationalization

  • Tracing and Error Reporting

    • 129
      Trace Basics
    • 130
      Trace Custom Categories
    • 131
      Custom TraceWriter
    • 132
      Trace Message Types
    • 133
      Error Reporting Infrastructure
    • 134
      Reporting Trace Errors
  • Exception Handling and Crash Reporting

    • 135
      Custom Error Handler
    • 136
      Handling Exceptions in Production
    • 137
      Lazy Service Locator Pattern for Error Services
    • 138
      Handled and Unhandled Exceptions
    • 139
      Disable Native Exception Propagation
    • 140
      Third Party Crash Reporting and Analytics
  • Testing

    • 141
      Overview
    • 142
      Installing Testing Dependencies
    • 143
      Writing Our First Test
    • 144
      TypeScript Configuration
    • 145
      Mocking NativeScript Modules
    • 146
      Testing API Access Logic
    • 147
      Intercepting and Mocking Fetch Calls
  • Preparing for Deployment

    • 148
      Chapter coming soon
      Planned Lesson

Or pick up a complete bundle...

Everything you need to start mastering NativeScript today

NativeScript with Angular Essential Bundle

4 courses

NativeScript with Angular Getting Started Guide
Beginner
NativeScript with Angular Pro
Advanced
NativeScript with Angular Web Application Conversion
Intermediate
Styling NativeScript with Angular Applications
Intermediate

NativeScript Core Master Bundle

8 courses

NativeScript Core Getting Started Guide
Beginner
NativeScript Core Pro
Advanced
NativeScript Enterprise Auth
Intermediate
Styling NativeScript Core Applications
Intermediate
NativeScript Plugins: Creating Custom View Components
Intermediate
Securing NativeScript Applications
Intermediate
NativeScript Hands-On UI
Beginner
Upgrading Cordova Applications to NativeScript
Beginner

NativeScript with Angular Master Bundle

9 courses

NativeScript with Angular Getting Started Guide
Beginner
NativeScript with Angular Pro
Advanced
NativeScript with Angular Web Application Conversion
Intermediate
NativeScript Enterprise Auth
Intermediate
Styling NativeScript with Angular Applications
Intermediate
NativeScript with @ngrx
Intermediate
NativeScript Plugins: Creating Custom View Components
Intermediate
Securing NativeScript Applications
Intermediate
NativeScript Hands-On UI
Beginner
Accepting MasterCardAccepting PayPalAccepting VISAAccepting Amex

Secure SSL encrypted payments

100% money back guarantee

These courses are empowering thousands with expert knowledge - they will you too. If you're disappointed for whatever reason, you'll get every cent back.

Student/Location discounts

Not-so-good exchange rate? (i.e. India/Brazil) Get in touch for a coupon. Student? Email us from your student email or attach your student ID.