Announcing the Release of the NativeScript-Vue Introduction Video Course

After over a year of planning and waiting for a super stable version, it’s my pleasure to announce that together with the version 2.0 release of NativeScript-Vue, we at NativeScripting.com have released a beginner level video course called NativeScript-Vue Introduction.

NativeScript-Vue Introduction Illustration

Whether you’re like me, a NativeScript developer who’s always wanted to try Vue, or you’re a Vue developer who wants to create native iOS and Android apps using your favorite UI framework, this course will get you started.

The course currently consists of seven chapters and 48 video lessons of content to get you started with NativeScript-Vue. It starts from scratch and builds your knowledge of working with UI in NativeScript while integrating Vue concepts. It describes the performance benefits of using certain native UI elements and navigation techniques over others. And it discusses how using Vue in a native mobile application is very similar to using it on the web, along with some differences.

Even though this video course is for beginners it doesn’t skip any foundational knowledge about how components derive from the main Vue instance and how Global components lead to Single File Components. There is also an extensive chapter on styling and animation as well as super useful info on tooling.

Here is the course outline:

Getting Started

Course Introduction
About the Development Environment
Setting up the Prerequisites
Starting a Project from a Template
Using Vue DevTools
Debugging

Working with UI

Declarative Rendering
Property Binding
Conditionals
If vs Show
Loop with Layout
Loop with ListView
Gesture Binding
Two-Way Binding

Watchers and Computeds

Watch
Computed
Computed Getters and Setters
Computed vs. Method Calls

Component Basics

Global Components
Component Layout
Component Props
Component State

Scaling Components

Single File Components
Migrating from Global to Single File Component
Component Hierarchy
Component Communication
Render Function

Navigation

Manual Routing
Navigation Options
Passing Data
Going Back
Modal Dialog
Modal Data

Styling

Global App Styles
SCSS
Component Styles and Scope
Component SCSS
Multiple Style Blocks
Style Order of Application
Platform Specific Styling
CSS Animation
Using Third Party Animation Libraries

At the end of this course, you should feel comfortable enough to start using NativeScript-Vue for your own native mobile application projects.

NativeScript-Vue Introduction is another evergreen course from NativeScripting.com, which means it will be refreshed with new, updated, and additional content, and once you sign up, you’ll always have access to it and any updates it will get.