Create an app from scratch
In this quick guide, you will learn the basics of and how easy it is to create mobile apps. Basic concepts are introduced, such as collecting information, working with data in SQLite, navigating between screens, and passing parameters.
The solution is named Hello-Jigx and consists of a map showing a location, a calendar with events, a form to capture and view data, and a list showing the captured data. The table below guides you through building each element of the solution.
- We recommend you build out all the solution steps below, as each solution step builds on the previous step until you have a functioning mobile app.
There are five types of s you can build. They are default, document, calendar, composite, and list. Below are step-by-step guides that use these types. Each solution step builds on the previous step until you have a functioning mobile app. Each solution provides an overview, explaining the 's concepts introduced in the step, and code samples with comments.
Step 1: Create the Hello Jigx solution project Start by creating the Hello project in Build time: 2 min
Step 2: Create the Map Build a map that displays a specific location on a map, with an icon for the . Build time: 10 min
Step 3: Create the Calendar Next, add a calendar that displays a week with the events, meetings, and relevant details. Build time: 10 mins
Step 4: Create Data - forms & lists Build a to add a new customer by capturing the customer's details using a form. Then add a to list all the customers created using the form. Add the ability to view, and edit these customer records. Build time: 20 mins
Step 5: Combine the solution's elements Now you have built a solution that shows a location on a map, a calendar with detailed entries, and a new customer form and list in a single solution. Let us expand the solution further by joining the new customer form and list into one , then add a header to the new customer , and finally add a story to your solution's . Build time: 15 mins
Step 6: Customize the Hello-Jigx solution Extend your solution with styling changes and additional functionality. Replace the map icon with a location widget in the map.jigx file, and replace the people icon with the image widget in the composite.jigx file. Change the calendar icon and add a badge to display the number of events for the week. Build time: 10 mins