NativeScript for the Angular 2 Developer
4.2 (397 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.
2,823 students enrolled
Wishlisted Wishlist

Please confirm that you want to add NativeScript for the Angular 2 Developer to your Wishlist.

Add to Wishlist

NativeScript for the Angular 2 Developer

Build native iOS and Android mobile applications using Angular 2
Best Seller
4.2 (397 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.
2,823 students enrolled
Created by Nic Raboy
Last updated 3/2017
English [Auto-generated]
Price: $50
30-Day Money-Back Guarantee
  • 5 hours on-demand video
  • 4 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • 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
View Curriculum
  • 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

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".

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
Curriculum For This Course
36 Lectures
Course Introduction
3 Lectures 10:35

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

Preview 01:53

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

What is NativeScript and Angular 2

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

The Goals of this Course
Getting Started
3 Lectures 18:35

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

Installing NativeScript and its Dependencies

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

Installing the Android SDK

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

Creating a New NativeScript with Angular 2 Project

Getting Started with NativeScript and Angular 2
3 questions
Building, Running, and Testing the NativeScript Application
2 Lectures 08:30

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

Building the Application for iOS and Android

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

Testing the Application using the iOS and Android Simulators

Seeing the Application in Action
2 questions
Course Updates
3 Lectures 12:28

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.

Installing the Latest Version of the Android SDK Tools

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.

Using a Specific Version of the NativeScript Angular 2 Project Template

In lecture 10 we saw how to download custom and older project templates using the NativeScript CLI.  Due to CLI changes, the version of the template used in this course may have some problems.  This video explains how download and use a custom project template, not dependent on the CLI.

Newer versions of NativeScript will work fine with the material from this course as both Angular and NativeScript are stable release.  The differences are in the project templates which change frequently.  Because newer templates are slightly different in file and directory structure, it can be confusing for the first time NativeScript developer.  This is why we'll use a matching template to this course.

The Project Template to be Used in this Course
The NativeScript Fundamentals
14 Lectures 02:27:24

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

Understanding the XML Layouts

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

Adding UI Components to the Application

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

Styling NativeScript UI Components with CSS

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

Theming the Application with a Pre-Built Set of Styles

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

Animating UI Components with CSS Keyframes

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

Preview 09:02

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

Navigating Between Application Pages with the Angular 2 Router

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

Passing Data Between Pages of the Application

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

Persist Data for Accessing in the Future

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

Including Android and iOS Plugins in the Application

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

Preview 07:50

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

Accessing Native Platform Features and APIs

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

Being Efficient with Angular 2 Shared Providers

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

Working with RESTful APIs and Web Services

NativeScript Design and Development Fundamentals
5 questions
Testing and Troubleshooting an Application
2 Lectures 13:33

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

Unit Testing the Application with Jasmine

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

Debugging Application with the Command Prompt or Terminal

Bug Squashing and Error Correcting
2 questions
Building a Functional NativeScript Application with Angular 2
6 Lectures 01:02:29

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

Understanding the TinyURL API

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

Creating a Page for Displaying Saved URLs

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

Creating a Page for Collecting User Input and Shrinking URLs

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

Configuring the Angular 2 Router

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

Saving and Loading URL Data

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

Launching Saved URLs in the Platform Web Browser
Bonus Material
2 Lectures 12:31

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

Google URL Shortener API in the Google Developer Console

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

Switching from TinyURL to the Google API
1 Lecture 03:48

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

Summary of the Course and Downloadable Source Code
About the Instructor
Nic Raboy
4.2 Average rating
588 Reviews
3,734 Students
4 Courses
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.