NativeScript for the Angular 2 Developer

Build native iOS and Android mobile applications using Angular 2
4.5 (103 ratings)
Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
588 students enrolled
Instructed by Nic Raboy Development / Mobile Apps
$50
Take This Course
  • Lectures 35
  • Length 5 hours
  • Skill Level Beginner Level
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 11/2016 English

Course Description

In this course students will learn how to build native Android and iOS mobile applications using a single code set composed of common web technologies such as JavaScript and CSS on an Angular 2 base.

The applications built in this course are native and not web view dependent hybrid applications that are common when using web technologies.  In turn, the mobile development skills learned from this course will help you to build fast and attractive cross platform applications using the incredibly popular Angular 2 and NativeScript frameworks, both of which are open source.

Some of the topics and skills that will be taught in this course include, but are not limited to:

  • Animating UI components for a more attractive user experience (UX)
  • Creating a multiple page application with navigation via the Angular 2 Router
  • Consuming data from remote web services and RESTful APIs
  • Persisting and loading data from a variety of storage technologies including NoSQL
  • Unit testing with popular JavaScript test frameworks

By the end of the course, students should have the skills to take what they've learned and apply it towards whatever their own imagination presents them with.

This course covers NativeScript with Angular 2.  If you're interested in developing NativeScript applications without Angular 2, check out "NativeScript 101: A Quickstart to Building Mobile Apps".

What are the requirements?

  • Students need at least a basic understanding of JavaScript
  • Java Developer Kit (JDK) 8 is required
  • A Macintosh is required for building iOS applications, but not Android
  • A Macintosh is NOT required to participate in this course

What am I going to get from this course?

  • Learn how to build Android and iOS mobile applications with Angular 2
  • Learn to work with remote data streams using RxJS
  • Learn how to create rich and attractive mobile UIs

Who is the target audience?

  • Web developers looking to build a mobile application with already known skills
  • Mobile developers looking to build mobile applications more efficiently
  • This course is NOT meant for people looking to develop Windows Phone or BlackBerry applications

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Course Introduction
01:53

Learn about the instructor, Nic Raboy, and his skills developing NativeScript and Angular 2 applications.

03:42

Get an overview of NativeScript and how Angular 2 fits for developing native mobile applications with near identical code to common web applications.

05:00

Learn about the final project that we'll build with the knowledge acquired throughout the NativeScript with Angular 2 course.

Section 2: Getting Started
04:10

Learn how to install the NativeScript CLI using Node.js and the Node Package Manager.

11:28

Learn how to install and configure the Android SDK, a critical component for building and testing NativeScript applications for Android.

02:57

Learn how to create a fresh NativeScript project for Android and iOS that uses Angular 2 and TypeScript.

Getting Started with NativeScript and Angular 2
3 questions
Section 3: Building, Running, and Testing the NativeScript Application
03:00

Learn how to build the NativeScript application for Android and iOS platforms.

05:30

Learn how to emulate, run, or livesync the NativeScript application in various iOS and Android simulators.

Seeing the Application in Action
2 questions
Section 4: Course Updates
05:17

The Android SDK tools has changes a bit in how it is structured.  Learn how to install the latest Android SDK per what is now available.

04:34

Slight changes were made to the NativeScript directory structure over time.  See how to use a specific version of the boilerplate project that matches what is used in the course.

This will not prevent newer versions of NativeScript from working with this course.  There are only minor differences which could be a little confusing for a beginner developer.  After completing the course, it should be easy to understand how to use the newer project templates.

Section 5: The NativeScript Fundamentals
07:47

Learn how NativeScript UI components are presented on the screen using various layouts such as the StackLayout and GridLayout.

08:07

Learn about some of the popular UI components and how to use them in a NativeScript Angular 2 application.

04:36

Learn how to use CSS to make your UI components and layouts more attractive and offer a more pleasant user experience (UX).

08:17

Learn how to use a simple and attractive theme in your NativeScript application.

06:00

Learn how to animate UI components using CSS keyframes to give your user experience a boost in the right direction.

09:02

Learn how to present an array of data in a NativeScript ListView.

18:59

Learn how to navigate between application pages using the Angular 2 Router.

10:05

Learn how to pass data such as id values between pages of an application using the Angular 2 Router.

22:36

Learn how to save data so it can be accessed in the future, after the application has been closed.

13:52

Learn how to use official and community driven plugins in a NativeScript application that uses Angular 2.

07:50

Learn how to use common, but external, JavaScript libraries in an application, regardless if there are TypeScript type definitions included.

10:28

Learn how to access native platform features such as the camera and directly call platform APIs from JavaScript code.

09:35

Learn how to collect commonly used methods and variables and use them within an Angular 2 provider that can be shared across the application.

10:10

Learn how to consume remote data from RESTful APIs and other web services using the Angular 2 Http component and a mixture of RxJS.

NativeScript Design and Development Fundamentals
5 questions
Section 6: Testing and Troubleshooting an Application
08:28

Learn how to create unit tests for NativeScript using the JavaScript test framework, Jasmine.

05:05

Learn how to identify and correct runtime errors using the Command Prompt (Windows) or Terminal (Mac and Linux).

Bug Squashing and Error Correcting
2 questions
Section 7: Building a Functional NativeScript Application with Angular 2
03:30

Learn about an actual API for shortening URLs in preparation for creating a functional mobile application.

10:39

Create an application page for presenting a list of saved short and long URLs generated by the TinyURL API.

14:46

Create an application page for collecting user input via a form and using that user input to shrink URLs via the TinyURL API.

13:47

Learn how to bring the application pages together via the Angular 2 Router component so navigation becomes possible.

12:20

Create an Angular 2 provider that makes use of Couchbase NoSQL for saving and querying data used throughout the application.

07:27

Learn how to launch URLs via the Android or iOS device's system browser.

Section 8: Bonus Material
04:56

The TinyURL API, while useful, is not as popular as the Google alternative which we'll learn about in this lesson.

07:35

Learn how to include the more complicated Google URL Shortener API in your NativeScript Angular 2 project.

Section 9: Summary
03:48

Wrap up everything covered in this course and obtain the source code developed in each of the final project lessons.

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Nic Raboy, Developer Advocate & Software Engineer

Nic Raboy is an application developer who has released several mobile applications to both iTunes and Google Play and is a part of several major projects. He is a polyglot programmer that is proficient in Node, Java, Ionic Framework, AngularJS, NoSQL, and Android.

The applications he has released to iTunes and Google Play were developed using either native code or hybrid technologies like Ionic Framework making him qualified to share his experiences to other developers.

Ready to start learning?
Take This Course