-
Notifications
You must be signed in to change notification settings - Fork 0
/
web-design.html
163 lines (152 loc) · 8.41 KB
/
web-design.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Webdesing</title>
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/style.css">
<!-- Colocar fontes depois de estilos -->
<link
href="https://fonts.googleapis.com/css2?family=Luckiest+Guy&family=Satisfy&family=Source+Sans+Pro&display=swap"
rel="stylesheet">
<script src="https://kit.fontawesome.com/dc4aa8a48d.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="css/academicons.min.css" />
</head>
<body>
<header>
<nav class="menu ">
<ul class="container-menu">
<li><a href="index.html#"><i class="fas fa-laptop-house"></i></a></li>
<li><a href="index.html#sobre">Sobre ℹ</a></li>
<li><a href="index.html#portfolio">Projetos 🚧</a></li>
<li><a href="index.html#contato">Contatos ☎</a></li>
</ul>
</nav>
<h1> Desenvolvimento front-end</h1>
</header>
<main>
<section class="web-content">
<div class="container">
<p>
A muito tempo havia deixado de lado meu gosto por programação, aprendido e utilizado apenas por necessidade. No mestrado, utilizei muito python e matlab para resolver alguns problemas. Agora com a quarenta, me organizei para fazer coisas que a muito deixei de lado.
</p>
<p>
Graças a <a href="https://www.alura.com.br/quarentenadados">quarentena dados</a> e a <a href="https://www.alura.com.br/imersao-css">imersão CSS</a>, percebi que isso poderia me ajudar em trabalhos futuros. Usava python, mas não utilizava bibliotecas como a Pandas para abrir e visualizar os dados. Sempre fazia importava um CSV, seguindo alguns foruns pela internet, basicamente aprendi essa linguagem copiando e colando.
</p>
<p>
Depois veio a <a href="https://www.alura.com.br/imersao-css">imersão CSS</a>, onde criei meu primeiro <a href="https://afonsoplantes.github.io/afonsoplantes/">site pessoal</a>, mas ainda falta muitas coisas. Por isso, me inscrevi para fazer alguns cursos na plataforma, e encontrei uma gama de cursos que nem imaginava. Para melhorar meu site, estou iniciando pelo básico, formação front-end. Acho isso um pouco parecido com latex, em alguns pontos, acho que isso facilitou o aprendizado no inicio.
</p>
</div>
</section>
<section class="web-content">
<div class="container">
<h2>Ferramentas de Caracteres</h2>
<ul>
<li class="itens"><a href="https://unicode-table.com/pt/">Tabela de caracteres Unicode</a></li>
<li class="itens"><a href="https://fontawesome.com/start/">Incones para site Fontawesome</a></li>
<li class="itens"><a href="https://fonts.google.com/">Fontes de texto do google.</a></li>
</ul>
</div>
</section>
<section class="web-content">
<div class="container">
<h2>Imagens PNG</h2>
<ul>
<li class="itens"><a href="https://www.pngwing.com/pt/free-png-bptjz/download">Ilustrações sem fundo</a></li>
<li class="itens"><a href="https://www.gratispng.com/">Agregador de imagens png para desing</a></li>
<li class="itens"><a href="https://www.pngwing.com/">outro site</a></li>
</ul>
</div>
</section>
<section class="web-content">
<div class="container">
<h2>Imagens verotiais para design</h2>
<ul>
<li class="itens">
<a href="https://www.drawkit.io/">DrawKit</a> conté ilustrações seguindo um contexto - a qualidade é muito boa.
</li>
<li class="itens">
<a href="https://freesvg.org/"> Free SVG</a> é um biblioteca gigantesca de imagens vetoriais, contendo mais 99062 atualizadas diariamente.
</li>
<li class="itens">
<a href="https://publicdomainvectors.org/">Public domain vectors</a>é uma biblioteca com mais de 65000 ilustrações de domínio público. Além das imagens prontas é possivel gerar <a href="https://publicdomainvectors.org/svg-generator.php">imagens aleatórias</a>.
</li>
<li class="itens">
<a href="https://www.freepik.com/">Freepik</a> contém algumas ilustrações gratuitas em SVG e outras que deve pagar - a qualidade é muito boa.
</li>
<li class="itens">
<a href="https://all-free-download.com/">All Free Vectors</a> é uma biblioteca de imagens vetoriais gratuia com mais 200k ilustrações.
</li>
</ul>
</div>
</section>
<section class="web-content">
<div class="container">
<h2>Ferramentas de Acessibilidade</h2>
<ul>
<li class="itens"><a href="http://mobileinputtypes.com/">Teste de itpos de inputs para mobile.</a>
</li>
<li class="itens"><a href="https://bennettfeely.com/clippy/">Site para molduras de imagens</a></li>
</ul>
</div>
</section>
<section class="web-content">
<div class="container">
<h2>Sites com cursos e tutoriais de programas</h2>
<ul>
<li class="itens">
<a href="https://logosbynick.com/"> Logos By Nick</a> ensina a utilizar diversas feramentas como
o Photoshop, Inkscape, Gimp, Blender, entre outros. Algum conhecimento de inglês pode ser
necessário.
</li>
<li class="itens">
No site da <a href="https://alura.com.br/">Alura</a> temos diversas obções de cursos de design e
programação. A grande vantagem é que a platafaforma oferece diversos cursos em português.
</li>
<li class="itens">
<a href="https://www.clipstudio.net/how-to-draw/archives/155423">Desenhos chibi</a>
</li>
</ul>
</div>
</section>
<section class="web-content">
<div class="container">
<h2>Sites HTML + CSS</h2>
<ul>
<li class="itens">
<a href="https://afonsoplantes.github.io/front-end-form/HTML-CSS-1/index.html">
Site inicial curso 1
</a>
</li>
<li class="itens">
<a href="https://afonsoplantes.github.io/front-end-form/HTML-CSS-2/index.html">
Site curso 2 - Pagina de produtos </a>
</li>
<li class="itens">
<a href="https://afonsoplantes.github.io/front-end-form/HTML-CSS-3e4/index.html">
Site curso 3 e 4 - Formulário e Finalização</a>
</li>
</ul>
</div>
</section>
</main>
<!-- Footer -->
<footer class="footer-bg">
<!-- CONTACT -->
<section class="contato" id=contato>
<h2>Contatos</h2>
<div class="bg_contacts">
<div class="grid icons">
<a target="_blank" href="https://github.com/afonsoplantes"><i class="fab fa-github"></i> </a>
<a target="_blank" href="https://twitter.com/afonsoplantes"><i class="fab fa-twitter"></i> </a>
<a target="_blank" href="https://linkedin.com/in/afonsoplantes"><i class="fab fa-linkedin"></i> </a>
<!-- <a target="_blank" href="https://linkedin.com/in/afonsoplantes"><i class="fab fa-instagram"></i> </a> -->
<a target="_blank" href="http://lattes.cnpq.br/5349929985311356"><i class="ai ai-lattes"></i> </a>
</div>
</div>
</section>
<p>Desevolvido por Afonso Plantes</p>
</footer>
</body>
</html>