Building Cross Platform Native Mobile Applications with NativeScript
This course introduces web developers to NativeScript, an open source framework for building native iOS and Android apps. Learn how a real app is constructed with NativeScript, discover its features, and alternate paths of development.
What you'll learn
Want to learn how to build native apps easily with free tools? This course introduces web developers to NativeScript, an open source framework for building native iOS and Android apps. First, you'll see the initial installation of NativeScript and configuring the modern open source Node.js-based ecosystem. The app that you will be building is a native mobile app developed for a fictitious company, RPS, to help its conference attendees view the conference schedule and create their own agendas. You will be guided through the app development process by seeing reasons behind each choice made to implement a feature, as if the author was an employee of RPS that was tasked with building the conference app. In each module, you'll be introduced to a new concept by implementing an app feature. By the end of this course, you'll be better prepared to tackle a full implementation of a real native app using freely available tooling.
Table of contents
- Introduction 1m
- Installation Materials 1m
- Demo: Installing iOS Dependencies 1m
- Demo: Running Dependency Install Script 1m
- Demo: Installing Node with Homebrew 1m
- Demo: Installing the NativeScript CLI 1m
- Demo: Installing Visual Studio Code and the NativeScript Extension 2m
- Demo: Visual Studio Code Clean Workspace 3m
- Summary 0m
- Introduction 1m
- Component Hierarchy 1m
- App Structure and Event Handling 3m
- Layout Types 2m
- Other Container Components 1m
- Widget Abstraction 2m
- Property Binding and Expressions 6m
- Gestures 2m
- CSS Styling 5m
- Demo: Layout, Widgets, Bindings, and CSS 12m
- Demo: Models and Main ViewModel 7m
- Demo: Gestures, Expressions, and Session ViewModel 14m
- Summary 1m
- Introduction 1m
- Generating Mock Data 3m
- Demo: Mocking Session Data 15m
- Demo: Mock Data and the Session Details Page 9m
- Reading File System Data 2m
- Demo: Reading the File System 3m
- Fetching Remote Data 2m
- Demo: Fetching Sessions via HTTP 9m
- Storing Local User Settings 1m
- Demo: Reading and Storing Favorite Sessions 6m
- Summary 1m
- Introduction 1m
- Key Navigation Entities 3m
- Demo: Using the Frame Module 4m
- Navigation History 2m
- Demo: Navigating Back 3m
- Passing Context 2m
- Demo: Navigating with Context 3m
- Segmented Bar 1m
- Demo: Filtering Session List 4m
- Side Drawer Navigation 1m
- Demo: Adding a Side Drawer 8m
- Navigating by Function 0m
- Demo: Navigating by Function 2m
- Navigation Transitions 2m
- Demo: Navigation Transitions 6m
- Other Transition Options 1m
- Summary 1m