Avisos
Atenção: a entrega deste trabalho será feita pelo Moodle do colégio. Nos links úteis há um tutorial para acessar a plataforma Moodle.
O trabalho deve ser entregue em arquivo zipado
Aulas & Materiais
Materiais JS (todos os slides)
Semana 18 - 03/02 e 05/02
Códigos das aulas - Semana 18
Novo!Semana 17 - 16/12 e 18/12
Roteiro 16/12
0. Player de música - demonstração
O site https://www.boemio.com.br/ tem várias .mp3 em um tamanho bacana
1. Manipulação de funções nativas do JavaScript
1a. Escreva um código que sorteie um número entre 0 e 5 e o imprima na tela
1b. Modifique o código do item anterior para isolá-lo em uma função.
1c. Modifique sua função de sorteio para aceitar 2 parâmetros: um limite inferior e um limite superior. Isto é, o intervalo de sorteio será definido de acordo com os valores que entrarem na função.
1d. Incremente seu código com uma interface de usuário (formulário) em que esses números serão especificados e repassados para a função criada acima.
2. Quiz
2a. Crie um formulário contendo 3 perguntas de múltipla escolha (estilo V ou F)
2b. Atribua uma pontuação a cada resposta, sendo: 0 pontos para a resposta errada e 1 ponto para a resposta correta
2c. Escreva uma função que calcule e exiba a pontuação obtida por um usuário que respondeu o quiz.
2d. Mostre uma mensagem na tela de acordo com a pontuação obtida - caso seja 0 ou 1, "Você sabe pouco sobre o assunto" e caso seja 2 ou 3, "Você sabe bastante sobre o assunto"
Códigos das aulas - Semana 17
Semana 16 - 09/12 e 11/12
Roteiro 09/12
Manipulando elementos: Diretamente no HTML, crie 5 parágrafos, 2 deles com a classe "c1", dois com a classe "c2" e um com o id "unico".
Utilize javascript para:
tornar os parágrafos de classe c1 com fundo verde, 30% de transparência
tornar os parágrafos de classe c2 com fundo azul, 20% de transparência
Crie um vetor de objetos em que os objetos contém os atributos nome e nota. Imprima em uma tabela o nome ao lado da respectiva nota
Modifique a tabela para que as notas abaixo de 5 fiquem com a letra de cor vermelha, e para que as notas iguais ou maiores que 5 fiquem com a letra azul
Roteiro 11/12
1. Entrada de dados com formulário
1a. Crie um formulário para coletar dados de um usuário e exibi-los na tela (por exemplo, podemos coletar nome, data de nascimento e duas notas)
1b. Fazer algum processamento, como: somar as duas notas, fazer média ou inverter o nome
2. Manipulação de elementos com eventos
2a. Criar uma imagem "na unha" em HTML
2b. Escrever código em JS que vai trocar a imagem a partir de uma determinada ação, como uma passada de mouse
3. Modificação de elemento a partir de campo de formulário
3a. Crie um input de cor
3b. Escreva código JS que vai modificar o background-color do site a partir de uma cor selecionada pelo usuário
Códigos das aulas - Semana 16
Semana 15 - 02/12 e 04/12
Roteiro 02/12
1. Olá, mundo! Escreva "olá, mundo!" em um arquivo .html utilizando javascript.
2. Variáveis: Declare uma variável e imprima seu conteúdo na tela.
Declare tipos diferentes de variáveis, como: nomes, números inteiros, números decimais. Imprima todos os seus conteúdos.
Crie frases que utilizem os valores armazenados nas variáveis, como: "Meu nome é [BIANCA] e sou [PROFESSORA DE ICC]". As palavras entre colchetes são os valores armazenados nas variáveis.
Utilize o operador typeof em cada variável declarada para obter seu tipo. Imprima os resultados na tela.
3. Console: imprima algumas variáveis pelo console utilizando a função console.log(). Provoque alguns erros de sintaxe comuns em outras linguagens de programação e veja o que acontece. Algumas sugestões:
Esquecer ponto e vírgula
Abrir chaves ou parênteses e não fechar
Chamar uma variável que não foi declarada
Declarar e chamar uma variável desconsiderando a diferença entre maiúsculas e minúsculas
Códigos das Aulas - semana 15
Semana 14 - 25/11
Teste CSS
Semana 13 - 11/11 e 13/11
Semana 12 - 04/11 e 06/11
Slides - CSS, propriedades parte II
Slides - Box Model
Esquema box model
Obs.: não se assustem com os slides "pulando" da parte 4 para a parte 6; mudei a ordem para ter mais fluidez no conteúdo
Códigos das aulas - Semana 12
Links úteis
- Recursos:
- Tutoriais:
- Tutorial para dezipar/extrair arquivos .zip
- Como acessar o Moodle do colégio - tutorial