Skip to content

Desafio de 50 projetos em 50 dias, utilizando HTML, CSS, JavaScript

Notifications You must be signed in to change notification settings

LenoSeibert/desafio-50-projetos

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

99 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Desafio 50 projetos em 50 dias.

São 50 Projetos para serem feitos em 50 dias, projetos simples mas trazem um conhecimento bem robusto de HTML, CSS e JavaScript


Um projeto diferente para desafiar o meu conhecimento em HTML, CSS, JavaScript Baseado no curso 50 Projects In 50 Days - HTML, CSS & JavaScript. Curso da Udemy muito bom


Dia 00 - Criado uma base para todos os projetos.

Criado o arquivo index.html, style.css e script.js

Arquivos básicos

Dia 01 - Expanding Cards

V1.0 as imagens são via backgraund-img atributo do CSS V2.0 as imagens são via tag img puxando direto do site Pexels

Dia 02 - Progress steps

Etapas avançar e retroceder simples

Dia 03 - Menu rotativo

Bem trabalhoso no CSS e muito simples no JS

Dia 04 - Hidden search widget

Projetinho super simples e mas muito funcional

Dia 05 - Blurry Loading

Efeito blur na imagem com contador de porcentagem de carregamento

Dia 06 - Scroll Animation

Animação quando se da scroll no site

Dia 07 - Split Landing Page

Landing page simples mas bem bonita

Dia 08 - Form wave animation

Animação simples de formulário

Dia 09 - Sound Board

Reproduzir som

Dia 10 - Dad Jokes

ATENÇÃO Piadas ruins - Consulta de API publica com JS

Dia 11 - Event KeyCodes

Captura as teclas digitadas e exibe as info em tela

Dia 12 - FAQ Collapse

Simples e funcional pagina de FAQ

Dia 13 - Random Choice Picker

Simples sistema de sorteio de nomes, números etc..

Dia 14 - Animated navigation

Menu animado

Dia 15 - Incrementing Counter

Contador Social Básico mas funcional

Dia 16 - Drink water

Tome mais agua

Dia 17 - Movie App

App de videos utilizando API externa

Dia 18 - Background slider

Simples slider de imagens de fundo

Dia 19 - Theme Clock

Relógio com html css e javascript

Dia 20 - Button Ripple Effect

Botão com efeitos

Dia 21 - Drag n Drop

Arrasta e solta

About

Desafio de 50 projetos em 50 dias, utilizando HTML, CSS, JavaScript

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published