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:
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".
Learn about the instructor, Nic Raboy, and his skills developing NativeScript and Angular 2 applications.
Get an overview of NativeScript and how Angular 2 fits for developing native mobile applications with near identical code to common web applications.
Learn about the final project that we'll build with the knowledge acquired throughout the NativeScript with Angular 2 course.
Learn how to install the NativeScript CLI using Node.js and the Node Package Manager.
Learn how to install and configure the Android SDK, a critical component for building and testing NativeScript applications for Android.
Learn how to create a fresh NativeScript project for Android and iOS that uses Angular 2 and TypeScript.
Learn how to build the NativeScript application for Android and iOS platforms.
Learn how to emulate, run, or livesync the NativeScript application in various iOS and Android simulators.
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.
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.
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.
Learn how NativeScript UI components are presented on the screen using various layouts such as the StackLayout and GridLayout.
Learn about some of the popular UI components and how to use them in a NativeScript Angular 2 application.
Learn how to use CSS to make your UI components and layouts more attractive and offer a more pleasant user experience (UX).
Learn how to use a simple and attractive theme in your NativeScript application.
Learn how to animate UI components using CSS keyframes to give your user experience a boost in the right direction.
Learn how to present an array of data in a NativeScript ListView.
Learn how to navigate between application pages using the Angular 2 Router.
Learn how to pass data such as id values between pages of an application using the Angular 2 Router.
Learn how to save data so it can be accessed in the future, after the application has been closed.
Learn how to use official and community driven plugins in a NativeScript application that uses Angular 2.
Learn how to collect commonly used methods and variables and use them within an Angular 2 provider that can be shared across the application.
Learn how to consume remote data from RESTful APIs and other web services using the Angular 2 Http component and a mixture of RxJS.
Learn how to identify and correct runtime errors using the Command Prompt (Windows) or Terminal (Mac and Linux).
Learn about an actual API for shortening URLs in preparation for creating a functional mobile application.
Create an application page for presenting a list of saved short and long URLs generated by the TinyURL API.
Create an application page for collecting user input via a form and using that user input to shrink URLs via the TinyURL API.
Learn how to bring the application pages together via the Angular 2 Router component so navigation becomes possible.
Create an Angular 2 provider that makes use of Couchbase NoSQL for saving and querying data used throughout the application.
Learn how to launch URLs via the Android or iOS device's system browser.
The TinyURL API, while useful, is not as popular as the Google alternative which we'll learn about in this lesson.
Learn how to include the more complicated Google URL Shortener API in your NativeScript Angular 2 project.
Wrap up everything covered in this course and obtain the source code developed in each of the final project lessons.
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.