- https://code.org
- https://www.codecademy.com
- https://www.codecombat.com
- https://www.alura.com.br
- https://www.w3schools.com/css
- https://www.w3schools.com/html
- https://www.w3schools.com/js
- Lógica aplicada para resolver os problemas.
- Coesão e clean code, principalmente nomes auto explicativos e reaproveitamento de código.
- Não será aceito nenhum material que esteja fora do repositório previsto para a entrega.
- Não será válido, nenhum repositório com commits após 28/03/2018 23:59:59.
- Surpreenda-nos 😄
Para ser um bom programador, é necessário seguir padrões, então envie-nos seus exercícios no seguinte formato:
- O repositório deve chamar uds-trainee-exercicios-complementares-aula-03
- Os exercícios devem estar em um arquivo exercício-numero do exercicio aqui.html, exercicio-15.html por exemplo. A tag title do html deve possuir o corpo "Exercício {numero do exercício aqui}", e deve existir uma tag p com o enunciado do exercício dentro da tag body.
-
( 10 pontos ) - Precisamos criar um gerador de declarações. O usuário preenche um formulário e devolvemos a ele uma declaração preenchida. Para isso você deve adicionar 4 campos de texto ( nome completo, rg, cpf e cidade ) em um arquivo html e estiliza-los conforme achar necessário. Sua aplicação deve pegar os dados informados neste campo e devolver o seguinte texto como conteúdo da página: "Eu, {nome-completo}, portador do rg {rg} e do cpf {cpf}, declaro estar participando do trainee da uds."; após este texto apresentar a cidade e a data atual escrita por extenso.
-
(10 pontos) - Crie um arquivo html com 10 divs e 1 botão. As divs devem ser circulos vermelhos posicionadas lado a lado via flex-box. Ao clicar no botão o sistema deve calcular um número aleatório de 1 a 10 e pintar a div correspondente de azul. Ao clicar novamente, o sistema deve voltar todas as divs para vermelho e realizar a operação anterior novamente.
-
(10 pontos) - Vamos criar um gerador de cartão de visita. O usuário deve preencher um formulário com os campos nome, telefone e endereço. Ao enviar o formulário deve-se apresentar uma div formatada como um cartão de visita apresentando as informações preenchidas previamente.
-
(20 pontos) - Crie um formulário com 10 questões de verdadeiro ou falso. O usuário deve preencher um formulário com as questões, cada questão deve ter dois radio buttons com as respostas possíveis. Ao final do formulário deve existir um botão enviar. Ao clicar no botão deve-se validar as questões, para cada resposta preenchida corretamente deve-se somar 1 ponto, para cada resposta errada ou em branco deve-se somar 0 pontos, e então apresentar a pontuação ao usuário.
-
( 50 fucking pontos ) - Vamos criar nosso primeiro jogo! O usuário começa o jogo com 100 pontos. Deve ser apresentado 2 radio buttons, com os valores par e impar, e um campo de texto valor da aposta. Após selecionar preencher todos os campos, o usuário deve clicar em um botão jogar, então o sistema deve sortear um número aleatório de 1 à 30, e verificar se este número é par ou impar. Caso o número seja de acordo com o que o usuário apostou, deve-se somar a quantidade de pontos apostados ao seus pontos globais, caso seja diferente deve-se subtrair este valor. Não deve ser possível clicar no botão jogar:
- Não deve ser aceito nada além de valores numéricos, maior que zero, no campo valor da aposta.
- O sistema deve apresentar ao usuário qual número foi sorteado e informa-lo se o número é par ou impar.
- Não deve ser possível clicar no botão jogar
- Caso o usuário não possua ou tente apostar uma quantidade de pontos maior do que possui.
- Caso o usuário não informe em qual tipo de número quer apostar.
- Vou dar um ponto, pra quem tiver foto no github cadastrada no gravatar!
- Dúvidas, sugestões ou reclamações no canal do slack.
- Inscreva-se no canal do slack (obrigatório)