Multiplatform Mobile App Development with NativeScript

4.6
67 ratings
17 reviews

Course 4 of 5 in the Full Stack Web and Multiplatform Mobile App Development Specialization

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. At the end of this course you will be able to (a) Build mobile applications targeting multiple platforms with a single codebase, (b) Leverage your Angular, TypeScript and Javascript skills, and (c) Use various features of the NativeScript framework to build truly cross-platform mobile applications
Globe

Только онлайн-курс

Начните сейчас и учитесь по собственному графику.
Intermediate Level

Промежуточный уровень

Comment Dots

English

Субтитры: English
Globe

Только онлайн-курс

Начните сейчас и учитесь по собственному графику.
Intermediate Level

Промежуточный уровень

Comment Dots

English

Субтитры: English

Syllabus - What you will learn from this course

1

Section
Clock
14 hours to complete

Hybrid Mobile App Development Frameworks: NativeScript: An Introduction

This module introduces you to hybrid mobile application development. You will learn about the NativeScript framework and explore some of the features of the NativeScript framework to implement a mobile app based on the Angular application that was implemented in the previous course on Angular....
Reading
22 videos (Total 354 min), 30 readings, 2 quizzes
Video22 videos
How to Use the Learning Resources10m
What is Full-Stack Web Development?6m
Exercise (Video): Setting up Git6m
Exercise (Video): Basic Git Commands18m
Exercise (Video): Online Git Repositories12m
Node.js and NPM3m
Exercise (Video): Setting up Node.js and NPM2m
Exercise (Video): Basics of Node.js and NPM23m
Hybrid Mobile App Development15m
Introduction to the NativeScript Framework7m
Exercise (Video): Setting up the NativeScript Framework8m
Exercise (Video): Creating your First NativeScript Project12m
Exercise (Video): Setting up a Server using json-server6m
NativeScript and Angular15m
Exercise (Video): NativeScript and Angular57m
NativeScript Layouts8m
NativeScript Navigation13m
Exercise (Video): NativeScript Navigation Part 143m
Exercise (Video): Telerik Progress NativeScript UI SideDrawer41m
Exercise (Video): NativeScript Navigation Part 226m
Assignment 1 Requirements (Video): Introduction to NativeScript6m
Reading30 readings
Welcome to Multiplatform Mobile App Development with Web Technologies: NativeScript: Additional Resource10m
Full Stack Web Development: The Big Picture: Objectives and Outcomes2m
Full Stack Web Development: Additional Resources10m
Setting up Your Development Environment: Git and Node: Objectives and Outcomes2m
Setting up your Development Environment10m
Exercise (Instructions): Setting up Git10m
Exercise (Instructions): Basic Git Commands10m
Exercise (Instructions): Online Git Repositories10m
Exercise (Instructions): Setting up Node.js and NPM10m
Exercise (Instructions): Basics of Node.js and NPM10m
Setting up your Development Environment: Git and Node: Additional Resources10m
Hybrid Mobile App Development: An Overview: Objectives and Outcomes2m
Exercise (Instructions): Setting up the NativeScript Framework10m
Exercise (Instructions): Creating your First NativeScript Project10m
Hybrid Mobile App Development: An Overview: Additional Resources10m
Setting up a Simple Server: Objectives and Outcomes2m
Exercise (Instructions): Setting up a Server using json-server10m
Setting up a Simple Server: Additional Resources10m
NativeScript and Angular: Objectives and Outcomes2m
Exercise (Instructions): NativeScript and Angular10m
NativeScript and Angular: Additional Resources10m
NativeScript Navigation: Objectives and Outcomes2m
Exercise (Instructions): NativeScript Navigation Part 110m
Exercise (Instructions): Telerik Progress NativeScript UI SideDrawer10m
Exercise (Instructions): NativeScript Navigation Part 210m
NativeScript Navigation: Additional Resources10m
Assignment 1: Introduction to NativeScript: Additional Resources10m
Ideation: Objectives and Outcomes10m
Ideation Report Template10m
Ideation: Additional Resources10m

2

Section
Clock
11 hours to complete

NativeScript UI Elements

This module introduces you to various NativeScript UI elements. We will look at how we can make use of these elements in designing the various views of our application....
Reading
11 videos (Total 226 min), 18 readings, 2 quizzes
Video11 videos
Exercise (Video): Icon Fonts22m
Exercise (Video): Buttons23m
Advanced Lists Using Telerik Progress NativeScript UI ListView6m
Exercise (Video): Advanced Lists Using Telerik Progress NativeScript UI ListView54m
Dialogs7m
Exercise (Video): Dialogs and Toasts12m
NativeScript "Forms" and Modal Dialogs13m
Exercise (Video): Data Entry and "Forms"27m
Exercise (Video): Modal Dialogs43m
Assignment 2: NativeScript UI Elements6m
Reading18 readings
Buttons and Icon Fonts: Objectives and Outcomes10m
Exercise (Instructions): Icon Fonts10m
Exercise (Instructions): Buttons10m
Buttons and Icon Fonts: Additional Resources10m
Advanced Lists: Objectives and Outcomes10m
Exercise (Instructions): Advanced Lists Using Telerik Progress NativeScript UI ListView10m
Advanced Lists: Additional Resources10m
Dialogs: Objectives and Outcomes10m
Exercise (Instructions): Dialogs and Toasts10m
Dialogs and Toasts: Additional Resources10m
"Forms" and Modals: Objectives and Outcomes10m
Exercise (Instructions): Data Entry and "Forms"10m
Exercise (Instructions): Modal Dialogs10m
"Forms" and Modals: Additional Resources10m
Assignment 2: Additional Resources10m
UI Design and Prototyping: Objectives and Outcomes10m
UI Design and Prototyping Report Template10m
UI Design and Prototyping: Additional Resources10m

3

Section
Clock
7 hours to complete

NativeScript Animations, Gestures, Storage and Image Resources

In this module we look at enhancing the user experience through the use of animations and support for gesture-based interaction. We also look at leveraging the storage for persisting data, and the customization of splash screens, icons and the use of other image resource in the app...
Reading
11 videos (Total 174 min), 14 readings, 1 quiz
Video11 videos
Exercise (Video): Application Settings12m
Exercise (Video): NoSQL Storage with Couchbase Lite18m
Animations and Gestures9m
Exercise (Video): Animations and Gestures Part 147m
Exercise (Video): Animations and Gestures Part 224m
Splash Screens, Icons and Image Resources17m
Exercise (Video): Customizing App Icons and Launch Screens for Android8m
Exercise (Video): Customizing App Icons and Launch Screens for iOS3m
Exercise (Video): Image Resources12m
Assignment 3: Animations and Storage10m
Reading14 readings
NativeScript Storage: Objectives and Outcomes10m
Exercise (Instructions): Application Settings10m
Exercise (Instructions): NoSQL Storage with Couchbase Lite10m
NativeScript Storage: Additional Resources10m
Animations and Gestures: Objectives and Outcomes10m
Exercise (Instructions): Animations and Gestures Part 110m
Exercise (Instructions): Animations and Gestures Part 210m
Animations and Gestures: Additional Resources10m
Splash Screens, Icons and Image Resources: Objectives and Outcomes10m
Exercise (Instructions): Customizing App Icons and Launch Screens for Android10m
Exercise (Instructions): Customizing App Icons and Launch Screens for iOS10m
Exercise (Instructions): Image Resources10m
Splash Screens, Icons and Image Resources: Additional Resources10m
Assignment 3: Additional Resources10m

4

Section
Clock
9 hours to complete

Accessing Native Capabilities of Devices: NativeScript Plugins

In this module you will explore NativeScript Plugins that enable you to access the native capabilities of the mobile devices. You will use a few plugins in order to understand the general concepts and the patterns for using these plugins within your NativeScript application...
Reading
11 videos (Total 148 min), 17 readings, 2 quizzes
Video11 videos
Exercise (Video): Notifying the User7m
Social Sharing3m
Exercise (Video): Sending Email10m
Exercise (Video): Social Sharing7m
Using the Camera5m
Exercise (Video): Using the Camera54m
Platform and Network Status5m
Exercise (Video): Platform and Network Status29m
Assignment 4: NativeScript Plugins3m
Conclusions3m
Reading17 readings
NativeScript Plugins: Objectives and Outcomes10m
Exercise (Instructions): Notifying the User10m
NativeScript Plugins: Additional Resources10m
Social Sharing: Objectives and Outcomes10m
Exercise (Instructions): Sending Email10m
Exercise (Instructions): Social Sharing10m
Social Sharing: Additional Resources10m
Using the Camera: Objectives and Outcomes10m
Exercise (Instructions): Using the Camera10m
Using the Camera: Additional Resources10m
Platform and Network Status: Objectives and Outcomes10m
Exercise (Instructions): Platform and Network Status10m
Platform and Network Status: Additional Resources10m
Assignment 4: NativeScript Plugins: Additional Resources10m
Conclusions: Additional Resources10m
Project Implementation: Objectives and Outcomes10m
Final Report Template10m
4.6

Top Reviews

By MAMar 20th 2018

Awesome and well structured course contents to grasp concepts of development with Nativescript

By SBDec 12th 2017

Great course indeed! All the concepts were discussed thoroughly and in a lucid manner.

Instructor

Avatar

Jogesh K. Muppala

Associate Professor

About The Hong Kong University of Science and Technology

HKUST - A dynamic, international research university, in relentless pursuit of excellence, leading the advance of science and technology, and educating the new generation of front-runners for Asia and the world....

Frequently Asked Questions

  • Once you enroll for a Certificate, you’ll have access to all videos, quizzes, and programming assignments (if applicable). Peer review assignments can only be submitted and reviewed once your session has begun. If you choose to explore the course without purchasing, you may not be able to access certain assignments.

  • If you pay for this course, you will have access to all of the features and content you need to earn a Course Certificate. If you complete the course successfully, your electronic Certificate will be added to your Accomplishments page - from there, you can print your Certificate or add it to your LinkedIn profile. Note that the Course Certificate does not represent official academic credit from the partner institution offering the course.

  • Yes! Coursera provides financial aid to learners who would like to complete a course but cannot afford the course fee. To apply for aid, select "Learn more and apply" in the Financial Aid section below the "Enroll" button. You'll be prompted to complete a simple application; no other paperwork is required.

More questions? Visit the Learner Help Center