Home>Courses>Developing Mobile Apps with Ionic and Angular

Developing Mobile Apps with Ionic and Angular

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.

Beginner

33 Lessons

10h

Certificate of Completion

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.

AI-POWERED

Explanations

AI-POWERED

Explanations

This course includes

32 Playgrounds

14 Quizzes

Course Overview

What You'll Learn

Course Content

Recommendations

Course Overview

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 ...Show More

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

Course Content

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

Course Author

Michael D. Callaghan

Show License and Attributions

Trusted by 2.5 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."

Carlos Matias La Borde

Software Developer

"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

"I've tried probably 5-7 different sites and Educative is easily the best. It perfectly blends explanation with interactivity"

Eric Downs

Musician/Entrepeneur

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-Powered Mock Interviews

Put your skills to the test in a simulated interview setting. Receive personalized feedback based on your performance. Available in Premium & Premium Plus plans.

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!

Recommended before starting this course

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.

beginner

20 hours

Course

Developing Microservices with Spring Boot

beginner

2 hours

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.

beginner

15 hours

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.

beginner

15 hours

Course

Angular: Designing and Architecting Web Applications

beginner

20 hour

Course

Developing Microservices with Spring Boot

beginner

2 hour

Course

Modern Android App Development with Kotlin

beginner

15 hour

Course

Modern Android App Development with Java

beginner

15 hour

Related Courses and Skill Paths

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.

advanced

10 hours

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.

beginner

20 hours

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.

beginner

6 hours

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.

beginner

5 hours

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