NativeScript with Angular Pro

The complete course for developing NativeScript with Angular mobile applications for iOS and Android.

NativeScript with Angular Pro

The courses on NativeScripting are easy to follow, paced well, and do a great job of getting you up to speed with NativeScript.

Raymond Camden
Raymond Camden

DevRel for Auth0 Extend

NativeScripting provides really high quality focused content around learning NativeScript! I love using the platform to refresh my skills and hone in on specific challenge areas to fill in my gaps of knowledge.

Tracy Lee | ladyleet
Tracy Lee | ladyleet

RxJS Core Team member and Google Developer Expert

The best NativeScript video content out there. NativeScripting’s courses are an amazing resource for getting started with NativeScript. Highly recommended.

TJ VanToll
TJ VanToll

Principal Developer Advocate @ProgressSW

NativeScripting is a great resource with top notch material on NativeScript and mobile application development with frameworks such as Angular and Vue. I highly recommend it for any developer, beginner to expert.

Nic Raboy
Nic Raboy

The Polyglot Developer

As a previous Developer Advocate for Progress/Telerik, who makes NativeScript, I've no hesitation in saying that NativeScripting.com is the only place you need to learn NativeScript, from the masterful Alex. His teaching style is absolutely on point; comprehensive and concise enough to have you building real mobile applications, whilst giving you fundamental and advanced knowledge necessary to survive in the wild.

Todd Motto
Todd Motto

Creator @ UltimateAngular and Google Developer Expert for Angular

Alex, affectionately known as the Voice of NativeScript, produces high quality video content that effectively teaches the ins and outs of NativeScript, walking students through the complexities of building mobile apps. These videos teach both NativeScript with Angular and NativeScript Core, offering two great ways to build beautiful apps.

Jen Looper
Jen Looper

Lead Dev Advocate @Microsoft, Founder and CEO of Vue Vixens

If you're looking to learn NativeScript, look no further than NativeScripting. These instructors are the best in the business. I know that because they helped me when I was first learning NativeScript. You can't do any better.

Burke Holland
Burke Holland

DevRel at Microsoft

NativeScripting is the best place for high quality NativeScript courses. Here you will find all learning materials you will ever need to get started with NativeScript. But also, there is a ton of advanced courses for a seasoned NativeScript dev.

Sebastian Witalec
Sebastian Witalec

Sr. Developer Advocate at Progress

Alex, thank you so much for creating this course. The architecture chapter alone is worth the price of the course, and saved me tons of time in the long run - time I would have spent reworking the solution over and over. Can’t wait for the next chapters.

David Wison
David Wison

Mobile Developer

Excellent as an introduction, easy to understand, totally useful, if you are a Vue developer, you should take this material to start with the right foot.

Hernán Piña
Hernán Piña

JavaScript Developer

If you want to understand and master NativeScript, Alex’s NativeScripting course videos are the way to go. He is truly the ‘Voice of NativeScript’ as he can break down complex ideas in such a way that would help you accelerate your goal in building beautiful mobile applications. Highly recommend him and definitely worth your time and money!

Devlin Duldulao
Devlin Duldulao

Microsoft MVP

The introduction to NativeScript-Vue course is a fantastic foundation for learning how to both implement UIs using the Vue framework and also how to use the NativeScript toolsets, such as the CLI and the Sidekick app.

Chase Putnam
Chase Putnam

Backend and Frontend Developer

About this course

Author

Alex Ziskind

Trainer and Founder

Alex Ziskind

Alex lives in Washington, DC. He's a speaker, trainer, and a Telerik Developer Expert. He's been invloved in NativeScript projects since 2015 and has created courses for Pluralsight, LinkedIn, and Coursera.

  • NativeScript Angular logo
    NativeScript with Angular
Advanced
127 lessons

Summary

This course is an advanced course that covers everything from iOS and Android application lifecycle control to testing, transpiling, and deploying your applications, using the NativeScript framework with Angular.

What you'll learn

This course will help you become and expert in cross-platform mobile app development by mastering the advanced topics in NativeScript and Angular. You will use a practical approach to the advanced topics by building an end-to-end mobile application, solving a real-world problem at an enterprise level.

You will begin with covering the important features of NativeScript that you might not be aware of, which can make your work easier. Then we'll cover advanced topics like the core concepts, user interface, plugins, templates, performance optimisations, framework modules, etc. You will also cover unit testing, debugging along with advanced CLI workings. And of course, we'll cover deployment to app stores.

We'll go into some best practices as well as troubleshooting techniques that will be useful. By the end of the course, you will have upgraded your skills by mastering the advanced topics in NativeScript and will have a skilled advantage to grow in your career.

Notes

  • This course is live with evergreen content being added all the time. When you purchase the course, you get unlimited free updates - forever.

Curriculum

  • Welcome

    • 1
      Message from the Author (1:22)
    • 2
      Course Overview (2:57)
    • 3
      Using the exercise files (0:40)
    • 4
      What We're Building (2:00)
  • Getting Started

    • 5
      Overview (1:22)
    • 6
      Native Platform Declarations (5:08)
    • 7
      Project Dependencies (5:24)
    • 8
      High Level App Folder Structure (13:07)
    • 9
      API Server (6:23)
    • 10
      Consuming the API (8:04)
    • 11
      Code Style and Tools (4:07)
  • Application Management

    • 12
      Overview (1:50)
    • 13
      Bootstrapping Options (6:46)
    • 14
      Application Configuration (8:07)
    • 15
      Auto-Injection (5:04)
    • 16
      Application Internationalization (8:07)
    • 17
      Better Console Visualization (5:48)
    • 18
      Logging (7:44)
    • 19
      Life Cycle Platform Differences (7:41)
    • 20
      Native Application Events (7:52)
    • 21
      Native Application Resources (6:46)
    • 22
      Error Handling (6:19)
  • Application State

    • 23
      Overview (1:37)
    • 24
      Methodology (2:55)
    • 25
      Store and State (9:35)
    • 26
      Observable Store Pattern (5:10)
    • 27
      Moving to the Server (5:29)
    • 28
      Smart Components and Store (8:47)
    • 29
      Stateless Components and Store (11:16)
    • 30
      Expanding State Properties (11:49)
    • 31
      Persisting Part of the State (7:15)
  • Routing and Navigation

    • 32
      Overview (2:33)
    • 33
      Style and State Changes and the Navigation Plan (3:15)
    • 34
      Router Outlet (2:06)
    • 35
      Page Router Outlet (5:18)
    • 36
      RouterExtensions (3:27)
    • 37
      Routing via a Service (5:45)
    • 38
      NavigationOptions (5:25)
    • 39
      Module Specific Routing (3:08)
    • 40
      Guarding Routes (4:46)
    • 41
      Combining Routing Outlets (7:40)
    • 42
      Navigation Menu (3:00)
    • 43
      Menu Routing Parameters and State (6:54)
    • 44
      Lazy Loading and NSModuleFactoryLoader (6:40)
    • 45
      Creating a Navigation Directive (3:02)
    • 46
      Back or Back to Previous Page? (2:51)
  • Consuming UI Plugins and Native Code

    • 47
      Overview (1:56)
    • 48
      Using Font Icons (4:33)
    • 49
      Font Icon Plugin (5:26)
    • 50
      Pull to Refresh Plugin (5:12)
    • 51
      Pro UI Plugin (2:34)
    • 52
      Using the Side Drawer (12:18)
    • 53
      Using the Data Form (8:07)
    • 54
      Data Form: Saving Updates (6:02)
    • 55
      Data Form: Property Editor Types (8:38)
    • 56
      Data Form: Stepper Editor Customization (10:10)
    • 57
      Data Form: Multi Line Editor Customization (2:12)
    • 58
      Data Form: Segmented Editor Customization (1:48)
    • 59
      Data Form: Picker Editor Customization (1:26)
  • Modal Patterns and Other Dialogs

    • 60
      Overview (2:21)
    • 61
      Modal Dialog Checklist (1:07)
    • 62
      Modal Dialog Example (10:48)
    • 63
      Scalable and Reusable Modals Setup (9:43)
    • 64
      Feature Specific Modal (11:34)
    • 65
      Generic Modal Dialogs: Text Input Modal (13:07)
    • 66
      Generic Modal Dialogs: List Picker Modals (7:35)
    • 67
      Dialogs Module (4:32)
    • 68
      Overriding Basic Dialog Options (1:58)
    • 69
      Action Sheets (3:18)
    • 70
      Custom Dialogs (7:26)
  • Testing

    • 71
      Overview (2:51)
    • 72
      Configuring Unit Testing (3:49)
    • 73
      Creating Unit Tests (5:27)
    • 74
      Running and Watching Unit Tests Locally (4:52)
    • 75
      Configuring Karma (1:21)
    • 76
      Continuous Integration (2:03)
    • 77
      Running an Automated Build with Travis CI (10:34)
  • Webpack

    • 78
      Overview (1:39)
    • 79
      Getting Webpack Ready (3:46)
    • 80
      Installing the Webpack Plugin (5:20)
    • 81
      Running a Bundled App (2:50)
    • 82
      Resolving Webpack Issues (14:56)
    • 83
      Webpack Config: AOT and Uglify (10:28)
    • 84
      App Config via Command Line Parameters (10:12)
    • 85
      Supporting Plugins: Font Icons (3:35)
    • 86
      Supporting Plugins: Pull to Refresh (1:29)
    • 87
      Unsupported Plugin Example: ngx-translate (4:00)
  • Preparing for Deployment

    • 88
      Overview
    • 89
      Preparing Image Assets
    • 90
      Generating App Icons and Launch Images
    • 91
      Adding App Icons and Launch Images
    • 92
      Application ID
    • 93
      Application Display Name
    • 94
      Version Numbers
    • 95
      iOS Certs and Profiles
    • 96
      iOS Publishing
    • 97
      Android Build
    • 98
      Android Publishing
    • 99
      Android Architecture Targeting
  • More UI Widgets

  • Appendix A: Tracing and Debugging

    • 101
      Overview
      Planned Lesson
    • 102
      Setting up tracing
      Planned Lesson
    • 103
      Using tracing
      Planned Lesson
    • 104
      Debugging options
      Planned Lesson
    • 105
      Debugging commands
      Planned Lesson
    • 106
      Debugging with Visual Studio Code
      Planned Lesson
  • Appendix B: More modules

    • 107
      Overview
      Planned Lesson
    • 108
      Using connectivity
      Planned Lesson
    • 109
      Timer
      Planned Lesson
    • 110
      Http
      Planned Lesson
    • 111
      Fetch polyfill
      Planned Lesson
    • 112
      Image cache
      Planned Lesson
    • 113
      Adding push notifications
      Planned Lesson
    • 114
      Firebase integration
      Planned Lesson
  • Appendix C: Events

    • 115
      Overview
      Planned Lesson
    • 116
      Listening for events through code
      Planned Lesson
    • 117
      PropertyChange event
      Planned Lesson
    • 118
      Custom events
      Planned Lesson
    • 119
      Avoiding Memory leaks
      Planned Lesson
    • 120
      Weak events
      Planned Lesson
  • Appendix D: Hardware Access

    • 121
      Overview
      Planned Lesson
    • 122
      Using Location
      Planned Lesson
    • 123
      Accessing the camera
      Planned Lesson
  • Appendix E: Multithreaded Programming

    • 124
      Overview
      Planned Lesson
    • 125
      Workers API
      Planned Lesson
    • 126
      General Guidelines
      Planned Lesson
    • 127
      Limitations
      Planned Lesson

Or pick up a complete bundle...

Everything you need to start mastering NativeScript today

NativeScript with Angular Essential Bundle

4 courses

NativeScript with Angular Getting Started Guide
Beginner
NativeScript with Angular Pro
Advanced
NativeScript with Angular Web Application Conversion
Intermediate
Styling NativeScript with Angular Applications
Intermediate

NativeScript Core Master Bundle

8 courses

NativeScript Core Getting Started Guide
Beginner
NativeScript Core Pro
Advanced
NativeScript Enterprise Auth
Intermediate
Styling NativeScript Core Applications
Intermediate
NativeScript Plugins: Creating Custom View Components
Intermediate
Securing NativeScript Applications
Intermediate
NativeScript Hands-On UI
Beginner
Upgrading Cordova Applications to NativeScript
Beginner

NativeScript with Angular Master Bundle

9 courses

NativeScript with Angular Getting Started Guide
Beginner
NativeScript with Angular Pro
Advanced
NativeScript with Angular Web Application Conversion
Intermediate
NativeScript Enterprise Auth
Intermediate
Styling NativeScript with Angular Applications
Intermediate
NativeScript with @ngrx
Intermediate
NativeScript Plugins: Creating Custom View Components
Intermediate
Securing NativeScript Applications
Intermediate
NativeScript Hands-On UI
Beginner
Accepting MasterCardAccepting PayPalAccepting VISAAccepting Amex

Secure SSL encrypted payments

100% money back guarantee

These courses are empowering thousands with expert knowledge - they will you too. If you're disappointed for whatever reason, you'll get every cent back.

Student/Location discounts

Not-so-good exchange rate? (i.e. India/Brazil) Get in touch for a coupon. Student? Email us from your student email or attach your student ID.