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
English [Auto-generated]
Price: $50
30-Day Money-Back Guarantee
Includes:
  • 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
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
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".

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
04:49:53
+
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
03:42

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
05:00
+
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
04:10

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

Installing the Android SDK
11:28

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
02:57

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
03:00

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
05:30

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
05:17

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
04:34

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
02:37
+
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
07:47

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
08:07

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
04:36

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

Theming the Application with a Pre-Built Set of Styles
08:17

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
06:00

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
18:59

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
10:05

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
22:36

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
13:52

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
10:28

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
09:35

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
10:10

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
08:28

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
05:05

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
03:30

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
10:39

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
14:46

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

Configuring the Angular 2 Router
13:47

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
12:20

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

Launching Saved URLs in the Platform Web Browser
07:27
+
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
04:56

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

Switching from TinyURL to the Google API
07:35
+
Summary
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
03:48
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.