BEZERRA, André - Um debate Cooperativo [BootCamp Ri Happy]
RESUMO
Essa postagem será a extensão de para acesso da toda a comunidade no suporte ao BootCamp Ri Happy.
Irei adicionar as resoluções e gerar algumas contribuições de forma assíncrona com os colaboradores.
A intenção é começar uma participação de maior qualidade e aumentar a interação / suporte à dúvidas.
>> Vamos produzir bastante material para outras redes. ^^ Aguardadmos a participação de todos.
Sumário
___________________________________________________________________________________________________________________
I Dúvidas - Comentários
II Soluções - Códigos
III Projetos - GitHub
___________________________________________________________________________________________________________________
II Soluções - Códigos
Explorando HTML e CSS com Lógica de Programação
1 / 2 - Criando uma Vitrine de Brinquedos
// Desafios JavaScript na DIO têm funções "gets" e "print" acessíveis globalmente:
//- "gets" : lê UMA linha com dado(s) de entrada (inputs) do usuário;
//- "print" : imprime um texto de saída (output), pulando linha.
// Capturando os nomes dos brinquedos
let brinquedo1 = gets();
let brinquedo2 = gets();
let brinquedo3 = gets();
// Imprimindo a lista
print("<ul>");
print(`<li>${brinquedo1}</li>`);
// TODO: Preencha o código abaixo com as variáveis que representam os nomes dos brinquedos
print(`<li>${brinquedo2}</li>`);
print(`<li>${brinquedo3}</li>`);
print("</ul>");
Bônus A
let brinquedo = [gets(), gets(), gets()];
console.log("<ul>");
for (i of brinquedo) console.log(`<li>${i}</li>`);
console.log("</ul>");
Bônus B
let out = ''
for (i = 0; i < 3; ++i) out += `<li>${gets()}</li>\n`
console.log(`<ul>\n${out}</ul>\n`)
Bônus Extra
[...] - Usar um while para pegar as informações.
2 / 2 - Estilizando o Nome do Brinquedo
/*
Desafios JavaScript na DIO têm funções "gets" e "print" acessíveis globalmente:
- "gets" : lê UMA linha com dado(s) de entrada (inputs) do usuário;
- "print" : imprime um texto de saída (output), pulando linha.
TODO
[ X ] Construa a tag <h1> com o estilo CSS, completando com as variáveis representando cada estilização;
[ X ] Exibindo o resultado no console.
*/
const cor = gets();
const tamanhoFonte = gets();
const nomeBrinquedo = gets();
// [1]
const resultado = `<h1 style="color: ${cor}; font-size: ${tamanhoFonte};">${nomeBrinquedo}</h1>`;
// [2]
print(resultado);
Bônus A
[A]
Bônus B
[B]
Bônus Extra
[...] - Usar um while para pegar as informações.
Explorando Fundamentos de Lógica com JavaScript
1 / 2 - Categorizando Brinquedos por Faixa Etária
[... is coming]
Bônus A
[A]
Bônus B
[B]
Bônus Extra
[...] - Usar um while para pegar as informações.
2 / 2 - Analisando o Estoque de Brinquedos
[... is coming]
Bônus A
[A]
Bônus B
[B]
Bônus Extra
[...] - Usar um while para pegar as informações.
Técnicas de Programação com Funções e Classes
1 / 2 - Brinquedos com Desconto
[... is coming]
Bônus A
[A]
Bônus B
[B]
Bônus Extra
[...] - Usar um while para pegar as informações.
2 / 2 - Calculando Frete dos Brinquedos
[... is coming]
Bônus A
[A]
Bônus B
[B]
Bônus Extra
[...] - Usar um while para pegar as informações.
III Projetos - GitHub
[ ... em construção ]
REFERÊNCIAS
- Geeks for Geeks - JavaScript Tutorial - https://www.geeksforgeeks.org/javascript/ ;
- JavaScript Documentation - https://developer.mozilla.org/en-US/docs/Web/JavaScript;
- 15 JavaScript Tricks Transforming Beginners to Pros - https://dev.to/onlinemsr/15-javascript-tricks-transforming-beginners-to-pros-6fp;