diff --git a/Atividade1_com_senao.por b/Atividade1_com_senao.por new file mode 100644 index 0000000..5942c77 --- /dev/null +++ b/Atividade1_com_senao.por @@ -0,0 +1,60 @@ +programa +{ + funcao inicio () + { + inteiro op + real num_1, num_2, resultado + + escreva("Escolha a operação: 1 - Soma; 2 - Subtração; 3 - Multiplicação; 4 - Divisão \n") + leia(op) + + escreva("Digite o primeiro número: \n") + leia(num_1) + + escreva("Digite o segundo número: \n") + leia(num_2) + + se(op==1) + { + resultado = num_1 + num_2 + escreva("\nA soma dos números é igual a: ", resultado) + } + senao + { + se(op==2) + { + resultado = num_1 - num_2 + escreva("\nA subtração dos números é igual a:", resultado) + } + senao + { + se(op==3) + { + resultado = num_1 * num_2 + escreva("\nA multiplicação dos números é igual a:", resultado) + } + senao + { + se(op==4) + { + resultado = num_1 / num_2 + escreva("\nA divisão dos números é igual a:", 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 = 851; + * @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; + */ \ No newline at end of file diff --git a/Aulas-HTML/exemplos/teste.html b/Aulas-HTML/exemplos/teste.html new file mode 100644 index 0000000..f2191cf --- /dev/null +++ b/Aulas-HTML/exemplos/teste.html @@ -0,0 +1,11 @@ + + + + + + Teste + + + + + \ No newline at end of file diff --git a/Aulas-HTML/exercicios/aula3/Thumbs.db b/Aulas-HTML/exercicios/aula3/Thumbs.db new file mode 100644 index 0000000..2033945 Binary files /dev/null and b/Aulas-HTML/exercicios/aula3/Thumbs.db differ diff --git a/Aulas-HTML/exercicios/aula3/index.html b/Aulas-HTML/exercicios/aula3/index.html index d0e3d1e..f1b07ee 100644 --- a/Aulas-HTML/exercicios/aula3/index.html +++ b/Aulas-HTML/exercicios/aula3/index.html @@ -20,10 +20,10 @@ Exercício 3 -

seu nome e sobrenome

+

Michele Santolin

- + Uma mulher com uma criança, uma menina. Com as roupas combinando, vestindo um casaco rosa e calça jeans azul claro. A mulher está agachada, colocando uma joelheira na menina, que está com patins em seus pés.. - time + Pessoas formando um círculo, esticando um dos braços ao centro, formando uma montanha de mãos, em um escritório... diff --git a/aula-logica/exercicios/aula2/ex2 b/aula-logica/exercicios/aula2/ex2 new file mode 100644 index 0000000..6bb4afd --- /dev/null +++ b/aula-logica/exercicios/aula2/ex2 @@ -0,0 +1,60 @@ +programa +{ + funcao inicio () + { + inteiro op, + real valor, num_1, num_2, resultado + cadeia sair + + sair="s" + + + + enquanto (sair=="s") + { + + escreva("Escolha a operação: 1 - Soma; 2 - Subtração; 3 - Multiplicação; 4 - Divisão") + leia(op) + + escreva("Digite o primeiro número: \n") + leia(num_1) + + escreva("Digite o segundo número: \n") + leia(num_2) + + se(op==1) + { + resultado = num_1 + num_2 + escreva("\nA soma dos números é igual a: ", resultado) + } + senao + { + se(op==2) + { + resultado = num_1 - num_2 + escreva("\nA subtração dos números é igual a:", resultado) + } + senao + { + se(op==3) + { + resultado = num_1 * num_2 + escreva("\nA multiplicação dos números é igual a:", resultado) + } + senao + { + se(op==4) + { + resultado = num_1 / num_2 + escreva("\nA divisão dos números é igual a:", resultado) + } + + } + + } + } + escreva("\nDeseja continuar? S/N") + leia(sair) + } + } +} \ No newline at end of file diff --git a/aulas-javascript/exemplos/aula2/index.html b/aulas-javascript/exemplos/aula2/index.html new file mode 100644 index 0000000..4b05eb8 --- /dev/null +++ b/aulas-javascript/exemplos/aula2/index.html @@ -0,0 +1,18 @@ + + + + + + Aula 2 de Javascript + + + + +

Oi gente!

+

Exemplo de texto 2

+ + + + + + diff --git a/aulas-javascript/exemplos/aula2/script.js b/aulas-javascript/exemplos/aula2/script.js new file mode 100644 index 0000000..5b6b3f1 --- /dev/null +++ b/aulas-javascript/exemplos/aula2/script.js @@ -0,0 +1,39 @@ +// Exemplo de getElementById +//console.log(document.getElementById('saudacao')); + +/* Exemplo de querySelector +let texto = document.querySelector('p'); +texto.style.color = 'blue'; +*/ + +/* Exemplo de setAttribute/removeAttribute +document.querySelector('#nome').setAttribute('type', 'text'); +document.querySelector('#nome').removeAttribute('name'); +*/ + +/* Exemplo de como "pegar" o valor de um input +document.querySelector('#nome').value; */ + +/* E quando o valor do input é um número? +document.querySelector('#nome').valueAsNumber; */ + +/* Exemplo de como alterar o texto de um elemento +document.getElementById('saudacao').innerText = 'Mudei o texto!'; */ + +/* Exemplo pra adicionar/remover uma classe +//document.getElementById('saudacao').className = 'green'; +document.getElementById('saudacao').classList.add('green'); +document.getElementById('saudacao').classList.remove('red'); */ + +/* Exemplo adicionar/remover um elemento +let div = document.createElement('div'); +div.innerText = 'Div criada!'; +document.body.append(div); + +document.getElementById('saudacao').remove(); +*/ + +/* Exemplo de click +function mostrarMensagem() { + alert('Oi gurias!'); +} */ diff --git a/aulas-javascript/exemplos/aula3/exercicio1/index.html b/aulas-javascript/exemplos/aula3/exercicio1/index.html new file mode 100644 index 0000000..7ff92a1 --- /dev/null +++ b/aulas-javascript/exemplos/aula3/exercicio1/index.html @@ -0,0 +1,19 @@ + + + + + + Menu de navegação + + + + + + + + diff --git a/aulas-javascript/exemplos/aula3/exercicio1/script.js b/aulas-javascript/exemplos/aula3/exercicio1/script.js new file mode 100644 index 0000000..af3e118 --- /dev/null +++ b/aulas-javascript/exemplos/aula3/exercicio1/script.js @@ -0,0 +1,8 @@ +let items = document.querySelectorAll('ul > li'); + +items.forEach((item) => { + item.onclick = function () { + document.querySelector('ul > li.active').classList.remove('active'); + item.classList.add('active'); + }; +}); diff --git a/aulas-javascript/exemplos/aula3/exercicio1/style.css b/aulas-javascript/exemplos/aula3/exercicio1/style.css new file mode 100644 index 0000000..a8bb278 --- /dev/null +++ b/aulas-javascript/exemplos/aula3/exercicio1/style.css @@ -0,0 +1,8 @@ +.active { + color: #d040b3; +} + +ul > li { + display: inline-block; + padding: 15px; +} diff --git a/aulas-javascript/exemplos/aula3/exercicio2/index.html b/aulas-javascript/exemplos/aula3/exercicio2/index.html new file mode 100644 index 0000000..ad3953e --- /dev/null +++ b/aulas-javascript/exemplos/aula3/exercicio2/index.html @@ -0,0 +1,14 @@ + + + + + + Criando uma notificação + + + + + + + + diff --git a/aulas-javascript/exemplos/aula3/exercicio2/script.js b/aulas-javascript/exemplos/aula3/exercicio2/script.js new file mode 100644 index 0000000..fbca6a3 --- /dev/null +++ b/aulas-javascript/exemplos/aula3/exercicio2/script.js @@ -0,0 +1,22 @@ +function showNotification() { + let notification = document.createElement('div'); + notification.innerHTML = 'Deu tudo certo!'; + notification.className = 'notification success'; + document.body.append(notification); + + setTimeout(() => { + notification.style.opacity = 1; + }); + + setTimeout(() => { + removeNotification(notification); + }, 4000); +} + +function removeNotification(notification) { + notification.style.opacity = 0.1; + + setTimeout(() => { + notification.remove(); + }, 500); +} diff --git a/aulas-javascript/exemplos/aula3/exercicio2/style.css b/aulas-javascript/exemplos/aula3/exercicio2/style.css new file mode 100644 index 0000000..38ad5d5 --- /dev/null +++ b/aulas-javascript/exemplos/aula3/exercicio2/style.css @@ -0,0 +1,17 @@ +.success { + background-color: #c3ddc3; + border: 1px solid #567b56; + color: #567b56; +} + +.notification { + width: 300px; + padding: 15px; + border-radius: 5px; + margin-top: 15px; + position: absolute; + right: 20px; + top: 20px; + opacity: 0; + transition: opacity 500ms; +} diff --git a/aulas-javascript/exemplos/aula3/exercicio3/index.html b/aulas-javascript/exemplos/aula3/exercicio3/index.html new file mode 100644 index 0000000..b3741ce --- /dev/null +++ b/aulas-javascript/exemplos/aula3/exercicio3/index.html @@ -0,0 +1,23 @@ + + + + + + Validação de formulário + + + + +
+
+ + +
+
+ + +
+ +
+ + diff --git a/aulas-javascript/exemplos/aula3/exercicio3/script.js b/aulas-javascript/exemplos/aula3/exercicio3/script.js new file mode 100644 index 0000000..5b179f2 --- /dev/null +++ b/aulas-javascript/exemplos/aula3/exercicio3/script.js @@ -0,0 +1,82 @@ +let senha = document.getElementById('senha'); +let email = document.getElementById('email'); + +let senhaValida = false; +let emailValido = false; + +/* +o onblur é uma funçao que executa as açoes dentro dela +quando você clica em um input e em seguida clica fora dele. +faça o teste: abra a tela, clique no input de email e +depois clique fora dele, em qualquer lugar da tela +*/ +email.onblur = function () { + let id = 'erroEmail'; + let errorMessage = 'Insira um email válido'; + + //se o campo de email estiver vazio OU não tiver um @, mostra um erro + if (email.value == '' || !email.value.includes('@')) { + showError(email, id, errorMessage); + emailValido = false; + document.querySelector('button').disabled = true; + } else { + //se estiver válido, remove o erro e passa a dizer que o email é válido + removeError(id); + emailValido = true; + + //se o campo de email e senha forem válidos, habilitada o botao de submit + if (emailValido && senhaValida) { + document.querySelector('button').disabled = false; + } + } +}; + +senha.onblur = function () { + let id = 'erroSenha'; + let errorMessage = 'Insira uma senha com no mínimo 12 caracteres'; + + //se a quantidade de caracteres do valor do campo de senha for menor que 12 + //mostra o erro + if (senha.value.length < 12) { + showError(senha, id, errorMessage); + senhaValida = false; + document.querySelector('button').disabled = true; + } else { + removeError(id); + senhaValida = true; + + //se o campo de email e senha forem válidos, habilitada o botao de submit + if (emailValido && senhaValida) { + document.querySelector('button').disabled = false; + } + } +}; + +//cria o elemento de erro e exibe na tela +function showError(element, id, message) { + let errorElem = document.getElementById(id); + + //se o elemento de erro ainda nao existir, cria + //senao, nao faz nada porque o erro ja está sendo mostrado + if (!errorElem) { + let erro = document.createElement('div'); + erro.setAttribute('id', id); + erro.innerText = message; + erro.style.color = 'red'; + element.after(erro); + } +} + +//remove o erro da tela +function removeError(id) { + let errorElem = document.getElementById(id); + + if (errorElem) { + errorElem.remove(); + } +} + +//função executada quando o form é enviado +document.querySelector('form').onsubmit = function () { + alert('Funcionou!'); +}; diff --git a/aulas-javascript/exercicios/aula1/index.html b/aulas-javascript/exercicios/aula1/index.html index e69de29..3bc0d6d 100644 --- a/aulas-javascript/exercicios/aula1/index.html +++ b/aulas-javascript/exercicios/aula1/index.html @@ -0,0 +1,12 @@ + + + + + + Exercício 1 de JavaScript. + + + + + + diff --git a/aulas-javascript/exercicios/aula1/script.js b/aulas-javascript/exercicios/aula1/script.js new file mode 100644 index 0000000..fe8c307 --- /dev/null +++ b/aulas-javascript/exercicios/aula1/script.js @@ -0,0 +1,11 @@ +function checarSePodeDirigir(idade) { + if (idade > 18){ + alert('Já pode dirigir!'); + } else { + alert('Ainda não pode dirigir!!'); + } +} + +let idade_usuario = prompt('Qual é sua idade??'); + +checarSePodeDirigir(idade_usuario); \ No newline at end of file diff --git a/aulas-javascript/exercicios/aula2/index.html b/aulas-javascript/exercicios/aula2/index.html new file mode 100644 index 0000000..64d65a4 --- /dev/null +++ b/aulas-javascript/exercicios/aula2/index.html @@ -0,0 +1,48 @@ + + + + + + + Exercício 2 de JavaScript + + + + + +
+

+ CHECANDO DOIS NÚMEROS +

+
+ +
+
+ + +
+ +
+ +
+ + +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+
+ + + \ No newline at end of file diff --git a/aulas-javascript/exercicios/aula2/script.js b/aulas-javascript/exercicios/aula2/script.js new file mode 100644 index 0000000..0c59df4 --- /dev/null +++ b/aulas-javascript/exercicios/aula2/script.js @@ -0,0 +1,34 @@ +function saoDiferentes() { + + let n1 = document.querySelector('#n1').valueAsNumber; + let n2 = document.querySelector('#n2').valueAsNumber; + + let div = document.createElement('div'); + + if(n1 != n2){ + div.innerText = `Os valores são diferentes`; + div.style.color = 'green'; + div.setAttribute('id', 'novaDiv') + document.querySelector('form').after(div); + } + + else { + div.innerText = `Não são diferentes`; + div.style.color = 'red'; + div.setAttribute('id', 'novaDiv') + document.querySelector('form').after(div); + } + } + +function resetar() { + document.getElementById('n1').value=null; + document.getElementById('n2').value=null; + document.querySelector('#novaDiv').remove(); +} + +function removeFrase(num1, num2){ + + if(n1!=null && n2!=null){ + document.querySelector('#novaDiv').remove(); + } +} diff --git a/index.html b/index.html new file mode 100644 index 0000000..f91b52f --- /dev/null +++ b/index.html @@ -0,0 +1,11 @@ + + + + + + Document + + +

AULAO DE GIT!!!!!!!!!

+ +