Skip to main content

Kodular Basics- Getting started with Kodular

Kodular Basics- Getting started with Kodular



What Is Kodular?

Kodular is a online software which allows us to make android apps without any programming knowledge. Kodular's enable us to make fantastic android apps using their blocks-type editor.We can make our apps stand out with the material design UI.

Using Kodular we can make android apps just by dragging and dropping components provided in Kodular Creator.We also need not to write any code to make our app working. We just have to specify blocks in kodular creator and we are out of the tension to write Codes.


Getting Started With Kodular :  


For making apps you just need to go to Kodular's Creator and sign up there with your email and activate your account.You can create Kodular account and make apps for free. There aren't any charges to use Kodular Creator. So just go Kodular.io and sign up there and start happy coding and app making. 


Kodular Dashboard:


Kodular Dashboard

After you have signed up for Kodular creator,select the option "Create Apps" and you will be redirected to page shown in above image.This is the project area for your account.All your project can be found here,you can create,edit and delete your projects from here. When you first visit this page you don't have any project onboard. So,you just have to click "Create Project" and you will be shown a dialog box as given below,


Name new project

Here, you will be asked to type your new project name. So you just have to type your project name(Note: It is not application name,it is just the name given to specify your project).After typing your project name you will see the "Next" button is enabled.Click on the button and you will see another dialog box,

Basic setting

In this dialog box you will be asked choose the basic properties and package name for your android app.You just choose your theme,colors and type package name for your project. After filling all the fields as per your requirements,click on the "Finish" Button and you are all done. You have created your project successfully.
It will take some loading and you will be automatically redirected to your working area.

Builder area of Kodular

It is the place where you will design and construct your app.There are so many options in this page but the main you will be working on are :

1. Palette (On left side): 

                It is the place where you will find the components which you will be using during making of your app.From here you will get the visible components and non-visible components which you will use to design the UI and the background of your application.

2. Viewer (In Center):

                  It is the preview for the components you will drag to design the UI of your application.You can see the visible components here when it is set default. But please keep in mind it is not the  actual preview for your app. The actual view of app may differ from what you have designed in the preview because of the change in the aspect ratio,size and resolution of your testing device. So,here Kodular provides you to connect a realtime testing device to see the changes happening in your app, for checking realtime changes you have to download and install a  application from play store Named "Kodular Companion".We will talk more about companion later.

3. Components Properties Palette:
                        On the left side you will be able to see the component or application properties.This is the area from you can change the size,color and many other properties of any component.For changing properties of any components just click on the component in the "All components palette" given on the left side of the properties.

Blocks or Coding area:


When you click on the blocks button you will see the blocks editing area on your screen:

Blocks area

 In on this page you can edit the working and codes for your app. Here you can specify blocks by dragging and dropping in the viewer area.You can also see all the components of your app on the left side with some other options such as colors,lists,text etc. which we will use during working on our project.When we click on a component we can see blocks related to component like:

Example blocks


From here we can drag and drop a blocks and specify action or check any situation to initiate any action in our application.

This was a overview of the main working in Kodular Creator.We will learn more and advanced application development using Kodular Creator in our Kodular Series.

Thank you for reading. You can ask any query related to Kodular Creator in comments we will try to respond as sooner as we can.

Happy Coding...........

Comments

Popular posts from this blog

How to use KIO4 gradient in Kodular?

  Welcome to learn web, today we are back with a completely new tutorial on Kodular Basic-to -Advanced app making.Today topic for our tutorial is that how to use Gradient effect in Kodular app making for any layout. How to use gradient colors in kodular app? For this you need to use a extension named "KIO4" gradient.So,before starting you need to get this extension before we start our tutorial.To get this click on link below: My Drive Link This is the google drive link for the KIO4 extension. I think you might have got the extension.So, we start our tutorial on how to use gradient effect Kodular apps. Step 1:Open your Project in which you want to use gradient Effect.Then click on the extensions button in the bottom of left sidebar and click on import extension.Now select the KIO4 gradient file and click on Import after some time your extension will be processed and imported to your project. Illustration: Once you have Imported the KIO4 extension you can see the extension as s...

How to use Firebase database in Kodular?

Welcome to Learn Web my friends. Today we are going to learn about how to retrieve and store data from user in firebase database. This will be surely very exciting and useful for you guys. So, here we start our tutorial on "How to store data of user in Firebase in Kodular?" How to store data of user in Firebase in Kodular? 1. What is Firebase? I think you guys may have listened about Firebase but if not, then don't worry this isn't any rocket science you will easily learn "How to store and retrieve data of user in Firebase?". Firstly I want to tell you about What is Firebase Database? So, firebase is a cloud storage platform provided by google to store and retrieve data and Firebase also provide many other services that we will learn in our next tutorials. Today we are going to talk about "How to use Firebase Database in Kodular?"  2. What is Firebase database in Kodular? Now I would like to tell you what is Firebase database and what we are going ...

How to use Kodular Companion to test App?

 What is Kodular Companion? I understand, if you are new to kodular then you won't be able to understand what is meant by Kodular companion.So, today we are going to clear your doubt "What is Kodular Companion?".Kodular companion is a android app by Kodular Organisation.This app allow us to test the Realtime changes in our app while creating apps.If we don't use companion then we have to create and download our app to check whether is it working properly or not.But this is not a comfortable method because we can't check realtime changes in our app.So, to check app by downloading and installing we have have to download our app more than 100 times which is not easy for us. Therefore, we are provided a app which we can use to check the realtime changes in our app without downloading it every time. Benefits of Kodular Companion: 1.No need to download app multiple times. 2.Can be used to see realtime changes. 3.We can check different apps with Companion. 4.Useful while...