Curso Gratuito Bubble | No-Code Start-Up

Meu primeiro (Super) App | Fundamentos e CRUD

Atenção: Link Afiliação

Criar conta no Bubble:

Caso você ainda não tenha uma
conta no Bubble, utilize nosso link de
afiliação para criar sua conta:

https://bubble.io?ref=r3ikd9qc

Você recebe créditos para quando for

avançar para o plano pago e nós
ganhamos força juntos perante ao
Bubble.
Formação Completa Bubble io
Não deixe de conferir
Acesse agora
O que vamos aprender?
Nosso Primeiro (Super) App

Conhecer a interface
Navegaremos por toda a interface e utilizaremos os principais
componentes e seções

Banco de Dados
O que é e como criar bancos de dados no Bubble

Workflows e Lógicas
Aprenderemos a utilizar workflows para criar as lógicas do
nosso app

CRUD Completo
Ações de Criar, Ler, Atualizar e Deletar dados em nosso app

Plugins e Boas práticas

Aprenderemos sobre plugins e diversas boas práticas de
desenvolvimento no Bubble.
Meu Primeiro (Super) App
Material Completo em PDF
 Editor e app Bubble
https://bubble.io/page?type=page&name=index&i https://applivros01-nocodestartup.bubbleapps.io/
d=applivros01-nocodestartup&tab=tabs-1 version-test/?debug_mode=true

Clique e acesse o editor do App Clique e acesse o app

Apresentação
Curso Bubble.io No-Code Start-Up
Conteúdo do curso
1. O poder do Bubble

1.1 Overview geral da ferramenta

2. Planejamento do Aplicativo

3. Desenvolvimento do Frontend (Design)

4. Banco de dados

5. Lógicas

5.1 CRUD

5.2 Boas Prática DRY

O poder do Bubble io
Poderosa para Desenvolvimento de WebApps

Design responsivo
Crie aplicativos atrativos para celular, tablets e desktop

Lógicas (workflows)
Crie lógicas simples até as mais complexas

Banco de dados integrado

Banco de dados integrado a ferramenta e ações de backend

Conectividade com APIs

Integre com qualquer sistema via interface no-code de APIs

Plugins e códigos customizados

Estenda a funcionalidade da ferramenta com plugins ou
códigos customizados
Vamos praticar?
Mão na massa!
Planejamento do App
Definição das lógicas de negócio, UI e UX
Metodologia No-Code Start-Up

O PROBLEMA E
A SOLUÇÃO DESIGN DAS TELAS BANCO DE DADOS DESENVOLVIMENTO
VALIDAÇÃO
Entender o problema Conceitualizar a Elaborar telas por Modelar o banco de Iniciar o desenvolvimento
existente no mercado, tecnologia que irá meio de um wireframe dados do aplicativo e de fatos das lógicas do
persona envolvida e solucionar o problema. e fluxo do usuário. relação entre tabelas. app
validá-lo
Planejamento - Fluxo de telas
Planejamento - Fluxo de telas
Detalhamento - Fluxo de telas
Detalhamento - Fluxo de telas
Detalhamento - Fluxo de telas
O poder do Bubble io

Design Workflows Banco de dados

Vamos praticar?
Mão na massa!
Backend e Banco de Dados
Design e construção do banco de dados
 Exemplo simples do Excel + Schema
Tabela ou Objeto: Livros

Colunas ou Campos

Linhas ou
Registros

Tabela ou Objeto: Editora

Colunas ou Campos

Linhas ou
Registros
 Exemplo simples do Excel + Schema
Tabela ou Objeto: Livros

Colunas ou Campos

Linhas ou
Registros

Tabela ou Objeto: Editora

Colunas ou Campos

Linhas ou
Registros
 Exemplo simples do Excel + Schema
Tabela ou Objeto: Livros

Colunas ou Campos

Linhas ou
Registros

Tabela ou Objeto: Editora

Colunas ou Campos

Linhas ou
Registros
Desenho do Banco de dados
O poder do Bubble io

Design Workflows Banco de dados

Lógicas (Workflows)
Lógicas no Bubble + CRUD (Create, Read, Update, Delete)
Lógicas (Workflows)

Gatilho Ação

Faça
Se algo acontecer Criar livro no banco de
(Botão for clicado) dados
Operações CRUD

CREATE - Criar novos dados

READ - Visualizar dados

UPDATE - Atualizar dados

DELETE - Deletar dados

O poder do Bubble io

Design Workflows Banco de dados

Lógicas (Workflows)

Gatilho Ação

Faça
Se algo acontecer
Mostre o Popup
(Botão for clicado)
Lógicas condicionais
Ação

Condicional Adicionar novo livro

Gatilho

m
Si
Se algo acontecer Popup
(Botão for clicado) está
vazio? Ação

Nã
o
Editar livro
Fechamento e Aprendizados
O que aprendemos?
Nosso Primeiro (Super) App

Conhecer a interface
Navegaremos por toda a interface e utilizaremos os principais
componentes e seções

Banco de Dados
O que é e como criar bancos de dados no Bubble

Workflows e Lógicas
Aprenderemos a utilizar workflows para criar as lógicas do
nosso app

CRUD Completo
Ações de Criar, Ler, Atualizar e Deletar dados em nosso app

Plugins e Boas práticas

Aprenderemos sobre plugins e diversas boas práticas de
desenvolvimento no Bubble.
 O que aprendemos?
Interface do Bubble Create DRY
Conhecemos a interface do Bubble Como criar itens no nosso banco de Aprendemos sobre o princípio do
por completo dados DRY (Não se repita)

Design Front-End Read Elementos reutilizáveis

Aprendemos utilizar principais Como ler itens no nosso banco de Como e por que utilizar elementos
elementos para criamos o design dados reutilizáveis

Banco de Dados Editar Condicionais

O que é e como criar o nosso banco Como editar itens no nosso banco Como e porque utilizar lógicas com
de dados de dados condicionais

Workflows e Lógicas Deletar Options Sets

O que são e como criar lógicas e Como deletar itens no nosso banco O que são, como criar e utilizar
workflows no Bubble de dados option sets
Formação Completa Bubble io
Não deixe de conferir
Acesse agora
Obrigado!

Neto Camarano

Me siga nas redes:

@netocamarano