Developing Mobile Apps with Ionic and Angular

Takeaway Skills

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

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

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 A... See More

How You'll Learn

Hands-on coding environments

You don’t get better at swimming by watching others. Coding is no different. Practice as you learn with live code environments inside your browser.

Faster than videos

Videos are holding you back. The average video tutorial is spoken at 150 words per minute, while you can read at 250. That‘s why our courses are text-based.

No set-up required

Start learning immediately instead of fiddling with SDKs and IDEs. It‘s all on the cloud.

Progress you can show

Built in assessments let you test your skills. Completion certificates let you show them off.

Hands-on coding environments

You don’t get better at swimming by watching others. Coding is no different. Practice as you learn with live code environments inside your browser.

Faster than videos

Videos are holding you back. The average video tutorial is spoken at 150 words per minute, while you can read at 250. That‘s why our courses are text-based.

No set-up required

Start learning immediately instead of fiddling with SDKs and IDEs. It‘s all on the cloud.

Progress you can show

Built in assessments let you test your skills. Completion certificates let you show them off.

Course Contents

Hide All

Hide All Lessons

1. Introduction to Ionic Framework

Introduction

Getting Started

Gentle Introduction to Angular

2. Hello Ionic!

Your First Ionic App

Guided Tour of the Ionic-Angular Code

Customize the Code

3. Building an Attendance Application

A10Dance - The Demo App

Creating the New Project

Modifying the Home Page

Custom Students Service

Adding the Roster Page

Implementing a Student Roster

4. Improving the UI

Adding Functionality to the Student Roster

Action Confirmation via Alert

User Notifications via Toast

Basic Navigation Menu

Seeing the App in Action

Summary

5. Apply What You Have Learned

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

6. Conclusion

Final Thoughts

7. Appendix – Installing the Tools

Windows Quick Start

macOS Quick Start

Linux Quick Start

Additional Instructions for macOS and Linux