Introduction
  • Course Introduction
  • What is NativeScript?
  • Join our Online Learning Community
  • Under the Hood of NativeScript
  • What is Angular & Course Requirements
  • Our First NativeScript App!
  • Course Outline
  • How To Get The Most Out Of The Course
  • Using the Course Source Code
Optional: Angular - A Quick Refresher
  • Module Introduction
  • What is Angular?
  • Single Page Applications (SPAs) in Angular & NativeScript
  • Understanding Components
  • Installing Angular with the Command Line Interface (CLI)
  • Installing our IDE
  • Understanding the Angular Project Folder Structure
  • The App Component
  • Creating our First Component
  • Cross Component Communication with Property Binding
  • Understanding Directives & String Interpolation
  • Handling User Input
  • Understanding Event Binding
  • Executing Methods with Local References
  • Understanding Two Way Binding
  • Passing Data Up With a Custom Event
  • Implementing Routing
  • Setting Up Services
  • Using the Service with Dependency Injection
  • Working with Lifecycle Hooks
  • Adding a Person with Services
  • Navigating Between Components
  • Removing Items "On Click"
  • Implementing an Active Push Mechanism
  • Dive Deeper Into Observables & Subjects
  • Sending HTTP Requests
  • Showing a Placeholder Whilst Waiting for a Response
  • Wrap Up
  • Useful Resources & Links
Setting Up the Development Environment
  • Setting up NativeScript on macOS
  • Setting up NativeScript on Windows
  • Building iOS Apps on Windows
  • Using Different Emulator Devices
  • Running the App on a Real Device - What can go wrong?
  • Running the App on a Real Device
  • What's Up With The Extra .js Files?
  • Using Hot Module Replacement (HMR)
  • Useful Resources & Links
Understanding the Basics
  • Module Introduction
  • Starting the Emulators
  • MUST READ: nativescript-angular Imports
  • How Does The App Start?
  • Understanding Components & Layouts
  • Building our First own Component
  • Adding Basic Element Interactions
  • Understanding the Styling Basics
  • Styling a Button
  • Time to Practice - Styling Basics
  • Understanding Layouts - Theory
  • The StackLayout
  • The FlexboxLayout
  • Time to Practice - The Flex Layout
  • The GridLayout
  • Time to Practice - The Grid Layout
  • Understanding the AbsoluteLayout
  • Implementing the Grid Layout in the Course Project
  • Splitting our App Into Components
  • Passing Data Between Components
  • Creating a List of Items
  • Making the List Scrollable
  • Using the "ListView"
  • Extracting & Rendering Dynamic Values
  • Debugging our Application
  • More on Debugging (with VS Code)
  • Wrap Up
  • Useful Resources & Links
Diving Into App Navigation
  • Module Introduction
  • Understanding the Different Navigation Options
  • Planning the App
  • Creating the App Pages
  • Adding our First Route
  • Implementing Page Navigation
  • How to Add Forward & Backward Navigation to our App
  • Understanding the Router Object
  • Working with the "nsRouterLink" Directive
  • Time to Practice - Navigation
  • More on Page Transitions
  • Adding an Actionbar and a "Back" Button
  • Creating a Shared Component for the "Back" Button
  • Adding Logic to the "Back" Button
  • Overwriting the Default Transition Effect
  • Adding the "TabView" Component
  • Displaying Dynamic Routing Content in the Tabs
  • Highlighting the Currently Active Tab
  • Angular 8 & @ViewChild()
  • Adding a Sidedrawer