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

Slides - unidades de medida


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