Funcionalidades fantásticas para tornar a aprendizagem
e o ensino da programação fácil e divertido

Thimble é um editor de código completo que é executado no navegador. É desenhado para ajudar novos programadores a criar os seus próprios sites e projetos web utilizando HTML, CSS e JavaScript. Tudo que o precisa esta na ponta dos seus dedos, permitindo que você (ou a sua turma) possam começar o mais rapidamente possível.

É um editor de código, um servidor web e ferramentas de programação, tudo em um — e é gratuito!

Veja de forma instantânea as suas alterações

Crie e experimente rapidamente com a pré-visualização em tempo real. Mostra as alterações ao seu código de forma instantânea.

Remisture qualquer projeto Thimble

Gosta de um projeto Thimble que esteja a ver? Remisture o mesmo para criar a sua própria versão. Pode também enviar os seus projetos a amigos ou estudantes — o que será que são capazes de fazer?

Trechos úteis de código

Trabalhe mais rapidamente criando uma lista de trechos de código HTML, CSS e JavaScript úteis que pode incluir no seu código.

Consola de JavaScript integrada

Está a trabalhar em JavaScript? A consola integrada do Thimble torna mais simples do que nunca o teste e depuração do seu código.

Adicionar e gerir ficheiros

O Thimble funciona como um projeto web real, que pode criar, renomear, eliminar e enviar os seus próprios ficheiros.

  • Descarregue um .zip do seu projeto e aceda ao mesmo a partir do seu disco
  • Arraste e largue ficheiros do seu computador para o Thimble

Ligue ou desligue as luzes

O Thimblevem com um tema escuro e claro, pelo que escolha o que é melhor para si. Pode também alterar outras opções como o tamanho do texto.

Siga e crie tutoriais incorporáveis

Os projetos podem ter tutoriais que o ajudam a si (ou aos seus estudantes) a aprender enquanto fazem alterações ao projetos.

Obtenha dicas enquanto escreve

Não bloqueie ao tentar lembrar-se de uma grande quantidade de regras e sintaxe. O Thimble irá dar-lhe dicas em ficheiros HTML, CSS e, até, JavaScript.

Edite CSS dentro das suas páginas HTML

Escreva estilos CSS para os seus elementos sem sair da página HTML que está a editar. Coloque o cursor de texto em qualquer tag e pressione Cmd/Ctrl + E para começar a escrever estilos CSS.

Publique rapidamente projetos para a Web

Pode publicar os seus projetos para a Web apenas com um simples clique. Mais tarde, quando fizer alterações, pode atualizar facilmente o seu projeto.

Escolha cores diretamente no editor

Defina o cursor de texto com qualquer valor de cor num ficheiro CSS e pressione Cmd/Ctrl + E para abrir o seletor de cores.

Teste o seu projeto num dispositivo móvel

Alternar para o modo de pré-visualização móvel permite-lhe visualizar o seu trabalho num dispositivo mais pequeno. Em seguida, ative a pré-visualização de ecrã completo para obter o cenário completo.

Encontre rapidamente elementos HTML

Ative o inspetor DOM e passe com o rato pelos diferentes elementos na pré-visualização. O Thimble irá destacar o código relacionado no editor HTML.

Filtros de imagem

Adicione alguma diversão aos seus projetos aplicando filtros às suas imagens. Os gatos nunca foram tão bonitos!

Tire uma selfie

Adicione a sua fotografia em qualquer página que esteja a trabalhar utilizando a ferramenta de selfies do Thimble — utiliza a webcam do seu computador. Comece a escrever a tag <img src= à sua página HTML e será apresentada uma solicitação.