Skip to content

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

Notifications You must be signed in to change notification settings

juselania/100daysofcode

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 

Repository files navigation

⚡ #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:
    instagram jully Jullyana

  • Contato: [email protected]

  • Inicio da maratona 13 de julho de 2020


Lógica de Programação com JavaScript logica de programacao

  • 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 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 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 postgresql

  • 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