-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
99 lines (68 loc) · 5.54 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
90
91
92
93
94
95
96
97
98
99
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<title>ColdRosa</title>
<link rel="stylesheet" href="./assets/css/style.css">
<link rel="stylesheet" href="./assets/css/reset.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
</head>
<body>
<header>
<div>
<h1><a href="index.html"><img src="./assets/img/Logo.png" alt="" ></a></h1>
<nav>
<ul>
<li><a href="index.html">página inicial</a></li>
<li><a href="Ping-pong.html">Ping-Pong</a></li>
<li><a href="JogoCobrinha.html">Snake Game</a></li>
<li><a href="Site.html">Site</a></li>
</ul>
</nav>
</div>
</header>
<main>
<section>
<h2><b class="cor"> Por que aprender</b> <em><b class="cor2">Pensamento Computacional</b></em>?</h2>
<p id="mensagem">Estudem!</p>
<a href="https://www.sistemafaep.org.br/agrinho/"><img id="agrinho" src="./assets/img/agrinho.png" alt=""></a>
<p> O <em class="cor2">Pensamento Computacional</em> estimula a construção do pensamento lógico, auxiliando na resolução de problemas por meio da racionalidade. Também pode ser definido como uma estratégia usada para desenhar soluções e solucionar problemas de maneira eficaz tendo a tecnologia como base. </p>
<p><b class="cor">O</b> <em><b class="cor2">Pensamento Computacional</b></em> <b class="cor">se resume em 4 pilares que são:</b></p>
<ul class="borda">
<li class="borda">1.<em><b class="cor2">Decomposição:</b></em> dividir um problema complexo em pequenas partes a fim de solucioná-las com mais facilidade;</li>
<li class="borda">2.<em><b class="cor2">Reconhecimento de padrões:</b></em> como a própria expressão define, ajuda na identificação de aspectos comuns nos processos;</li>
<li class="borda">3.<em><b class="cor2">Abstração:</b></em> analisa elementos que têm relevância, diferenciando-os daqueles que podem ser deixados de lado;</li>
<li class="borda">4.<em><b class="cor2">Algoritmos:</b></em> reúne todos os pilares já citados e envolve a criação de um grupo de regras para a solução do problema.</li>
</ol>
<p class="paragrafo">A ideia é reformular problemas que aparentam serem de difícil resolução e transformá-los em algo capaz de ser compreendido, a fim de lidar com as incertezas que muitas vezes o cercam.</p>
</section>
<section>
<h3><b class="cor">Quais as habilidades que podem ser desenvolvidas pelo </b><em><b class="cor2">Pensamento Computacional</b></em>?</h3>
<p class="paragrafo">Uma série de competências são adquiridas no processo de desenvolvimento do <em class="cor2">Pensamento Computacional</em>. As habilidades refletem diretamente na aprendizagem do indíviduo. No caso das crianças, o uso dessa metodologia ajuda em seu crescimento, melhorando aspectos como o desenvolvimento cognitivo. </p>
</section>
<section>
<h4><b class="cor">Construção do</b> <b class="cor2">pensamento lógico</b></h4>
<p class="paragrafo">A construção do pensamento lógico é uma das habilidades principais que podem ser desenvolvidas por meio do <em class="cor2">Pensamento Computacional</em>. Nas crianças podem começar ainda nas primeiras fases, quando aprendem que existem padrões que definem certas ações. Assim elas começam a solucionar questões de maneira mais lógica, sempre focando em um pensamento mais racional para determinar as respostas dadas a diferentes atividades do dia a dia.</p>
</section>
<section>
<h5><b class="cor2">Autonomia</b></h5>
<p class="paragrafo">A <em>Abstração</em> e <em>Algoritmo</em> são duas bases do <em class="cor2">Pensamento Computacional</em>, elas abrem espaço para uma habilidade muito importante no ser humano: a autonomia. Em um mundo tecnológico desenvolver a autonomia faz com que as pessoas deixem de apenas consumir as tecnologias criadas e produzidas e passem a serem produtoras de recursos digitais, tornando-as protagonista de sua aprendizagem desenvolvendo um papel ativo na construção do seu próprio conhecimento.</p>
<hr>
<img src="./assets/img/pensamento-computacional.png" alt="">
<hr>
</section>
<section id="degrade">
<h6><b class="cor2">Tutoriais</b></h6>
<img id="agrinho2" src="./assets/img/gif-index.gif">
<p class="jogos">Alguns jogos simples podem ser feitos facilmente usando o JavaScript. No conteúdo a seguir iremos ensinar como fazer alguns desses jogos simples para ajudar o estudo do <em class="cor2">Pensamento Computacional</em>. Para começar vamos fazer o clássico Ping-Pong desenvolvido no Java Script. Também veremos um tutorial de como desenvolver outro clássico que é o Joguinho da Cobrinha no HTML e CSS3, e para finalizar, como fazer um site simples usando também o HTML e o CSS3. Confira abaixo:</p>
<p><a class="link" href="Ping-pong.html">Ping-Pong</a>: um jogo clássico e extremamente simples de desenvolver utilizando o JavaScript.
<p><a class="link" href="JogoCobrinha.html">Snake Game</a>: o clássico Jogo da Cobrinha, muito presente nos celulares antigos, um jogo que pode ser feito a partir do HTML e do CSS3.</p>
<p><a class="link" href="Site.html">Site</a>: como fazer um simples site, uma página simples, com informações que você queira transmitir para o navegador também usando o HTML e o CSS3.</p>
</section>
</main>
<footer>
<img src="./assets/img/copyright.png" alt="">
<p>© Copyright ColdRosa - 2022</p>
</footer>
</body>
</html>