Ionic - Build iOS, Android & Web Apps with Ionic & Angular from Udemy

Join this bestselling course to learn how to use Angular and web development technologies to build real native mobile apps for iOS and Android.

Ionic is one of the most exciting technologies you can learn at the moment - it enables you to use one codebase (written in This course teaches you the latest version of Ionic from scratch with no prior knowledge about it assumed.

Angular (formerly Angular 2) allows you to create awesome web applications powered by TypeScript / JavaScript. Wouldn't it be great to use that Angular knowledge to build web applications that can be compiled into native mobile apps, running on any iOS or Android device? And also publish them as progressive web apps at the same time.

The Ionic framework allows you to do just that. Use your existing Angular Ionic offers a lot of beautiful components (which you'll learn about in this course) that can be used to compose native-like user interfaces.

Capacitor (another tool provided by the Ionic team) will handle the rest as it's used to then build a native mobile app for iOS/ Android based on your code. This allows you to focus on the things you know and release your application on all possible devices (desktop and mobile) without having to learn thousands of different languages. Indeed, with Ionic, you can use one codebase to ship three different apps (iOS, Android, web).

No wonder that hybrid frameworks like Ionic are extremely popular and in high demand.

My name is Maximilian Schwarzmüller and I'm a freelance web developer as well as creator of many 5-star rated courses here on Udemy - including my "Angular - The Complete Guide" course, the bestselling Angular course on Udemy.

I love creating awesome web applications and it simply is amazing to now use that knowledge and build native mobile apps with it, too.

This course takes your from zero to published app, taking a very practice-orientated route. You'll a realistic app (where users can create and book events) throughout the course, learning about the basics of Ionic, its rich component library, how to fetch and handle user input, how to store data and access native device features and much more.

You'll dive into all important Ionic components as well as concepts like navigation (tabs, sidemenus), user input, native device features (e.g. camera), storage, http, authentication.

And since building apps is only part of the fun, you'll of course also learn how to run your apps either in the browser, on an emulator or on your own device.

What exactly are you going to learn then?

A brief refresher on Angular
How to set up your Ionic projects
The basics about Ionic - How navigation works, how your project is structured and you use its rich component library
How to use the many beautiful components Ionic ships with
How to use different kinds of navigation concepts: "Back"-Button-Navigation, tabs and sidemenus
How to show modals, alerts, toasts and many, many more useful UI components
How to test the app in the browser, on emulators or real devices
How to fetch and handle user input through inputs, textfields, dropdowns, dialogs etc.
How to authenticate users and access web servers to store + load data
How to access the local device storage and native device features like the camera or geolocation
So much more.
Finally, you'll learn how to configure your app and publish it to the App Store or Google Play Store (or as a progressive web app)

Does this sound great?

I can't wait to welcome you in this course.

What's inside

Learning objectives

Build native apps and progressive web apps from one and the same codebase
Build native apps for ios and android, using angular and the powerful features ionic offers

Dive deeper into ionic to learn more about core and advanced features
Test ios and android apps on real devices and publish those apps to the app stores of the two platforms

Build native apps and progressive web apps from one and the same codebase
Build native apps for ios and android, using angular and the powerful features ionic offers
Dive deeper into ionic to learn more about core and advanced features
Test ios and android apps on real devices and publish those apps to the app stores of the two platforms

Syllabus

Getting Started

Welcome to this course! Let me introduce myself and give you a first overview of the course content!

What is Ionic? That's an important question and in this lecture, I'll explain in detail what Ionic is all about and why it's amazing!

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 at all the pieces that actually make up Ionic and let's see how it all works together.

This course is about Ionic + Angular, so let's also make sure we're all on the same page when it comes to Angular. What is that about?

Node.js Download

Time to get started! Let's create our first Ionic app and see how it works!

Ionic is not that old but it already has an interesting history - time to explore it!

There was a major version change in Ionic: Between Ionic 3 and 4, the whole framework changed. Let's explore why and why we're now in a way better future!

Ionic can be used to build cross-platform apps. You can build web apps and native mobile apps. In this lecture, we'll explore the latter.

There are alternatives to Ionic - this lectures gives you more resources on that.

We got a good idea of what Ionic is about, so let's now explore what exactly is in the course! Here's a detailed overview.

Your success matters to me! Here's how to get the most out of the course resources!

The Course Source Code

Angular Refresher

Module Introduction

What is Angular?

Angular SPAs & Ionic

Understanding Components

Important: Creating an Angular Project with the CLI

Installing Angular with the CLI

Installing the IDE

Understanding the 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

Local References

Understanding Two-Way-Binding

Passing Data Around with Custom Events

Implementing Routing

Setting Up Services

Using Services with Dependency Injection

Working with Angular Lifecycle Hooks

Adding a Person with Services

Navigating between Components

Removing Items Upon a Click

"Push"ing Data Around with Subjects

Ionic framework, build apps with confidence

According to students, this course thoroughly prepares users to build apps with the Ionic Framework. Max, the instructor, is described as knowledgeable and easy to follow

The course provides clear explanations.

Max is a great instructor.

"Max is thourough and organized, he takes necessary time to explain the concepts and the mecanic behind the framework."

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 Ionic - Build iOS, Android & Web Apps with Ionic & Angular with these activities:

Read a textbook on thermodynamics

Show steps

Read a textbook on thermodynamics to gain a comprehensive understanding of the subject before the course begins.

View Thermodynamics: An Engineering Approach ISE on Amazon

Show steps

Purchase or borrow a textbook on thermodynamics
Read the textbook thoroughly, taking notes and highlighting key concepts
Complete any practice exercises or problems provided in the textbook

Watch online tutorials on the basics of thermodynamics

Show steps

Watch online tutorials on the basics of thermodynamics to gain a foundational understanding of the subject before the course begins.

Browse courses on Thermodynamics

Show steps

Find reputable online tutorials on thermodynamics
Watch the tutorials and take notes on key concepts
Complete any practice exercises or quizzes provided in the tutorials

Review types of ions and their charges

Show steps

Review the different types of ions and their charges to refresh your chemistry knowledge and prepare for the upcoming course on thermodynamics.

Show steps

Create a table of common ions and their charges
Use online resources or textbooks to review the different types of ions
Practice identifying the charge of an ion given its name

Seven other activities

Expand to see all activities and additional details

Show all ten activities

Ionic Tutorial

Show steps

Refreshes skills in Angular and Ionic frameworks, preparing students for success in the course.

Browse courses on Ionic Framework

Show steps

Visit official Ionic website and explore documentation
Create a simple Ionic app using the Ionic CLI
Add basic components such as buttons, inputs, and lists
Implement event handling and navigation
Style the app using CSS or Sass

Ionic Quiz

Show steps

Reinforces understanding of core Ionic concepts through interactive practice.

Show steps

Take an online quiz on Ionic fundamentals
Attempt multiple-choice questions on Ionic components and APIs
Debug common Ionic errors and exceptions

Solve practice problems on chemical reactions

Show steps

Solve practice problems on chemical reactions to improve your understanding of stoichiometry and prepare for the upcoming thermodynamics course.

Browse courses on Chemical Reactions

Show steps

Find practice problems in your textbook or online
Solve the problems step-by-step, showing your work
Check your answers against the provided solutions
Identify areas where you need more practice

Join a study group to discuss thermodynamics concepts

Show steps

Join a study group to discuss thermodynamics concepts with peers, ask questions, and share insights to improve your understanding.

Browse courses on Thermodynamics

Show steps

Find or create a study group with other students taking the thermodynamics course
Meet regularly to discuss course materials, solve problems, and quiz each other
Contribute actively to the group discussions and help other members

Create an online quiz on thermodynamics

Show steps

Create an online quiz on thermodynamics to test your understanding of the subject and share your knowledge with others.

Browse courses on Thermodynamics

Show steps

Choose a platform for creating online quizzes
Write a series of questions covering key concepts in thermodynamics
Provide answer choices and explanations for each question
Publish your quiz online and share it with others

Design a poster presentation on a specific thermodynamic concept

Show steps

Create a poster presentation on a specific thermodynamic concept to demonstrate your understanding of the topic and prepare for the upcoming course.

Browse courses on Thermodynamics

Show steps

Choose a specific thermodynamic concept to focus on
Research the concept thoroughly using textbooks, articles, and online resources
Design a visually appealing poster that clearly explains the concept
Present your poster to your classmates or instructor

Build a model of a thermodynamic system

Show steps

Build a model of a thermodynamic system to apply your understanding of thermodynamics and gain practical experience.

Browse courses on Thermodynamics

Show steps

Choose a specific thermodynamic system to model
Research the system and gather data on its components and behavior
Design and build a physical or computational model of the system
Test the model and validate its accuracy
Present your model and findings to your classmates or instructor

Career center

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

Full-Stack Developer

Full Stack Developers work on both the front-end and back-end of applications, meaning that they need to have a strong understanding of both web development and programming. This course provides a strong foundation in both Angular and Ionic, which are essential frameworks for building modern web applications.

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

Mobile App Developer

Mobile App Developers are responsible for designing, developing, and maintaining mobile applications. This course provides a strong foundation in Ionic, which is one of the most popular frameworks for building cross-platform mobile applications.

See salaries and explore the career path for Mobile App Developer

Web Developer

Web Developers are responsible for designing, developing, and maintaining websites and web applications. This course provides a strong foundation in Angular, which is one of the most popular frameworks for building modern web applications.

See salaries and explore the career path for Web Developer

Front-End Developer

Front-End Developers are responsible for designing and developing the user interface of web applications. This course provides a strong foundation in Angular, which is one of the most popular frameworks for building modern web applications.

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

Back-End Developer

Back-End Developers are responsible for designing and developing the back-end of web applications. This course provides a strong foundation in Angular, which can be used to build both front-end and back-end applications.

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

Computer Programmer

Computer Programmers are responsible for writing and maintaining computer code. This course provides a strong foundation in Angular and Ionic, which are popular programming languages for building web and mobile applications.

See salaries and explore the career path for Computer Programmer

Software Engineer

Software Engineers are responsible for designing, developing, and maintaining software systems. This course provides a strong foundation in Angular and Ionic, which can be used to build a variety of software applications.

See salaries and explore the career path for Software Engineer

Business Analyst

Business Analysts are responsible for analyzing business processes and identifying areas for improvement. This course may be helpful for Business Analysts who want to learn how to use Angular and Ionic to build tools to automate business processes.

See salaries and explore the career path for Business Analyst

UX Designer

UX Designers are responsible for designing the user experience of websites and applications. This course may be helpful for UX Designers who want to learn how to use Angular and Ionic to build prototypes and test new user interfaces.

See salaries and explore the career path for UX Designer

Data Analyst

Data Analysts are responsible for collecting, analyzing, and interpreting data to identify trends and patterns. This course may be helpful for Data Analysts who want to learn how to use Angular and Ionic to build data visualization and analysis tools.

See salaries and explore the career path for Data Analyst

Product Manager

Product Managers are responsible for planning and managing the development of new products. This course may be helpful for Product Managers who want to learn how to use Angular and Ionic to build prototypes and test new product ideas.

See salaries and explore the career path for Product Manager

Technical Writer

Technical Writers are responsible for writing documentation for software and hardware products. This course may be helpful for Technical Writers who want to learn how to use Angular and Ionic to build interactive documentation and tutorials.

See salaries and explore the career path for Technical Writer

Project Manager

Project Managers are responsible for planning and managing software development projects. This course may be helpful for Project Managers who want to learn how to use Angular and Ionic to build project management tools.

See salaries and explore the career path for Project Manager

Quality Assurance Analyst

Quality Assurance Analysts are responsible for testing software and hardware products to ensure that they meet quality standards. This course may be helpful for Quality Assurance Analysts who want to learn how to use Angular and Ionic to build automated testing tools.

See salaries and explore the career path for Quality Assurance Analyst