Kodular is a drag and drop app builder based on the MIT App Inventor.
You don’t need to learn coding to build apps with Kodular.
Kodular has great features, you can customize apps as you like.
Kodular Community
You can share your doubts, projects, or suggestions related to Kodular.
The Community is very active, so you can get quick responses to your doubts.
Sign Up
Sign Up / Sign In to https://creator.kodular.io
You have 4 sign-up methods
• Account with email and password
(You will receive a confirmation email)
• Google
• Github
• Twitter
This means you are creating a Kodular account with these sign-up methods.
You can use the same account to login to the Kodular Community.
Screen
Apps will have screens, so you can switch to different screens.
Screen1 is the base screen that opens when the app is opened.
You can create screens.
For example, Sign Up screen and Home screen, etc.
Screens have Designer part and Blocks Part.
Designer
Here you design the User Interface (UI)
Drag and Drop components you need like Button and Label to the screen.
And you can edit component properties. For example, setting Button color to blue.
Blocks
Drag and drop blocks and join them.
When something happens, do something
For example:
When Button1 Click
Set Label Text “Hello, this is my first app”
You can say design is the body and the blocks-part is the brain.
Assets
You can upload and use files in the app like images.
Extensions
You can import extensions.
For example, a Flashlight extension to turn the flashlight on/off.
--------------- Built-In Blocks
Documentation for built-in blocks.
-----
Documentation for all components.
Types of component blocks
There are mainly 3 types of component blocks. (also for extensions)
They are Events, Methods, and Properties.
• Events
You can make something happens when an event occurs.
Some events return properties, for example, the location changed event returns latitude and longitude, etc.
• Functions
There are 2 types of Functions, Do Function and Get Function.
• Properties
There are 2 types of Property blocks.
Set Property
Get Property
Usage
More
Warnings and Errors
Here you can see the number of warnings and errors in your blocks.
You can navigate to blocks with warnings or errors by clicking on the arrows.
Backpack
You can add blocks to Backpack.
Right-click on a block and select the “Add to Backpack” option.
You can access blocks added to BackPack even in other projects.
Guys, I’m not advertising you anything; I just want to share what I’ve learned about building apps using Kodular. So, in order for you to continue learning more, I created a video for absolute beginners to understand the basics (components) of kodular.
If you want to learn Kodular, you can watch this video: https://youtu.be/Pld84qOIsqo