Explore

Multiplatform Mobile App Development with NativeScript

Approx. 34 hours to complete

Save Course

Go to Course

Course Summary

NativeScript is a powerful framework for building cross-platform mobile applications using JavaScript and TypeScript. In this course, you will learn how to use NativeScript to create high-performance, native mobile apps for iOS and Android devices.

Key Learning Points

Learn how to build cross-platform mobile apps using NativeScript
Use JavaScript and TypeScript to create high-performance, native mobile apps
Use NativeScript with Angular to build complex mobile applications

Learning Outcomes

Build cross-platform mobile apps using NativeScript
Create high-performance, native mobile apps using JavaScript and TypeScript
Use NativeScript with Angular to build complex mobile applications

Prerequisites or good to have knowledge before taking this course

Basic knowledge of JavaScript
Familiarity with front-end web development

Course Difficulty Level

Intermediate

Course Format

Online self-paced course
Video lectures and hands-on exercises
Approximately 15 hours of content

Similar Courses

React Native
Ionic Framework
Mobile App Development with Flutter

Related Education Paths

Notable People in This Field

Jen Looper
TJ VanToll

Related Books

Description

This course focuses on developing truly cross-platform, native iOS and Android apps using NativeScript (Ver 3.x). The framework uses Angular, TypeScript or modern JavaScript to get truly native UI and performance while sharing skills and code with the web. You will learn about UI development with NativeScript UI and layout support and access the native mobile platform's capabilities from Javascript. You should have already completed the Bootstrap 4 and the Angular courses in this specialization before proceeding with this course.

Outline

Hybrid Mobile App Development Frameworks: NativeScript: An Introduction
Welcome to Multiplatform Mobile App Development with NativeScript
How to Use the Learning Resources
What is Full-Stack Web Development?
Exercise (Video): Setting up Git
Exercise (Video): Basic Git Commands
Exercise (Video): Online Git Repositories
Node.js and NPM
Exercise (Video): Setting up Node.js and NPM
Exercise (Video): Basics of Node.js and NPM
Hybrid Mobile App Development
Introduction to the NativeScript Framework
Exercise (Video): Setting up the NativeScript Framework
Exercise (Video): Creating your First NativeScript Project
Exercise (Video): Setting up a Server using json-server
NativeScript and Angular
Exercise (Video): NativeScript and Angular
NativeScript Layouts
NativeScript Navigation
Exercise (Video): NativeScript Navigation Part 1
Exercise (Video): Telerik Progress NativeScript UI SideDrawer
Exercise (Video): NativeScript Navigation Part 2
Assignment 1 Requirements (Video): Introduction to NativeScript
Welcome to Multiplatform Mobile App Development with Web Technologies: NativeScript: Additional Resource
Full Stack Web Development: The Big Picture: Objectives and Outcomes
Full Stack Web Development: Additional Resources
Setting up Your Development Environment: Git and Node: Objectives and Outcomes
Setting up your Development Environment
Exercise (Instructions): Setting up Git
Exercise (Instructions): Basic Git Commands
Exercise (Instructions): Online Git Repositories
Exercise (Instructions): Setting up Node.js and NPM
Exercise (Instructions): Basics of Node.js and NPM
Setting up your Development Environment: Git and Node: Additional Resources
Hybrid Mobile App Development: An Overview: Objectives and Outcomes
Exercise (Instructions): Setting up the NativeScript Framework
Exercise (Instructions): Creating your First NativeScript Project
Hybrid Mobile App Development: An Overview: Additional Resources
Setting up a Simple Server: Objectives and Outcomes
Exercise (Instructions): Setting up a Server using json-server
Setting up a Simple Server: Additional Resources
NativeScript and Angular: Objectives and Outcomes
Exercise (Instructions): NativeScript and Angular
NativeScript and Angular: Additional Resources
NativeScript Navigation: Objectives and Outcomes
Exercise (Instructions): NativeScript Navigation Part 1
Exercise (Instructions): Telerik Progress NativeScript UI SideDrawer
Exercise (Instructions): NativeScript Navigation Part 2
NativeScript Navigation: Additional Resources
Assignment 1: Introduction to NativeScript: Additional Resources
Ideation: Objectives and Outcomes
Ideation Report Template
Ideation: Additional Resources

NativeScript UI Elements
Icon Fonts and Buttons
Exercise (Video): Icon Fonts
Exercise (Video): Buttons
Advanced Lists Using Telerik Progress NativeScript UI ListView
Exercise (Video): Advanced Lists Using Telerik Progress NativeScript UI ListView
Dialogs
Exercise (Video): Dialogs and Toasts
NativeScript "Forms" and Modal Dialogs
Exercise (Video): Data Entry and "Forms"
Exercise (Video): Modal Dialogs
Assignment 2: NativeScript UI Elements
Buttons and Icon Fonts: Objectives and Outcomes
Exercise (Instructions): Icon Fonts
Exercise (Instructions): Buttons
Buttons and Icon Fonts: Additional Resources
Advanced Lists: Objectives and Outcomes
Exercise (Instructions): Advanced Lists Using Telerik Progress NativeScript UI ListView
Advanced Lists: Additional Resources
Dialogs: Objectives and Outcomes
Exercise (Instructions): Dialogs and Toasts
Dialogs and Toasts: Additional Resources
"Forms" and Modals: Objectives and Outcomes
Exercise (Instructions): Data Entry and "Forms"
Exercise (Instructions): Modal Dialogs
"Forms" and Modals: Additional Resources
Assignment 2: Additional Resources
UI Design and Prototyping: Objectives and Outcomes
UI Design and Prototyping Report Template
UI Design and Prototyping: Additional Resources

NativeScript Animations, Gestures, Storage and Image Resources
Persisting Data: NativeScript Storage
Exercise (Video): Application Settings
Exercise (Video): NoSQL Storage with Couchbase Lite
Animations and Gestures
Exercise (Video): Animations and Gestures Part 1
Exercise (Video): Animations and Gestures Part 2
Splash Screens, Icons and Image Resources
Exercise (Video): Customizing App Icons and Launch Screens for Android
Exercise (Video): Customizing App Icons and Launch Screens for iOS
Exercise (Video): Image Resources
Assignment 3: Animations and Storage
NativeScript Storage: Objectives and Outcomes
Exercise (Instructions): Application Settings
Exercise (Instructions): NoSQL Storage with Couchbase Lite
NativeScript Storage: Additional Resources
Animations and Gestures: Objectives and Outcomes
Exercise (Instructions): Animations and Gestures Part 1
Exercise (Instructions): Animations and Gestures Part 2
Animations and Gestures: Additional Resources
Splash Screens, Icons and Image Resources: Objectives and Outcomes
Exercise (Instructions): Customizing App Icons and Launch Screens for Android
Exercise (Instructions): Customizing App Icons and Launch Screens for iOS
Exercise (Instructions): Image Resources
Splash Screens, Icons and Image Resources: Additional Resources
Assignment 3: Additional Resources

Accessing Native Capabilities of Devices: NativeScript Plugins
NativeScript Plugins
Exercise (Video): Notifying the User
Social Sharing
Exercise (Video): Sending Email
Exercise (Video): Social Sharing
Using the Camera
Exercise (Video): Using the Camera
Platform and Network Status
Exercise (Video): Platform and Network Status
Assignment 4: NativeScript Plugins
Conclusions
NativeScript Plugins: Objectives and Outcomes
Exercise (Instructions): Notifying the User
NativeScript Plugins: Additional Resources
Social Sharing: Objectives and Outcomes
Exercise (Instructions): Sending Email
Exercise (Instructions): Social Sharing
Social Sharing: Additional Resources
Using the Camera: Objectives and Outcomes
Exercise (Instructions): Using the Camera
Using the Camera: Additional Resources
Platform and Network Status: Objectives and Outcomes
Exercise (Instructions): Platform and Network Status
Platform and Network Status: Additional Resources
Assignment 4: NativeScript Plugins: Additional Resources
Conclusions: Additional Resources
Project Implementation: Objectives and Outcomes
Final Report Template

Summary of User Reviews

Learn how to develop NativeScript applications with this comprehensive course. Users rave about the thoroughness of the content and the helpfulness of the instructors. One key aspect that many users thought was good is the practical approach to learning, with lots of hands-on exercises to reinforce the concepts learned.

Pros from User Reviews

Thorough and comprehensive course content
Helpful and knowledgeable instructors
Practical approach to learning with lots of hands-on exercises

Cons from User Reviews

Some users felt the pace of the course was too slow
A few users experienced technical difficulties with the course platform
A handful of users found the course material to be outdated

Recommended for you

SwiftUI Masterclass 2021 - iOS 15 App Development & Swift 5

The Complete iOS 15 App Development Course with SwiftUI 3 From Beginner to Advanced App Developer with Xcode and Swift 5...

Save Course

NativeScript - First Steps

Use JavaScript + NativeScript to build truly native iOS and Android apps by learning NativeScript from scratch...

Save Course

Multiplatform Mobile App Development with React Native

This course focuses on developing truly cross-platform, native iOS and Android apps using React Native (Ver 0. 55) and the Expo SDK (Ver....

Save Course

Multiplatform Mobile App Development with NativeScript

This course focuses on developing truly cross-platform, native iOS and Android apps using NativeScript (Ver 3. x). Hybrid Mobile App Development Frameworks: NativeScript: An Introduction...

Save Course