Blade
Abrir o builder Entrar

Algoritmos em blocos, passo a passo

Monte fluxogramas arrastando blocos, execute cada passo e acompanhe as variáveis no teste de mesa. O Blade ainda mostra o código equivalente em JavaScript e TypeScript.

Entrar Acessar como visitante

Como visitante você desenha, executa e exporta. Entre como aluno para salvar seus algoritmos.

O builder do Blade executando o fatorial, com o fluxograma à esquerda e o teste de mesa no passo 14 à direita

Tudo para aprender lógica de programação.

Do primeiro fluxograma à sub-rotina, cada passo da execução fica visível.

Blocos de fluxograma

Início, memória, entrada, processo, decisão, escolha, saída, sub-rotina e conector.

Teste de mesa

Avance e volte passo a passo, vendo cada variável mudar e por que o fluxo seguiu cada caminho.

Código equivalente

O diagrama vira JavaScript e TypeScript, para ligar o fluxograma ao código.

Importar e exportar

Leve seus diagramas em JSON, com ou sem conta, e abra os exemplos prontos.

Por dentro do depurador

O mesmo fatorial, visto pelo teste de mesa e pelo código.

Teste de mesa do fatorial: cada passo numerado com os valores de n, fatorial e i
Teste de mesa. Cada passo numerado, com as variáveis que mudaram nele.
Código JavaScript gerado a partir do fluxograma do fatorial, com o laço while
Código. O diagrama em JavaScript e TypeScript, pronto para comparar.

Como você acessa o Blade

Entre direto no builder ou use sua conta Google para guardar o que fizer.

/builder

Visitante

  • Desenhar fluxogramas
  • Executar com teste de mesa
  • Ver o código gerado
  • Importar e exportar JSON
  • Salvar algoritmos
Acessar como visitante

/builder · com conta Google

Aluno

  • Tudo do visitante
  • Salvar e reabrir algoritmos
  • Lista dos seus algoritmos
Entrar como aluno

/builder/:algoritmo

Área de trabalho em breve

Cada algoritmo com o próprio endereço, aberto só para quem entrou com a conta.

Sem cadastro para começar

Comece agora

Abra o builder e monte o seu primeiro algoritmo em poucos minutos.

Abrir o builder

Perguntas frequentes

Preciso de conta para usar?

Não. O builder abre sem login: dá para desenhar, executar, ver o código e exportar. A conta serve para salvar.

Que conta posso usar?

Para entrar como aluno, sua conta Google da UTFPR, como @alunos.utfpr.edu.br ou @utfpr.edu.br.

Onde ficam meus algoritmos?

Quem entra com o Google salva os algoritmos na própria conta e os reabre pelo builder.

Sem conta eu perco o que fiz?

Exporte em JSON antes de sair. Depois é só importar o arquivo no builder.