Introduction to the NativeScript Framework

Loading...

En provenance du cours de The Hong Kong University of Science and Technology

Multiplatform Mobile App Development with NativeScript

93 notes

The Hong Kong University of Science and Technology

Multiplatform Mobile App Development with NativeScript

93 notes

Cours 4 sur 5 dans Specialization Full Stack Web and Multiplatform Mobile App Development

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

À partir de la leçon

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.

Hybrid Mobile App Development15:07

Introduction to the NativeScript Framework7:03

Exercise (Video): Setting up the NativeScript Framework8:46

Exercise (Video): Creating your First NativeScript Project12:34

Rencontrer les enseignants

Jogesh K. Muppala
Associate Professor
Department of Computer Science and Engineering

[MUSIC]

Now that we have understood some details about hybrid mobile app development,

let's talk in more detail about NativeScript, the framework that we

are going to leverage in this course for developing a hybrid mobile application.

So what exactly is NativeScript?

NativeScript, as specified on their website, is a cross-platform,

native iOS and Android app development without using web views.

So that is the important point to emphasize about how

NativeScript approaches the hybrid mobile app development.

In the context of full stack web development,

native script is still focused on the front end.

And so we are looking at developing the client side application

to be able to access data from the server side, and

be able to render the information to the user.

As we will understand, NativeScript uses either the Angular with TypeScript or

pure JavaScript to be able to develop a NativeScript application.

In this course, we're going to concentrate on the Angular plus

NativeScript way of developing hybrid mobile applications,

because we are with an angular ecosystem in this particular specialization.

In the previous course, we had seen how we leveraged Angular to develop an Ionic

plus Cordova placed application.

And we studied Angular in more detail in the second course of this specialization.

Continuing with this Angular trend, we will look at how we can leverage Angular

plus NativeScript to develop a hybrid mobile application in this course.

NativeScript also provides 100% access to the native APIs, which it packages

using JavaScript programs and makes available as NativeScript modules.

And also, they can leverage packages from NPM and

CocoaPods and also Gradle within our NativeScript applications.

CocoaPods corresponding to iOS and

Gradle which corresponds to Android way of doing development.

Look at how we make use of these as we go through this course.

NativeScript is backed by Progress,

a very well established company in the mobile ecosphere.

Talking further about hybrid mobile app development,

if they target each of the two native platforms.

So we have our mobile app world divided into two,

either iOS or Android being the two dominant mobile app platforms to date.

Native script leverages the fact that each of these mobile platforms

have their own JavaScript based virtual machines.

So instead of saying, I could've had a V8, you have a V8 on Android.

But of course on the iOS side, you don't have V8.

But instead you have JavaScript Core, which serves exactly the same purpose.

It is the JavaScript virtual machine that can run JavaScript Core.

So if you can layer your Runtime on top of this JavaScript

virtual machines, V8 in the case of Android,

or JavaScript Core in the case of iOS.

Then through these virtual machines, you are able to access the native

capabilities of the two different platforms.

So that is what NativeScript Runtime provides for you.

And on top of that,

you can build up the NativeScript modules that package to various Native

capabilities that makes them available to your JavaScript application.

And on top of this foundation,

you can build your NativeScript Application Code using,

for example, Angular as we'll do in this particular course.

But remember that you have access to the Native capabilities through

the JavaScript wrappers that NativeScript provides through its NativeScript Modules.

And hence, you have full access to all the Native capabilities of

both Android and iOS.

Furthermore, in this approach, the actual rendering of the UI

is done directly using the Native UI Elements.

Now, NativeScript provides you with a way

of specifying the layouts of

your views using NativeScript's own XML based approach.

It's then transforms that into Native UI Elements

leveraging their capabilities through the JavaScript VM

to target the two different native platforms.

So when you look at how the views are rendered,

they are rendered using the native UI elements of each of the two platforms.

That is the reason for getting an excellent performance even

though you are using the hybrid approach in case of NativeScript.

You will learn more details about how exactly this is achieved by

NativeScript as developed application in the rest of this course.

Talking further about NativeScript App Development,

you first install NativeScript as a global npm module.

And then after that, we, of course, need to configure our computer for

both Android and iOS development.

And once that is done, depending upon your platform that you're

using on a Windows machine, you can only do Android development on a Mac,

you can do both Android and iOS development.

And once you have done with that,

then you would be scaffolding out an application using the NativeScript CLI

that is made available once you install NativeScript globally.

And then, you can then deploy your application to the two platforms,

iOS and Android, depending on the computer

platform on which you're running NativeScript development.

We'll look at more of these in the exercise that follows this lecture.

[MUSIC]

Explorer notre catalogue

Rejoignez-nous gratuitement et obtenez des recommendations, des mises à jour et des offres personnalisées.

Coursera propose un accès universel à la meilleure formation au monde, en partenariat avec des universités et des organisations du plus haut niveau, pour proposer des cours en ligne.

© 2018 Coursera Inc. Tous droits réservés.

Télécharger dans l'App Store

Disponible sur Google Play