-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathprojetos.html
192 lines (168 loc) · 13.8 KB
/
projetos.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
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
<!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">
<!-- bootstrap -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-gtEjrD/SeCtmISkJkNUaaKMoLD0//ElJ19smozuHV6z3Iehds+3Ulb9Bn9Plx0x4" crossorigin="anonymous"></script>
<!--FONTS GOOGLE-->
<style>
@import url('https://fonts.googleapis.com/css2?family=Geo&family=Poppins&family=Wire+One&display=swap');
</style>
<!-- jquery -->
<script src="https://code.jquery.com/jquery-3.3.1.js"></script>
<!-- greensock -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/2.0.2/TweenMax.min.js"></script>
<link rel="stylesheet" href="./assets/css/projetos.css">
<script src="https://kit.fontawesome.com/970266a465.js" crossorigin="anonymous"></script>
<title>Meu Blog | Projetos</title>
</head>
<body>
<div class="overlay">
<h1>MEUS PROJETOS</h1>
</div>
<main>
<header class="header">
<nav class="nav">
<ul>
<a href="index.html" class="nav-item"><li><span style="color:#ffd545;">🡸</span> HOME </li></a>
<a href="quem-eu-sou.html" class="nav-item"><li>QUEM EU SOU <span style="color:#ffd545;">🡺</span></li></a>
<a href="contato.html" class="nav-item"><li>ENTRE EM CONTATO <span style="color:#ffd545;">🡺</span></li></a>
</ul>
</nav>
<h1>MEUS PROJETOS</h1>
</header>
<div class="anotacoes"></div>
<section class="intro">
<p>Nessa parte vou falar um pouco sobre minha evolução em alguns aspectos em ciência da computação, em algumas disciplinas como cálculo é bem difícil de mostrar minha evolução, mas em disciplinas como Desenvolvimento de Interfaces Web, Algorítimos e Estruturas de Dados e LIP que envolvem programação da para mostrar. Por exemplo em Desenvolvimento Web a maior prova dessa evolução é esse blog, pra alguém que começou a desenvolver esse ano fazer um site assim é motivo de muito orgulho pra mim.</p>
</section>
<section class="parte-projetos">
<section class="aeds">
<h2>Algorítimos e Estruturas de Dados</h2>
<div class="container">
<div class="row">
<section class="projetos-aeds col-6">
<p>O ínicio de AEDS foi bem tranquilo, mas ao passar do tempo foi ficando cada vez mais complexo, não fica mais difícil mas a quantidade de conteúdo aumenta bastante. No inicío do curso a gente fazia comandos básicos de entrada e saída de dados, ao passar dos meses a quantidade de dados só aumentava e com isso os meios para manipulação dos mesmos eram melhorados, vetor, matriz e ponteiro provavelmente vão me acompanhar até o final do curso e bem provavelmente na vida profissional também.</p>
</section>
<div class="col-6">
<div class="iframe-codigo"><iframe frameborder="0" width="500px" height="250px" src="https://repl.it/@BrenoLopes3/Code-em-c-para-site?lite=true?"></iframe></div>
</div>
</div>
</div>
</section>
<section class="diw">
<h2>DESENVOLVIMENTO DE INTERFACES WEB</h2>
<div class="container">
<div class="row">
<section class="projetos-diw col-12">
<p>DIW foi uma disciplina que eu me apaixonei a primeira vista, de longe foi a que eu mais evoluí, porém foi a que eu mais me empenhei para isso. No meu tempo livre eu estudava Desenvolvimento Web e acabou virando algo bem divertido para mim e agora definitivamente pra mim acabou sendo um hobby. A evolução da dificuldade dessa matéria foi bem gradual, inicialmente as aulas ensinam <a href="https://pt.wikipedia.org/wiki/HTML5" target="_blank" rel="noopener noreferrer">HTML5</a> E <a href="https://pt.wikipedia.org/wiki/CSS3" target="_blank" rel="noopener noreferrer">CSS3</a> depois deu um aprofundamento no CSS apresentando a responsividade do site. Infelizmente o modúlo de <a href="https://pt.wikipedia.org/wiki/JavaScript" target="_blank" rel="noopener noreferrer">JavaScript</a> foi muito curto em relação com a importância que essa linguagem tem, outro problema é o modúlo de <a href="https://pt.wikipedia.org/wiki/JQuery" target="_blank" rel="noopener noreferrer">jQuery</a>, essa biblioteca de JS já está bem antiga por mais que seja importante saber se distancia do foco da disciplina que é o lado profissional. Fora isso é uma disciplina muito divertida que recomendo fortemente os calouros cursarem.</p>
</section>
<div class="col-12">
<div class="iframe-codigo">
<p class="codepen" data-height="265" data-theme-id="dark" data-default-tab="html,result" data-user="ztrolly" data-slug-hash="rNygRpY" style="height: 265px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;" data-pen-title="rNygRpY">
<span>See the Pen <a href="https://codepen.io/ztrolly/pen/rNygRpY">
rNygRpY</a> by Breno Lopes do Carmo (<a href="https://codepen.io/ztrolly">@ztrolly</a>)
on <a href="https://codepen.io">CodePen</a>.</span>
</p>
<script async src="https://cpwebassets.codepen.io/assets/embed/ei.js"></script>
</div>
</div>
<section class="col-6 primeiro-site">
<p>Esse foi o meu primeiro site, o meu primeiro contato com todo o ambiente Web, esse projeto foi feito alguns meses antes da faculdade e serviu como um grande aprendizado para mim. Ele não foi nenhum trabalho ou algo do tipo foi exclusivamente por interesse.</p>
<div class=" primeiro-site-img"><img src="./assets/imgs/primeiro-site.png" alt=""></div>
</section>
<section class="col-6 ultimo-site">
<p>O blog até o momento que estou fazendo ele é o meu último site, sinceramente eu fico bem surpreso com a minha evolução pra alguém que começou com Desenvolvimento Web esse ano fazer um site como esse é motivo de muito orgulho.</p>
<div class="ultimo-site"><img src="./assets/imgs/aaa.png" alt=""></div>
</section>
</div>
</div>
</section>
<section class="lip">
<h2>LABORATÓRIO DE INICIAÇÃO À PROGRAMAÇÃO</h2>
<div class="container">
<div class="row">
<section class="col-6 primeiro-jogo">
<p>LIP foi um matéria muito divertida, nela eu fui introduzido ao Scratch que é uma ferramenta que estimula crianças a fazerem jogos com um sistema de programação bem simples envolvendo blocos e atores, que são os elementos presentes nos jogos, como personagens, obstáculos e por ai vai. O nosso primeiro projeto foi fazer um remake do jogo pong, mas não necessáriamente fazer um pong, eu por exemplo fiz um jogo espacial que envolve desviar de disparos com sua nave. Eu gostei bastante de fazer esse projeto ja que os jogos sempre estiveram presentes na minha vida e sempre foi uma vontade minha fazer parte da criação de um jogo. Além desse jogo também fiz parte de um grupo que desenvolveu um jogo multiplayer envolvendo Turing Awards e Nobel Prize <a href="https://ztrolly.github.io/site-lip/" target="_blank" rel="noopener noreferrer">Link do site</a>.</p>
<div>
<h3>USE AS SETINHAS DO TECLADO PARA JOGAR <span>🡺</span></h3>
</div>
</section>
<div class="col-6 iframe-jogo">
<P><a href="https://scratch.mit.edu/projects/501808854" target="_blank" rel="noopener noreferrer">Link do jogo</a></P>
<iframe src="https://scratch.mit.edu/projects/501808854/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe>
</div>
<section class="txt-lip col-12">
<p class="txt-arduino">Além de uma introdução ao <a href="https://pt.wikipedia.org/wiki/Scratch" target="_blank" rel="noopener noreferrer">Scratch</a> o <a href="https://pt.wikipedia.org/wiki/Arduino" target="_blank" rel="noopener noreferrer">arduino</a> também foi introduzido, nessa parte eu confesso que não evoluí nada pois eu não me interessei nem um pouco por essa parte de simulação de hardware, inicialmente tive bastante dificuldade mas consegui executar todas as tarefas que envolvem essa parte. Então é injusto eu contar como uma evolução algo que infelizmente eu não me empenhei tanto. Por outro lado tirando a minha questão pessoal de realmente não ter me interessado nessa parte, olhando por aspecto é bem importante ter algum conhecimento nessa área, o leque de possibilidades integrando hardware e software é infinito, conhecer um pouco dos dois é fundamental para um cientista da computação.</p>
<section class="parte-arduino">
<div class="" >
<iframe width="625" height="453" src="https://www.tinkercad.com/embed/4vsceATdWlN?editbtn=1" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>
</div>
<div class=" titulo-parte-arduino">
<h3><span>🡸</span>Projeto básico em arduino</h3>
<p class="arduino-explicacao">Esses projetos são bem básicos o mais a esquerda é um arduino que simula um sensor de movimento, se o objeto fictício se mover dentro de uma área de cone ele emitirá um som. O da direita sendo mais básico ainda é um sistema que se o botão for pressionado o led vai acender. <a href="https://www.tinkercad.com/things/4vsceATdWlN-projeto-" target="_blank" rel="noopener noreferrer">Link do projeto</a>. Outro trabalho envolvendo arduino em LIP foi um roteiro de introdução ao arduino <a href="./assets/tutorial-arduino.pdf" download="roteiro-arduino"">Click aqui pra baixar</a>.</p>
</div>
</section>
</section>
</div>
</div>
</section>
<section class="conclusao">
<h2>Minha Conclusão</h2>
<div class="container">
<div class="row">
<div class="texto">
<p>
Minha conclusão é que eu ainda tenho que aprender muito mas isso não é uma coisa ruim, na verdade é ótimo. Olhar pra frente e ver as incontáveis possibilidades nas diversas áreas que a computação me permite atuar. Mas em um contexto acadêmico também estou bastante animado pra ver o que o curso tem a me oferecer principalmente nas disciplinas que envolvem programação em si. Em uma período mais curto no proxímo período eu gostaria muito de ser monitor de Desenvolvimento de Interfaces Web, além da vontade de ajudar pessoas especificamente nessa área eu vou ter mais motivos ainda para estudar essa parte.
</p>
<br><p>
Outro aspecto importante para se concluir é que eu pretendo continuar esse blog até o final do meu curso, se tudo der certo eu vou fazer uma divisão por períodos e colocar todo o conteúdo refente da mesma forma que eu fiz nessa primeira versão. Outro projeto envolvendo esse blog é colocar alguns conteúdos educacionais nele, algumas dicas de Desenvolvimento Web que inicialmente por falta de conhecimento da minha parte vão ser extremamente básicas.
</p>
</div>
</div>
</div>
</section>
</section>
</main>
<script type="text/javascript">
TweenMax.to(".overlay h1", 2, {
opacity: 0,
y: -60,
ease: Expo.easeInOut
})
TweenMax.to(".overlay", 2, {
delay: 1,
top: "-100%",
ease: Expo.easeInOut
})
TweenMax.staggerFrom(".nav ul li", 1, {
delay: 2.4, opacity: 0, y: 20, ease: Expo.easeInOut
}, 0.2)
TweenMax.from(".row", 2, {
delay: 2.4,
opacity: 0,
x: 40,
ease: Expo.easeInOut
})
TweenMax.from(".row p", 2, {
delay: 3.2,
opacity: 0,
y: 20,
ease: Expo.easeInOut
})
TweenMax.from("h2 ", 4, {
delay: 3.4,
opacity: 0,
y: 20,
ease: Expo.easeInOut
})
TweenMax.from(".intro ", 2, {
delay: 2.4,
opacity: 0,
y: 20,
ease: Expo.easeInOut
})
</script>
</body>