diff --git a/fundamentos_web/bloco_2/2.1/README.md b/fundamentos_web/bloco_2/2.1/README.md new file mode 100644 index 0000000..2e0961b --- /dev/null +++ b/fundamentos_web/bloco_2/2.1/README.md @@ -0,0 +1 @@ +Ferramentas a serem dominadas diff --git a/fundamentos_web/bloco_2/2.1/trybe_skills.txt b/fundamentos_web/bloco_2/2.1/trybe_skills.txt new file mode 100644 index 0000000..5d0297d --- /dev/null +++ b/fundamentos_web/bloco_2/2.1/trybe_skills.txt @@ -0,0 +1,6 @@ +O que eu vou aprender na Trybe: +-Unix +-Bash +-Git +-HTML +-CSS diff --git a/fundamentos_web/bloco_3/dia_1 b/fundamentos_web/bloco_3/dia_1 new file mode 160000 index 0000000..6498b63 --- /dev/null +++ b/fundamentos_web/bloco_3/dia_1 @@ -0,0 +1 @@ +Subproject commit 6498b638e6a843502f411ead33ab14da97a81dca diff --git a/fundamentos_web/bloco_3/dia_3/.vscode/settings.json b/fundamentos_web/bloco_3/dia_3/.vscode/settings.json new file mode 100644 index 0000000..6f3a291 --- /dev/null +++ b/fundamentos_web/bloco_3/dia_3/.vscode/settings.json @@ -0,0 +1,3 @@ +{ + "liveServer.settings.port": 5501 +} \ No newline at end of file diff --git a/fundamentos_web/bloco_3/dia_3/ag_pseudo1.html b/fundamentos_web/bloco_3/dia_3/ag_pseudo1.html new file mode 100644 index 0000000..df61e74 --- /dev/null +++ b/fundamentos_web/bloco_3/dia_3/ag_pseudo1.html @@ -0,0 +1,37 @@ + + + + + Agrupando Seletores + + + +

Lista dos Melhores Sites que já vi

+

Top 3 dos melhores sites que existem na web

+
    +
  1. https://www.betrybe.com/
    2. +
  2. https://www.w3schools.com/
    3. +
  3. https://css-tricks.com/
    4. +
+ +

Principais motivos para eu gostar deles

+ + + + \ No newline at end of file diff --git a/fundamentos_web/bloco_3/dia_3/ag_pseudo2.html b/fundamentos_web/bloco_3/dia_3/ag_pseudo2.html new file mode 100644 index 0000000..1d263f7 --- /dev/null +++ b/fundamentos_web/bloco_3/dia_3/ag_pseudo2.html @@ -0,0 +1,42 @@ + + + + + Pseudoclasses + + + +

Paleta de Cores

+

Vamos criar uma paleta de cores com as divs abaixo:

+
+ +
+

Cor primária

+
+
+

Cor Secundária

+
+
+

Cor Complementar

+
+
+

Cor Escura

+
+
+

Cor Clara

+
+ +
+ + + + + \ No newline at end of file diff --git a/fundamentos_web/bloco_3/dia_3/index.html b/fundamentos_web/bloco_3/dia_3/index.html new file mode 100644 index 0000000..434fc60 --- /dev/null +++ b/fundamentos_web/bloco_3/dia_3/index.html @@ -0,0 +1,15 @@ + + + + + + Exercício de Fixação: box model + + + +
A
+
B
+
C
+
D
+ + \ No newline at end of file diff --git a/fundamentos_web/bloco_3/dia_3/index3.html b/fundamentos_web/bloco_3/dia_3/index3.html new file mode 100644 index 0000000..de1c556 --- /dev/null +++ b/fundamentos_web/bloco_3/dia_3/index3.html @@ -0,0 +1,46 @@ + + + + + + #GoTrybe + + +

Combinações e Classes Descendentes

+
+

Top 5 frases memoráveis:

+
    +
  1. Com grandes poderes vêm grandes responsabilidades. - Tio Ben (Homem Aranha)
    2. +
  2. Houston, temos um problema. - Jack Swigert
    3. +
  3. Sempre parece impossível até que esteja feito. - Nelson Mandela
    4. +
  4. Parte da jornada é o fim. - Tony Stark (Homem de Ferro)
    5. +
  5. Às vezes, o melhor que podemos fazer é começar novamente. - Steve Rogers (Capitão América)
    6. +
+

As maiores linguagens de programação:

+ +

Maiores aliados de uma pessoa desenvolvedora:

+ + + \ No newline at end of file diff --git a/fundamentos_web/bloco_3/dia_3/posicionamento_elementos.html b/fundamentos_web/bloco_3/dia_3/posicionamento_elementos.html new file mode 100644 index 0000000..3309b00 --- /dev/null +++ b/fundamentos_web/bloco_3/dia_3/posicionamento_elementos.html @@ -0,0 +1,25 @@ + + + + + Posicionamento de elementos + + + +

Exercícios de fixação 3.3

+ jumpMario + gomba +

+ Goomba, do something! +

+ baloon + bowser + + + + \ No newline at end of file diff --git a/fundamentos_web/bloco_3/dia_3/style.css b/fundamentos_web/bloco_3/dia_3/style.css new file mode 100644 index 0000000..889f16a --- /dev/null +++ b/fundamentos_web/bloco_3/dia_3/style.css @@ -0,0 +1,27 @@ +.caixa { + color: white; + display: inline-block; + line-height: 50px; + text-align: center; + vertical-align: top; + } + + .width-and-height { + height: 50px; + width: 50px; + } + + .padding { + padding: 20px; + /* insira aqui um padding de 20px na classe abaixo para aplicá-lo aos itens B, C e D */ + } + + .margin { + margin: 30px ; + /* insira aqui uma margem de 30px na classe abaixo para aplicá-la aos itens C e D */ + } + + .border { + border: 5px solid black; + /* insira aqui uma borda com valor '5px solid black' para aplicá-la ao item D */ + } \ No newline at end of file diff --git a/fundamentos_web/bloco_3/dia_3/style2.css b/fundamentos_web/bloco_3/dia_3/style2.css new file mode 100644 index 0000000..e7ceb40 --- /dev/null +++ b/fundamentos_web/bloco_3/dia_3/style2.css @@ -0,0 +1,16 @@ +h1, p { + text-align: center; +} +ol { + background-color: cornsilk; + color: darkgray; +} +li:hover { + background-color: darksalmon; +} +li:active { + color: dodgerblue; +} +ol, ul { + list-style: none; +} diff --git a/fundamentos_web/bloco_3/dia_3/style3.css b/fundamentos_web/bloco_3/dia_3/style3.css new file mode 100644 index 0000000..2a92663 --- /dev/null +++ b/fundamentos_web/bloco_3/dia_3/style3.css @@ -0,0 +1,51 @@ +h1 { + font-family: 'Lucida Sans'; + font-size: 50px; + text-align: center; + color: gray; +} +div:nth-child(1) { + background-color: rgb(86, 170, 47); + width: 100%; + display: inline-block; + z-index: 2; +} +div:nth-child(2) { + background-color: rgb(2, 201, 85); + width: 100%; + display: inline-block; + z-index: 3; +} +div:nth-child(3) { + background-color: rgb(92, 177, 123); + width: 100%; + height:160px; + display: inline-block; + z-index: 0; +} +div:nth-child(4) { + background-color: rgb(8, 39, 2); + width: 100%; + display: inline-block; + z-index: 4; +} +div:nth-child(5) { + background-color: rgb(209, 241, 183); + width: 100%; + display: inline-block; + z-index: 5; +} +div:hover { + border-style: ridge; +} +h3 { + font-family: Impact; + font-style: normal; + font-size: 35px; + font-weight:bold; + margin-left: 10px; + color: rgb(97, 95, 95); +} +h3.odd { + font-style: italic; +} diff --git a/fundamentos_web/bloco_3/dia_3/style_index3.css b/fundamentos_web/bloco_3/dia_3/style_index3.css new file mode 100644 index 0000000..fcab9a2 --- /dev/null +++ b/fundamentos_web/bloco_3/dia_3/style_index3.css @@ -0,0 +1,36 @@ +ol { + background-color: rgb(212, 196, 104); +} +ol li:nth-child(2n) { + color:teal; +} +ol li.nprimos { + text-transform: uppercase; +} +h1, h3 { + color: tomato; +} +h1 { + text-align: center; + font-size: 40px; + border-style: solid; + border-color: black; + border-width: 1px; +} +li { + font-size: 20px; +} +em { + font-weight: bold; +} +#python { + color: rgb(76, 76, 207); +} +ul li.java { + color: rgb(76, 76, 207); + background-color:fuchsia; +} +ul li a:hover { + color: darksalmon; + font-weight: bolder; +} diff --git a/fundamentos_web/bloco_3/dia_3/style_position.css b/fundamentos_web/bloco_3/dia_3/style_position.css new file mode 100644 index 0000000..a3248b6 --- /dev/null +++ b/fundamentos_web/bloco_3/dia_3/style_position.css @@ -0,0 +1,42 @@ +h1 { + text-align: center; +} +.super-mario { + width: 300px; + position: absolute; + z-index:2; + margin-top: 100px; + left: 200px; + +} +.goomba { + width: 300px; + position: absolute; + z-index: 1; + left: 400px; + margin-top: 450px; + margin-left: 250px; +} +.word { + width: 150px; + position:absolute; + z-index: 5; + float: right; + right: 560px; + margin-top: 225px; + +} +.bowser { + width: 300px; + position: absolute; + right: 200px; + z-index: 4; + margin-top: 200px; + +} +.baloon { + position: absolute; + z-index: 3; + margin-top: 170px; + right: 520px; +} \ No newline at end of file diff --git a/fundamentos_web/bloco_3/dia_4/block_inline.css b/fundamentos_web/bloco_3/dia_4/block_inline.css new file mode 100644 index 0000000..55c1ccc --- /dev/null +++ b/fundamentos_web/bloco_3/dia_4/block_inline.css @@ -0,0 +1,37 @@ +body { + text-align: center; +} +h1 { + text-align: center; +} +.podium { + display: inline; + align-items: center; + text-align: center; + list-style-type: none; +} +.first { + background-color: rgb(235, 200, 84); + font-size: 20px; + height: 50px; + width: 16%; + margin-left: 42%; +} +.second { + background-color: rgb(219, 219, 219); + font-size: 20px; + height: 50px; + width: 20%; + display: inline-block; +} +.third { + background-color: rgb(170, 142, 106); + font-size: 20px; + height: 50px; + width: 20%; + display: inline-block; +} +ul { + list-style-type: none; +} + diff --git a/fundamentos_web/bloco_3/dia_4/elemnts_block_inline.html b/fundamentos_web/bloco_3/dia_4/elemnts_block_inline.html new file mode 100644 index 0000000..92c899a --- /dev/null +++ b/fundamentos_web/bloco_3/dia_4/elemnts_block_inline.html @@ -0,0 +1,39 @@ + + + + + + + Ranking + + + +
+

Hackathon Results

+
+
+ +
+
+

Premiação Primeiro Lugar:

+ +

Premiação Segundo Lugar:

+ +

Premiação Terceiro Lugar:

+ +
+ + \ No newline at end of file diff --git a/fundamentos_web/bloco_4/dia_2 b/fundamentos_web/bloco_4/dia_2 new file mode 160000 index 0000000..47ebbfd --- /dev/null +++ b/fundamentos_web/bloco_4/dia_2 @@ -0,0 +1 @@ +Subproject commit 47ebbfd83bc6fec0b9fe459c8fc738ada3b07cfc diff --git a/fundamentos_web/bloco_4/exercises/introducao-a-javascript-e-logica-de-programacao_3/bonus5.js b/fundamentos_web/bloco_4/exercises/introducao-a-javascript-e-logica-de-programacao_3/bonus5.js new file mode 100644 index 0000000..2dd8118 --- /dev/null +++ b/fundamentos_web/bloco_4/exercises/introducao-a-javascript-e-logica-de-programacao_3/bonus5.js @@ -0,0 +1,18 @@ +let n = 11; +let middle = (n + 1) / 2; +let controlLeft = middle; +let controlRight = middle; +let symbol = '*'; +for (let line = 1; line <= middle; line += 1) { + let outputLine = ''; + for (let col = 1; col <= n; col += 1) { + if (col == controlLeft || col == controlRight || line == middle) { + outputLine += symbol; + } else { + outputLine += ' '; + } + } + controlLeft -= 1; + controlRight += 1; + console.log(outputLine); +} \ No newline at end of file diff --git a/fundamentos_web/bloco_4/exercises/introducao-a-javascript-e-logica-de-programacao_3/bonus6.js b/fundamentos_web/bloco_4/exercises/introducao-a-javascript-e-logica-de-programacao_3/bonus6.js new file mode 100644 index 0000000..6e741e3 --- /dev/null +++ b/fundamentos_web/bloco_4/exercises/introducao-a-javascript-e-logica-de-programacao_3/bonus6.js @@ -0,0 +1,10 @@ + +let divisors = 1; +let numberToCheck = 674567; + +for (let number = 2; number <= numberToCheck; number += 1) { + if (numberToCheck % number === 0) divisors += 1; +} + +if (divisors === 2) console.log(numberToCheck + ' é primo'); +else console.log(numberToCheck + ' não é primo'); \ No newline at end of file diff --git a/fundamentos_web/bloco_4/exercises/introducao-a-javascript-e-logica-de-programacao_3/ex1.js b/fundamentos_web/bloco_4/exercises/introducao-a-javascript-e-logica-de-programacao_3/ex1.js new file mode 100644 index 0000000..2acafb0 --- /dev/null +++ b/fundamentos_web/bloco_4/exercises/introducao-a-javascript-e-logica-de-programacao_3/ex1.js @@ -0,0 +1,13 @@ +let n = 4; +let lado = "*"; +let linha = " "; + +for (i=0; i controlRight && lineColumn < controlLeft) { + lineInput = lineInput + symbol; + } else { + lineInput = lineInput + ' '; + } + } + console.log(lineInput); + lineInput = ''; + controlRight -= 1; + controlLeft += 1; +}; \ No newline at end of file diff --git a/fundamentos_web/bloco_4/javascript1.js b/fundamentos_web/bloco_4/javascript1.js new file mode 100644 index 0000000..ee256c1 --- /dev/null +++ b/fundamentos_web/bloco_4/javascript1.js @@ -0,0 +1,9 @@ +const nome = "FelipeAssis"; +const birthCity = "Belo Horizonte"; +let birthYear = "1981"; +birthCity = "Nazaré"; +birthYear = "2020"; +console.log(nome); +console.log(birthCity); +console.log(birthYear); + diff --git a/fundamentos_web/bloco_4/javascript2.js b/fundamentos_web/bloco_4/javascript2.js new file mode 100644 index 0000000..03eb78e --- /dev/null +++ b/fundamentos_web/bloco_4/javascript2.js @@ -0,0 +1,12 @@ +let patientId = '50'; +let isEnrolled = true; +const patientInfo = { + firstName: 'Ana', + lastName: 'Santos', +}; +const patientEmail = 'ana@email.com'; +console.log(typeof patientId); +console.log(typeof isEnrolled); +console.log(typeof patientInfo); +console.log(typeof patientEmail); +console.log(typeof patientAge); diff --git a/fundamentos_web/bloco_4/javascript3.js b/fundamentos_web/bloco_4/javascript3.js new file mode 100644 index 0000000..d66a103 --- /dev/null +++ b/fundamentos_web/bloco_4/javascript3.js @@ -0,0 +1,6 @@ +let base = 5; +let altura = 8; +let area = base * altura; +console.log(area); +let perimetro = base*2 + altura*2; +console.log(perimetro); \ No newline at end of file diff --git a/fundamentos_web/bloco_4/javascript4.js b/fundamentos_web/bloco_4/javascript4.js new file mode 100644 index 0000000..3c8579c --- /dev/null +++ b/fundamentos_web/bloco_4/javascript4.js @@ -0,0 +1,10 @@ +let notaCandidato = 38; +if (notaCandidato >= 60 && notaCandidato<= 80) { + console.log("Você está em nossa lista de espera."); +} +else if (notaCandidato > 80) { + console.log ("Parabéns! Você está aprovado!"); +} +else { + console.log("Você foi reprovado."); +} diff --git a/fundamentos_web/bloco_4/javascript5.js b/fundamentos_web/bloco_4/javascript5.js new file mode 100644 index 0000000..4e6e795 --- /dev/null +++ b/fundamentos_web/bloco_4/javascript5.js @@ -0,0 +1,12 @@ +let situacaoCandidato = "não inscrito"; +switch (situacaoCandidato) { + case "aprovado": + console.log("aprovada"); + break; + + case "reprovado": + console.log("reprovada"); + + default: + console.log("não se aplica"); +} \ No newline at end of file