/Learning-Ionic

A repo for future reference to the concepts I learn while following Ionic tutorials

Primary LanguageTypeScript

Learning-Ionic

A repo for future reference to the concepts I learn while following Ionic tutorials.

Ionic is an HTML5 mobile app development framework targeted at building hybrid mobile apps.

Contents of the repository:

  1. “Budget-Planner(without-angular)” - A project to understand code.
  2. MyIonicProject- A dummy project whose content can be used for using toggle menu.
  3. Ionic Angular - An Angular+Ionic playground project.

Ionic can be used either by making an IONIC PROJECT using CLI or it can also be used as a CDN in a normal web project. The IONIC CDN allows us to use all the ionic components in our html file. Refer to “Budget-Planner(without-angular)” folder to see how fine CDN works and how responsive it is. You can play around the code to understand the IONIC COMPONENTS or you can refer to the official well maintained doc here.

An instance for Ionic’s Cross Platform functionality can be seen in alert system. Open the “Budget-Planner(without-angular)” project in responsive mode and tap on "Add expense" without giving any input once in android simulation and once in Apple, and you will see, just a single command of IONIC takes care of both the implementations.

Ultimate resource is https://ionicframework.com/docs/ and the Doc that I uploaded contains all the tips, steps and troubleshooting that I went through while I was working on IONIC.

(Understanding the code can be difficult so I'd recommend going through docs.)