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

What's inside

Learning objectives

Build real native mobile apps for ios and android with web technologies and the angular framework
Share code to build a web app and native apps from one and the same codebase

Learn how to use the nativescript ecosystem and features

Build real native mobile apps for ios and android with web technologies and the angular framework
Share code to build a web app and native apps from one and the same codebase
Learn how to use the nativescript ecosystem and features

Syllabus

Introduction

What's in the course, what can you expect? Let me welcome you to the course!

The most important question is: What is NativeScript, what can you do with it, why would you use it? In this lecture, we'll explore what NativeScript is all about.

Learning alone is absolutely fine but finding learning partners might be a nice thing, too. Our learning community is a great place to learn and grow together - of course it's 100% free and optional!

Let's take a closer look under the hood of NativeScript to fully understand what it's about and how it works behind the scenes.

To get the most out of the course, there are some pre-requisites. In this lecture, we'll explore what you need to know in advance.

Enough of the NativeScript theory, let's build our first little NativeScript app! Let's see how easy it is to build a native mobile app with Angular and NativeScript.

What's in this course, what will you learn? In this lecture, you'll get a thorough overview of the course content and the order in which it will be presented.

Knowing the course content is one thing, but to me it's super-important to ensure that you get the most out of the course. Hence in this lecture, I'll share some tips & tricks regarding how to take this course.

Stuck? You're getting an error in your code and you don't know why? No problem! I attached code snapshots of my code to a lot of lectures in this course!

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)

Understanding the Basics

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

Informative nativescript & angular course

According to students, this course is an excellent course for learning how to develop apps using NativeScript and Angular. Students say that the course is informative and that they feel confident in their ability to develop apps after taking the course. One student wrote, "Excelent course! I feel like now I can develop really cool apps for clients and myself! :D"

Career center

Learners who complete NativeScript + Angular: Build Native iOS, Android & Web Apps will develop knowledge and skills that may be useful to these careers:

Full-Stack Developer

Full-stack developers are responsible for both the front-end and back-end development of a website or application. They have a deep understanding of both client-side and server-side technologies. This course can help you build a strong foundation in Angular, which can be used to build both front-end and back-end applications. You will learn how to create reusable components, handle user input, style your applications, create RESTful APIs, handle user authentication, and store data in a database. These skills are essential for any full-stack developer who wants to build complete, end-to-end web applications.

See salaries and explore the career path for Full-Stack Developer

Front-End Developer

Front-end developers are responsible for the design and implementation of the user interface of a website or application. They work closely with designers to create a visually appealing and functional interface that meets the needs of the user. This course can help you build a strong foundation in Angular, which is a popular framework for building single-page applications. You will learn how to create reusable components, handle user input, and style your applications. These skills are essential for any front-end developer who wants to create high-quality, user-friendly web applications.

See salaries and explore the career path for Front-End Developer

Web Developer

Web developers are responsible for the design and development of websites. They work with a variety of tools and technologies to create websites that are both functional and visually appealing. This course can help you build a strong foundation in Angular, which is a popular framework for building single-page applications. You will learn how to create reusable components, handle user input, and style your applications. These skills are essential for any web developer who wants to create high-quality, user-friendly websites.

See salaries and explore the career path for Web Developer

Mobile Developer

Mobile developers are responsible for the design and development of mobile applications. They work with a variety of tools and technologies to create apps that are both functional and visually appealing. This course can help you build a strong foundation in Angular, which can be used to build both iOS and Android applications. You will learn how to create native mobile apps with web technologies and the Angular framework. You will also learn how to share code to build a web app and native apps from one and the same codebase. These skills are essential for any mobile developer who wants to build high-quality, cross-platform mobile applications.

See salaries and explore the career path for Mobile Developer

Computer Programmer

Computer programmers are responsible for writing and maintaining the code that makes computers work. They work with a variety of programming languages and technologies to create software that meets the needs of users. This course can help you build a strong foundation in Angular, which is a popular framework for building web applications. You will learn how to create reusable components, handle user input, and style your applications. These skills are essential for any computer programmer who wants to build high-quality, scalable software systems.

See salaries and explore the career path for Computer Programmer

Back-End Developer

Back-end developers are responsible for the server-side logic of a website or application. They work with databases, APIs, and other back-end technologies to store and manage data, and to process user requests. This course can help you build a strong foundation in Angular, which can be used to build both front-end and back-end applications. You will learn how to create RESTful APIs, handle user authentication, and store data in a database. These skills are essential for any back-end developer who wants to build scalable, reliable web applications.

See salaries and explore the career path for Back-End Developer

Software Engineer

Software engineers are responsible for the design, development, and maintenance of software systems. They work with a variety of programming languages and technologies to create software that meets the needs of users. This course can help you build a strong foundation in Angular, which is a popular framework for building web applications. You will learn how to create reusable components, handle user input, and style your applications. These skills are essential for any software engineer who wants to build high-quality, scalable software systems.

See salaries and explore the career path for Software Engineer

Project Manager

Project managers are responsible for planning, executing, and closing projects. They work with a variety of stakeholders to ensure that projects are completed on time, within budget, and to the required quality. This course may be useful for project managers who want to learn how to use Angular to build project management dashboards and other project-related applications.

See salaries and explore the career path for Project Manager

UI Designer

UI designers are responsible for the design of the user interface of a website or application. They work with a variety of tools and technologies to create user interfaces that are both functional and visually appealing. This course may be useful for UI designers who want to learn how to use Angular to build interactive prototypes and user interfaces.

See salaries and explore the career path for UI Designer

Data Scientist

Data scientists are responsible for collecting, analyzing, and interpreting data. They use a variety of statistical and machine learning techniques to extract insights from data. This course may be useful for data scientists who want to learn how to use Angular to build data visualization dashboards and other data-driven applications.

See salaries and explore the career path for Data Scientist

Business Analyst

Business analysts are responsible for analyzing business processes and identifying opportunities for improvement. They work with a variety of stakeholders to gather requirements and develop solutions. This course may be useful for business analysts who want to learn how to use Angular to build data visualization dashboards and other data-driven applications.

See salaries and explore the career path for Business Analyst

Data Analyst

Data analysts are responsible for collecting, analyzing, and interpreting data. They use a variety of statistical and machine learning techniques to extract insights from data. This course may be useful for data analysts who want to learn how to use Angular to build data visualization dashboards and other data-driven applications.

See salaries and explore the career path for Data Analyst

Product Manager

Product managers are responsible for managing the development and launch of new products. They work with a variety of stakeholders to define product requirements, set launch dates, and track product performance. This course may be useful for product managers who want to learn how to use Angular to build product dashboards and other product-related applications.

See salaries and explore the career path for Product Manager

UX Designer

UX designers are responsible for the design of the user interface of a website or application. They work with a variety of tools and technologies to create user interfaces that are both functional and visually appealing. This course may be useful for UX designers who want to learn how to use Angular to build interactive prototypes and user interfaces.

See salaries and explore the career path for UX Designer

Interaction Designer

Interaction designers are responsible for designing the user experience of a website or application. They work with a variety of tools and technologies to create user interfaces that are both functional and enjoyable to use. This course may be useful for interaction designers who want to learn how to use Angular to build interactive prototypes and user interfaces.

See salaries and explore the career path for Interaction Designer