Instituto Federal do Maranhão

Campus Caxias
Bacharelado em Ciência de Computação
Introdução a Lógica

A tabela abaixo mostra diversos desafios para serem solucionados com HTML+CSS+JAVASCRIPT.
Escolha para desenvolver 1 de cada nível, ou seja, você irá desenvolver no mínimo 3 projetos (um fácil, um
médio e um difícil). Caso queira, pode desenvolver mais de um em cada nível.

Fácil Médio Difícil

Criar uma página conversor de
dinheiro. Ex: Dolar para Real
Criar uma página para verificar a
idade de uma pessoa, para saber se
ela pode votar ou não. Mudando o
estilo da página de acordo com o
resultado
Criar um menu de um site que
aparece quando algum botão é
clicado – (Menu Hamburguer)
Criar alguma animação no site
utilizando Javascritpt
A gasolina está subindo quase todo Criar uma página onde os elementos
dia. Faça um site que receba o valor aparecem de acordo como o
atual da gasolina, a quantidade de
litros que uma pessoa vai abastecer
e no final mostre o quanto a pessoa
vai gastar com a gasolina.
Crie um site que receba um número
e mostre a sua tabuada
Criar uma pagina de sorteio, onde é
inserido uma lista e depois é
sorteado algum item da lista: Por ex,
sorteio de um número, de uma
pessoa, de um time.
Criar uma página de cadastro
HTML com formulário, estilizada
com CSS, capturar os dados de
cadastro e mostrar em um alert ou
em uma área do site
(Aprender trabalhar com Fomulário)
Criar uma pagina para o usuário
cadastrar uma Lista de Tarefas
Criar a pagina de carrinho de
compras, a medida que o usuário vai
inserindo os produtos, o preço total
é calculado
Criar uma agenda de contatos e
armazenar ela no navegador
utilizando o recurso (LocalStorage)
rolamento da página
Criar uma página web listando os
pokemons consumindo os dados
direto de uma api
(https://pokeapi.co/)
(Aprender a consumir API)
Receber o Cep de uma cidade e
mostrar o endereço – Consumir a
api (https://viacep.com.br/)
(Aprender a consumir API +
Formulário)
Criar um Jogo com Javascript. Por
ex: Jogo da Forca, da velha, de
memória, Flappy Bird…
(Aprender a trabalhar com jogos e
posicionamento dinâmico)

Observações

• Projeto Individual
• Caso você queira desenvolver um desafio próprio, entre em contato comigo para avaliar em qual nível
estará a proposta
• Disponibilizar o link do github de cada projeto e o link do site no ar.
• Fiquem a vontade para estilizar o site da forma que quiserem, podem fazer o layout, apenas o layout, com
bootstrap caso queiram.