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"

Activities

Be better prepared before your course. Deepen your understanding during and after it. Supplement your coursework and achieve mastery of the topics covered in NativeScript + Angular: Build Native iOS, Android & Web Apps with these activities:

Follow NativeScript tutorials and workshops

Show steps

Engaging with additional learning resources will supplement your understanding of NativeScript concepts and techniques.

Show steps

Search for NativeScript tutorials and workshops
Select resources that align with your learning goals
Follow the tutorials and complete the exercises

Review prerequisite Angular knowledge

Show steps

Mastering the beginner Angular fundamentals is critical for your success in this course.

Browse courses on Angular

Show steps

Review the Angular documentation
Build a simple Angular app

Join a NativeScript study group or online community

Show steps

Collaborating with peers can provide valuable insights, support, and motivation.

Show steps

Find NativeScript study groups or online communities
Join the group and participate in discussions
Ask questions and share your knowledge

Seven other activities

Expand to see all activities and additional details

Show all ten activities

Component Interaction Drills

Show steps

Engage in hands-on exercises to master component interactions and data binding techniques in Angular.

Browse courses on Component Communication

Show steps

Build Angular components that interact with each other
Practice passing data between components using property binding and event binding
Complete online challenges or quizzes on component interaction

Build a NativeScript mobile app prototype

Show steps

Applying your NativeScript knowledge to a practical project will greatly enhance your comprehension and retention.

Browse courses on App Development

Show steps

Plan and design your app
Set up your NativeScript development environment
Develop the core features and functionality of your app
Test and debug your app
Deploy your app to a device or emulator

Mentor Junior Developers in NativeScript

Show steps

Give back to the community and enhance your understanding by mentoring junior developers in NativeScript.

Browse courses on Mentoring

Show steps

Join online communities or forums related to NativeScript
Offer assistance to those seeking help with NativeScript
Conduct online or offline workshops to share your knowledge

Create a NativeScript blog post

Show steps

This activity will help you synthesize and solidify your knowledge of NativeScript and mobile app development.

Browse courses on NativeScript

Show steps

Choose a topic related to NativeScript
Research and gather information
Write the blog post
Edit and proofread your post
Publish your blog post

Explore Advanced Angular Features

Show steps

Deepen your understanding of Angular by following guided tutorials on advanced topics like dependency injection and routing.

Browse courses on Dependency Injection

Show steps

Identify online tutorials or courses on advanced Angular features
Follow the tutorials and complete the exercises
Implement the advanced features in your own Angular projects

Contribute to NativeScript Open Source Projects

Show steps

Deepen your understanding of NativeScript and make valuable contributions by participating in open source projects.

Browse courses on Community Involvement

Show steps

Identify open source projects related to NativeScript
Review the project's documentation and codebase
Contribute bug fixes, feature enhancements, or documentation updates

Build a NativeScript Mobile App

Show steps

Solidify your skills by building a complete NativeScript mobile application from scratch.

Show steps

Plan the app's functionality and design
Implement the app's features using NativeScript
Test and debug the app on multiple devices or emulators
Publish the app on the App Store or Google Play

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