Skip to content
This repository has been archived by the owner on May 15, 2022. It is now read-only.

Commit

Permalink
Commit Incial, arquivos de 30 dias de aulas
Browse files Browse the repository at this point in the history
  • Loading branch information
@gmarcon83
gmarcon83 committed Mar 10, 2021
0 parents commit b9f51e4
Show file tree
Hide file tree
Showing 284 changed files with 19,733 additions and 0 deletions.
8 changes: 8 additions & 0 deletions .gitignore
Original file line number Diff line number Diff line change
@@ -0,0 +1,8 @@
/outros/
/Caverna do Dragao/
/.vscode
/Dia 20-21 - Projeto CSS/
/Dia 8 - Projeto - Site SoulCode/
/ZZZ Modelo/
teste.js
teste.py
20 changes: 20 additions & 0 deletions Dia 0 - HTML - Tags Basicas HTML/Dia 0 - Atividade 1.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,20 @@
<!DOCTYPE html>
<html>
<head>
<title>SoulCode Academy - Dia 1 - Atividade 1 </title>
</head>
<body>
<h1>Giovanni Marcon - SoulCode Academy - Dia 1 - Atividade 1</h1>
<h2>Sentimento atual em relação ao SoulCode</h2>
<h4>
Bastante empolgação para descobrir o quê está por vir.
</h4>
<h2>
Expectativas para o final das 16 semanas
</h2>
<h4>
Estar bem preparado para iniciar a carreira como desenvolvedor e também terem<br>
desafiadas e expandidas minhas outras capacidades.
</h4>
</body>
</html>
20 changes: 20 additions & 0 deletions Dia 0 - HTML - Tags Basicas HTML/Dia 0 - Atividade 2.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,20 @@
<!DOCTYPE html>
<html>
<head>
<title>SoulCode Academy - Dia 1 - Atividade 2 </title>
</head>
<body>
<h1>Giovanni Marcon - SoulCode Academy - Dia 1 - Atividade 2</h1>
<h2>Sentimento atual em relação ao SoulCode</h2>
<h4>
Bastante empolgação para descobrir o quê está por vir.
</h4>
<h2>
Expectativas para o final das 16 semanas
</h2>
<h4>
Estar bem preparado para iniciar a carreira como desenvolvedor e também terem<br>
desafiadas e expandidas minhas outras capacidades.
</h4>
</body>
</html>
49 changes: 49 additions & 0 deletions Dia 1 - HTML - Tags Basicas/Dia 1 - Atividade 1 - (Alterado).html
Original file line number Diff line number Diff line change
@@ -0,0 +1,49 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>SoulCode Brasil - Alterado </title>
</head>
<body>
<h1 align="center">Pontos Turísticos em São Paulo</h1>
<h2>Avenida Paulista!</h2>
<div align="justify">
<p>
Um dos principais centros financeiros da cidade, a <strong>Avenida Paulista</strong>
também possui diversas opções de entretenimento. Endereço do <i>
Museu de Arte de São Paulo</i>, <i><em>MASP</em></i>, do <i>Teatro Gazeta</i> e muitos outros,
a região é de fácil acesso graças as diversas linhas de ônibus que
cruzam a avenida e a linha de metrô que passa por baixo dela.
</p>
<p>
A Avenida Paulista sempre é assunto. O que será que estão falando a
respeito na <a href='https://pt.wikipedia.org/wiki/Avenida_Paulista' target='_blank'>Wikipédia</a>?
</p>
</div>
<h2>Os bares da Vila Madalena</h2>
<div align="justify">
<p>
Depois de um dia de trabalho, nada melhor do que <strong>um bom chopp</strong>, <strong>um
petisco</strong> e <strong>uma conversa</strong> em uma mesa de bar. Opções de sobra na região
das ruas <i>Aspicuelta</i>, <i>Fradique Coutinho</i> e <i>Wisard</i>.
</p>
<p>
Veja quais os melhores bares e restaurantes da região no
<a href='https://vejasp.abril.com.br/comida-bebida/bares-2019-comer-beber/' target='_blank'>Guia da VEJA São Paulo.</a>
</p>
</div>
<h2>O Parque do Ibirapuera</h2>
<div align="justify">
<p>
Um dos <strong>cartões postais da cidade</strong>, o parque dispõe de mais de 1,5 km²
de área verde, lagos artificiais e pistas de cooper e ciclismo. E se
isso não fosse o suficiente, o parque costuma ser palco de diversos
eventos culturais ao longo do ano.
</p>
<p>
Veja no <a href='http://goo.gl/maps/HoH8' target='_blank'>mapa</a>
como chegar ao parque.
</p>
</div>
</body>
</html>
45 changes: 45 additions & 0 deletions Dia 1 - HTML - Tags Basicas/Dia 1 - Atividade 1 - (Original).html
Original file line number Diff line number Diff line change
@@ -0,0 +1,45 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>SoulCode Brasil</title>
</head>
<body>
<h1>Pontos Turísticos em São Paulo</h1>
<h2>Avenida Paulista!</h2>
<p>
Um dos principais centros financeiros da cidade, a avenida Paulista
também possui diversas opções de entretenimento. Endereço do Museu
de Arte de São Paulo, <em>MASP</em>, do Teatro Gazeta e muitos outros,
a região é de fácil acesso graças as diversas linhas de ônibus que
cruzam a avenida e a linha de metrô que passa por baixo dela.
</p>
<p>
A Avenida Paulista sempre é assunto. O que será que estão falando a
respeito na <a href='https://pt.wikipedia.org/wiki/Avenida_Paulista'
target='_blank'>Wikipédia</a>?
</p>
<h2>Os bares da Vila Madalena</h2>
<p>
Depois de um dia de trabalho, nada melhor do que um bom chopp, um
petisco e uma conversa em uma mesa de bar. Opções de sobra na região
das ruas Aspicuelta, Fradique Coutinho e Wisard.
</p>
<p>
Veja quais os melhores bares e restaurantes da região no
<a href='https://vejasp.abril.com.br/comida-bebida/bares-2019-comer-beber/'
target='_blank'>Guia da VEJA São Paulo.</a>
</p>
<h2>O Parque do Ibirapuera</h2>
<p>
Um dos cartões postais da cidade, o parque dispõe de mais de 1,5 km²
de área verde, lagos artificiais e pistas de cooper e ciclismo. E se
isso não fosse o suficiente, o parque costuma ser palco de diversos
eventos culturais ao longo do ano.
</p>
<p>
Veja no <a href='http://goo.gl/maps/HoH8' target='_blank'>mapa</a>
como chegar ao parque.
</p>
</body>
</html>
27 changes: 27 additions & 0 deletions Dia 1 - HTML - Tags Basicas/Dia 1 - Atividade 2.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="Giovanni Marcon">
<title>SoulCode Brasil - Caracteres Especiais</title>
<style>
body {background-color: black; color: red}
</style>

</head>
<body>
<!--Comentando só pra praticar um pouco-->
<h1 align="center">&Hfr;&trade;&lfr;</h1>
<div align="justify">
<p>
&target;<strong>&Hfr;&trade;&lfr;</strong> (abreviação para a &Hfr;yperText Markup Language, que significa Linguagem de Marcação de &Hfr;ipertexto) é uma linguagem de marcação utilizada para produzir páginas na web. Documentos <strong>&Hfr;&trade;&lfr;</strong> podem ser interpretados por navegadores. A tecnologia é fruto do “casamento” dos padrões <strong>&Hfr;yTime</strong> e <strong>&Sopf;&Gopf;&Mopf;&Lopf;</strong>.
</p>
<p>
&target;<strong>&Hfr;y&Topf;ime</strong> é um padrão para a representação estruturada de hipermídia e conteúdo baseado em tempo. Um documento é visto como um conjunto de eventos concorrentes dependentes de tempo (como áudio, vídeo, etc.), conectados por hiperligações. O padrão é independente de outros padrões de processamento de texto em geral.
</p>
<p>
&target;<strong>&Sopf;&Gopf;&Mopf;&Lopf;</strong> é um padrão de formatação de textos. Não foi desenvolvido para hipertexto, mas tornou-se conveniente para transformar documentos em hiperobjetos e para descrever as ligações.
</p>
</div>
</body>
</html>
98 changes: 98 additions & 0 deletions Dia 1 - HTML - Tags Basicas/Dia 1 - Atividade 3 (Minha cidade).html
Original file line number Diff line number Diff line change
@@ -0,0 +1,98 @@
<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<meta name="author" content="Giovanni Marcon">
<title>Atividade SoulCode Brasil - Garibaldi</title>
<style>
body {
background-color: beige;
}

h1 {
color: blue;
}

h2 {
color: green;
}
</style>
</head>

<body>
<h1 align="center">Garibaldi</h1>
<h2>Informações Sócioeconômicas</h2>
<ul type="circle">
<li><strong>População total</strong>: 35.440 (estimativa IBGE 2020)</li>
<li><strong>População total</strong>: 34.684 (2018) sendo 15.221 (homens) e 15.468 (mulheres)</li>
<li><strong>População urbana (2010)</strong>: 27.213</li>
<li><strong>População rural (2010)</strong>: 3.476</li>
<li><strong>Expectativa de vida ao nascer (2010)</strong>: 76,35 anos</li>
<li><strong>Taxa de analfabetismo de pessoas com 15 anos ou mais (2010)</strong>: 2,65 %</li>
<li><strong>Taxa de urbanização (2010)</strong>: 90,30%</li>
</ul>
<h2>Geografia e Clima</h2>
<ul type="circle">
<li><strong>Data da emancipação política</strong> 31 de outubro de 1900</li>
<li><strong>N° de Eleitores</strong> 24.775 (2020)</li>
<li><strong>Localização</strong> Encosta Superior do Nordeste - Serra Gaúcha</li>
<li><strong>Altitude</strong> 613m </li>
<li><strong>Clima</strong> Subtropical</li>
<li><strong>Temperatura</strong> No verão chega a 33°C; no inverno pode chegar a -3,5°C</li>
<li><strong>Área do município</strong> 169,2 km²</li>
</ul>
<h2>Rota dos Espumantes</h2>
<div align="justify">
<p>
Tudo é história e encantamento na <strong>Capital do Espumante</strong>. E é esta história e
a experiência de viver no limite entre a paixão e a razão que vamos encontrar
na <strong>Rota dos Espumantes</strong>. O bouquet do espumante exalado pelas caves e pelos
corredores que guardam o mosto da uva nos revigora, fazendo com que os sentidos
nos transportem para uma dimensão, senão divina, mágica, como é próprio para
apreciar esta bebida.
</p>
<p>
De 1913, ano em que foi elaborado o primeiro espumante brasileiro, aos dias de hoje,
Garibaldi vem construindo a história dos vinhos e espumantes do país.
</p>
<p>
Nas grandes empresas e nas <strong>cantinas familiares</strong>, o visitante poderá visitar e conhecer
esta história, bem como acompanhar as técnicas de elaboração charmat e champenoise,
participar do processo de engarrafamento e aprender a degustar a bebida.
</p>
<p>
Quando o monge beneditino Don Perignon, na experiência do prazer de sua descoberta
exclamou de estar bebendo estrelas, inaugurou o charme na história da arte de degustar.
E quando a cidade de Garibaldi inaugurou a <strong>Rota dos Espumantes</strong>, criou uma forma alegre e
sofisticada de contar histórias sobre o finesse das bebidas nobres. Assim, foi composto
um roteiro com <strong>17 vinícolas</strong>, a mostrar que a relação íntima entre a alta tecnologia na
elaboração de espumantes e os ecos culturais dos séculos são eno-compatíveis.
</p>
<p>
Cantinas para visitação:
</p>
<ul type="circle">
<li>Adega Chesini</li>
<li>Casa Pedrucci</li>
<li>Chandon</li>
<li>Cooperativa Vinícola Garibaldi</li>
<li>Domno Importadora</li>
<li>Indústria Vinícola São Luiz</li>
<li>Vinícola La Cantina</li>
<li>Vaccaro Vinhos e Espumantes</li>
<li>Vinhos don Laurindo</li>
<li>Vinícola Batistello</li>
<li>Vinícola Carlesso</li>
<li>Vinícola Courmayer</li>
<li>Milantino Vinhos e Espumantes</li>
<li>Vinícola Peterlongo</li>
</ul>
<p>
Veja no <a href='http://goo.gl/maps/DY5UqwyoTNSBCMhh6' target='_blank'>mapa</a>
como chegar na cidade.
</p>
</div>
</body>

</html>
19 changes: 19 additions & 0 deletions Dia 10 - CSS - Conceitos basicos e fontes/D10E1 - Fontes.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,19 @@
<!DOCTYPE html>
<html>

<head>
<meta charset='utf-8'>
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
<meta name="Author" content="Giovanni Marcon">
<title>Fontes CSS</title>
<meta name='viewport' content='width=device-width, initial-scale=1'>
</head>

<body>
<p style="font-size: 30px">Texto 1</p>
<p style="font-size: large">Texto 2</p>
<p style="font-size: medium">Texto 3</p>
<p style="font-size: small">Texto 4</p>
</body>

</html>
35 changes: 35 additions & 0 deletions Dia 10 - CSS - Conceitos basicos e fontes/D10E2 - Fontes 2.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,35 @@
<!DOCTYPE html>
<html>

<head>
<meta charset='utf-8'>
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
<meta name="Author" content="Giovanni Marcon">
<title>Fontes CSS 2 - Receita de Bolo</title>
<meta name='viewport' content='width=device-width, initial-scale=1'>
</head>

<body>
<p style="font-family: Courier; font-size: larger; font-style: normal; font-weight: 800;">Esse é um daqueles bolos
pra você guardar a receita no caderninho, pra te acompanhar por gerações. Um Bolo Simples Fofinho com sabor de
nostalgia, tigela com massa que a gente raspa e come crua e que espalha um cheirinho gostoso pela casa quando tá
quase pronto.
</p>
<p style="font-family: Verdana; font-size: small; font-style: italic; font-weight: 200">Esse bolo é uma adaptação do
Bolo Marmorizado, que minha mãe fazia muito pra gente na infância. Você pode acrescentar raspas de laranja ou
limão na massa ou mesmo finalizá-lo com uma cobertura glaceada. É aquela massa básica pra toda vez que bater
vontade de bolo.
</p>
<p style="font-family: Monospace; font-size: normal; font-style: oblique; font-weight: 500">
Ingredientes: 2 xícaras farinha de trigo branca peneirada; 1 xícara amido de milho peneirada; 2 xícaras açúcar
refinado peneirada; 1 xícara óleo vegetal; 1 xícara leite integral; 3 ovos; 1 colher de chá essência de
baunilha; 1 colher de sopa fermento em pó.
</p>
<p style="font-family: Fantasy; font-size: x-small; font-style: normal; font-weight: 400">Dicas preciosas para assar
um bolo perfeito: peneire a farinha, o amido de milho e o açúcar ANTES de medir; use xícara e colher medidora
padronizada; nivele os ingredientes na hora de porcionar; pré aqueça o forno, sempre; não abra o forno antes do
tempo completo.
</p>
</body>

</html>
Loading

0 comments on commit b9f51e4

Please sign in to comment.