Getting Started with Ionic 5

This guide will provide you with useful information and help with getting answers to the most frequently asked beginner questions.

This practical step-by-step Getting Started with Ionic 5 guide is an introduction to Appery.io and its backend services to help you start with building your first Appery.io Ionic 5 project.

Building an App: Main Steps

If you are new to Appery.io, we recommend that you first get a general overview of the platform organization to get a more in-depth understanding of how things work in the Appery.io world and then go through the main steps of building your mobile application with our platform.

👍

Appery.io Dashboard Overview: Getting Started Video

We highly recommend that you also check out our detailed video tutorial featuring the Appery.io dashboard:

Detailed information about our platform and its services and instructions on all the app-building stages are organized in the dedicated subsections within this guide. Check the sub-pages for more details.

🚧

Important Note!

Please note that you may not need to follow some of the steps listed here or, on the contrary, require adding extra features, such as adding custom Cordova plug-ins, debugging your app, using native devices, PWA publishing, collaboration, sending Push Notifications, or creating plug-ins.

But, in general, to build a new app in Appery.io, you might need to:

1. Create a New App

This is a primary and obligatory step. Any project has to be created from scratch first so you will need to create your first app to see what's inside and then proceed with creating its pages with the desired UI.
This is all done in the Appery.io visual App Builder. To learn how to work with our App Builder, the main working space for creating your app looks, read this document.

👍

App Builder Overview: Getting Started Video

We highly recommend that you also check out this video guide for detailed instructions on how to get started developing with Appery.io visual App Builder:

👍

Try our Ionic 5 Custom UI Components App Template

If you are new to Appery.io and want to build your first app with Ionic 5, we highly recommend that you start with our ready-to-go Ionic 5 Custom UI Components App Template where you can find all Ionic 5 UI components currently presented by Appery.io.
With this template, you will be able to review them in detail and try customizing them according to your needs.

2. Create App Pages and Tabs

Any app has at least two pages that need to be defined for the project to work.
Check this section to learn how to work with screens (pages) and tabs available in the visual App Builder.

3. Add Styling to Your Project

Customizing mobile apps UI is an important part of the development.
You can check this link to learn what tools can be used to make your project look unique.

4. Set Route Navigation within Your App

Read here for details about defining navigation throughout your app;

5. Add Events and Define Actions

Since almost everything that happens in your app is based on events, they are an important part of any development process. Read here to learn how to add and manage the app events and actions;

The above 5 stages describe applying the most used tools for creating a mobile app. However, you might also need to add more advanced functionality to your app, for example, add model and storage and/or set up and define some backend app services. If this is the case, please check here or here for more details.
But if you are not interested in any advanced functionality, you can proceed with testing (step 9) and/or exporting (step 10) your app.

6. Specify Model and Storage for Your App

Read here;

7. Set up Database for Your App Backend

Read here;

8. Add Server Code Service(s)

Read here;

👍

Need Even More Services?

There are even more backend services available through Appery.io like sending Push Notifications, exposing external data source via REST APIs using our API Express service(s) or using Secure Proxy.

9. Test the App

App testing is one of the most interesting and rewarding development stages.
Please read here to learn how to test your app in Appery.io;

10. Export the App

Most apps are developed to be published so that they could be publicly used. If your app is something you need to export, this link will help you to do it.

Which Framework to Use?

Another important issue many new users face when starting with Appery.io - how to differentiate between the offered frameworks, which one is better for their particular app idea.

In Appery.io, we differentiate between Ionic 5 and JQuery Mobile frameworks. In most cases, it’s possible to get similar results with both frameworks.

🚧

Using JQM Framework

We highly recommend considering Ionic 5 for creating your new apps but would like you to know that Appery.io still supports the JQuery Mobile framework as it is considered to be a very simple framework and is still used by many developers.
However, please be informed that it is not being developed anymore and can become deprecated with time but if you are still interested, please check the below links to learn more:

So, first of all, before you start with creating your very first project with Appery.io, please make sure you know which framework you are going to work with:

  • After registration and login, open the Apps tab and click the Create new app button:
  • A window opens where you can select what framework you would like to start with Ionic 5 or jQuery Mobile.
  • A great way to start using Appery.io is to create your own app by using one of our ready-to-go customizable templates. You can learn more about Appery.io Templates here:

👍

The Appery.io team regularly releases new templates. To review the available templates, from under the Appery.io platform Apps tab, click Create new app and select the Appery.io Templates tab.

  • In this step, you can also select to create an app recreating it from a backup or using your own templates. Note that in these cases, the selection of the framework will be predetermined.

📘

Note!

Note that Ionic 5, is a more modern library and applications with it are much faster than those built with jQuery Mobile. It is also quickly evolving and becoming more popular.
You can check out our blog post here to learn about the main advantages of using Ionic 5.

On the other hand, if you are new to mobile development, going with jQuery Mobile is recommended as the learning curve is smaller.

There are no limitations if we are talking about frameworks in our platform, both Ionic 5 and JQM can be used for building a PWA.
So, it's up to you to consider the pros and cons of both and make your personal decision.

Here is more information on Ionic 5 vs. jQuery Mobile.
You might also like the idea of building a new app using one of the provided framework templates in no time at all:

👍

Ionic 4 > Ionic 5 Project Upgrade

You are also free to migrate your Ionic 4 project(s) to their Ionic 5 version with keeping both apps active.
You can visit this page for more details.

Appery.io Platform Overview Video

This short video will give you a general understanding of the Appery.io platform:

📘

We also have a large number of how-to videos on our YouTube Channel featuring the newest and/or most requested Appery.io platform options.

Step-by-step Tutorials

Sample Apps

Sample Apps are apps with a pre-configured backend that you can quickly add to your Appery.io account to run and test. Sample apps provide app backend services and app UI.

Learning JavaScript

If you are new to JavaScript, this is a great JavaScript video course.


Did this page help you?