[LEGACY] NativeScript + Angular: Build Native iOS, Android & Web Apps
Use one Angular + NativeScript codebase to build native iOS, Android and web apps and learn NativeScript from scratch.
With Angular (2+), you can already build highly reactive and engaging web apps.
Wouldn't it be amazing to use that same tech stack and knowledge to build real native mobile apps for iOS and Android?
NativeScript enables you to do exactly that!
You build a normal Angular app and manage your entire app logic via Angular + TypeScript. Combine that with NativeScript's TypeScript/ Angular modules and the strong NativeScript build system to generate Android and iOS apps which you can (and will in this course) deploy to the Apple App Store or Google Play Store.
But even better than that: You're also able to use that same "Native App with Angular" codebase to build a regular web app out of it as well.
1 codebase, 3 kinds of apps. Pretty sweet!
In this course, you'll learn:
- What exactly NativeScript is and how it works
- Which core building block a NativeScript app has
- How to build nice user interfaces with NativeScript layouts and UI widgets
- How to add mobile navigation (forward-backward, tabs, side drawer) in a NativeScript app
- How to style your app with CSS (yes, the mobile app, too!)
- How to fetch user input
- How to handle state and data in the app (incl. storage on the device)
- How to send data to a server and fetch it from there
- How to implement authentication
- AND: How to do all that in a way that works in both native mobile apps as well as a web app - with one and the same codebase
To succeed in this course, Angular knowledge is a must-have. You need to know how Angular works, how you build and use components, what dependency injection is and how it works and how the general Angular architecture (with NgModule etc) works.
A brief refresher on some Angular core concepts is provided but if you got zero Angular knowledge, you'll very likely not be able to follow along.
You absolutely DON'T have to be an expert though!
20+
hours
200+
lessons
Course Curriculum
-
PreviewCourse Introduction (1:42)
-
PreviewWhat is NativeScript? (2:47)
-
PreviewJoin our Online Learning Community
-
PreviewUnder the Hood of NativeScript (2:49)
-
PreviewWhat is Angular & Course Requirements (2:39)
-
PreviewOur First NativeScript App! (6:27)
-
PreviewCourse Outline (2:53)
-
PreviewHow To Get The Most Out Of The Course (4:16)
-
PreviewUsing the Course Source Code
-
StartThe Academind Pro Referral Program
-
StartModule Introduction (0:32)
-
StartWhat is Angular? (2:42)
-
StartSingle Page Applications (SPAs) in Angular & NativeScript (3:09)
-
StartUnderstanding Components (1:37)
-
StartInstalling Angular with the Command Line Interface (CLI) (4:29)
-
StartInstalling our IDE (4:59)
-
StartUnderstanding the Angular Project Folder Structure (8:14)
-
StartThe App Component (7:04)
-
StartCreating our First Component (4:05)
-
StartCross Component Communication with Property Binding (5:23)
-
StartUnderstanding Directives & String Interpolation (4:05)
-
StartHandling User Input (4:08)
-
StartUnderstanding Event Binding (2:13)
-
StartExecuting Methods with Local References (1:49)
-
StartUnderstanding Two Way Binding (5:56)
-
StartPassing Data Up With a Custom Event (3:58)
-
StartImplementing Routing (7:10)
-
StartSetting Up Services (3:15)
-
StartUsing the Service with Dependency Injection (2:48)
-
StartWorking with Lifecycle Hooks (3:25)
-
StartAdding a Person with Services (2:44)
-
StartNavigating Between Components (2:03)
-
StartRemoving Items "On Click" (3:08)
-
StartImplementing an Active Push Mechanism (5:34)
-
StartDive Deeper Into Observables & Subjects
-
StartSending HTTP Requests (10:03)
-
StartShowing a Placeholder Whilst Waiting for a Response (2:05)
-
StartWrap Up (1:17)
-
StartUseful Resources & Links
-
StartSetting up NativeScript on macOS (16:12)
-
StartSetting up NativeScript on Windows (13:59)
-
StartBuilding iOS Apps on Windows
-
StartUsing Different Emulator Devices (7:33)
-
StartRunning the App on a Real Device - What can go wrong?
-
StartRunning the App on a Real Device (5:24)
-
StartWhat's Up With The Extra .js Files? (1:19)
-
StartUsing Hot Module Replacement (HMR)
-
StartUseful Resources & Links
Course Prerequisites
Solid Angular knowledge is a must-have (How it works, dependency injection, Angular app structure)
NO prior NativeScript knowledge is required
All pre-requisites are covered by courses in our "Academind Pro" Membership.
Don't take my word for it - here's what other students are saying.
Paulo Caridade
Last year I've learned angular from another (Maximilian) course... I've been trying to learn Nativescript using my previous knowledge of Angular without success because I didn't know how to start. I find amazing how Maximilian can make us use our previous knowledge about angular and in a few minutes build an app with NativeScript playground. It's much easier and simpler than I thought it would be.
Jaime Ocampo
The course was fantastic. Max is an awesome teacher, he's able to keep you interested through many lessons. Everything was explained very concisely and you can use the knowledge in your own projects right away!
Marco Santana
Max is an excellent teacher and the content is very up to date and well taught. Learning lots of stuff not only with Native Script but also on Angular, CSS, Flex and related stuff.
30 Day Money Back Guarantee - No Questions Asked!
Our courses helped thousands of students learn something new and improve their lives.
We're so convinced by our course quality that we guarantee your success and provide a full refund within the first 30 days if you're not happy with the course.
Your Instructor
As a self-taught professional I really know the hard parts and the difficult topics when learning new or improving on already-known languages. This background and experience enable me to focus on the most relevant key concepts and topics. My track record of many 5-star rated courses, more than 2,500,000 students worldwide as well as a successful YouTube channel with 900.000 subscribers is the best proof for that.
The most rewarding experience for me is to see how people find new, better jobs, build awesome web applications, work on amazing projects or simply enjoy their hobby with the help of my content.
That's why, together with Manuel Lorenz, I founded Academind to offer the best possible learning experience and to share the pleasure of learning with our students.
Frequently Asked Questions
Join 1914 happy students!
Academind Pro Membership
Unlimited access to this and all other current & future courses!