NativeScript + Angular: Build Native iOS, Android & Web Apps

Course Curriculum

Chapter 1: Introduction

Lecture 1: Course Introduction

Lecture 2: What is NativeScript?

Lecture 3: Join our Online Learning Community

Lecture 4: Under the Hood of NativeScript

Lecture 5: What is Angular & Course Requirements

Lecture 6: Our First NativeScript App!

Lecture 7: Course Outline

Lecture 8: How To Get The Most Out Of The Course

Lecture 9: Using the Course Source Code

Chapter 2: Optional: Angular – A Quick Refresher

Lecture 1: Module Introduction

Lecture 2: What is Angular?

Lecture 3: Single Page Applications (SPAs) in Angular & NativeScript

Lecture 4: Understanding Components

Lecture 5: Installing Angular with the Command Line Interface (CLI)

Lecture 6: Installing our IDE

Lecture 7: Understanding the Angular Project Folder Structure

Lecture 8: The App Component

Lecture 9: Creating our First Component

Lecture 10: Cross Component Communication with Property Binding

Lecture 11: Understanding Directives & String Interpolation

Lecture 12: Handling User Input

Lecture 13: Understanding Event Binding

Lecture 14: Executing Methods with Local References

Lecture 15: Understanding Two Way Binding

Lecture 16: Passing Data Up With a Custom Event

Lecture 17: Implementing Routing

Lecture 18: Setting Up Services

Lecture 19: Using the Service with Dependency Injection

Lecture 20: Working with Lifecycle Hooks

Lecture 21: Adding a Person with Services

Lecture 22: Navigating Between Components

Lecture 23: Removing Items "On Click"

Lecture 24: Implementing an Active Push Mechanism

Lecture 25: Dive Deeper Into Observables & Subjects

Lecture 26: Sending HTTP Requests

Lecture 27: Showing a Placeholder Whilst Waiting for a Response

Lecture 28: Wrap Up

Lecture 29: Useful Resources & Links

Chapter 3: Setting Up the Development Environment

Lecture 1: Setting up NativeScript on macOS

Lecture 2: Setting up NativeScript on Windows

Lecture 3: Building iOS Apps on Windows

Lecture 4: Using Different Emulator Devices

Lecture 5: Running the App on a Real Device – What can go wrong?

Lecture 6: Running the App on a Real Device

Lecture 7: What's Up With The Extra .js Files?

Lecture 8: Using Hot Module Replacement (HMR)

Lecture 9: Useful Resources & Links

Chapter 4: Understanding the Basics

Lecture 1: Module Introduction

Lecture 2: Starting the Emulators

Lecture 3: MUST READ: nativescript-angular Imports

Lecture 4: How Does The App Start?

Lecture 5: Understanding Components & Layouts

Lecture 6: Building our First own Component

Lecture 7: Adding Basic Element Interactions

Lecture 8: Understanding the Styling Basics

Lecture 9: Styling a Button

Lecture 10: Understanding Layouts – Theory

Lecture 11: The StackLayout

Lecture 12: The FlexboxLayout

Lecture 13: The GridLayout

Lecture 14: Understanding the AbsoluteLayout

Lecture 15: Implementing the Grid Layout in the Course Project

Lecture 16: Splitting our App Into Components

Lecture 17: Passing Data Between Components

Lecture 18: Creating a List of Items

Lecture 19: Making the List Scrollable

Lecture 20: Using the "ListView"

Lecture 21: Extracting & Rendering Dynamic Values

Lecture 22: Debugging our Application

Lecture 23: More on Debugging (with VS Code)

Lecture 24: Wrap Up

Lecture 25: Useful Resources & Links

Chapter 5: Diving Into App Navigation

Lecture 1: Module Introduction

Lecture 2: Understanding the Different Navigation Options

Lecture 3: Planning the App

Lecture 4: Creating the App Pages

Lecture 5: Adding our First Route

Lecture 6: Implementing Page Navigation

Lecture 7: How to Add Forward & Backward Navigation to our App

Lecture 8: Understanding the Router Object

Lecture 9: Working with the "nsRouterLink" Directive

Lecture 10: More on Page Transitions

Lecture 11: Adding an Actionbar and a "Back" Button

Lecture 12: Creating a Shared Component for the "Back" Button

Lecture 13: Adding Logic to the "Back" Button

Lecture 14: Overwriting the Default Transition Effect

Lecture 15: Adding the "TabView" Component

Lecture 16: Displaying Dynamic Routing Content in the Tabs

Lecture 17: Highlighting the Currently Active Tab

Lecture 18: Angular 8 & @ViewChild()

Lecture 19: Adding a Sidedrawer