A maior rede de estudos do Brasil

Grátis
73 pág.
Kodular O Guia Quase Completo

Pré-visualização | Página 1 de 6

KODULAR: 
O GUIA
QUASE
COMPLETO
A F E R R A M E N T A Q U E V A I
R E V O L U C I O N A R S U A S I D E I A S
O G U I A P A R A A P R E N D E R A
D E S E N V O L V E R A P L I C A T I V O S D O Z E R O
KODULAR EAGLE
Autora Juliana Oliveira
Fundadora do Programação em
Blocos
A autora não possui nenhum vínculo com as
instituições e produtos citados, utilizando-os
apenas para ilustrações.
Kodular: O Guia Quase
Completo 
E-mail - programacaoemblocos@juoliveira.com.br
Site https://juoliveira.com.br/
Design e aprimoramento Vitória Gonçalves
Sumário
Introdução
1 O que é o Kodular
1.1 Primeiro Acesso
1.2 Criando Projeto
2 Dicas Especiais
3 Visão Geral dos Blocos
4 Dicas de Design
5 Dicas de Performance
6 Criando um Aplicativo
7 Como Importar Projetos
8 Criando Aplicativos Nível II
9 Material Icons
10 Utilizando Procedimentos
11 Utilizando Diversos Layouts
12 Banco de Dados
12.1 Firebase
12.2 Cloudinary
12.3 Airtable
12.3.1 Notas sobre o Airtable
13 Meu Curso
14 Extensões
15 Api's
16 Importar/Exportar Blocos
17 Java Bridge
18 Publicar Aplicativos
19 Links Úteis
 
 
Antes de ler esse e-book, me responda uma coisa. Quantas vezes
você realmente conseguiu concluir um tutorial aleatório que
encontrou pelo Google sem perder a cabeça por conta de algum
erro misterioso ou ambiguidade na explicação?
 
O processo de aprendizagem é lento, não tem como ser rápido,
além de que é infinito. E o pior de tudo é quando você percebe
que ainda tem muito para aprender, pois como eu disse logo
acima, o aprendizado é infinito. Sempre tem algo de novo para se
aprender. Mas uma das piores coisas durante todo esse processo,
é quando autores dos tutoriais os rodeiam inconscientemente
distorcendo sua mente com palavras tipo, “simples assim”, “muito
fácil”, ”obviamente”.
 
Mas vamos lá, se alguma vez você já pesquisou por “como
aprender lógica de programação”, claramente você possui algum
interesse ou está começando a estudar na área de TI,
precisamente no ramo de desenvolvimento de aplicações, então
presumo que você tenha pesquisado também por algo similar a
isso: “Por onde devo começar”, “É difícil programar?”, “Dicas para
aprender a programar de forma rápida”, ”Quais atalhos para
aprender a programar”.
Para algumas pessoas aprender a programar no início pode ser
um tanto que confuso, afinal de contas aprender linguagem de
programação totalmente nova nem sempre é fácil, porém é a
essência para desenvolver um aplicativo. Mas o que significa
para você essa palavra, programar?
 
Programar é assim, você tem um problema começa a estudar
maneiras de solucionar, então (começa) a resolver por partes, até
conseguir resolver tudo, tornando aquele (problema) pequeno.
Tudo isso se torna um ciclo, onde todos os dias aparecerão
problemas precisando de resoluções.
A maior dificuldade para
quem quer desenvolver
aplicativo é saber todos
aqueles códigos. E aí, já
pensou em desenvolver
seu aplicativo sem
precisar se preocupar com
isso?
E é por isso que
apresento o
KODULAR
Sim...
ISSO É POSSÍVEL!
Mas, o que é o Kodular?
O Kodular é uma
plataforma online que
permite a criação de
aplicativos android. Seu
funcionamento consiste em
apenas "arrastar" e "soltar"
componentes a partir de
uma tela em branco. Além
disso, a plataforma permite
testar em tempo real o que
está sendo desenvolvido.
“É um modelo de
programação diferente,
imagine aí você desenvolver
um aplicativo apenas
encaixando blocos sem a
necessidade de digitar
nenhuma linha de código”
Primeiro acesso
Clique no botão para acessar o site oficial 
Vamos então entrar no site oficial do Kodular para termos o
nosso primeiro contato com a plataforma.
FIQUE ATENTO!
Aproveite para ler os termos da plataforma.
E
CHEGOU A HORA!
VAMOS COMEÇAR...
Criando projeto
Essa é a área inicial onde ficam todos os seus aplicativos já
criados.
Clique em "create new project" para iniciarmos o nosso
primeiro aplicativo. Coloque o nome que desejar, clique em
"next" e uma nova tela de configuração aparecerá.
SEJA CURIOSO, EXPLORE A
FERRAMENTA!
Essa tela de configuração fica ao seu critério as mudanças,
nela você pode alterar o tema, versão do android, cores, mas
tudo isso você pode modificar posteriormente. Vamos para o
próximo passo.
Todos os componentes ficam
aqui.
Aqui é a área de trabalho. Você 
poderá organizar os componentes 
como desejar.
Aqui estão todas as configurações
disponíveis para os componentes.
Os componentes inseridos na área
de trabalho são expostos aqui.
Nosso primeiro aplicativo mudará a cor da tela
quando clicarmos no botão. Acompanhe o passo a
passo.
Clique na em "Layout" >> "General >>
"Vertical Arrangement" 
e arraste com o mouse até a área de trabalho.
Agora vamos alterar algumas propriedades, o
tamanho, alinhamento e cor.
Esses Layouts servem para organizar os objetos
dentro deles. Como a própria ilustração indica, o
layout vertical organizar os elementos um abaixo do
outro, já no horizontal, um ao lado do outro, já esses
que possuem o nome "Scroll" eles inserem uma barra
de rolagem, possibilitando a visualização de mais
componentes inseridos.
Coloque o alinhamento para
"center", 
tanto no horizontal como no
vertical.
"Caso você sinta dificuldade em entender o que
está escrito, ou você traduz a página caso esteja
utilizando o navegador Chrome ou clica no canto
superior direito em "Account" >> "Settings" e
muda a linguagem para português."
Esse símbolo marcado em azul se chama "fill
parent", ou seja ele ocupa todo o espaço da tela,
preenchendo o espaço total na tela do celular. Deixe
as duas opções marcadas.
Clique lá no canto direito em
"background color" e esse
"color picker" será aberto,
escolha uma cor e clique em
"set".
Vamos inserir um botão para quando
clicarmos a nossa tela mudar de cor. "User
Interface" >> "Button", clique e arraste para
a área de trabalho.
.
Mude o texto do botão e aperte enter. Observe que esse
componente possui diversas propriedades que podem ser
mudadas, caso queira, mude sua cor, tamanho, alinhamento,
formato, sinta-se à vontade, Koder.
Tentei passar o maior detalhe possível, mas se esforce
ai também, você vai longe, esse é apenas o ponta pé
inicial!
Vamos agora aos blocos. No seu canto superior direito,
clique em "blocks". Todos os elementos inseridos ficam
na parte esquerda da sua tela.
Clique no componente botão e escolha a opção do
"clique", observe que temos diversas opções, mas
iremos arrastar a primeira "when button click"
Agora é com você, monte os blocos como demonstrado abaixo.
Deixe eu te explicar a lógica, preste atenção:
 
Quando o botão for clicado, a nossa horizontal mudará de cor,
como definimos abaixo "Azul". 
Sempre que você for encaixar os blocos, fale baixinho para si
mesmo, explicando o passo a passo de cada objeto encaixado,
pode ter certeza que o seu raciocínio irá se desenvolver muito
rápido.
Antes de qualquer coisa você terá que baixar o
aplicativo do Kodular no seu celular.
Com o aplicativo já aberto, vá na aba de "test" e
clique em "companion" e escaneie o QR code ou digite
manualmente o código.
Aguarde até que o aplicativo seja carregado e após isso
fique a vontade para testar.
Muitas vezes eu irei me referir a esse teste com a
palavra "emular", que nada mais é do que uma maneira
de reproduzir as funções de uma determinada
aplicação, então, acostume-se com esse termo.
Vamos testar nosso mini projeto?
VAMOS APRIMORAR!
Não desanime, essa aplicação foi para termos o
primeiro contato juntos com a ferramenta! Continue a
explorar e...
Vamos começar o nosso primeiro contato com a
variável global e o componente "pick a random item
list" pois ele irá escolher nossas cores aleatoriamente.
Veja o exemplo abaixo, mude suas cores e teste o
aplicativo.
* Variável Global: É uma variável acessíveil em qualquer parte
do programa e podem ser utilizadas e modificadas a qualquer
momento.
Não há segredos no kodular, tudo é arrastar e soltar.
A nossa variável global está armazenando as cores
que desejamos ser mostrado no aplicativo, e para usar
essas

Crie agora seu perfil grátis para visualizar sem restrições.