Fale com a sua moderna tecnologia nunca foi tão fácil, agora que pode literalmente falar com um Alexa ou Google Home e ter um programa baseado em nuvens a reconhecer a sua fala. Mas durante muito tempo, “falar” com o seu computador exigia que você aprendesse a sua linguagem – uma linguagem de programação. A maioria das linguagens de programação são baseadas em texto, permitindo que os codificadores digitem comandos, puxem informações e compartilhem essas informações com seus computadores.
Quando descrevemos “programação visual”, estamos nos referindo amplamente a formas de “falar” com nossos computadores modernos com gráficos e imagens, ao invés de apenas texto. A programação visual existe há décadas e representa outra camada de abstração da linguagem de máquina que nossos computadores usam quando comunicam entre si.
O principal objetivo da programação visual inicial era facilitar a interação com seu computador. Afinal, as primeiras interfaces gráficas de usuário (GUIs) ofereciam uma experiência muito mais fácil ao digitar linhas em uma janela de terminal, na medida em que a maioria das pessoas hoje em dia compra um “Mac” ou “PC” e nem sequer pensa em seus computadores como distintos de seus sistemas operacionais visuais.
Aprincipal, a programação visual para a construção de interfaces de usuário foi uma tarefa fácil e sem quebra-cabeças. Hoje em dia, existem muitas ferramentas sofisticadas de desenvolvimento web como Wix ou Squarespace para criar websites e ferramentas de design como Figma e Sketch para criar protótipos.
Mas para construir lógica computacional, como o que você pode encontrar em uma aplicação web complexa, o valor da programação visual tem sido controverso. Os céticos argumentarão que é quase impossível para a lógica de programação visual rivalizar com o poder de uma linguagem baseada em scripts. As linguagens de programação visual não se aproximaram da popularidade das linguagens de scripting para a construção de lógica back-end… até talvez hoje.
Enter: Bubble. Bubble é uma plataforma de desenvolvimento de aplicações web “sem código”, que começou em 2012. Em valor de face, Bubble compartilha muitas semelhanças com as ferramentas visuais de construção de interfaces de usuário para sites e protótipos listados acima. Mas Bubble é, no seu núcleo, uma verdadeira linguagem de programação visual – com todo o poder de criar a lógica para ferramentas web sofisticadas como frameworks de programação baseados em texto como React ou Flask.
Para entender como surgiram plataformas de desenvolvimento web visuais como Bubble, estamos dando uma olhada na história da programação visual – e como a próxima fase na evolução do código pode ser realmente “sem código”.”
Early “Visual” Programming: 1970s Graphical Languages and Basic
Nos anos 60 e 70, as pessoas já estavam experimentando com representações gráficas de lógica na forma de sistemas baseados em fluxogramas como Pygmalion e GRaIL (Graphical Input Language). Estas primeiras linguagens visuais tentaram o importante esforço de obter ações da máquina para mapear um conjunto de imagens relacionadas. Mas foi só no início dos anos 90, depois que os computadores tinham interfaces gráficas decentes, que a programação visual começou a decolar.
Quando você pensa no conceito de “programação visual”, a primeira coisa que pode surgir na mente é o Visual Basic, um produto da Microsoft que foi lançado pela primeira vez em 1991. O Visual Basic permite que as pessoas construam novas aplicações movendo-se por blocos de código e criando fluxogramas ou diagramas, e inclui ferramentas como um debugger e um editor de código fonte. Mas o Visual Basic é mais precisamente conhecido como um Ambiente Integrado de Desenvolvimento (IDE), no qual uma linguagem de programação baseada em texto (Basic) é combinada com outras ferramentas visuais para facilitar o trabalho com o código. Visual C e Visual Java são ambientes de desenvolvimento visual similares para suas respectivas linguagens de programação.
IDEs são um importante passo para entender como a programação pode ser feita puramente visual. Um dos fundadores do Bubble, Josh Haas, inspirou-se no Visual Basic quando ele começou a criar o Bubble em 2012. Ele descreve o desenvolvimento inicial do Bubble como o resultado de “se você começou com um IDE antes de construir a linguagem de programação por baixo dele”
Embora em seu núcleo, IDEs como o Visual Basic ainda estejam trabalhando fora das linguagens baseadas em texto, as ferramentas que eles usaram para tornar a codificação menos dolorosa são extremamente importantes para a experiência de programação visual moderna.
Programação Visual como Ferramenta Educacional
Linguagens de programação visual têm brilhado como ferramentas educacionais para ensinar aos novos codificadores como pensar logicamente. Scratch, desenvolvido pelo MIT Media Laboratory em 2002, é provavelmente o melhor exemplo de uma linguagem de programação visual com sintaxe
“block”-based syntax. O Scratch tornou-se bastante popular, com mais de 57 milhões de usuários e aplicações. Alguns construtores modernos de aplicações sem código como o Thunkable inspiraram-se no Scratch e em outros designs baseados em blocos.
Scratch destina-se principalmente a crianças que aprendem a programar, com o seu tigre bonitinho e blocos coloridos que se ligam entre si para formar frases lógicas que executam acções. Mas se você mergulhar mais fundo, os sistemas baseados em blocos vêm com algumas falhas óbvias ao representar lógica complexa; você frequentemente acaba com diagramas confusos que são ainda mais difíceis de entender do que o código baseado em texto.
E sistemas lógicos baseados em fluxogramas, como as primeiras linguagens de programação visual, não são muito melhores, com setas e linhas recursivas cruzando uma página que acabam sendo mais dolorosas de se ver do que linhas puras de script.
Não vamos entrar muito no debate psicológico sobre se texto ou visuais são mais compreensíveis para o cérebro humano; isso é em grande parte subjetivo e pessoal. Mas há um argumento a ser feito de que a popularidade das linguagens de programação baseadas em texto é em grande parte resultado da tradição (Unix e Linux como paradigmas fundacionais baseados em texto) e conveniência para o criador da linguagem, não para os usuários da linguagem de programação. Afinal, a maioria das linguagens de programação são baseadas em inglês, e há bilhões de pessoas em todo o mundo que não falam ou não escrevem em inglês. No entanto, esperamos que o façam com o propósito de criar tecnologia.
Aqui, a programação visual tem uma oportunidade de preencher lacunas e ajudar as pessoas a aprender a linguagem da tecnologia de uma forma diferente. Scratch, por exemplo, foi traduzido em mais de 70 linguagens para que os jovens possam programar em sua língua nativa.
No entanto, o relativo sucesso de Scratch também pode ter sobrecarregado a programação visual com a reputação de ser uma ferramenta para iniciantes, um trampolim para o mundo da “programação real”, onde você se livra das figuras bonitas e passa seu tempo agonizando sobre parênteses e vírgulas.
Mas fazer algo “mais simples” não tem que torná-lo menos poderoso. Porque é que investimos em ter os nossos filhos a aprender visualmente apenas para insistir, à medida que envelhecem, que eles dão prioridade ao mundo da linguagem verbal? E se houvesse uma linguagem de programação visual que se esforçasse por ser simples o suficiente para ser compreensível, mas poderosa o suficiente para ser útil fora da sala de aula?
A Ascensão da Bolha &Plataformas “Sem Código”: Programação Visual para Aplicações Web
Bubble é a nossa resposta à questão de como uma linguagem de programação visual moderna pode cumprir a promessa de facilitar a criação e construção de tecnologia sofisticada. Bubble permite que as pessoas construam aplicações web, desde mercados como Airbnb até redes sociais como Twitter, sem a necessidade de codificar. O resultado é que as pessoas são capazes de construir idéias reais de negócios online em uma fração do tempo e custo de desenvolvimento.
RELATADO: Veja os aplicativos que os usuários construíram no Bubble sem código.
O editor visual do Bubble se inspira nas ferramentas de design e desenvolvimento da UI, com uma abordagem “o que você vê é o que você obtém” para o desenvolvimento web. Mas o verdadeiro valor do Bubble está na sua abordagem à lógica que muitas outras plataformas não possuem. Quando Josh começou a trabalhar no sistema de Workflow do Bubble, ele insistiu na “simplicidade agressiva” para evitar as complicadas armadilhas das linguagens de fluxogramas mais antigas e a confusão das linguagens baseadas em blocos.
O desenho do fluxo de trabalho do Bubble destina-se a ajudá-lo a construir lógica usando frases simples (por exemplo, “Quando um usuário faz x, envie um e-mail ao usuário”). E enquanto você pode ficar bastante complexo com declarações e condicionamentos nas técnicas avançadas de borbulhar, a linguagem faz certas suposições sobre as coisas básicas que você vai querer em uma aplicação web (como: usuários, clicando ao redor, login, inscrições) para simplificar a maioria das ações básicas.
Linguagens de computação projetadas para um uso específico, ao contrário de um propósito geral, são conhecidas como linguagens específicas do domínio. Bubble pode ser descrita como uma linguagem específica de domínio para web design, no nível certo de abstração para facilitar o design da interface de um aplicativo e construir sua lógica por trás dos bastidores. Bubble dá às pessoas as ferramentas no web design para explicar os conceitos que você quer construir – um botão, um input, uma barra de busca – no nível certo de vocabulário para o seu domínio de especialização. Se você está construindo um aplicativo para restaurantes, você cria tipos de dados para o seu restaurante, cardápio, itens de comida e/ou clientes. Se você quiser fazer um botão fazer algo, você simplesmente cria um elemento de botão e especifica o que ele faz.
“Bubble habilita as pessoas a criar tecnologia usando seu vocabulário, não o contrário”, explica Josh.
Ferramentas como Bubble foram classificadas sob o termo “sem código” ou “código baixo”, representando um movimento de distância de estruturas baseadas em texto para web design. Os primeiros programas empresariais frequentemente se referiam ao conceito como “desenvolvimento rápido de aplicações”.
Mas nem todas essas ferramentas são iguais. Algumas ferramentas sem código são melhores para aplicações móveis nativas, algumas são melhores para páginas de destino e websites simples, algumas são adaptadas especificamente para mercados com modelos pré-fabricados ou modelos de aprendizagem de máquina. Bubble, com suas raízes como uma linguagem de programação visual abrangente, é uma plataforma de criação de web-app mais aberta e poderosa, com a capacidade de se integrar com milhares de outras plataformas através de nossa API Connector.
People usou Bubble para resolver os problemas de seus startups e construir a versão ideal de seus negócios digitais. Algumas pessoas já levantaram milhões de dólares em financiamento de capital de risco, e outras criaram suas próprias carreiras construindo modelos para o Bubble ou ensinando a outros como usar ferramentas sem código. Bubblers com alguns conhecimentos técnicos contribuem para o nosso mercado de plugins, e empresas de software que procuram mais utilizadores ajudam-nos a criar novas integrações personalizadas que tornam mais fácil para os utilizadores que já constroem com outras ferramentas.
Bubble and the Future of Visual Programming
A missão do Bubble é tornar mais fácil para as pessoas criarem negócios digitais de forma rápida e acessível, sem a necessidade de codificar. Em nossa história de origem, falamos sobre como estamos lidando com um problema muito antigo na tecnologia, um problema que a programação visual precoce tentou e falhou em resolver: como tornar a lógica visual e apagar a fronteira entre usar a tecnologia e criar tecnologia.
A abordagem da Bubble à programação visual não é atualmente destinada a ser capaz de fazer tudo que a tecnologia pode fazer agora ou será capaz de fazer no futuro. A Bubble é construída para aplicações web. Enquanto descobrimos que coisas como design de jogos são cada vez mais possíveis no Bubble graças aos nossos incrivelmente talentosos usuários, sabemos que existem outros programas especificamente criados e melhor equipados para tarefas como streaming ao vivo e processamento de áudio (mas com os quais estaremos entusiasmados para integrar no futuro).
O que temos é a base para a possibilidade. Temos uma comunidade com uma abundância de criatividade, determinação e curiosidade auto-motivada, descobrindo novas formas de construir sem código. Temos uma visão para o futuro onde as plataformas “sem código” não são a sua própria categoria de ferramentas. Em vez disso, programar visualmente será apenas a forma como as aplicações web e outras tecnologias são feitas, porque faz mais sentido fazê-las dessa forma.
Sobre a Bubble
Bubble é um líder no movimento “sem código”. Bubble oferece um poderoso editor web de apontar e clicar e uma plataforma de cloud hosting que permite aos utilizadores construir aplicações web e fluxos de trabalho totalmente personalizáveis, desde simples protótipos a mercados complexos, produtos SaaS, e muito mais. Mais de 500.000 usuários estão atualmente construindo e lançando negócios no Bubble – muitos passaram a participar de programas aceleradores de ponta, como o Y Combinator, e até angariaram US$365M em financiamentos de risco. O Bubble é mais do que apenas um produto. Somos uma forte comunidade de construtores e empreendedores que estão unidos pela crença de que todos devem ser capazes de criar tecnologia.