willjpg / dio

Sumário

📙 About 📜 Certificados 💡 Desafios Js ⚛️ Desafios ReactJS 🎨 Desafios HTML/CSS

1# Desafio - Introdução ao JavaScript

Contador

• Tente implementar os eventos usando o método addEventListener.

• Crie condicionais que desabilitam o botão de incrementar ou decrementar quando count chegar a um determinado valor (ex.: 0 <= count =< 10).

• Mude a cor do texto em CURRENT_NUMBER para vermelho quando o número for negativo.

2# Desafio - Introdução ao JavaScript

To-do list

• Crie um campo de input de texto e um botão para adicionar a tarefa à lista.

• Quando o botão for pressionado, o texto deve aparecer na lista com um checkbox ao lado.

• Quando o usuário selecionar o checkbox, o item correspondente deve ficar com o texto riscado. (ex.: tarefa completa. dica: você pode resolver isso facilmente com CSS).

1# Desafio - Criando um front-end totalmente componentizado na prática com ReactJS

API Github

• Agora é a sua hora! Crie uma solução que explore os conceitos apresentados em um projeto prático. Para isso, você pode reproduzir a solução criada neste Desafio de Projeto ou, caso se sinta preparado, desenvolver algo novo ;-)

Tecnologias

• Styled Components
• Axios

Acesse o Repositório

1# Desafio - Recriando a página inicial do Instagram com HTML e CSS

Pagina de Login do Instagram

• Nesse projeto você terá o desafio de reconstruir a página de login do Instagram. Para isso, é recomendado o uso de CSS com Flexbox, uma das abordagens de posicionamento de elementos mais utilizadas quando se trata de responsividade. Além disso, a expert disponibiliza todo o material necessário em seu GitHub para que você possa utilizá-lo como referência para a sua solução.

Tecnologias

• HTML
• CSS

Acesse o Repositório

📜Certificados