⚡ #100DaysOfCode
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! Escolhi algumas técnologias para estudar durante o desafio, está logo abaixo!!!
-
Contéudos diarios:
-
Contato: [email protected]
-
Inicio da maratona 13 de julho de 2020
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)
- Movendo e deletando branches
- Entendendo o Merge
- Clone
- Conceitos sobre README
- Criando gif no README
- Demo README
- Merge e Rebase
- Versionando com Tags
- Git Revert
- Branches remotas
HTML5 
- Elementos essenciais
- Elementos técnicos
- Grid layout
- Estruturas
- Listas
- Ligações
- Tabelas
- Formulários
- Estrutura dos formulários
- Validação de formulátio
- Seletores de classes e IDs no HTML
- Iframe
- Caracteres de escape
- Flash, Vídeo e áudio
- Combinando flash e vídeo
- Flash leitor de mp3
- Semântica
- Layout
- Designer
- Agrupamento e semelhança
- SEO
CSS3 
- Caixas
- Seletores
- Cores
- Fontes
- Boxes
- Formas
- Nav Bar
- Trançado
- Resposividade
- Imagens
- CSS Grid
- Flex box
- Animações
JavaScript 
- Script
- Objeto e Propriedades
- Eventos
- Métodos
- Vinculução de arquivo JavaScript a uma página HTML
- Variável
- Tipos de Dados
- Arrays
- Operadores aritméticos e string
- Função
- Função Anônima
- Escopo de variáveis
- Objeto
- Decisões de Loops
- Operadores lógicos
- Instruções IF
- For
- Loops while
- Document Object Model (DOM)
- Elementos
- Nodelists
- Elemtos com Seletores CSS
- Nós
- Manipulação do DOM
- Eventos
- Ouvintes de evento
- fluxo de evento
- Objeto event
- Load
- Eventos focus e blur
- Eventos de mouse
- Ajax e Json
- Google maps API
- Tratamento & depuração de erros
- Fluxo de trabalho de depuração
- Try, catch, finally
- Formulários e validações
Conceitos Básicos a Banco de Dados 
- Introdução a Banco de Dados
- Banco de dados não relacional
- Express
Design 
- Figma
🚀 Mão no Código
| Dia | Estudos | Tempo |
|---|---|---|
| 1 | Entendendo Git e GitHub / Configuração do github | 06:20 horas |
| 2 | Conceitos Básicos da programação / Algoritmos | 06:15 horas |
| 3 | Essencial de lógica matemática para computação | 03:00 horas |
| 4 | Interagindo com HTML5 e JavaScript (lógica de programação) | 04:08 horas |
| 5 | Criando um repositório remoto | 01:00 hora |
| 6 | CONT...Interagindo com HTML5 e JavaScript (lógica de programação) | 04:20 horas |
| 7 | Introdução ao JavaScript (lógica) | 02:10 horas |
| 8 | Criando o primeiro projeto com JavaScript e HTML5 (Lógica p. "Exercícios") | 03:15 horas |
| 9 | Conhecendo elementos esseciais HTML5/ Textos CSS3 | 04:12 02:16 horas |
| 10 | Variáveis, dados e tipos de dados/Elementos técnicos do HTML5 / Entendendo Grid | 01:20 / 01:12 horas/ 00:51 minutos |
| 11 | DevSecOps, LGPD e privacidade (Dev Submmit) | 01:00 Hora |
| 12 | Grid CSS | 03:22 horas |
| 13 | Execícios usando grid-css | 03:00 horas |
| 14 | Entendendo estrutura do HTML5/ Listas | 02:34 Horas |
| 15 | Exercírcios (Grid-CSS3) / Cores CSS / Tabelas HTML5 | 00:30m/00:45m/00:33m |
| 16 | Aprendendo a Comitar arquivos (GitHub) / Paticando Tabelas HTML e CSS / Palestra sobre Desenvolvimento Web (Porto Digital) | 01:00 / 01:20 / 03:00 Horas |
| 17 | Resvisão | 00:40 minutos |
| 18 | Resvisão | 00:40 minutos |
| 19 | Criação de animações usando HTMl e CSS | 01:40 hora |
| 20 | Exercícios (HTML/CSS - NLW2) | 01:45 hora |
| 21 | Exercícios (HTML/CSS - NLW2) | 01:55 hora |
| 22 | Exercícios (HTML/CSS - NLW2) | 02:48 horas |
| 23 | Exercícios HTML/CSS - NLW2) | 03:00 horas |
| 24 | Exercícios (HTML/CSS - NLW2) | 04:30 horas |
| 25 | Exercícios (HTML & CSS) | 08:00 horas |
| 26 | Exercícios (lógica de programação) | 05:10 horas |
| 27 | revisão (lógica de programação e HTML/CSS) | 00: 40 minutos |
| 28 | Desafio animação (Html & Css) | 02:42 horas |
| 29 | Desafio icones (Html & Css) | 02:20 horas |
| 30 | Desafio urban-fashion (Html & Css) | 03:20 horas |
| 31 | Entendendo Listas na pratica HTML | 02:45 horas |
| 32 | Entendendo Listas na pratica HTML | 01:50 hora |
| 33 | Exercícios Listas com CSS | 03:00 horas |
| 34 | Tipos de dados (lógica de programação) | 01:00 hora |
| 35 | Desafio listas e efeitos (HTML/CSS) | 00:40m |
| 36 | Ordem de Precendências com operadores lógicos / Animações com CSS3 | 02:00 / 00:40m |
| 37 | Armazenamento de dados dentro da variável (lógica)/ Exercícios (Lógica de P. + Html e Css/ | 01:40 / 02:30 Horas |
| 38 | Animações HTML5/CSS3 | 00:42m |
| 39 | Efeitos CSS3 | 00:35 / |
| 40 | Revisão (desafio Pizzaria) | 02:00 horas |
| 41 | Aniações CSS | 01:00 hora |
| 42 | Animações CSS (Icones) | 01:00 hora |
| 43 | Desafio HTML5 e CSS3 | 01:00 hora |
| 44 | Desafio Logica de Programação | 01:00 hora |
| 45 | Revisão HTML5 (Listas) | 01:20 hora |
| 46 | Revisão CSS3 (Estilizações e Animações) | 01:00 hora |
| 47 | Desafio (HTML E CSS) - Urban-Fashion | 00:40m |
| 48 | Designer de imagens (HTML & CSS) | 00:40m |
| 49 | Estilos de bordas e formas elípticas (HTML & CSS) | 00:40m |
| 50 | Entrada de estilos + Criação de Layout | 02:30 67"horas |
| 51 | ABC da programação (JavaScript) | 03:40 horas |
| 52 | Listas, responsividade, video e imagens | 01:00hr |
| 53 | Exercírcio (GYM - WebSite) | 01:20hr |
| 54 | Revisão (Ordem de Precedência - Lógica de Programação) | 01:00hr |
| 55 | Entendendo Flex-box + WebSite (Flexbox) | ... |
| 56 | ABC da programação e entendendo scripts (JavaScript) | 01:20hr |
| 57 | Revisão HTML e CSS (Formulário/listas/cores/resposividades) | 02:30 |
| 58 | Teste HTML e CSS (Revisando animações/ flex-box/ responsívidade) | 00:40m |
| 59 | Revisão (Listas/formulários / flex-box) | 01:00hr |
| 60 | Exercícios de lógica de programação com loops | 00:50m |
| 61 | Objeto e Propriedades (JavaScript) | 00:40m |
| 62 | Eventos (JavaScript) | 01:00hr |
| 63 | Métodos | 01:00hr |
| 64 | Vinculução de arquivo JavaScript a uma página HTML | 01:00hr |
| 65 | Variável e tipos de dados (JavaScript) | 01:20 hr |
| 66 | Arrays | 03:10 hr |
| 67 | Operadores aritméticos e string / Função / Função Anônima | 02:30hr |
| 68 | Escopo de variáveis | 01:00hr |
| 69 | Objeto | 01:00hr |
| 70 | Objeto | 01:10hr |
| 71 | Flash, Vídeo e áudio e Decisões de loop | 02:00hrs |
| 72 | Figma | 03:30hrs |
| 73 | Operadores lógicos/ Instruções IF | 00:50m |
| 74 | For / Loops While | 00:52m |
| 75 | DOM | 01:00hr |
| 76 | DOM | 03:00hr |
| 77 | Elementos | 01:00hr |
| 78 | Nodelists | 00:40hr |
| 79 | Combinando flash e vídeo/ Combinando flash e vídeo | 00:52hr |
| 80 | Elemtos com Seletores CSS / Nós | 01:40hr |
| 81 | Manipulação do DOM | 00:55m |
| 82 | Google maps API | 01:00hr |
| 83 | Eventos / Ouvintes de evento | 03:50hrs |
| 84 | Objeto event / Load | 03:00hrs |
| 85 | Eventos focus e blur | 02:10hr |
| 86 | Introdução a Banco de Dados | 01:30hr |
| 87 | Banco de dados não relacional | 01:00hr |
| 88 | Tratamento & depuração de erros | 01:20hr |
| 89 | Depuração | 01:00hr |
| 90 | Express | 01:00hr |
| 91 | SEO | 02:40hrs |
| 92 | Fluxo de trabalho de depuração | 01:30hr |
| 93 | Try | 02:30hrs |
| 94 | Catch | 01:20hr |
| 95 | Teste try, catch | 01:30hr |
| 96 | Finally | 01:00hr |
| 97 | Revisão try, catch | 01:00hr |
| 98 | Validação de formulários com HTML5, CSS3 e Javascript | 03:00hr |
| 99 | Validação de formulários (na prática) | 03:27hr |
| 100 | Animação com HTML5 e CSS3 | 01:00hr |
