Tutorial produzido pelos integrantes do grupo “Neumann Tech” da Faculdade de Tecnologia da Unicamp Limeira. Jogo exemplo: https://drive.google.com/drive/folders/18tUzcyTEEP11InPmmETKRyWlBGx2dwPT?usp=sharing 1. Para começar a atividade devemos acessar o site https://appinventor.mit.edu/ e clicar na opção “Create Apps!”, então será solicitado que realize o login, para isso deverá usar sua conta google e aceitar os termos da plataforma. 2. […]

Introdução Na aula anterior vimos o potencial das anchor tags <a> na criação de hiperligações de páginas web, construção do fluxo de navegação de páginas com endereços URL ou a  construção de menus com ligações de endereços na mesma página. Relembrando… A anchor tag ou tag âncora possui o atributo href que indica o destino […]

Lâmpada de rolha caseira Lista de materiais Rolhas Pilhas Moeda LEDs 1 Faca Montagem passo a passo Com a ajuda de um adulto utilize a faca para retirar uma sessão em formato de “U” de uma das superfícies da rolha (caso a rolha seja muito grande pode ser necessário cortá-la ao meio). Enfie as pernas […]

Botões Tamanho A propriedade “font-size” é usada para se alterar  o tamanho de um botão: Cor As cores de um botão podem ser estilizadas assim como uma caixa, usando as propriedades “color” e “background-color”. Links Cor, fonte e cor de fundo Os links de texto podem ser estilizados como um texto comum, podendo ser alterada […]

Jogue aqui: https://scratch.mit.edu/projects/696074435/ Glossário Atores: Elementos que possuem blocos de código e que permitem algum tipo de interação, seja esta por parte do usuário ou do sistema. Variáveis: Variáveis são como caixinhas que guardam informações (texto ou número) para o nosso programa. Elas podem ser listas também, ou seja, um grupo com várias dessas caixinhas. […]

Introdução Dando continuidade ao conteúdo da nossa oficina, hoje estaremos vendo o que são as famosas estruturas condicionais, também chamadas de desvios condicionais, e um pouco sobre os laços de repetição. Ao final desta aula teremos uma atividade para praticarmos um pouco dos conceitos vistos até agora. Estrutura Condicional Vídeo aula, parte 1 – Estrutura […]

Aula 3 – Link Introdução Tópicos falados na aula anterior: -Listas Ordenadas: <ol> </ol> Desordenadas: <ul> </ul> Definições: <dl> </dl>  Tag para definir item da lista Ordenada e Desordenada <li> </li>. Tag para expor um item </dt> e para defini-lo <dd></dd> na lista Definições. Estrutura básica de uma página HTML: Dica: Recomendamos fortemente o site […]

Listas Ordenação de listas As tags <ol> e <ul> são as usadas para montar listas:<ol> para listas com letras e números<ul> com pontos de diferentes formatosTanto os pontos quantos os números e letras podem ser alterados por uma propriedade de CSS.   Marcadores Esta propriedade é “list-style-type”, que pode mudar o estilo do ponto, número […]

Jogue aqui: https://scratch.mit.edu/projects/694266610/ Tutorial produzido pelo grupo “Hello World” Do ACT/LIAG Descrição do material A HQ do Patinho feio é uma HQ desenvolvida na plataforma Scratch referente ao tradicional conto de fadas do autor dinarmaques Hans Christian Andersen. A história segue a mesma ordem do que é encontrado em livros e vídeos ensinados para as […]