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.

angularIonic4.tar.gz

ionic-app

ionic-test

AngularApp

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.

Developing Mobile Apps with Ionic and Angular

# Problem statement

Maybe you do not like my icons. Head over to https://ionicons.com and find some you like better. Here are some ideas: 

1. You can change the Absent/Present icons to something else, change their colors, or both.

2. The icon you use in the roster is pretty generic. You could add a gender to the Student interface and then adjust the icon based on that value at runtime. 

3. Change the color of any icon.

A sample `Roster` Page after changing the absent/present and changing the color of absent/present as well as gender icons is as follows:


Follow the instructions to modify the icons in this challenge.

Introduction to Ionic Framework

Hello Ionic!

Building an Attendance Application

Improving the UI

Apply What You Have Learned

Conclusion

Appendix – Installing the Tools

Challenge #2: Modify the Icons