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