Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
33 changes: 17 additions & 16 deletions Aulas-HTML/exercicios/aula1/index.html
Original file line number Diff line number Diff line change
@@ -1,16 +1,17 @@
<!--
Exercício 1:
Você deverá criar um arquivo HTML contendo os seguintes itens:
- A estrutura básica do HTML
- Um elemento composto por uma tag de título, o conteúdo desse elemento deve ser seu nome
- Uma lista de, no mínimo, 3 itens descrevendo o que você espera desse curso

Entrega:
- Fazer fork do repositório pro seu usuário do github (caso já tenha feito o fork desse repositório,
não precisa fazer novamente. Faça a atualização do fork pra ter os novos arquivos da aula)
- Fazer o clone do repositório "forkado" da sua conta do github para a sua máquina
- Colocar a resolução do exercício nesse arquivo (aulas-html/exercicios/aula1/index.html)
- Dar git push das alterações
- Abrir um pull request para o repositório original (da Womakers)
- Acompanhar o prazo e marcar a entrega no Classroom
-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Site da Naty</title>
</head>
<body>
<h1>Bem vindos ao site da Natalia Andrade</h1>
<h2>Expectativas com o curso </h2>
<ol>
<li>Aprender algo novo</li>
<li>Conhecer mulheres inspiradoras</li>
<li>Conseguir criar algo legal com os aprendizados do curso</li>
</ol>
</body>
</html>
Binary file added Aulas-HTML/exercicios/aula2/Nota200.JPG
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
108 changes: 88 additions & 20 deletions Aulas-HTML/exercicios/aula2/index.html
Original file line number Diff line number Diff line change
@@ -1,23 +1,91 @@
<!--
Exercicio 2:
Vamos tentar reproduzir a estrutura de um layout?
Escolha um site da sua preferência e tente identificar
nele os elementos que vimos hoje (<header>, <footer>,
<nav>, <article>). Depois, crie um arquivo HTML e use
as tags de uma forma que você acha que o conteúdo do site
que você escolheu fique organizado.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>BBC</title>
</head>

Coloque o link do site que você se baseou na descriçaão do PR
<body>
<!-- Header -->
<header>
<h1>BBC News | BRASIL </h1>
</header>

Não se preocupe em copiar os conteúdos ou em deixá-los bonitos.
Lembre-se: HTML é sobre organizar o nosso conteúdo de uma forma semântica.
<!-- Menu de navegação -->
<nav>
<ul>
<li><a href="https://www.bbc.com/portuguese">Notícia</a></li>
<li><a href="https://www.bbc.com/portuguese/topics/cz74k717pw5t">Brasil</a></li>
<li><a href="https://www.bbc.com/portuguese/topics/cmdm4ynm24kt">Internacional</a></li>
<li><a href="https://www.bbc.com/portuguese/topics/cvjp2jr0k9rt">Economia</a></li>
<li><a href="https://www.bbc.com/portuguese/topics/c340q430z4vt">Saúde</a></li>
<li><a href="https://www.bbc.com/portuguese/topics/cr50y580rjxt">Ciência</a></li>
<li><a href="https://www.bbc.com/portuguese/topics/c404v027pd4t">Tecnologia</a></li>
<li><a href="https://www.bbc.com/portuguese/aprenda_ingles">Aprenda Inglês</a></li>
<li><a href="https://www.bbc.com/portuguese/salasocial">#SalaSocial</a></li>
<li><a href="https://www.bbc.com/portuguese/media/video">Vídeos</a></li>
</ul>
</nav>

Entrega:
- Fazer fork do repositório pro seu usuário do github (caso já tenha feito o fork desse repositório,
não precisa fazer novamente. Faça a atualização do fork pra ter os novos arquivos da aula)
- Fazer o clone do repositório "forkado" da sua conta do github para a sua máquina
- Colocar a resolução do exercício nesse arquivo (aulas-html/exercicios/aula2/index.html)
- Dar git push das alterações
- Abrir um pull request para o repositório original (da Womakers)
- Acompanhar o prazo e marcar a entrega no Classroom
-->
<!-- Conteúdo principal da página -->
<main>
<section>
<!-- Notícias Principais -->

<a href="#"> <article>
<h2>Heróis de guerra ou 'otários'? A saia-justa de Trump com os militares</h2>
<img src="trump.JPG" alt="Trump"/>
<p> Segundo a revista The Atlantic, presidente, que concorre à reeleição em novembro, chamou feridos ou mortos na guerra de 'perdedores' e 'otários'; Trump nega ter usado as palavras.</p>
</article></a>
<a href="https://www.bbc.com/portuguese/internacional-54035426"> <article>
<h2>As conclusões do estudo sobre a vacina russa contra o coronavírus</h2>
</article></a>
</section>
<section>

<h2>Vídeo e Aúdio</h2>
<a href="https://www.bbc.com/portuguese/brasil-54025956"> <article>
<img src="Nota200.JPG" alt="Noda de 200 reais"/>
<h3> Conheça a nova nota de R$ 200 e as cédulas mais valiosas do mundo.</h3>
</article></a>
<a href="https://www.bbc.com/portuguese/geral-53972859"> <article>
<img src="meninaaovento.JPG" alt="Menina lançada ao vento"/>
<h3> Menina é lançada ao ar por pipa em Taiwan</h3>
</article></a>

</section>
<section>
<h2>Brasil</h2>
<a href="https://www.bbc.com/portuguese/brasil-53994532"> <article>
<img src="medicos10mil.JPG" alt="10 mil Medicos"/>
<h3> O grupo de '10 mil' médicos pró-cloroquina que se aproximou de Bolsonaro com ‘evento histórico’</h3>

</article></a>

</section>
</main>

<!-- Aside -->
<aside>
<h2>Redes Sociais</h2>

<ul>
<li><a href="#">Facebook</a></li>
<li><a href="#">Youtube</a></li>
<li><a href="#">Instagram</a></li>
<li><a href="#">Twitter</a></li>
</ul>
</aside>

<!-- Footer -->
<footer>
<p>Por que você pode confiar na BBC.</p>
<ul>
<lo><a href="#">Termo de uso</a></lo>
<lo><a href="#">Sobre a BBC</a></lo>
</ul>
<p>© 2020 BBC. A BBC não se responsabiliza pelo conteúdo de sites externos.</p>
<a href="#">Leia sobre nossa política em relação a links externos.</a>
</footer>
</body>
</html>
Binary file added Aulas-HTML/exercicios/aula2/medicos10mil.JPG
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Aulas-HTML/exercicios/aula2/meninaaovento.JPG
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Aulas-HTML/exercicios/aula2/trump.JPG
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
6 changes: 3 additions & 3 deletions Aulas-HTML/exercicios/aula3/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -20,10 +20,10 @@
<title>Exercício 3</title>
</head>
<body>
<h1>seu nome e sobrenome</h1>
<h1>Natália Andrade</h1>

<img src="./img1.jpg" alt="" />
<img src="./img1.jpg" alt="Mulher agachada auxiliando menina, que está sentada em um banco ao ar livre, a colocar os itens de segurança do patins" />

<img src="./img2.jpg" alt="time" />
<img src="./img2.jpg" alt="Grupo de pessoas diversas reunidos em roda dentro de uma sala com uma mão elevada no centro da roda, sobrepostas" />
</body>
</html>
44 changes: 44 additions & 0 deletions aula-logica/exercicios/aula1/exercicio1_calculadora.por
Original file line number Diff line number Diff line change
@@ -0,0 +1,44 @@
programa
{

funcao inicio()
{
real a, b, resultado
inteiro c
escreva("numero 1: ")
leia(a)
escreva("numero 2: ")
leia(b)
escreva("Entre com a operacao desejada (1 - Soma; 2 - Subtração; 3 - Multiplicação; 4 - Divisão): ")
leia(c)
se (c==1){
resultado = a+b
escreva(resultado)
}
senao se (c==2){
resultado = a-b
escreva(resultado)
}
senao se (c==3){
resultado = a*b
escreva(resultado)
}
senao se (c==4){
resultado = a/b
escreva(resultado)
}


}
}
/* $$$ Portugol Studio $$$
*
* Esta seção do arquivo guarda informações do Portugol Studio.
* Você pode apagá-la se estiver utilizando outro editor.
*
* @POSICAO-CURSOR = 135;
* @PONTOS-DE-PARADA = ;
* @SIMBOLOS-INSPECIONADOS = ;
* @FILTRO-ARVORE-TIPOS-DE-DADO = inteiro, real, logico, cadeia, caracter, vazio;
* @FILTRO-ARVORE-TIPOS-DE-SIMBOLO = variavel, vetor, matriz, funcao;
*/
60 changes: 60 additions & 0 deletions aula-logica/exercicios/aula2/exercicio2_calculadora.por
Original file line number Diff line number Diff line change
@@ -0,0 +1,60 @@
programa
{

funcao inicio()
{
limpa()
real a, b, resultado
inteiro c
caracter fim='S'

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Recomendo mudar o nome da variável, ou inicializá-la como fim='N', ficou um pouco confuso...


enquanto (fim=='S'){
limpa()
escreva("\nBem-vindo a minha calculadora \n")
escreva(" Entre com o primeiro numero: ")
leia(a)
escreva("Entre com o segundo numero: ")
leia(b)
escreva("Entre com a operacao desejada (1 - Soma; 2 - Subtração; 3 - Multiplicação; 4 - Divisão): ")
leia(c)
se (c==1){
resultado = a+b
escreva("\nO resultado da soma é " ,resultado)
}
senao se (c==2){
resultado = a-b
escreva("\nO resultado da subtração é " ,resultado)
}
senao se (c==3){
resultado = a*b
escreva("\nO resultado da multiplicação é " ,resultado)
}
senao se (c==4){
resultado = a/b
escreva("\nO resultado da divisão é " ,resultado)
}
senao{
escreva("Não foi digitado um comando válido, tente novamente. \n")
}
escreva("\nDeseja continuar? S/N: ")
leia(fim)
enquanto (fim!='N' e fim!='S'){
escreva("\n Opção invalida! \nDeseja continuar? S/N: ")
leia(fim)
}

}

}
}
/* $$$ Portugol Studio $$$
*
* Esta seção do arquivo guarda informações do Portugol Studio.
* Você pode apagá-la se estiver utilizando outro editor.
*
* @POSICAO-CURSOR = 492;
* @PONTOS-DE-PARADA = ;
* @SIMBOLOS-INSPECIONADOS = ;
* @FILTRO-ARVORE-TIPOS-DE-DADO = inteiro, real, logico, cadeia, caracter, vazio;
* @FILTRO-ARVORE-TIPOS-DE-SIMBOLO = variavel, vetor, matriz, funcao;
*/
12 changes: 12 additions & 0 deletions aulas-javascript/exercicios/aula1/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="script.js" defer></script>
</head>
<body>

</body>
</html>
8 changes: 8 additions & 0 deletions aulas-javascript/exercicios/aula1/script.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,8 @@
function checarSePodeDirigir(){
let idade = prompt('Digite a idade ');
if (idade>18){
alert('Já Pode Dirigir!');
}else
alert('Ainda não pode Dirigir!');
Comment on lines +3 to +6

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Abriu chaves para o if, mas não para o else. É bom seguir um padrão.

}
checarSePodeDirigir()
25 changes: 25 additions & 0 deletions aulas-javascript/exercicios/aula2/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,25 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="script.js" defer></script>
<link rel="stylesheet" href="style.css" />
<title>Comparar dois números</title>
</head>
<body>
<h1>Comparar dois números</h1>
<form>
<div>
<label for="numero1">Número 1</label>
<input type="number" name="numero1" id="numero1" placeholder="Insira o Número 1">
<label for="numero2">Número 2</label>
<input type="number" name="numero2" id="numero2" placeholder="Insira o Número 2">
</div>
<div>
<button type="button" onclick="saoDiferentes()">Checar se são diferentes</button>
<button type="button" onclick="resetar()">Resetar </button>
</div>
</form>
</body>
</html>
26 changes: 26 additions & 0 deletions aulas-javascript/exercicios/aula2/script.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,26 @@
function saoDiferentes(){
let num1 = document.querySelector('#numero1').valueAsNumber;
let num2 = document.querySelector('#numero2').valueAsNumber;
let resultado = document.createElement('div');
resultado.setAttribute('id', 'result');
document.body.append(resultado);
if(num1!=num2){

resultado.innerText = 'Os valores são diferentes!';

resultado.classList.add('diferente');

}else{

resultado.innerText = 'Não são diferentes';
resultado.classList.add('igual');
}

}
function resetar(resultado){
document.getElementById('result').remove();
document.querySelector('#numero1').valueAsNumber ='Insira o Número 1';
document.querySelector('#numero2').valueAsNumber ='Insira o Número 2';


}
15 changes: 15 additions & 0 deletions aulas-javascript/exercicios/aula2/style.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
.diferente {
color: #4cd040;
}
.igual {
color: #dd2424;
}
div{

padding: 20px;

}
body {
background: #f4f4f4;
text-align: center;
}