-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
89 lines (88 loc) · 4.12 KB
/
index.html
1
2
3
4
5
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
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
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<title>Lessons Learned</title>
</head>
<body>
<header id="cabecalho">
<img src="./images/trybe.svg" alt="logo da trybe" class='trybe'>
<h1 id="titulo">Lessons Learned</h1>
<nav class="nav-bar">
<ul>
<li><a href="#aprendidas-title">Lições Aprendidas</a></li>
<li><a href="#a-aprender-title">Lições a Aprender</a></li>
<li><a href="#sobre">Sobre meu aprendizado</a></li>
<li><a href="#table">Habilidades Adquiridas</a></li>
</ul>
</nav>
</header>
<section class="foto">
<a href="https://gonzagadavid.github.io./" target="_blank">
<img src="./images/perfil.jpg" alt="foto de David Gonzaga" id="minha_foto">
<p>David Gonzaga</p>
<em>Estudante Tribe - turma 12</em>
</a>
</section>
<section class="licoes">
<h2 id="aprendidas-title"">Lições Aprendidas</h2>
<ol id="licoes_aprendidas">
<li>Criar, copiar e manipular arquivos pelo terminal Unix-Bash</li>
<li>A importancia e utilidade de uma ferramenta de versionamento</li>
<li>Utilizar a ferramenta de versionamento Git através de comandos</li>
<li>O funcionamento da internet, desde o usuário até o servidor</li>
<li>Estruturação de páginas HTML</li>
<li>O siginificado semântico de tags html</li>
<li>O que são classes e IDs</li>
<li>O papel do CSS em uma página web</li>
<li>Estilizar elementos HTML através utilizando pseudo-classes no CSS</li>
<li>Posicionamento de elementos HTML através do CSS</li>
</ol>
<h2 id="a-aprender-title">Lições a Aprender</h2>
<ul id="licoes_a_aprender">
<li>JavaScript</li>
<li>NodeJS</li>
<li>ReactJS</li>
<li>Mysql</li>
<li>MongoDB</li>
<li>PHP</li>
<li>Express JS</li>
<li>Testes</li>
<li>APIs</li>
<li>Redux</li>
</ul>
</section>
<section id="sobre">
<article class="lado-esquerdo">
<h2>Sobre meu aprendizado</h2>
<p>Tenho uma visão muito clara de que o conteúdo que aprendi na Trybe nessas duas ultimas semanas é indispensável para um desenvolvedor nos dias atuais. Iniciamos com o terminal Unix-Bash, além de tornar as atividades mais praticas esse é um conhecimento muito valorizado no mundo da programação. Depois aprendemos sobre ferramentas de versionamento com uma abordagem inicial espetacular, pois fizeram com que nós enxergássemos a necessidade dessa tecnologia antes de aprende-la a usar, sem contar que para o trabalho em equipe sua necessidade é essencial.</p>
</article>
<aside class="lado-direito">
<em>A pratica é algo essencial para meu aprendizado pois só realmente entendemos a resposta quando fazemos a pergunta certa, e não existe uma pergunta certa se a dúvida não antecede-la de forma concreta.</em>
</aside>
</section>
<table id="table" class="tabela">
<h3>Habilidades Adquiridas</h3>
<thead>
<tr>
<th>Unix-Bash</th>
<th>Git-GitHub</th>
<th>HTML</th>
<th>CSS</th>
</tr>
</thead>
<tbody>
<tr>
<td>Criar, copiar e manipular arquivos e diretorios, executar e instalar programas através do terminal</td>
<td>Configurar o git e usá-lo controlando versionamentos do código atráves de branchs e commits. Preparar um repositório remoto no github, podendo fazer uma requisição e verificação de versões para fundir diferentes versões de um código</td>
<td>Entender e construir a estrutura de umas página web de forma semantica, tornando-a mais acessível e com um melhor resultado em ranqueamento em sites de busca</td>
<td>Estilizar uma pagina html através de refencias como ID, classes e tags, podendo utilizar pseudo-classes para uma animação dado a um evento como passar o mouse sobre um elemento</td>
</tr>
</tbody>
</table>
<footer id="rodape">Projeto de HTML e CSS desenvolvido por David Gonzaga </footer>
</body>
</html>