Glossário visual

O Blockly tem muito vocabulário para os diferentes componentes visuais. Este documento descreve algumas das mais importantes que você precisa conhecer para começar a usar o Blockly.

Espaço de trabalho

O espaço de trabalho é o componente de nível mais alto no Blockly. Ele contém todos os outros componentes. É aqui que você faz o trabalho de programação!

Um espaço de trabalho com uma caixa de ferramentas de categoria, barras de rolagem, lixeira e controles de zoom.

Caixa de ferramentas

A caixa de ferramentas contém os blocos que você usa para programar. Os blocos podem ser arrastados para o espaço de trabalho.

Há dois tipos principais de caixas de ferramentas: as de submenu e as de categoria. Eles podem ser exibidos na vertical e na horizontal.

Caixa de ferramentas pop-up

As caixas de ferramentas flutuantes (também conhecidas como caixas de ferramentas simples) têm um conjunto de blocos que é exibido o tempo todo.

Um espaço de trabalho com uma caixa de ferramentas flutuante contendo quatro blocos.

Caixa de ferramentas de categoria

As caixas de ferramentas de categoria têm vários conjuntos de blocos.

Um espaço de trabalho com uma caixa de ferramentas de categoria com oito categorias (lógica, loops, matemática etc.). Nenhum bloco está visível porque nenhuma categoria foi aberta.

Se você clicar em um item de categoria, um menu suspenso vai abrir e mostrar os blocos da categoria.

O mesmo espaço de trabalho e caixa de ferramentas de categoria da imagem anterior, exceto que a categoria "Lógica" está aberta, mostrando sete blocos de lógica (se-faça, comparação, e-ou etc.).

Lixeira

A lixeira permite excluir blocos arrastando e soltando. Você também pode clicar no ícone de lixeira para abrir um menu flutuante com os blocos excluídos e recuperá-los.

Um espaço de trabalho com uma lixeira no canto inferior direito.

Controles de zoom

Os controles de zoom aumentam e diminuem o zoom do espaço de trabalho quando você clica neles.

Um espaço de trabalho com controles de zoom acima da lixeira.

Menu de contexto

O menu de contexto aparece quando você clica com o botão direito do mouse ou pressiona e mantém pressionado alguns elementos do espaço de trabalho, como o plano de fundo ou os blocos. Uma lista de ações que podem ser realizadas nesse elemento é exibida.

Um menu de contexto está aberto sobre um bloco if-do. O menu tem os itens "Duplicar", "Adicionar comentários", "Entradas inline", "Reduzir bloco", "Desativar bloco", "Excluir bloco" e "Ajuda".

Bloqueios

Os blocos são usados para programar. Eles representam expressões e instruções em linguagens de programação baseadas em texto.

Um bloco de condição if-do, um bloco de número e um bloco para criar uma lista.

Pilha de blocos

Uma pilha de blocos é qualquer coleção de blocos conectados. Elas podem estar conectadas na horizontal ou na vertical.

Um bloco "if-do" com dois blocos conectados a ele. Um bloco de comparação numérica é conectado à entrada "if", e um bloco de repetição é conectado à entrada "do".

Bloco de sombra

Um bloco de sombra é um bloco editável, mas não móvel, conectado a outro bloco. Você pode arrastar blocos que não são de sombra para cima dos blocos de sombra e substituir.

Um bloco para arredondar números conectado a um bloco de números de sombra e um bloco de impressão conectado a um bloco de texto de sombra. Os blocos de sombra ficam acinzentados para mostrar que são blocos padrão e que você pode arrastar outros blocos para cima deles.

Marcador de inserção

Um marcador de inserção é uma prévia de onde uma pilha de blocos será conectada se for solta. Ele parece uma versão cinza de um bloco.

Um bloco if-do com um marcador mostrando onde outro bloco será
inserido.

Peças de bloqueio

Os blocos têm várias partes diferentes que podem ser editadas e usadas para programar.

Campos

Um campo é um elemento visual que fica em um bloco. Ele pode ser editável (como uma entrada de texto) ou apenas informativo (como um rótulo). Um campo é sempre contido por uma entrada.

Um bloco com três campos: o marcador "repeat", um menu suspenso com a opção "while" escolhida e o marcador "do".

Conexões

Uma conexão é um lugar em um bloco a que outros blocos podem se conectar.

Conexão Imagem
Saída uma conexão de saída
Entrada uma conexão de entrada
Anterior uma conexão anterior
Próxima uma próxima conexão

Entradas

Uma entrada é um contêiner para campos e conexões. Um bloco é criado renderizando as entradas em uma ou mais linhas, como tijolos.

Bloco criado com uma entrada de valor, uma entrada de fim de linha e uma entrada de instrução.

Todas as entradas podem conter campos. Somente entradas de valor e instrução podem conter uma conexão.

Tipo de entrada Tipo de conexão Observações
De teste Nenhum
Fim da linha Nenhum Força a próxima entrada a iniciar uma nova linha.
Valor Entrada
Comunicado Próxima

Ícones

Um ícone é um elemento visual que fica em um bloco. Elas sempre ficam no canto superior esquerdo do bloco e costumam criar bolhas.

Um bloco if-do com um ícone mutator e ícones de comentário.

O mesmo bloco com o mutador e as bolhas de comentários abertas. O balão de mutação
permite adicionar cláusulas "else" ao bloco, e o balão de comentário permite inserir um
comentário sobre o bloco.