⚡ #21DaysOfCode

Objetivos do desafio:

• Programar no mínimo uma hora todos os dias durante os próximos 100 dias, assim criando uma rotina de estudos, melhorar meu nível de habilidade no FrontEnd! Infelizmente, tive que encerrar minha jornada de 100 dias nos primeiros 21 dias. Dessa vez, tudo bem. Mais adiante volto para recomeçar com exercícios mais bem elaborados e concluir 100 dias de prática de programação.

• Contato: andersonamicuchi@gmail.com
  

• LinkedIn: https://www.linkedin.com/in/Amicuchi

• Inicio da maratona 1 de junho de 2021
  

---

Lógica de Programação com JavaScript

• Conceitos básicos de programação
• Algorítmos
• Essencial de lógica matemática para computação
• HTML5 e JavaScript
• Introdução ao JavaScript
• Variáveis, dados e tipos de dados
• Ordem de Precedência
• Armazenar Dados na variável
• Operações aritméticas
• Laços de repetição
• Vetores
• Funções

Git e GitHub

• Entendendo Git e GitHub
• Configuração
• Essencial do Git
• Repositórios Remotos
• Comitar arquivo/diretório
• Ramificações (Branch)
• Clone
• Conceitos sobre README
• Criando gif no README

HTML5

• Elementos essenciais
• Elementos técnicos
• Estruturas
• Listas
• Ligações (links)
• Tabelas
• Formulários
• Seletores de classes e IDs no HTML
• Semântica

CSS3

• Textos
• Imagens
• Cores
• Boxes
• CSS Grid
• Flex box
• Listas, tabelas e formulários
• Processo e Design
• Trançado
• Animações

JavaScript

• ABC da programação
• Instruções básicas
• Operadores
• Funções
• Estruturas de controle
• Métodos
• Array
• Decisões e Loops
• Document Object Model (DOM)
• Eventos
• Ajax
• APis
• Depuração de Erros

🚀 Mão no Código

Dia	Estudos	Tempo
01	HTML - CSS - JS :: Responsive Travel Website with Video Slider	3h00
02	CSS :: Dashboard with Glass Effect	2h30
03	CSS - JS :: Focus || Parallax Effect	50min
04	HTML - CSS - JS :: Parallax Scrolling Effect	50min
05	HTML - CSS - Glassmorphism Card Hover Effects	1h
06	CSS :: A Responsive Glassmorphism Website	1h
07	HTML - CSS :: Netflix Clone	1h
08	HTML - CSS :: Netflix Landing Page	1h
09	CSS - JS :: Glassmorphism Battery Level	30min
10	HTML - CSS :: Download of Everything	40min
11	HTML - CSS - JS :: Responsive Portfolio Filter Gallery | Filterable Image Gallery	40min
12	CSS :: Sobre o Funcionamento e Responsividade do GRID	20min
13	CSS :: Image Gallery Blur Hover Effect	1h
14.1	CSS :: Ink Splash Video Manipulation	10min
14.2	CSS :: Glowing Checkbox	10min
14.3	CSS :: Creative Our Team Section - CSS Glassmorphism Card Hover Effects	15min
15	CSS :: Responsive Resume Website	1h20
16.1	CSS :: Animated Parallax Water Wave Effects	20min
16.2	JS :: Abstract Background Generator	20min
16.3	HTML - CSS :: Blog Article Cards	20min
17	HTML - CSS :: Animated card	1h40
18.1	HTML - CSS :: Glassmorphism Login Form	15min
18.2	Javascript :: Snake Game com JavaScript	45min
19	Bootstrap - Javascript :: Calculadora	1h30
20	Bootstrap - Javascript :: Memory Game	1h30
21	Javascript :: Memory Game 2	1h