├── .DS_Store ├── Aula 01 - Tags HTML (Parte 1) ├── aula01.css └── aula01.html ├── Aula 02 - Tags HTML (Parte 2) └── aula02.html ├── Aula 03 - Formulário e CSS ├── aula03.html └── teste.html ├── Aula 04 - Posicionamento ├── aula04.css └── aula04.html ├── Aula 05 - Flexbox ├── aula05.css ├── aula05.html └── test.html ├── Aula 06 - Javacript (Parte 1) └── aula06.html ├── Aula 07 - Javascript (Parte 2) └── aula07.html ├── Aula 08 - Javascript (Parte 3) └── aula08.html ├── Aula 08 - Javascript (Parte 4) └── aula08.html ├── Aula 09 - Javascript (parte 4) └── aula09.html ├── Aula 10 - Javascript (parte 5) └── aula10.html ├── Aula 11 - Javascript (parte 6) └── aula11.html ├── Aula 12 - Orientação a Objetos (Parte 1) └── aula12.html ├── Aula 13 - Orientação a Objetos (Parte 2) └── aula13.html ├── Aula 14 - Browser API (Parte 1) └── aula14.html ├── Aula 15 - Browser API (Parte 2) └── aula15.html ├── Aula 16 - Browser API (Parte 3) └── aula16.html ├── Aula 17 - Browser API (Parte4) └── aula17.html └── README.md /.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Kirink212/santader-coder-808/ae6e3569a1f25bc13a71dbac7ebc066eaa7c86e7/.DS_Store -------------------------------------------------------------------------------- /Aula 01 - Tags HTML (Parte 1)/aula01.css: -------------------------------------------------------------------------------- 1 | .texto-colorido { 2 | display: block; 3 | color: red; 4 | margin: 10px 5px 15px; 5 | } 6 | 7 | #mussum-ipsum { 8 | color: blue; 9 | margin-bottom: 25px; 10 | text-align: right; 11 | } 12 | 13 | p { 14 | margin: 0; 15 | } 16 | 17 | #mussum-ipsum > i { 18 | color: green; 19 | text-align: center; 20 | } 21 | 22 | pre .texto-colorido { 23 | color: #ccc; 24 | text-align: justify; 25 | } 26 | 27 | .texto-colorido:hover { 28 | color: purple; 29 | } 30 | -------------------------------------------------------------------------------- /Aula 01 - Tags HTML (Parte 1)/aula01.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Primeira Página | Santander Coders 6 | 7 | 8 | 9 | 10 | 11 | 12 |
Hello World 1!
13 |
14 | Hello World 2! 15 |

16 | Mussum Ipsum, cacilds vidis litro abertis. 17 | Copo furadis é disculpa de bebadis, arcu quam euismod magna. 18 | Delegadis gente finis, bibendum egestas augue arcu ut est. 19 | Posuere libero varius. Nullam a nisl ut ante blandit hendrerit. 20 | Aenean sit amet nisi. Sapien in monti palavris qui num significa nadis i pareci latim. 21 |

22 | 
23 |             Mussum Ipsum, cacilds vidis litro abertis.
24 |             

25 |                 Copo furadis é disculpa de bebadis, arcu quam euismod magna.
26 |             

27 |             Delegadis gente finis, bibendum egestas augue arcu ut est.
28 |             Posuere libero varius. Nullam a nisl ut ante blandit hendrerit.
29 |             Aenean sit amet nisi. Sapien in monti palavris qui num significa nadis i pareci latim.
30 |
31 | Sei lá das quantas 32 |
33 | 34 | 35 |

Título no Estilo 1

36 |

Título no Estilo 2

37 |

Título no Estilo 3

38 |

Título no Estilo 4

39 |
Título no Estilo 5
40 |
Título no Estilo 6
41 |

42 | Mussum Ipsum, cacilds vidis litro abertis. 43 | Copo furadis é disculpa de bebadis, arcu quam euismod magna. 44 | 45 | Copo furadis é disculpa de bebadis, arcu quam euismod magna. 46 | 47 | Delegadis gente finis, bibendum egestas augue arcu ut est. 48 | Posuere libero varius. Nullam a nisl ut ante blandit hendrerit. 49 | Posuere libero varius. Nullam a nisl ut ante blandit hendrerit. 50 | Posuere libero varius. Nullam a nisl ut ante blandit hendrerit. 51 | Nullam a nisl ut ante blandit hendrerit. 52 | Aenean sit amet nisi. Sapien in monti palavris qui num significa nadis i pareci latim. 53 | Aenean sit amet nisi. Sapien in monti palavris qui num significa nadis i pareci latim. 54 |

55 | 56 | 57 | Algum outro texto 58 |
59 | Link Doguinho 60 |
61 | 62 | 63 | -------------------------------------------------------------------------------- /Aula 02 - Tags HTML (Parte 2)/aula02.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Primeira Página | Santander Coders 6 | 7 | 8 | 9 | 10 | 11 |
12 |
13 |

Lista de Afazeres

14 |
    15 |
  1. Acordar tomar café
    2. 16 |
  2. Meditar
    3. 17 |
  3. Ler 50 páginas de um livro de desenvolvimento pessoal
    4. 18 |
  4. Fazer primera sessão de exercício físico
    5. 19 |
20 | 21 |

Lista de Compras

22 | 34 |
35 | 36 | 37 |
38 |

Tabela do Brasileirão

39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 |
ClubeVitóriasDerrotasClassificação para Competições
Atlético Mineiro123Libertadores
Palmeiras112
Fortaleza96Copa Sul-Americana
Footer da tabela
73 |
74 | 75 | 76 | 77 | 78 | 79 | 80 | 81 | 82 | 83 |
84 | 85 | 86 | -------------------------------------------------------------------------------- /Aula 03 - Formulário e CSS/aula03.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Terceira Página | Santander Coders 6 | 7 | 8 | 9 | 10 |
11 |
12 |
13 |
14 | 15 | 16 |
17 |
18 | 19 | 20 |
21 |
22 | 23 | 24 |
25 |
26 | 27 | 28 |
29 |
30 | 31 | 32 | 33 |
34 |
35 | 36 | 37 |
38 |
39 |
40 |
41 | 42 | 43 | -------------------------------------------------------------------------------- /Aula 03 - Formulário e CSS/teste.html: -------------------------------------------------------------------------------- 1 | 12 | 13 | 14 |
15 | asdadasdasdasd 16 |
17 | 18 |
19 | asdadasdasdasd 20 |
21 | 22 |
23 | asdadasdasdasd 24 |
25 | 26 |
27 | asdadasdasdasd 28 |
-------------------------------------------------------------------------------- /Aula 04 - Posicionamento/aula04.css: -------------------------------------------------------------------------------- 1 | body { 2 | margin: 0px; 3 | padding: 0px; 4 | } 5 | 6 | /* posicionamento */ 7 | 8 | #caixinha1 { 9 | position: relative; 10 | /* top: 10px; */ 11 | left: 20px; 12 | } 13 | 14 | #caixinha2 { 15 | position: fixed; 16 | bottom: 10%; 17 | right: 10px; 18 | } 19 | 20 | #caixinha3 { 21 | position: relative; 22 | /* top: 25px; */ 23 | left: 10px; 24 | } 25 | 26 | /* visualização */ 27 | 28 | #caixona { 29 | border: 3px solid red; 30 | height: 1000px; 31 | width: 100px; 32 | } 33 | 34 | #caixinha1 { 35 | height: 10px; 36 | width: 10px; 37 | background-color: lightblue; 38 | /* border: 2px solid blue; */ 39 | } 40 | 41 | #caixinha2 { 42 | height: 10px; 43 | width: 10px; 44 | background-color: pink; 45 | border: 2px solid magenta; 46 | } 47 | 48 | #caixinha3 { 49 | height: 10px; 50 | width: 10px; 51 | background-color: lightgreen; 52 | /* border: 2px solid green; */ 53 | } 54 | -------------------------------------------------------------------------------- /Aula 04 - Posicionamento/aula04.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Quarta Página | Santander Coders 6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 |
14 |
15 |
16 |
17 | 18 | 19 | 20 | -------------------------------------------------------------------------------- /Aula 05 - Flexbox/aula05.css: -------------------------------------------------------------------------------- 1 | * { 2 | margin: 0px; 3 | padding: 0px; 4 | } 5 | 6 | .container { 7 | height: 100px; 8 | display: flex; 9 | flex-direction: row; 10 | justify-content: space-around; 11 | align-items: flex-start; 12 | flex-wrap: wrap-reverse; 13 | } 14 | 15 | .element { 16 | width: 100px; 17 | min-height: 30px; 18 | border: 1px solid black; 19 | } 20 | 21 | #div1 { 22 | background-color: green; 23 | min-height: 60px; 24 | } 25 | 26 | #div2 { 27 | background-color: pink; 28 | } 29 | 30 | #div3 { 31 | background-color: purple; 32 | } 33 | 34 | #div4 { 35 | background-color: yellow; 36 | } 37 | -------------------------------------------------------------------------------- /Aula 05 - Flexbox/aula05.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Quarta Página | Santander Coders 6 | 7 | 8 | 9 | 10 | 11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
36 | -------------------------------------------------------------------------------- /Aula 05 - Flexbox/test.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | Hello, world! 12 | 13 | 14 | 50 |
51 |

Hello, world!

52 |
53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 64 | 65 | -------------------------------------------------------------------------------- /Aula 06 - Javacript (Parte 1)/aula06.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Sexta Página | Santander Coders 6 | 7 | 8 | 9 | 10 |

Olá, seja bem-vindo!

11 | 12 | 13 | 14 | 120 | 121 | -------------------------------------------------------------------------------- /Aula 07 - Javascript (Parte 2)/aula07.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Sétima Página | Santander Coders 6 | 7 | 8 | 9 | 10 |

Olá, seja bem-vindo!

11 | 12 | 13 | 14 | 145 | 146 | -------------------------------------------------------------------------------- /Aula 08 - Javascript (Parte 3)/aula08.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Sétima Página | Santander Coders 6 | 7 | 8 | 9 | 10 |

Olá, seja bem-vindo!

11 | 12 | 13 | 14 | 133 | 134 | -------------------------------------------------------------------------------- /Aula 08 - Javascript (Parte 4)/aula08.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Sétima Página | Santander Coders 6 | 7 | 8 | 9 | 10 |

Olá, seja bem-vindo!

11 | 12 | 13 | 14 | 179 | 180 | -------------------------------------------------------------------------------- /Aula 09 - Javascript (parte 4)/aula09.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Nona Página | Santander Coders 6 | 7 | 8 | 9 | 10 |

Olá, seja bem-vindo!

11 | 12 | 13 | 173 | 174 | -------------------------------------------------------------------------------- /Aula 10 - Javascript (parte 5)/aula10.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Décima Página | Santander Coders 6 | 7 | 8 | 9 | 10 |

Olá, seja bem-vindo!

11 | 12 | 13 | 190 | 191 | -------------------------------------------------------------------------------- /Aula 11 - Javascript (parte 6)/aula11.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Décima Primeira Página | Santander Coders 6 | 7 | 8 | 9 | 10 |

Olá, seja bem-vindo!

11 | 12 | 13 | 78 | 79 | -------------------------------------------------------------------------------- /Aula 12 - Orientação a Objetos (Parte 1)/aula12.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Décima Segunda Página | Santander Coders 6 | 7 | 8 | 9 | 10 |

Olá, seja bem-vindo!

11 | 12 | 13 | 212 | 213 | -------------------------------------------------------------------------------- /Aula 13 - Orientação a Objetos (Parte 2)/aula13.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Décima Terceira Página | Santander Coders 6 | 7 | 8 | 9 | 10 |

Olá, seja bem-vindo!

11 | 12 | 13 | 99 | 100 | -------------------------------------------------------------------------------- /Aula 14 - Browser API (Parte 1)/aula14.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Décima Quarta Página | Santander Coders 6 | 7 | 8 | 12 | 13 | 22 | 23 | 24 | 25 |

Olá, seja bem-vindo!

26 | 27 | 33 | 34 |

Conteúdo 1

35 |

Conteúdo 2

36 | 37 |
38 | 39 | 40 | 41 | 42 | 43 | 44 |
45 | 46 | 47 | 48 | 49 |
50 | 51 | 52 | 219 | 220 | -------------------------------------------------------------------------------- /Aula 15 - Browser API (Parte 2)/aula15.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Décima Quinta Página | Santander Coders 6 | 7 | 8 | 9 | 10 |

Olá, seja bem-vindo!

11 | 12 |
13 | 14 | 15 |
16 | 17 | 18 | 75 | 76 | -------------------------------------------------------------------------------- /Aula 16 - Browser API (Parte 3)/aula16.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Décima Sexta Página | Santander Coders 6 | 7 | 8 | 9 | 10 |

Olá, seja bem-vindo!

11 | 12 | 13 | 101 | 102 | -------------------------------------------------------------------------------- /Aula 17 - Browser API (Parte4)/aula17.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Décima Sétima Página | Santander Coders 6 | 7 | 8 | 9 | 10 |

Olá, seja bem-vindo!

11 | 12 | 13 | 91 | 92 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # santader-coder-808 2 | Repositório usado para armazenar o código implementado durante as aulas da Let's Code de segundas, quartas e sextas. 3 | --------------------------------------------------------------------------------