<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<html>
<head>
<meta charset="utf-8">
<title>Programaçao</title>
</head>
<body>
<div>
<img src="https://i.ibb.co/QvgPRcL/prog01.jpg" alt="imagem com vários códigos e uma mulher programando" border="0" width="100%" height="400px" class="banner">
<div class="title01">
<h1>OS BENEFÍCIOS DE APRENDER A PROGRAMAR</h1>
</div>
<div>
<ul class="listlink">
<li><a href="#rac-log">Desenvolver o raciocínio lógico</a></li>
<li><a href="#aprend">Estimular o aprendizado de matemática e física</a></li>
<li><a href="#escrita">Desenvolver a habilidade escrita</a></li>
<li><a href="#ingles">Estimula o domínio do inglês</a></li>
<li><a href="https://prefeitura.pbh.gov.br/prodabel/programando-sonhos">O Projeto Programando Sonhos</a></li>
</ul>
</div>
<h2 class="title02">OS PRINCIPAIS BENEFÍCIOS DE APRENDER PROGRAMAÇÃO</h2>
<div class="text-princ">
<a href="https://prefeitura.pbh.gov.br/prodabel"><img src="https://i.ibb.co/bNmkKJq/prog02.jpg" alt="ilustração de uma mulher programando" border="0" ></a>
<p>Hoje em dia, o mundo está cada vez mais tecnológico e conectado. Há muito tempo, os computadores deixaram de ser luxos empresariais, invadindo o lar das pessoas. Com a internet e os smartphones, a tecnologia digital se tornou onipresente, chegando cada vez mais cedo às novas gerações. Nesse contexto atual, aprender programação e robótica é um ótimo diferencial para qualquer pessoa.</p>
<p>O mais surpreendente é que aprender a programar desde cedo traz inúmeros outros benefícios além do sucesso profissional do programador no mercado de trabalho.</p>
<p>É por isso também que muitos países, como os Estados Unidos, a Austrália e a Inglaterra, estão incentivando a implementação de disciplinas de informática, programação e robótica nas escolas.</p>
<p>Pensando nisso, explicaremos no post a seguir alguns benefícios — cognitivos, sociais e pessoais — que a programação e a robótica fornecem para as crianças e adolescentes, mas que também podem servir para qualquer um que queira dominar essas áreas. Fique ligado!</p>
</div>
<div class="other-text">
<h2 id="rac-log">DESENVOLVER O RACIOCÍNIO LÓGICO</h2>
<p>Aprender programação e robótica é, de certa forma, aprender a lidar com desafios cognitivos que exigem concentração e pensamento sequencial e lógico.</p>
<p>Assim como ver matemática na infância estimula o pensamento quantitativo das crianças, aprender a linguagem de programação e a mexer com robôs desenvolve os circuitos neuronais relacionados com o pensamento abstrato e lógico.</p>
<p>Ao programar um novo software ou um comando de um robô, os mais jovens levam a mente ao máximo para resolver problemas complexos, fazendo com que aprendam padrões mais eficientes de processamento de informação e de resolução de desafios.</p>
<p>Dessa maneira, estimulam o lado esquerdo do cérebro, encarregado pelo pensamento espacial, lógico e analítico.</p>
<h2 id="aprend">ESTIMULAM O APRENDIZADO DE MATEMÁTICA E FÍSICA</h2>
<p>O desenvolvimento do raciocínio lógico proporcionado pela programação e pela robótica tem um impacto direto no aprendizado de outras disciplinas, como a matemática e a física, já que essas matérias da área de exatas exigem o mesmo pensamento analítico e a expertise para resolver problemas abstratos.</p>
<p>Assim, forma-se um ciclo virtuoso para os pequenos: saber matemática e física ajuda a entender melhor sobre programação e robótica e saber de programação e robótica ajuda a pensar melhor nas matérias de exatas.</p>
<h2 id="escrita">DESENVOLVEM A HABILIDADE DA ESCRITA</h2>
<p>Como a programação é uma linguagem assim como a escrita, aprender a programar softwares e robôs impacta positivamente a habilidade das crianças e adolescentes de escrever textos na sua língua nativa.</p>
<p>Isso acontece porque a programação e a robótica não estimulam só as áreas do cérebro ligadas ao pensamento analítico e matemático, mas também as áreas responsáveis pelo processamento e organização de frases, sentenças e palavras.</p>
<p>Um bom programador jovem, além de desenvolver um bom raciocínio lógico e matemático, acaba se tornando bom nas humanidades, produzindo textos mais coesos e coerentes.
<h2 id="ingles">ESTIMULAM O DOMÍNIO DO INGLÊS</h2>
<p>Além dos pontos já abordados, saber sobre programação e robótica eleva o nível de inglês das crianças e adolescentes.</p>
<p>Como grande parte dos conceitos e da terminologia de informática e de tecnologia de uma forma geral foi criada nos Estados Unidos, ao programar jogos e ao aprender sobre robótica, os mais jovens entram em contato direto com muitos vocabulários, expressões idiomáticas e formas gramaticais provenientes dessa língua estrangeira.</p>
<p>Esse contato constante, mesmo que inconsciente, proporciona um maior domínio desse idioma.</p>
<h2>MAPA DE INCLUSÃO DIGITAL</h2>
</div>
<table class="inclusion">
<thead>
<tr>
<th>Cidade</th>
<th>UF</th>
<th>Computador</th>
<th>Posição</th>
<th>Computador com internet</th>
</tr>
</thead>
<tbody>
<tr class="trPar">
<td>Belo Horizonte</td>
<td>MG</td>
<td>64.17</td>
<td>13</td>
<td>58.69</td>
</tr>
<tr>
<td>São Caetano do Sul</td>
<td>SP</td>
<td>76.05</td>
<td>1</td>
<td>74.07</td>
</tr>
<tr class="trPar">
<td>Florianópolis</td>
<td>SC</td>
<td>76.05</td>
<td>1</td>
<td>74.07</td>
</tr>
<tr>
<td>Vitória</td>
<td>ES</td>
<td>68.41</td>
<td>3</td>
<td>73.88</td>
</tr>
<tfoot>
<tr class="trPar">
<td colspan="5">RANKING COMPARATIVO COM AS PRINCIPAIS CIDADES DO BRASIL</td>
</tr>
</tfoot>
</tbody>
</table>
<form id="form">
<fieldset>
<legend>Quer se inscrever para o projeto Programando Sonhos ?</legend>
<label for="Sim">Sim</label>
<input type="radio" name="resp" value="Sim">
<label for="Não">Não</label>
<input type="radio" name="resp" value="Não"><br>
<label for="mail">E-mail:</label>
<input type="text" name="mail" cols="20" rowa="1"><br>
<label for="resp">Diga-nos o que despertou seu interesse :</label><br>
<textarea name="resp" cols="100" rows="1"></textarea><br>
<input type="submit" value="Enviar">
<input type="submit" value="Cancelar">
</fieldset>
</form>
</div>
</body>
</html>
body{
background-color:#c2eaf2;
font-family:Tahoma, Geneva, sans-serif;
}
.banner {
border-radius:10px;
}
.title01 {
margin:0px;
width:100%;
background-color: #2aac76;
border-radius:10px;
}
.title01 h1{
text-align:center;
color:#ffffff;
font-family:Tahoma, Geneva, sans-serif;
padding:10px;
}
.listlink {
list-style-image:url("https://i.ibb.co/8j1cFbx/tag.png")
}
.listlink li{
text-decoration:none;
}
.title02 {
text-align:center;
color: #2aac76;
font-family:Tahoma, Geneva, sans-serif;
}
.text-princ p{
float:right;
width:50%;
margin:0px;
padding-top:40px;
font-size:20px;
font-family:Tahoma, Geneva, sans-serif;
}
.text-princ img{
float:left;
width:48%;
height:500px;
margin:0px;
margin-bottom:100px;
}
.other-text {
margin-top:100px;
padding:10px;
font-size:20px;
font-family:Tahoma, Geneva, sans-serif;
}
.other-text h2{
text-align:center;
color: #2aac76;
}
.inclusion {
width:50%;
border-collapse:collapse;
border:1px solid black;
margin-left:auto;
margin-right:auto;
}
.inclusion td {
border:1px solid black;
padding:10px;
}
.inclusion tr:hover {
background:#2aac76;
color:white;
}
.inclusion thead tr:hover {
background:none;
color:black;
}
.inclusion thead tr {
background:#0e9e70;
color:white;
}
.inclusion .trPar {
background:#2aac76;
}
.inclusion tfoot{
color:#ffffff;
}
#form {
border:1px solid #2aac76;
margin-top:20px;
}