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

# Create a project

Now that you have seen what you are going to build, it is time to get the project up and running. 

As previously mentioned, before I start any new Ionic project, I want to make sure I am on the latest Ionic CLI. Do that first.
 
Run the following commands:

```shell
npm install -g @ionic/cli@latest
ionic start
```

When asked, select Angular as the framework. Next, supply the name of the project. I chose “__a10dance.__” Select the blank template for this one. You will be implementing a side menu, but I would rather have us build it from scratch. Besides, this way you will be cutting a lot less boilerplate code.

If you are asked about Capacitor integration, say no. If it does not ask, but enables it automatically, that is fine.
You will not be working with AppFlow, so answer no to the question about connecting it to an Ionic account.

Run the above commands in the provided terminal. Follow through the above-mentioned steps of project creation and observe the outputs. 





Follow step-by-step instructions to create the project structure of the Ionic-Angular application.

Introduction to Ionic Framework

Hello Ionic!

Building an Attendance Application

Improving the UI

Apply What You Have Learned

Conclusion

Appendix – Installing the Tools

Creating the New Project

Create a project