From b18e2f77d975e13b5db84f3715a9764b7e7de6a6 Mon Sep 17 00:00:00 2001 From: Helaine Ribeiro Date: Thu, 17 Mar 2022 20:10:53 -0300 Subject: [PATCH] aprendendo a usar o hook useEffect --- modulo1/funcoes/index.html | 12 + modulo1/funcoes/index.js | 0 modulo1/projeto-blackjack/nossoJogo.js | 67 + .../exercicios-LAPTOP-43PHHAT4.js | 108 + .../lista-exercicios-intro-js/index.html | 14 + .../lista-exercicios-intro-js/tests.js | 35 + .../apis-labenusers/.gitignore | 23 + .../apis-labenusers/apis-labenusers/README.md | 70 + .../apis-labenusers/package-lock.json | 27770 ++++++++++++++ .../apis-labenusers/package.json | 40 + .../apis-labenusers/public/favicon.ico | Bin 0 -> 3870 bytes .../apis-labenusers/public/index.html | 43 + .../apis-labenusers/public/logo192.png | Bin 0 -> 5347 bytes .../apis-labenusers/public/logo512.png | Bin 0 -> 9664 bytes .../apis-labenusers/public/manifest.json | 25 + .../apis-labenusers/public/robots.txt | 3 + .../apis-labenusers/src/App.css | 0 .../apis-labenusers/src/App.js | 42 + .../src/components/CadastroUsuario.js | 84 + .../src/components/ListaUsuario.js | 101 + .../apis-labenusers/src/index.css | 13 + .../apis-labenusers/src/index.js | 13 + modulo3/apis-labenusers/package-lock.json | 900 + modulo3/apis-labenusers/package.json | 5 + modulo4/aula32-use-effect/.gitignore | 23 + modulo4/aula32-use-effect/README.md | 70 + modulo4/aula32-use-effect/package-lock.json | 27525 ++++++++++++++ modulo4/aula32-use-effect/package.json | 38 + modulo4/aula32-use-effect/public/favicon.ico | Bin 0 -> 3870 bytes modulo4/aula32-use-effect/public/index.html | 43 + modulo4/aula32-use-effect/public/logo192.png | Bin 0 -> 5347 bytes modulo4/aula32-use-effect/public/logo512.png | Bin 0 -> 9664 bytes .../aula32-use-effect/public/manifest.json | 25 + modulo4/aula32-use-effect/public/robots.txt | 3 + modulo4/aula32-use-effect/src/App.css | 0 modulo4/aula32-use-effect/src/App.js | 60 + modulo4/aula32-use-effect/src/App.test.js | 8 + .../src/components/PokeCard/PokeCard.js | 44 + modulo4/aula32-use-effect/src/index.css | 13 + modulo4/aula32-use-effect/src/index.js | 13 + modulo4/aula32-use-effect/src/logo.svg | 1 + .../aula32-use-effect/src/reportWebVitals.js | 13 + modulo4/aula32-use-effect/src/setupTests.js | 5 + modulo4/aula32-use-effect/src/styles.css | 5 + modulo4/package-lock.json | 941 + modulo4/package.json | 6 + modulo4/use-state/insta-lab-hooks/README.md | 68 + .../insta-lab-hooks/package-lock.json | 31587 ++++++++++++++++ .../use-state/insta-lab-hooks/package.json | 35 + .../insta-lab-hooks/public/favicon.ico | Bin 0 -> 3150 bytes .../insta-lab-hooks/public/index.html | 43 + .../insta-lab-hooks/public/logo192.png | Bin 0 -> 5347 bytes .../insta-lab-hooks/public/logo512.png | Bin 0 -> 9664 bytes .../insta-lab-hooks/public/manifest.json | 25 + .../insta-lab-hooks/public/robots.txt | 3 + modulo4/use-state/insta-lab-hooks/src/App.js | 24 + .../use-state/insta-lab-hooks/src/App.test.js | 9 + .../IconeComContador/IconeComContador.js | 20 + .../src/components/Post/Post.js | 113 + .../src/components/Post/styled.js | 37 + .../src/components/Post/styles.js | 37 + .../SecaoComentario/SecaoComentario.js | 41 + .../insta-lab-hooks/src/img/comment_icon.svg | 1 + .../src/img/favorite-white.svg | 1 + .../insta-lab-hooks/src/img/favorite.svg | 1 + .../use-state/insta-lab-hooks/src/index.css | 13 + .../use-state/insta-lab-hooks/src/index.js | 12 + .../use-state/insta-lab-hooks/src/logo.svg | 7 + .../insta-lab-hooks/src/serviceWorker.js | 137 + .../insta-lab-hooks/src/setupTests.js | 5 + projeto-labefy/package-lock.json | 941 + projeto-labefy/package.json | 6 + projeto-labefy/projeto-labefy/.gitignore | 23 + projeto-labefy/projeto-labefy/README.md | 70 + .../projeto-labefy/package-lock.json | 27770 ++++++++++++++ projeto-labefy/projeto-labefy/package.json | 40 + .../projeto-labefy/public/favicon.ico | Bin 0 -> 3870 bytes .../projeto-labefy/public/index.html | 43 + .../projeto-labefy/public/logo192.png | Bin 0 -> 5347 bytes .../projeto-labefy/public/logo512.png | Bin 0 -> 9664 bytes .../projeto-labefy/public/manifest.json | 25 + .../projeto-labefy/public/robots.txt | 3 + projeto-labefy/projeto-labefy/src/App.css | 38 + projeto-labefy/projeto-labefy/src/App.js | 39 + .../projeto-labefy/src/components/Labefy.js | 2 + .../projeto-labefy/src/constants/Urls.js | 1 + projeto-labefy/projeto-labefy/src/index.css | 6 + projeto-labefy/projeto-labefy/src/index.js | 15 + .../src/pages/CriarPlaylistPage.js | 56 + .../projeto-labefy/src/pages/ListPage.js | 75 + 90 files changed, 119576 insertions(+) create mode 100644 modulo1/funcoes/index.html create mode 100644 modulo1/funcoes/index.js create mode 100644 modulo1/projeto-blackjack/nossoJogo.js create mode 100644 modulo1/projeto-lista-js/lista-exercicios-intro-js/exercicios-LAPTOP-43PHHAT4.js create mode 100644 modulo1/projeto-lista-js/lista-exercicios-intro-js/index.html create mode 100644 modulo1/projeto-lista-js/lista-exercicios-intro-js/tests.js create mode 100644 modulo3/apis-labenusers/apis-labenusers/.gitignore create mode 100644 modulo3/apis-labenusers/apis-labenusers/README.md create mode 100644 modulo3/apis-labenusers/apis-labenusers/package-lock.json create mode 100644 modulo3/apis-labenusers/apis-labenusers/package.json create mode 100644 modulo3/apis-labenusers/apis-labenusers/public/favicon.ico create mode 100644 modulo3/apis-labenusers/apis-labenusers/public/index.html create mode 100644 modulo3/apis-labenusers/apis-labenusers/public/logo192.png create mode 100644 modulo3/apis-labenusers/apis-labenusers/public/logo512.png create mode 100644 modulo3/apis-labenusers/apis-labenusers/public/manifest.json create mode 100644 modulo3/apis-labenusers/apis-labenusers/public/robots.txt create mode 100644 modulo3/apis-labenusers/apis-labenusers/src/App.css create mode 100644 modulo3/apis-labenusers/apis-labenusers/src/App.js create mode 100644 modulo3/apis-labenusers/apis-labenusers/src/components/CadastroUsuario.js create mode 100644 modulo3/apis-labenusers/apis-labenusers/src/components/ListaUsuario.js create mode 100644 modulo3/apis-labenusers/apis-labenusers/src/index.css create mode 100644 modulo3/apis-labenusers/apis-labenusers/src/index.js create mode 100644 modulo3/apis-labenusers/package-lock.json create mode 100644 modulo3/apis-labenusers/package.json create mode 100644 modulo4/aula32-use-effect/.gitignore create mode 100644 modulo4/aula32-use-effect/README.md create mode 100644 modulo4/aula32-use-effect/package-lock.json create mode 100644 modulo4/aula32-use-effect/package.json create mode 100644 modulo4/aula32-use-effect/public/favicon.ico create mode 100644 modulo4/aula32-use-effect/public/index.html create mode 100644 modulo4/aula32-use-effect/public/logo192.png create mode 100644 modulo4/aula32-use-effect/public/logo512.png create mode 100644 modulo4/aula32-use-effect/public/manifest.json create mode 100644 modulo4/aula32-use-effect/public/robots.txt create mode 100644 modulo4/aula32-use-effect/src/App.css create mode 100644 modulo4/aula32-use-effect/src/App.js create mode 100644 modulo4/aula32-use-effect/src/App.test.js create mode 100644 modulo4/aula32-use-effect/src/components/PokeCard/PokeCard.js create mode 100644 modulo4/aula32-use-effect/src/index.css create mode 100644 modulo4/aula32-use-effect/src/index.js create mode 100644 modulo4/aula32-use-effect/src/logo.svg create mode 100644 modulo4/aula32-use-effect/src/reportWebVitals.js create mode 100644 modulo4/aula32-use-effect/src/setupTests.js create mode 100644 modulo4/aula32-use-effect/src/styles.css create mode 100644 modulo4/package-lock.json create mode 100644 modulo4/package.json create mode 100644 modulo4/use-state/insta-lab-hooks/README.md create mode 100644 modulo4/use-state/insta-lab-hooks/package-lock.json create mode 100644 modulo4/use-state/insta-lab-hooks/package.json create mode 100644 modulo4/use-state/insta-lab-hooks/public/favicon.ico create mode 100644 modulo4/use-state/insta-lab-hooks/public/index.html create mode 100644 modulo4/use-state/insta-lab-hooks/public/logo192.png create mode 100644 modulo4/use-state/insta-lab-hooks/public/logo512.png create mode 100644 modulo4/use-state/insta-lab-hooks/public/manifest.json create mode 100644 modulo4/use-state/insta-lab-hooks/public/robots.txt create mode 100644 modulo4/use-state/insta-lab-hooks/src/App.js create mode 100644 modulo4/use-state/insta-lab-hooks/src/App.test.js create mode 100644 modulo4/use-state/insta-lab-hooks/src/components/IconeComContador/IconeComContador.js create mode 100644 modulo4/use-state/insta-lab-hooks/src/components/Post/Post.js create mode 100644 modulo4/use-state/insta-lab-hooks/src/components/Post/styled.js create mode 100644 modulo4/use-state/insta-lab-hooks/src/components/Post/styles.js create mode 100644 modulo4/use-state/insta-lab-hooks/src/components/SecaoComentario/SecaoComentario.js create mode 100644 modulo4/use-state/insta-lab-hooks/src/img/comment_icon.svg create mode 100644 modulo4/use-state/insta-lab-hooks/src/img/favorite-white.svg create mode 100644 modulo4/use-state/insta-lab-hooks/src/img/favorite.svg create mode 100644 modulo4/use-state/insta-lab-hooks/src/index.css create mode 100644 modulo4/use-state/insta-lab-hooks/src/index.js create mode 100644 modulo4/use-state/insta-lab-hooks/src/logo.svg create mode 100644 modulo4/use-state/insta-lab-hooks/src/serviceWorker.js create mode 100644 modulo4/use-state/insta-lab-hooks/src/setupTests.js create mode 100644 projeto-labefy/package-lock.json create mode 100644 projeto-labefy/package.json create mode 100644 projeto-labefy/projeto-labefy/.gitignore create mode 100644 projeto-labefy/projeto-labefy/README.md create mode 100644 projeto-labefy/projeto-labefy/package-lock.json create mode 100644 projeto-labefy/projeto-labefy/package.json create mode 100644 projeto-labefy/projeto-labefy/public/favicon.ico create mode 100644 projeto-labefy/projeto-labefy/public/index.html create mode 100644 projeto-labefy/projeto-labefy/public/logo192.png create mode 100644 projeto-labefy/projeto-labefy/public/logo512.png create mode 100644 projeto-labefy/projeto-labefy/public/manifest.json create mode 100644 projeto-labefy/projeto-labefy/public/robots.txt create mode 100644 projeto-labefy/projeto-labefy/src/App.css create mode 100644 projeto-labefy/projeto-labefy/src/App.js create mode 100644 projeto-labefy/projeto-labefy/src/components/Labefy.js create mode 100644 projeto-labefy/projeto-labefy/src/constants/Urls.js create mode 100644 projeto-labefy/projeto-labefy/src/index.css create mode 100644 projeto-labefy/projeto-labefy/src/index.js create mode 100644 projeto-labefy/projeto-labefy/src/pages/CriarPlaylistPage.js create mode 100644 projeto-labefy/projeto-labefy/src/pages/ListPage.js diff --git a/modulo1/funcoes/index.html b/modulo1/funcoes/index.html new file mode 100644 index 0000000..dabfeed --- /dev/null +++ b/modulo1/funcoes/index.html @@ -0,0 +1,12 @@ + + + + + + Document + + + + + + \ No newline at end of file diff --git a/modulo1/funcoes/index.js b/modulo1/funcoes/index.js new file mode 100644 index 0000000..e69de29 diff --git a/modulo1/projeto-blackjack/nossoJogo.js b/modulo1/projeto-blackjack/nossoJogo.js new file mode 100644 index 0000000..e6cbcc5 --- /dev/null +++ b/modulo1/projeto-blackjack/nossoJogo.js @@ -0,0 +1,67 @@ +/** + * EXEMPLO DE UTILIZAÇÃO DA 'comprarCarta' + * + * + const carta = comprarCarta(); // Sorteia uma carta. Por exemplo, o rei de ouros + + console.log(carta.texto) // imprime o texto da carta. Exemplo: "K♦️" (indica "K" de ouros) + console.log(carta.valor) // imprime o valor da carta (um número). Exemplo: 10 (dado que "K" vale 10) + * + * + * + */ + /* As regras do jogo são as seguintes: + + - Existem 2 jogadores: o usuário e o computador. + - Os jogadores usam um baralho com muitas cartas. As cartas têm um número (A, 2, 3, 4, 5, 6, 7, 8, 9, 10, J , Q, K) e um naipe (Copas (♥️), Paus (♣️), Ouros(♦️) e Espadas(♠️)). Por exemplo, uma carta do baralho é o dois de Paus (2♣️). Existem 52 possibilidades de cartas diferentes (13 números e 4 naipes). + - Os jogadores compram cartas do baralho. Ao comprar uma carta do baralho, ela pode ser de qualquer uma das 52 cartas, com probabilidade igual. + - As cartas tem um valor de acordo com seu número (a carta 4♣️ tem valor 4, e a carta 9♦️ tem valor 9). As cartas J, Q e K tem valor 10, e a carta A tem valor 11. + - O jogo inicia com cada jogador (usuário e computador) recebendo 2 cartas. A pontuação de cada jogador é a soma do valor das suas cartas. + - O jogador com a maior pontuação ganha a rodada.*/ + + ///*- **🎰** Montando o jogo + //Essa etapa do projeto consiste em criar um programa que: + // 1 - Imprime uma mensagem no console "Boas vindas ao jogo de Blackjack!". +console.log("Boas vindas ao jogo de Blackjack!") + + const usuario = confirm("Quer iniciar uma nova rodada?") + +if(usuario === true){ + console.log("Iniciaremos uma nova rodada") + }else{ + console.log("O jogo acabou") +} + + +//- **🃏** Começando uma rodada +// A rodada consiste em sortear 2 cartas para cada jogador, definir a pontuação de cada jogador e +//informar o vencedor (usuário ou computador), ou empate, caso as pontuações sejam iguais. + +/*5 - Nós preparamos um método que permite sortear uma carta. **Ele já está pronto e você só +precisa invocá-lo**. Cada carta sorteada é um objeto com duas propriedades: um **texto** que +representa o que é escrito na carta; e um **valor** que mostra a pontuação da carta. */ + + +const cartaUsuario = comprarCarta() +const cartaComputador = comprarCarta() +const cartaUsuario1 = comprarCarta() +const cartaComputador1 = comprarCarta() + +// Sorteia uma carta. Por exemplo, o rei de ouros +console.log(carta.texto)// imprime o texto da carta. Nesse caso: "K♦️" +console.log(carta.valor)// imprime o valor da carta (um número). Nesse caso: 10) + + +/*6 - O programa deve mostrar, no console, as cartas e pontuação de cada jogador no formato +mostrado abaixo: +"Usuário - cartas: Q♣️ 10♣️ - pontuação 20" +"Computador - cartas: Q♣️ 10♣️ - pontuação 20" */ +console.log() + +/*7 - Além disso, deve indicar o vencedor ou um empate: +"Empate!" +"O usuário ganhou!" +"O computador ganhou!" */ + + + \ No newline at end of file diff --git a/modulo1/projeto-lista-js/lista-exercicios-intro-js/exercicios-LAPTOP-43PHHAT4.js b/modulo1/projeto-lista-js/lista-exercicios-intro-js/exercicios-LAPTOP-43PHHAT4.js new file mode 100644 index 0000000..50c66bd --- /dev/null +++ b/modulo1/projeto-lista-js/lista-exercicios-intro-js/exercicios-LAPTOP-43PHHAT4.js @@ -0,0 +1,108 @@ +// EXEMPLOS DE IMPLEMENTAÇÃO --------------------------------------------------------------- + +// EXERCÍCIO 0A +function soma(num1, num2) { + // implemente sua lógica aqui + return num1 + num2 +} + +// EXERCÍCIO 0B +function imprimeMensagem() { + // implemente sua lógica aqui + const mensagem = prompt('Digite uma mensagem!') + + console.log(mensagem) +} + +// EXERCÍCIOS PARA FAZER ------------------------------------------------------------------ + +// EXERCÍCIO 01 +function calculaAreaRetangulo() { + // implemente sua lógica aqui + +} + +// EXERCÍCIO 02 +function imprimeIdade() { + // implemente sua lógica aqui + +} + +// EXERCÍCIO 03 +function calculaIMC(peso, altura) { + // implemente sua lógica aqui + +} + +// EXERCÍCIO 04 +function imprimeInformacoesUsuario() { + // implemente sua lógica aqui + // "Meu nome é NOME, tenho IDADE anos, e o meu email é EMAIL." + +} + +// EXERCÍCIO 05 +function imprimeTresCoresFavoritas() { + // implemente sua lógica aqui + +} + +// EXERCÍCIO 06 +function retornaStringEmMaiuscula(string) { + // implemente sua lógica aqui + +} + +// EXERCÍCIO 07 +function calculaIngressosEspetaculo(custo, valorIngresso) { + // implemente sua lógica aqui + +} + +// EXERCÍCIO 08 +function checaStringsMesmoTamanho(string1, string2) { + // implemente sua lógica aqui + +} + +// EXERCÍCIO 09 +function retornaPrimeiroElemento(array) { + // implemente sua lógica aqui + +} + +// EXERCÍCIO 10 +function retornaUltimoElemento(array) { + // implemente sua lógica aqui + +} + +// EXERCÍCIO 11 +function trocaPrimeiroEUltimo(array) { + // implemente sua lógica aqui + +} + +// EXERCÍCIO 12 +function checaIgualdadeDesconsiderandoCase(string1, string2) { + // implemente sua lógica aqui + +} + +// EXERCÍCIO 13 +function checaRenovacaoRG() { + // implemente sua lógica aqui + +} + +// EXERCÍCIO 14 +function checaAnoBissexto(ano) { + // implemente sua lógica aqui + +} + +// EXERCÍCIO 15 +function checaValidadeInscricaoLabenu() { + // implemente sua lógica aqui + +} \ No newline at end of file diff --git a/modulo1/projeto-lista-js/lista-exercicios-intro-js/index.html b/modulo1/projeto-lista-js/lista-exercicios-intro-js/index.html new file mode 100644 index 0000000..7d33eda --- /dev/null +++ b/modulo1/projeto-lista-js/lista-exercicios-intro-js/index.html @@ -0,0 +1,14 @@ + + + + + + + + + Document + + +
+ + \ No newline at end of file diff --git a/modulo1/projeto-lista-js/lista-exercicios-intro-js/tests.js b/modulo1/projeto-lista-js/lista-exercicios-intro-js/tests.js new file mode 100644 index 0000000..3c06be9 --- /dev/null +++ b/modulo1/projeto-lista-js/lista-exercicios-intro-js/tests.js @@ -0,0 +1,35 @@ +!function(e,n,t,r,a){var o="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:"undefined"!=typeof window?window:"undefined"!=typeof global?global:{},l="function"==typeof o.parcelRequire9b95&&o.parcelRequire9b95,u=l.cache||{},i="undefined"!=typeof module&&"function"==typeof module.require&&module.require.bind(module);function s(n,t){if(!u[n]){if(!e[n]){var r="function"==typeof o.parcelRequire9b95&&o.parcelRequire9b95;if(!t&&r)return r(n,!0);if(l)return l(n,!0);if(i&&"string"==typeof n)return i(n);var a=new Error("Cannot find module '"+n+"'");throw a.code="MODULE_NOT_FOUND",a}f.resolve=function(t){return e[n][1][t]||t},f.cache={};var c=u[n]=new s.Module(n);e[n][0].call(c.exports,f,c,c.exports,this)}return u[n].exports;function f(e){return s(f.resolve(e))}}s.isParcelRequire=!0,s.Module=function(e){this.id=e,this.bundle=s,this.exports={}},s.modules=e,s.cache=u,s.parent=l,s.register=function(n,t){e[n]=[function(e,n){n.exports=t},{}]},Object.defineProperty(s,"root",{get:function(){return o.parcelRequire9b95}}),o.parcelRequire9b95=s;for(var c=0;c{const{getTestResult:e,setTestResult:n}=b.useTestResults(),[t,r]=u.useState(null);return i.default.createElement("div",null,i.default.createElement(p.Heading,null),i.default.createElement("hr",null),i.default.createElement("div",{style:{display:"flex"}},i.default.createElement(m.TestsSelect,{tests:v,selectedTest:t,setSelectedTest:r,getTestResult:e})),t?i.default.createElement(h.TestRunner,{test:t,setTestResultGlobal:n}):i.default.createElement(g.AllTestsRunner,{tests:v}))},w=document.createElement("style");w.textContent=c.default,document.querySelector("head").appendChild(w),l.default.render(i.default.createElement(y,null),document.getElementById("root"))},{"../core/types":"4XE9t","react-dom":"1FapN",react:"3lC58","bundle-text:./water.css":"6xekz","../core/validators":"4w5y8","./components/Heading":"PT9Wn","./components/TestsSelect":"4sjzY","./components/TestRunner":"3swYc","./components/AllTestsRunner":"5sFQ0","./hooks/useTestResults":"5bxix","@parcel/transformer-js/lib/esmodule-helpers.js":"1rdR8"}],"4XE9t":[function(e,n,t){var r=e("@parcel/transformer-js/lib/esmodule-helpers.js");let a;r.defineInteropFlag(t),r.export(t,"INPUT_TYPES",(function(){return a})),function(e){e.FUNCTION_ARGS="FUNCTION_ARGS",e.PROMPT="PROMPT"}(a||(a={}))},{"@parcel/transformer-js/lib/esmodule-helpers.js":"1rdR8"}],"1rdR8":[function(e,n,t){"use strict";t.interopDefault=function(e){return e&&e.__esModule?e:{default:e}},t.defineInteropFlag=function(e){Object.defineProperty(e,"__esModule",{value:!0})},t.exportAll=function(e,n){return Object.keys(e).forEach((function(t){"default"!==t&&"__esModule"!==t&&(t in n&&n[t]===e[t]||Object.defineProperty(n,t,{enumerable:!0,get:function(){return e[t]}}))})),n},t.export=function(e,n,t){Object.defineProperty(e,n,{enumerable:!0,get:t})}},{}],"1FapN":[function(e,n,t){"use strict";!function e(){if("undefined"!=typeof __REACT_DEVTOOLS_GLOBAL_HOOK__&&"function"==typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE)try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(e)}catch(e){console.error(e)}}(),n.exports=e("./cjs/react-dom.production.min.js")},{"./cjs/react-dom.production.min.js":"7q6tI"}],"7q6tI":[function(e,n,t){ +/** @license React v17.0.2 + * react-dom.production.min.js + * + * Copyright (c) Facebook, Inc. and its affiliates. + * + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. + */ +"use strict";var r=e("react"),a=e("object-assign"),o=e("scheduler");function l(e){for(var n="https://reactjs.org/docs/error-decoder.html?invariant="+e,t=1;t