0 Compartilhamentos 200 Views

Mozilla relança Thimble, editor online para ensino de HTML, CSS e JavaScript

2 de setembro de 2015

A Mozilla relançou o Thimble, ferramenta online lançada originalmente em 2012 e voltada ao ensino de HTML, CSS e JavaScript.

Trata-se de um editor online, acessível através dos modernos navegadores, que permite que qualquer pessoa interessada conheça os rudimentos do desenvolvimento web.

A ferramenta, basicamente, permite que o usuário “brinque” com o código no painel esquerdo e visualize todas as modificações à direita.

Tudo é feito/exibido em tempo real, e existem inclusive projetos modelo que servem como tutoriais, os quais podem ser editados, visualizados e publicados à vontade. É possível iniciar novos documentos em JavaScript, HTML e CSS, e até mesmo carregar websites inteiros para posterior edição (inclusive através de arquivos compactados).

O Thimble também possui um assistente que ajuda o usuário/programador com a sintaxe. Além disso, ele fecha as tags automaticamente e também permite que novos projetos e sites sejam iniciados do zero, sem o uso dos modelos. Um botão de “undo“, além disso, permite que as últimas ações sejam desfeitas, e dois temas estão disponíveis (claro e escuro).

Mozilla Thimble

O editor de código online da Mozilla também conta com um slider que permite a visualização dos projetos em versão mobile, e os sites criados podem ser visualizados em uma nova aba do navegador, a qualquer momento e rapidamente.

Vale lembrar que o Thimble é uma ferramenta gratuita e opensource. Todos os projetos criados através da ferramenta são também opensource, e ela utiliza tecnologia do editor de código Brackets.

Clique aqui para acessar o Thimble

Você pode se interessar

Promoções de Jogos do Final de Semana (19/07)
Notícias
21 visualizações
Notícias
21 visualizações

Promoções de Jogos do Final de Semana (19/07)

Carlos L. A. da Silva - 19 de julho de 2019

Confira as melhores ofertas de jogos de PC para o final de semana.

Como ativar o DNS-over-HTTPS (DoH) no Firefox
Dicas
14 visualizações
Dicas
14 visualizações

Como ativar o DNS-over-HTTPS (DoH) no Firefox

Carlos L. A. da Silva - 18 de julho de 2019

Protocolo aumenta a segurança da navegação de seus dados e navegador da Mozilla por enquanto é o único com suporte oficial.

Autenticação através do GitHub com JavaScript e OAuth
Códigos
17 visualizações
Códigos
17 visualizações

Autenticação através do GitHub com JavaScript e OAuth

Redação - 17 de julho de 2019

Veja como criar de forma simples um botão social de login com Github usando OAuth. Neste guia Javascript com códigos que funcionam você aprende como. Confira o passo a passo e crie o seu.

Mais publicações

SEO // Dicionário do Programador
Vídeos
16 visualizações
16 visualizações

SEO // Dicionário do Programador

Thais Cardoso de Mello - 15 de julho de 2019
Promoções de Jogos do Final de Semana (12/07)
Notícias
18 visualizações
18 visualizações

Promoções de Jogos do Final de Semana (12/07)

Carlos L. A. da Silva - 12 de julho de 2019
Conheça Astaroth: o Cavalo de Troia que se alastra no Brasil
Artigos
30 visualizações
30 visualizações

Conheça Astaroth: o Cavalo de Troia que se alastra no Brasil

Carlos L. A. da Silva - 11 de julho de 2019