HomeCoursesDeveloping Mobile Apps with Ionic and Angular

Beginner

10h

Updated 5 months ago

Developing Mobile Apps with Ionic and Angular
Save

Gain insights into developing hybrid mobile apps with Ionic and Angular. Discover platform-specific UI elements, and build a functional attendance app for your portfolio and deployment.

Join 2.7 million developers at

Overview

Content

Reviews

The Ionic Framework is an open-source SDK for hybrid mobile app development. It’s known for providing platform-specific UI elements through a library of native components for iOS and Android. In this course, you will cover all the most important aspects of development with Ionic and Angular. Throughout, you will work to build a fully functional attendance application that you can add to your portfolio. By the end, you will have the confidence and the means to create and deploy your own mobile app for iOS or Android.

The Ionic Framework is an open-source SDK for hybrid mobile app development. It’s known for providing platform-specific UI eleme...Show More

WHAT YOU'LL LEARN

Learn to create Ionic apps from scratch

Learn about the basic structure of Angular applications

Learn about Ionic components and how they make development more convenient

Build a fully functional attendance application using Ionic with Angular

Test your skills by solving challenges on customizing the attendance app

Learn to create Ionic apps from scratch

Content

33 Lessons14 Quizzes

Introduction to Ionic Framework

3 Lessons

Learn how to use the Ionic Framework for mobile app development with Angular basics.

Introduction

Getting Started

Gentle Introduction to Angular

Hello Ionic!

3 Lessons

Look at creating, navigating, and customizing your first app with Ionic and Angular.

Your First Ionic App

Guided Tour of the Ionic-Angular Code

Customize the Code

Building an Attendance Application

6 Lessons

Work your way through building an attendance app with data binding, custom services, and interactive rosters.

A10Dance - The Demo App

Creating the New Project

Modifying the Home Page

Custom Students Service

Adding the Roster Page

Implementing a Student Roster

Improving the UI

6 Lessons

Apply your skills to enhance UI with actions, alerts, toasts, and navigation menus.

Adding Functionality to the Student Roster

Action Confirmation via Alert

User Notifications via Toast

Basic Navigation Menu

Seeing the App in Action

Summary

Apply What You Have Learned

10 Lessons

Solve challenges to enhance app features like toast notifications, icons, undo capabilities, sorting, and reusable components.

Challenge #1: Modify the “Delete” Toast

Solution #1: Modify the “Delete” Toast

Challenge #2: Modify the Icons

Solution #2: Modify the Icons

Challenge #3: Undo Delete

Solution #3: Undo Delete

Challenge #4: Sort Roster

Solution #4: Sort Roster

Challenge #5: Header Component

Solution #5: Header Component

Conclusion

1 Lessons

Tackle building Ionic-Angular apps, exploring components, challenges, and advanced topics for mastery.

Final Thoughts

Appendix – Installing the Tools

4 Lessons

Master the steps to set up development environments for Ionic and Angular on Windows, macOS, and Linux.

Windows Quick Start

macOS Quick Start

Linux Quick Start

Additional Instructions for macOS and Linux

Certificate of Completion

Showcase your accomplishment by sharing your certificate of completion.

Course Author:

Michael D. Callaghan

Show License and Attributions

Developed by MAANG Engineers

Every Educative resource is designed by our in-house team of ex-MAANG software engineers and PhD computer science educators — subject matter experts who’ve shipped production code at scale and taught the theory behind it. The goal is to get you hands-on with the skills you need to stay ahead in today's constantly evolving tech landscape. No videos, no fluff — just interactive, project-based learning with personalized feedback that adapts to your goals and experience.

Trusted by 2.7 million developers working at companies

"These are high-quality courses. Trust me. I own around 10 and the price is worth it for the content quality. EducativeInc came at the right time in my career. I'm understanding topics better than with any book or online video tutorial I've done. Truly made for developers. Thanks"

Anthony Walker

@_webarchitect_

"Just finished my first full #ML course: Machine learning for Software Engineers from Educative, Inc. ... Highly recommend!"

Evan Dunbar

ML Engineer

"You guys are the gold standard of crash-courses... Narrow enough that it doesn't need years of study or a full blown book to get the gist, but broad enough that an afternoon of Googling doesn't cut it."

Software Developer

Carlos Matias La Borde

"I spend my days and nights on Educative. It is indispensable. It is such a unique and reader-friendly site"

Souvik Kundu

Front-end Developer

"Your courses are simply awesome, the depth they go into and the breadth of coverage is so good that I don't have to refer to 10 different websites looking for interview topics and content."

Vinay Krishnaiah

Software Developer

Hands-on Learning Powered by AI

See how Educative uses AI to make your learning more immersive than ever before.

Instant Code Feedback

Evaluate and debug your code with the click of a button. Get real-time feedback on test cases, including time and space complexity of your solutions.

AI Mock Interviews

Test your skills in a simulated interview setting. Receive personalized feedback based on your performance. Available for Coding Interviews, System Design, and more.

Adaptive Learning

At various checkpoints throughout Educative courses, you will be prompted to take a quick assessment. Receive a condensed curriculum tailored to your strengths and skill gaps.

Explain with AI

Select any text within any Educative course, and get an instant explanation — without ever leaving your browser.

AI Code Mentor

AI Code Mentor helps you quickly identify errors in your code, learn from your mistakes, and nudge you in the right direction — just like a 1:1 tutor!

Course

Developing Mobile Apps with Ionic and React

Delve into Ionic and React to build a functional mobile app. Gain confidence and skills in creating and deploying apps for iOS and Android.

10 h

advanced

Course

The Ultimate Guide to Kotlin Programming

Gain insights into Kotlin, explore differences from Java, work with functions and collections, delve into advanced topics like lambdas and async programming, and build an Android app.

20 h

beginner

Course

Kotlin Crash Course for Programmers

Gain insights into Kotlin’s basics, including variable declarations, data types, conditions, loops, and functions. Discover how to write simple Kotlin scripts and transition to advanced programming.

6 h

beginner

Course

Optimize your web projects with Progressive Web Apps

Gain insights into Progressive Web Apps. Delve into service workers, caching strategies, and their advantages. Learn about real-world Angular projects and deploying PWAs using Firebase. Optimize your web solutions efficiently.

5 h

beginner

Course

Angular: Designing and Architecting Web Applications

Gain insights into designing scalable Angular applications. Learn about components, directives, routing, RXJS, forms, and Firebase authentication to develop rich, interactive web solutions.

20 h

beginner

Course

Developing Microservices with Spring Boot

2 h

beginner

Course

Modern Android App Development with Kotlin

Delve into building Android apps using Kotlin. Gain hands-on experience with tools like Groovy and XML while creating a Travel Blog app for your portfolio.

15 h

beginner

Course

Modern Android App Development with Java

Gain insights into developing Android apps using Java, Groovy, and XML. Discover hands-on, project-based learning while building a fully functional Travel Blog Application for your portfolio.

15 h

beginner

Course

Developing Mobile Apps with Ionic and React

advanced

10 hour

Course

The Ultimate Guide to Kotlin Programming

beginner

20 hour

Course

Kotlin Crash Course for Programmers