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...........

Labels:

Comments

Post a Comment

Popular posts from this blog

How to use dynamic component in Kodular Creator ?

How to use dynamic components in Kodular Creator? Welcome back my dear friends, today we are back again with a complete new tutorial. Today we are going to learn How to use Dynamic components in Kodular Creator? As of all our tutorials I assure you you will find this tutorial very useful while developing any of you application which the no. of components are not fixed. So, we use dynamic components to add as much as number of components as we want. So, here we start our tutorial with some of FAQ's that will help you to learn what is concept of dynamic components if you didn't understood "What does dynamic components mean?"  FAQ's about Dynamic components 1. What are dynamic components? Dynamic components are the components which allows us to show as much as number of components in our application as we want. So, that we need not to update app to add any component in our application. This is useful when we are developing any application like Shopping application in...
Post a Comment
Read

How to use Lottie Animations in Kodular Creator?

  Welcome back my friends, today we are back with our new tutorial. In today's tutorial we will be learning How to use Lottie Animations in Kodular? Before we start our tutorial we should discuss about the FAQ's related to Lottie in Kodular. So, here are the main FAQ's about Lottie animations Component in Kodular creator. FAQ's about Kodular Creator 1. What are Lottie animation Component? Lottie animation is a component provided in Kodular Creator. Simply we can say that Lottie animations is a components that allows us to show any animation from Lottie to use in our app. We can show any of animation listed on the website of Lottie files. We can search for thousands of animations there and then we get a json file which we can download and use in our app by uploading it in assets of our app. In this tutorial we are going to learn everything about how to use Lottie animations kodular creator. Now, I think you might have got what we are going to learn about. I assure that y...
Post a Comment
Read