Every Ionic 5 app created with Appery.io comes with our educational video guide.
In this Guide, you will learn how to create a stunning UI for your very first mobile app, get help on how to add the needed features, debug and test it, and much more…
The Guide consists of units each of which offers several steps with short (1–2 min.) instructional videos covering different development topics.
You are also free to navigate the steps back and forth (click Prev step/Next step) or skip them (click Skip step). Your progress is highlighted in green (note the unit breadcrumbs) so that you always know what steps you haven’t covered yet:
It’s always a good idea to combine learning and practice. So, every Guide step comes with a few practical tasks. They will not take much time to complete but will significantly improve your understanding of the platform.
Also, you can switch between this Guide and your current app resources by selecting the appropriate tab (you are free to open several tabs (App Settings, Themes, etc.) and navigate between them). This way, you can easily get help in developing your real project.
If you accidentally close the Guide tab, you can later reopen it using the Additional Menu (click the three lines button) on the Appery.io Toolbar:
Your Feedback Needed!
At the moment, two pilot units (Intro and Advanced Editor) are live but more are coming so we would greatly appreciate receiving any feedback from you on what else might be included into the guide instructional videos.
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.
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:
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
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.
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.
Read here for details about defining navigation throughout your app;
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.
Need Even More Services?
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.
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:
- 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 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.
This short video will give you a general understanding of the Appery.io platform:
- Building Your First Ionic 5 Mobile App: Hello World;
- Ionic 5 Menu Sample App;
- Ionic 5 Todo List Tutorial;
- Ionic 5 Multilingual Sample App;
- Ionic 5 Line Chart Sample App;
- How to Use Barcode Scanner;
- Ionic 5 QR Code Generator App;
- Working with Appery.io Database and Server Code;
- Building Your First App with a Database;
- Ionic 5 Quickstart Server Code Tutorial;
- Getting started with Push Notifications for Ionic 5 Projects.
Updated 5 days ago