100daysofcode

KO | EN

gitlite — search

#hacktoberfest #react #typescript #go #android #rust #deep-learning #linux #java #nodejs #windows #kubernetes #ios #open-source

(★ 52)

⚠️ Programar no mínimo uma hora todos os dias, durante os próximos 100 dias!!

100daysofcode Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

<h1 align="center">
   ⚡ #100DaysOfCode
</h1>

## 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: <br>
<a href="https://www.instagram.com/jullydeveloper/" target="blank"><img align="center" src="https://cdn.jsdelivr.net/npm/simple-icons@3.0.1/icons/instagram.svg" alt="instagram jully" height="20" width="20" /></a> <a href="https://www.linkedin.com/in/jucel%C3%A2nia-silva-56a375197/" target="blank"><img align="center" src="https://cdn.jsdelivr.net/npm/simple-icons@3.0.1/icons/linkedin.svg" alt="Jullyana" height="20" width="20" /></a>

- Contato:  **juselania2019@outlook.com** <br>
- Inicio da maratona 13 de julho de 2020 <hr>

## Lógica de Programação com JavaScript <img align="center" src="https://image.flaticon.com/icons/png/512/1779/1779335.png" alt="logica de programacao" height="30" width="30"/><br>
- [x] Conceitos básicos de programação 
- [x] Algorítmos
- [x] Essencial de lógica matemática para computação
- [x] HTML5 e JavaScript
- [x] Introdução ao JavaScript
- [x] Variáveis, dados e tipos de dados 
- [x] Ordem de Precedência
- [x] Armazenar Dados na variável
- [x] Operações aritméticas
- [x] Laços de repetição
- [x] Vetores 
- [x] Funções

## Git e GitHub <img align="center" src="https://cdn3.iconfinder.com/data/icons/free-social-icons/67/github_circle_black-512.png" alt="github" height="30" width="30" /> 
 
- [x] Entendendo Git e GitHub
- [x] Configuração
- [x] Essencial do Git 
- [x] Repositórios Remotos 
- [x] Comitar arquivo/diretório
- [x] Ramificações (Branch)
- [x] Movendo e deletando branches 
- [x] Entendendo o Merge
- [x] Clone
- [x] Conceitos sobre README
- [x] Criando gif no README
- [x] Demo README
- [x] Merge e Rebase
- [x] Versionando com Tags
- [x] Git Revert
- [x] Branches remotas

## HTML5 <img src="https://banner2.cleanpng.com/20180802/tpl/kisspng-logo-html5-brand-clip-art-%E6%9D%89-%E5%B1%B1-%E8%89%AF-%E9%9B%84-5b62be01b565d5.334247781533197825743.jpg" alt="html5" width="30" height="30"/> <br>

- [x] Elementos essenciais 
- [x] Elementos técnicos
- [x] Grid layout
- [x] Estruturas 
- [x] Listas 
- [x] Ligações 
- [x] Tabelas 
- [x] Formulários
- [x] Estrutura dos formulários
- [x] Validação de formulátio
- [x] Seletores de classes e IDs no HTML
- [x] Iframe
- [x] Caracteres de escape
- [x] Flash, Vídeo e áudio
- [x] Combinando flash e vídeo
- [x] Flash leitor de mp3
- [x] Semântica
- [x] Layout
- [x] Designer
- [x] Agrupamento e semelhança
- [x] SEO

## CSS3  <img src="https://3.bp.blogspot.com/-oRSUw_TmO9o/XIb61m88fcI/AAAAAAAAIq0/vnxl2zzsXEQsnHI2fH4GjKu_ZT0urRo4wCK4BGAYYCw/s1600/icon%2Bcss%2B3.png" width="25" height="30"/> <br>

- [x] Caixas
- [x] Seletores 
- [x] Cores
- [x] Fontes
- [x] Boxes
- [x] Formas
- [x] Nav Bar
- [x] Trançado 
- [x] Resposividade
- [x] Imagens
- [x] CSS Grid
- [x] Flex box
- [x] Animações

## JavaScript   <img src="https://img.favpng.com/2/12/22/javascript-icon-png-favpng-ruDBDhxzVxWHgXXtH2Hi1XzJf.jpg" width="30" height="30"/> <br>

- [x] Script
- [x] Objeto e Propriedades 
- [x] Eventos 
- [x] Métodos
- [x] Vinculução de arquivo JavaScript a uma página HTML
- [x] Variável
- [x] Tipos de Dados
- [x] Arrays
- [x] Operadores aritméticos e string
- [x] Função
- [x] Função Anônima
- [x] Escopo de variáveis
- [x] Objeto
- [x] Decisões de Loops
- [x] Operadores lógicos
- [x] Instruções IF
- [x] For
- [x] Loops while
- [x] Document Object Model (DOM)
- [x] Elementos
- [x] Nodelists
- [x] Elemtos com Seletores CSS
- [x] Nós
- [x] Manipulação do DOM
- [x] Eventos
- [x] Ouvintes de evento
- [x] fluxo de evento
- [x] Objeto event
- [x] Load
- [x] Eventos  focus e blur
- [x] Eventos de mouse
- [x] Ajax e Json
- [x] Google maps API
- [x] Tratamento & depuração de erros 
- [x] Fluxo de trabalho de depuração
- [x] Try, catch, finally
- [x] Formulários e validações

## Conceitos Básicos a Banco de Dados <img src="https://image.flaticon.com/icons/png/512/603/603201.png" alt="postgresql" width="30" height="30"/> <br>

- [x] Introdução a Banco de Dados 
- [x] Banco de dados não relacional
- [x] Express

## Design <img src="https://cdn.worldvectorlogo.com/logos/figma-1.svg" width="20" height="20"/> <br>

- [x] Figma

<h1 align="center">
   🚀  Mão no Código 
</h1>

|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 |  git init 
| 71 | Flash, Vídeo e áudio e Decisões de loop | 02:00hrs  |  
| 72 | <a href="https://www.figma.com/file/gXG2Esw8cdgoJCtJJCXfNo/Untitled?node-id=0%3A1"> Figma </a> | 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 | <a href="https://github.com/juselania/form-validation"> Validação de formulários (na prática)</a>| 03:27hr |  
| 100 | <a href="https://github.com/juselania/100daysofcode/tree/master/desafios/day100"> Animação com HTML5 e CSS3 </a>| 01:00hr |

[<img src="https://img.shields.io/badge/linkedin-%230077B5.svg?&style=for-the-badge&logo=linkedin&logoColor=white" />](https://www.linkedin.com/in/jusel%C3%A2nia-silva-56a375197/) [<img src = "https://img.shields.io/badge/instagram-%23E4405F.svg?&style=for-the-badge&logo=instagram&logoColor=white">](https://www.instagram.com/jusydeveloper/)

</p>

100daysofcode

100daysofcode Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

100daysofcode

100daysofcode Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README