July 4th  50% off any course

Sale ends in...

  • -133
    days
  • -4
    hours
  • -40
    minutes
  • -28
    seconds

Use code 4JULY2019 at checkout!

NativeScript with Angular Pro

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

NativeScript with Angular Pro

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 and LinkedIn.

  • 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

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 Ployglot 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

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

NativeScripting is an amazing technology to build applications with very good performance for the both main mobile platforms. not only that, also you can use Angular with all it's advantages, I really recommend this course.

Eisson Alipio
Eisson Alipio

Developer

NativeScripting is a great platform for learning NativeScript! There are many high quality video courses. Anyone who wants to develop a Native mobile application with NativeScript must have NativeScripting account. Try free courses to convince yourself.

Ramazan Ayvaz
Ramazan Ayvaz

Entrepreneur and Software Engineer

Being an introduction, it does a good job of clarifying some well know issues for beginners to the nativescript platform.

Emmanuel Oduro
Emmanuel Oduro

Entrepreneur and Laravel Developer

Excelent free course. You will get the basics for build simple but usefull apps and to grow in understanding about NativeScript framework.

Thiago Glauco
Thiago Glauco

JavaScript and Angular Developer

NativeScripting provides a wide range of courses, from basic to advanced concepts and from the core framework to Angular and Vue. That's why there is no need for other resources. Highly recommended.

Vahid Najafi
Vahid Najafi

Co-founder @ Sazmand, Backend and Frontend Developer

This course is amazing. I was already fumbling in creating my first NativeScript iOS app but this course helped set me up straight. It's awesome. Really detailed and thorough. I could sense an high level of know-how from the author.

Kelvin O. Omereshone
Kelvin O. Omereshone

Software developer 🥑. Modern Mobile Web Developer.

The Vue NativeScript introductory course is treated without unnecessary technical details. That allows you to be productive from day one.

Course is short, very concise with very good narration and teaching by Alex. Great for starters on NativeScript. Has coverage on a range of topics needed for creating full production cross platform application. I had already started creating my startup idea.

Sushan Baskota
Sushan Baskota

Full Stack Java and Angular Developer.

One of the best courses I've ever done, simple, objective and practical. Congratulations to the NativeScript team.

Helio Silva
Helio Silva

Software Developer

Please, if you are new to NativeScript this course is perfect. No nonsense at all. It is straight to the point and the instructor is awesome. The production of the course is fantastic. It is not often I find a course is this well put together.

Chris Custer
Chris Custer

Software Architect/Developer by day. RC Helicopter enthusiast by nights and weekend.

NativeScript Core Essential Bundle

4 courses

NativeScript Core Getting Started Guide
Beginner
NativeScript Core Pro
Advanced
Styling NativeScript Core Applications
Intermediate
Upgrading Cordova Applications to NativeScript
Beginner

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 Vue Master Bundle

6 courses

NativeScript-Vue Introduction
Beginner
Securing NativeScript Applications
Intermediate
NativeScript Hands-On UI
Beginner
NativeScript Vue and Vuex
Intermediate
NativeScript Vue Pro
Advanced
Styling NativeScript Vue Applications
Beginner

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

NativeScript with Angular Ultra

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
3/100 left at this price

NativeScript Core Super Bundle

3 courses

NativeScript Core Getting Started Guide
Beginner
NativeScript Core Pro
Advanced
Styling NativeScript Core Applications
Intermediate