Mozilla Thimble

Publicado a 06/03/2016, 12:50 por Luis Pitta -org-   [ atualizado a 12/03/2016, 13:00 ]

Thimble is part of the Mozilla Learning Network.
Learn to teach like mozilla at teach.mozilla.org.


Primeiros passos no Thimble


Elabore os seguintes passos:

1. Criar uma conta no Mozilla Timble: https://thimble.mozilla.org/

2. Aceder ao botão "Start a Project from Scratch" ou utilizar um dos projetos pré-criados e adaptar.

Em vez de começarmos do zero, vamos utilizar o projeto do Poster "Keep Calm...":
  • Abrir o tutorial (ver ficheiro tutorial.html) e seguir as 5 sugestões de alteração. Alterar o próprio tutorial se for preciso.
  • Alterar o index.htm e incluir no final o texto "Ver ajuda em tutorial".
  • Alterar o styles.css (criar por exemplo um novo estilo e aplica-o a uma palavra)
  • Mudar o nome do projecto (em cima do lado esquerdo) e
  • Publicar
Teclas de atalho: 
  • ALT+K: Ajuda contextual (muito útil)

3. Depois de publicar o código HTML, insira-o na pagina criada para o efeito no seu portefólio.

Exemplo: URL direto: https://d157rqmxrxj6ey.cloudfront.net/lpitta/40647

Ou através do menu Inserir | Mais mini-aplicações > iframe:


+ exemplos

1. Gerador de desculpas: https://d157rqmxrxj6ey.cloudfront.net/lpitta/40477
2. Projeto novo (vazio!): https://d157rqmxrxj6ey.cloudfront.net/lpitta/40480


A rede Webmaker




Materiais de apoio