├── README.md
├── cap1
    ├── teste.html
    └── teste.js
├── cap2
    ├── adivinhacao.js
    ├── arquivos.js
    ├── arquivosJson.js
    ├── arrays.js
    ├── calculadora.js
    ├── calculadoraComSwitch.js
    ├── carros.json
    ├── estruturasDecisao.js
    ├── estruturasRepeticao.js
    ├── funcoes.js
    ├── manipulacaoArrays.js
    ├── meuArquivo.txt
    ├── multiplos3e5.js
    ├── objetosJson.js
    ├── operadores.js
    ├── tiposVariaveis.js
    └── variaveis.js
└── cap3
    ├── imc
        ├── index.css
        ├── index.html
        └── index.js
    ├── index.css
    ├── index.html
    ├── index.js
    ├── index2.html
    ├── index3.html
    ├── index3.js
    ├── lampada_desligada.gif
    └── lampada_ligada.gif


/README.md:
--------------------------------------------------------------------------------
1 | # igti-bootcamp-beginner-software-developer-fundamentals
2 | Code developed by teacher Guilherme Assis and used in the recorded classes of module 1 (Beginner Software Developer Fundamentals) of the Bootcamp Beginner Software Developer from IGTI
3 | 


--------------------------------------------------------------------------------
/cap1/teste.html:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   console.log("Olá Mundo!");
 3 |   alert("Teste de Alerta");
 4 | 
 5 |   var a = 1;
 6 |   var b = 1;
 7 |   var total = a + b;
 8 | 
 9 |   console.log(total);
10 | </script>


--------------------------------------------------------------------------------
/cap1/teste.js:
--------------------------------------------------------------------------------
1 | console.log("Hello World!");
2 | 


--------------------------------------------------------------------------------
/cap2/adivinhacao.js:
--------------------------------------------------------------------------------
 1 | /*
 2 |     Criar um jogo no qual o jogador tenha que adivinhar um número. 
 3 |     O jogo deve gerar um número aleatório entre 1 e 100, e depois desafiar 
 4 |     o jogador a descobrir qual o número em no máximo 10 tentativas. 
 5 |     A cada tentativa, caso o jogador não tenha acertado o número, o jogo 
 6 |     deve informar se o número informado é maior ou menor que o sorteado. 
 7 |     O jogo termina se o jogador acertar o número ou acabarem o número 
 8 |     de tentativas.
 9 | 
10 |     1) Gerar um número aleatório entre 1 e 100
11 |     2) Inicializar o número de tentativas como 10
12 |     3) Pedir o jogador para tentar adivinhar o número
13 |     4) Decrementar o número de tentativas
14 |     5) Verificar se a tentativa está correta
15 |     6) Se estiver correta:
16 |         - Informar que acertou o número
17 |         - Encerrar o jogo
18 |     7) Se estiver incorreta, e acabaram as tentivas:
19 |         - Informar que ele não venceu
20 |         - Encerrar o jogo
21 |     8) Se estiver incorreta, e ainda existirem tentativas:
22 |         - Informar se a tentiva é maior ou menor que o número sorteado
23 |         - Pedir outra tentativa para o jogador
24 | */
25 | var readline = require("readline");
26 | var rl = readline.createInterface({
27 |     input: process.stdin,
28 |     output: process.stdout
29 | });
30 | 
31 | var numeroAleatorio = Math.round(Math.random() * 100);
32 | if (numeroAleatorio === 0) {
33 |     numeroAleatorio = 1;
34 | }
35 | 
36 | var numeroTentativas = 10;
37 | 
38 | pergunta();
39 | 
40 | function pergunta() {
41 |     rl.question("Digite um número: ", function(numero) {
42 |         numero = parseInt(numero);
43 |         numeroTentativas--;
44 |         if (numero === numeroAleatorio) {
45 |             console.log("Parabéns, você acertou o número!");
46 |             rl.close();
47 |         } else if (numeroTentativas === 0) {
48 |             console.log("Que pena, você não descobriu o número em 10 tentativas.");
49 |             rl.close();
50 |         } else if (numero > numeroAleatorio) {
51 |             console.log("Número errado, você ainda tem " + numeroTentativas + " tentativas. " +
52 |                         "O número informado é maior que o sorteado.");
53 |             pergunta();
54 |         } else {
55 |             console.log("Número errado, você ainda tem " + numeroTentativas + " tentativas. " +
56 |                         "O número informado é menor que o sorteado.");        
57 |             pergunta();
58 |         }
59 |     });
60 | }


--------------------------------------------------------------------------------
/cap2/arquivos.js:
--------------------------------------------------------------------------------
 1 | var fs = require("fs");
 2 | var nomeArquivo = "meuArquivo.txt";
 3 | 
 4 | /*var x;
 5 | if (x) {
 6 |     console.log("x tem valor");
 7 | } else {
 8 |     console.log("x nao tem valor");
 9 | }*/
10 | 
11 | console.log("1");
12 | 
13 | fs.writeFile(nomeArquivo, "um texto qualquer", function(err) {
14 |     if (err !== null) {
15 |         console.log(err);
16 |     } else {
17 |         fs.appendFile(nomeArquivo, "\nnova linha no texto", function(err) {
18 |             if (err) {
19 |                 console.log(err);
20 |             } else {
21 |                 fs.readFile(nomeArquivo, "utf-8", function(err, data) {
22 |                     if (err) {
23 |                         console.log(err);
24 |                     } else {
25 |                         console.log(data);
26 |                     } 
27 |                 });
28 |             }
29 |         });
30 |     }   
31 | });
32 | 
33 | console.log("2");


--------------------------------------------------------------------------------
/cap2/arquivosJson.js:
--------------------------------------------------------------------------------
 1 | var fs = require("fs");
 2 | var nomeArquivo = "carros.json";
 3 | var carros = ["Gol", "Palio", "Uno", "Celta"];
 4 | var concessionaria = {
 5 |     nome: "Concessionaria XYZ",
 6 |     carros    
 7 | }
 8 | 
 9 | fs.writeFile(nomeArquivo, JSON.stringify(concessionaria), function(err) {
10 |     if (err) {
11 |         console.log(err);
12 |     } else {
13 |         fs.readFile(nomeArquivo, "utf-8", function(err, data) {
14 |             if (err) {
15 |                 console.log(err);
16 |             } else {
17 |                 var obj = JSON.parse(data);
18 |                 obj.carros.push("HRV");
19 |                 fs.writeFile(nomeArquivo, JSON.stringify(obj), function (err) {
20 |                     if (err) {
21 |                         console.log(err);
22 |                     }
23 |                 });
24 |             }
25 |         });
26 |     }
27 | });


--------------------------------------------------------------------------------
/cap2/arrays.js:
--------------------------------------------------------------------------------
 1 | var carros = ["Gol", "Palio", "Uno"];
 2 | console.log(carros);
 3 | 
 4 | 
 5 | var primeiroCarro = carros[0];
 6 | var segundoCarro = carros[1];
 7 | var terceiroCarro = carros[2];
 8 | 
 9 | console.log("primeira posicao: " + primeiroCarro);
10 | console.log("segunda posicao: " + segundoCarro);
11 | console.log("terceira posicao: " + terceiroCarro);
12 | 
13 | carros[2] = "Argo";
14 | console.log(carros[2]);
15 | 
16 | console.log(terceiroCarro);
17 | 
18 | console.log("tamanho do array: " + carros.length);
19 | console.log("ultimo elemento do array: " + carros[carros.length - 1]);
20 | 
21 | carros[3] = "Sandero";
22 | console.log("ultimo elemento do array: " + carros[carros.length - 1]);
23 | 
24 | carros[carros.length] = "Fit";
25 | console.log("ultimo elemento do array: " + carros[carros.length - 1]);
26 | 
27 | carros.push("Polo");
28 | console.log(carros);
29 | 
30 | carros.push(123);
31 | console.log(carros);


--------------------------------------------------------------------------------
/cap2/calculadora.js:
--------------------------------------------------------------------------------
 1 | var operacao = process.argv[2];
 2 | var num1 = parseInt(process.argv[3]);
 3 | var num2 = parseInt(process.argv[4]);
 4 | 
 5 | var resultado = 0;
 6 | 
 7 | if (operacao === "soma") {
 8 |     resultado = num1 + num2;
 9 | } else if (operacao === "subtracao") {
10 |     resultado = num1 - num2;
11 | } else if (operacao === "multiplicacao") {
12 |     resultado = num1 * num2;
13 | } else if (operacao === "divisao") {
14 |     resultado = num1 / num2;
15 | } else if (operacao === "resto") {
16 |     resultado = num1 % num2;
17 | } else if (operacao === "porcentagem") {
18 |     resultado = num1 * num2 / 100;
19 | }
20 | 
21 | console.log(resultado);


--------------------------------------------------------------------------------
/cap2/calculadoraComSwitch.js:
--------------------------------------------------------------------------------
 1 | var operacao = process.argv[2];
 2 | var num1 = parseInt(process.argv[3]);
 3 | var num2 = parseInt(process.argv[4]);
 4 | 
 5 | var resultado = 0;
 6 | 
 7 | switch (operacao) {
 8 |     case "soma":
 9 |         resultado = num1 + num2;
10 |         break;
11 |     case "subtracao":
12 |         resultado = num1 - num2;
13 |         break;
14 |     case "multiplicacao":
15 |         resultado = num1 * num2;
16 |         break;
17 |     case "divisao":
18 |         resultado = num1 / num2;
19 |         break;
20 |     case "resto":
21 |         resultado = num1 % num2;
22 |         break;
23 |     case "porcentagem":
24 |         resultado = num1 * num2 / 100;
25 |         break;
26 |     default:
27 |         resultado = 0;    
28 | }
29 | 
30 | console.log(resultado);


--------------------------------------------------------------------------------
/cap2/carros.json:
--------------------------------------------------------------------------------
1 | {"nome":"Concessionaria XYZ","carros":["Gol","Palio","Uno","Celta","HRV"]}


--------------------------------------------------------------------------------
/cap2/estruturasDecisao.js:
--------------------------------------------------------------------------------
  1 | var a = 50;
  2 | var b = 60;
  3 | if (a > b) {
  4 |     //condicao a ser executada caso seja verdadeiro
  5 |     console.log("a maior do que b");
  6 | } else if (b < a) {        
  7 |     console.log("b maior do que a");
  8 | } else {
  9 |     console.log("a e b sao iguais");
 10 | }
 11 | 
 12 | if (a > b) {
 13 |     console.log("executar somente se a > b");
 14 | }
 15 | console.log("sempre executar");
 16 | 
 17 | var c = 40;
 18 | var d = 40;
 19 | if (c >= d) {
 20 |     console.log("c maior ou igual a d");
 21 | }
 22 | if (d <= c) {
 23 |     console.log("d menor ou igual a c");
 24 | }
 25 | 
 26 | var e = 10;
 27 | var f = "10";
 28 | if (e === f) {
 29 |     console.log("e é igual a f")
 30 | }
 31 | 
 32 | var g = 10;
 33 | var h = "10";
 34 | if (g !== h) {
 35 |     console.log("g diferente de h");
 36 | }
 37 | 
 38 | var i = 4;
 39 | var j = 3;
 40 | var k = 5;
 41 | var l = 5;
 42 | if ((i > j) && (l > k)) {
 43 |     console.log("i maior que j");
 44 | }
 45 | if ((i === j) || (k === l)) {
 46 |     console.log("um dos dois eram validos");
 47 |     if (k === 5) {
 48 |         console.log("k igual a 5");
 49 |     } else {
 50 |         if (k === 4) {
 51 | 
 52 |         } else if (k === 3) {
 53 | 
 54 |         }
 55 |     }
 56 | }
 57 | 
 58 | console.log(!(1 > 2));
 59 | if (!(1 > 2)) {
 60 |     console.log("execute");
 61 | }
 62 | 
 63 | var fruta = "abacaxi";
 64 | var valor = 0;
 65 | if (fruta === "banana") {
 66 |     valor = 2;
 67 | } else if (fruta === "maca") {
 68 |     valor = 3;
 69 | } else if (fruta === "abacaxi") {
 70 |     valor = 4;
 71 | } else if (fruta === "melao") {
 72 |     valor = 5;
 73 | } else if (fruta === "mamao") {
 74 |     valor = 5.50;
 75 | } else {
 76 |     valor = 10;
 77 | }
 78 | //console.log("valor: " + valor);
 79 | 
 80 | switch (fruta) {
 81 |     case "banana":
 82 |         valor = 2;        
 83 |         break;
 84 |     case "maca":
 85 |         valor = 3;
 86 |         break;
 87 |     case "abacaxi":
 88 |         valor = 4;
 89 |         break;
 90 |     case "melao":
 91 |         valor = 5;
 92 |         break;
 93 |     case "mamao":
 94 |         valor = 5.50;
 95 |         break;
 96 |     default:
 97 |         valor = 10;
 98 | }
 99 | console.log("valor: " + valor);
100 | 
101 | var x = 3;
102 | var y = 2;
103 | var resultado = "";
104 | if (x > y) {
105 |     resultado = "x maior que y";
106 | } else {
107 |     resultado = "senao";
108 | }
109 | console.log(resultado);
110 | 
111 | resultado = x > y ? "x maior que y" : "senao";
112 | console.log(resultado);


--------------------------------------------------------------------------------
/cap2/estruturasRepeticao.js:
--------------------------------------------------------------------------------
 1 | for (var i = 0; i < 10; i++) {
 2 |     //console.log(i);
 3 | }
 4 | 
 5 | var carros = ["Gol", "Palio", "Uno", "Celta", "Sandero"];
 6 | 
 7 | //do comeco para o final do array
 8 | for (var i = 0; i < carros.length; i++) {
 9 |     //console.log(carros[i]);
10 | }
11 | 
12 | //do fim para o inicio do array
13 | for (var i = carros.length - 1; i >= 0; i--) {
14 |     //console.log(carros[i]);
15 | }
16 | 
17 | var i = 0;
18 | while (i < carros.length) {
19 |     //console.log(carros[i]);
20 |     i++;
21 | }
22 | 
23 | /*while (true) {
24 |     console.log("olá");
25 | }*/
26 | 
27 | var i = 0;
28 | while (i < carros.length) {
29 |     if (carros[i] === "Palio") {
30 |         //console.log("Encontrei o Palio");
31 |         break;
32 |     }
33 |     i++;
34 | }
35 | 
36 | var numeros = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
37 | var i = 0;
38 | while (i < numeros.length) {
39 |     var num = numeros[i];
40 |     i++;
41 | 
42 |     if (num % 2 === 0) {
43 |         //console.log(num + " é par");
44 |         continue;
45 |     }
46 | 
47 |     //console.log(num + " é impar");
48 |     //...
49 | }
50 | 
51 | var j = 30;
52 | do {
53 |     j++;
54 |     //console.log(j);
55 | } while (j < 10);
56 | 
57 | for (var carro of carros) {
58 |     console.log(carro);
59 | }
60 | for (var i = 0; i < carros.length; i++) {
61 |     console.log(carros[i]);
62 | }


--------------------------------------------------------------------------------
/cap2/funcoes.js:
--------------------------------------------------------------------------------
 1 | funcaoSemParametro();
 2 | 
 3 | function multiplicacao(p1, p2) {
 4 |     console.log("function multiplicacao executada");
 5 |     return p1 * p2;
 6 | }
 7 | 
 8 | function saudacao(nome) {
 9 |     console.log("Olá " + nome + " seja bem vindo!");
10 | }
11 | 
12 | function funcaoSemParametro() {
13 |     var a = 1;
14 |     var b = 2;
15 |     console.log(a + b);
16 | }
17 | 
18 | var resultado = multiplicacao(4, 3);
19 | console.log(resultado);
20 | console.log(multiplicacao(10, 2));
21 | saudacao("Guilherme");
22 | 
23 | 
24 | //console.log(a);


--------------------------------------------------------------------------------
/cap2/manipulacaoArrays.js:
--------------------------------------------------------------------------------
 1 | var carros = ["Gol", "Palio", "Uno", "Sandero"];
 2 | 
 3 | //pop remove o ultimo do elemento do array e retorna o elemento removido
 4 | var carro = carros.pop();
 5 | /*console.log(carro);
 6 | console.log(carros);*/
 7 | 
 8 | //push insere o elemento no fim do array e retorna seu novo tamanho
 9 | var x = carros.push("Ford Ka");
10 | /*console.log(x);
11 | console.log(carros);*/
12 | 
13 | //shift remove o primeiro elemento do array, retorna ele e atualiza os outros indices
14 | carro = carros.shift();
15 | /*console.log(carro);
16 | console.log(carros);*/
17 | 
18 | //unshift adiciona um elemento no inicio do array, 
19 | //atualiza os outros indices e retorna o novo tamanho do array
20 | x = carros.unshift("Onix");
21 | /*console.log(carros);
22 | console.log(x);*/
23 | 
24 | //atualizar elemento do indice informado
25 | carros[2] = "Novo Uno";
26 | //console.log(carros);
27 | 
28 | //remove elemento do indice informado, deixando um undefined no lugar
29 | /*delete carros[2];
30 | console.log(carros);*/
31 | 
32 | /*
33 |    primeiro parametro: posicao inicial
34 |    segundo parametro: quantos elementos serao removidos a partir da posicao inicial
35 |    terceiro e demais parametros: elementos que serao inseridos a partir da posicao inicial
36 | */
37 | carros.splice(2, 0, "HRV", "Creta");
38 | //console.log(carros);
39 | 
40 | carros.splice(2, 1);
41 | //console.log(carros);
42 | 
43 | //concat concatena um array em outro e retorna o novo array criado
44 | var carrosAntigos = ["Brasilia", "Monza", "Fusca"];
45 | var carrosAntigos2 = ["Corcel", "Chevet"];
46 | var todosCarros = carros.concat(carrosAntigos, carrosAntigos2);
47 | //console.log(todosCarros);
48 | 
49 | /*splice cria um novo array sem alterar o array original.
50 |   primeiro parametro: posicao inicial
51 |   segundo parametro (opcional): posicao final (nao incluso)
52 | */
53 | var novoArray = todosCarros.slice(1);
54 | //console.log(novoArray);
55 | var novoArray2 = todosCarros.slice(2, 5);
56 | //console.log(novoArray2);


--------------------------------------------------------------------------------
/cap2/meuArquivo.txt:
--------------------------------------------------------------------------------
1 | um texto qualquer
2 | nova linha no texto


--------------------------------------------------------------------------------
/cap2/multiplos3e5.js:
--------------------------------------------------------------------------------
 1 | /*
 2 | If we list all the natural numbers below 10 that are multiples of 3 or 5, 
 3 | we get 3, 5, 6 and 9. The sum of these multiples is 23.
 4 | Find the sum of all the multiples of 3 or 5 below 1000.
 5 | */
 6 | 
 7 | //Resposta: 233168
 8 | 
 9 | var multiplos = [];
10 | for (var i = 3; i < 1000; i++) {
11 |     if ((i % 3 === 0) || (i % 5 === 0)) {
12 |         multiplos.push(i);
13 |     }
14 | }
15 | 
16 | var sum = 0;
17 | for (var i = 0; i < multiplos.length; i++) {
18 |     sum += multiplos[i];
19 | }
20 | 
21 | console.log(sum);


--------------------------------------------------------------------------------
/cap2/objetosJson.js:
--------------------------------------------------------------------------------
 1 | var pessoa = {
 2 |     nome: "João",
 3 |     idade: 40,
 4 |     telefone: "(99) 99999-9999",
 5 |     temCarro: true,
 6 |     animaisDeEstimacao: [
 7 |         "Totó",
 8 |         "Bob"
 9 |     ],
10 |     pai: {
11 |         nome: "José",
12 |         idade: 68
13 |     }
14 | };
15 | console.log(pessoa);
16 | console.log(pessoa.nome);
17 | console.log(pessoa.pai.nome);
18 | pessoa.animaisDeEstimacao.push("Billy");
19 | pessoa.nome += " Silva";
20 | console.log(pessoa);
21 | pessoa.mae = {
22 |     nome: "Maria",
23 |     idade: 68
24 | };
25 | 
26 | console.log(JSON.stringify(pessoa));
27 | 
28 | salvarDadosPessoa(pessoa);
29 | 
30 | function salvarDadosPessoa(pessoa) {
31 |     console.log(pessoa);
32 | }


--------------------------------------------------------------------------------
/cap2/operadores.js:
--------------------------------------------------------------------------------
 1 | var soma = 4 + 2;
 2 | var subtracao = 5 - 3;
 3 | var multiplicacao = 5 * 4;
 4 | var divisao = 20 / 4;
 5 | var resto = 20 % 3;
 6 | 
 7 | console.log("soma: " + soma);
 8 | console.log("subtracao: " + subtracao);
 9 | console.log("multiplicacao: " + multiplicacao);
10 | console.log("divisao: " + divisao);
11 | console.log("resto: " + resto);
12 | 
13 | var num1 = 10;
14 | var num2 = 50;
15 | var resultado = (num2 + num1) / (8 + 2);
16 | console.log("precedencia: " + resultado);
17 | 
18 | var incremento = 1;
19 | incremento = incremento + 1;
20 | incremento++;
21 | console.log("incremento: " + incremento);
22 | 
23 | var atribuicaoComAdicao = 5;
24 | atribuicaoComAdicao += 6; //o mesmo que a = a + 6
25 | console.log("atribuicao com adicao: " + atribuicaoComAdicao);
26 | 
27 | var decremento = 5;
28 | decremento = decremento - 1;
29 | decremento--;
30 | console.log("decremento: " + decremento);
31 | 
32 | var atribuicaoComSubtracao = 10;
33 | //o mesmo que atribuicaoComSubtracao = atribuicaoComSubtracao - 4;
34 | atribuicaoComSubtracao -= 4;
35 | console.log("atribuicao com subtracao: " + atribuicaoComSubtracao);
36 | 
37 | var atribuicaoComMultiplicacao = 4;
38 | //o mesmo que atribuicaoComMultiplicacao = atribuicaoComMultiplicacao * 5;
39 | atribuicaoComMultiplicacao *= 5;
40 | console.log("atribuicao com multiplicacao: " + atribuicaoComMultiplicacao);
41 | 
42 | var atribuicaoComDivisao = 20;
43 | //o mesmo que atribuicaoComDivisao = atribuicaoComDivisao / 4;
44 | atribuicaoComDivisao /= 4;
45 | console.log("atribuicao com divisao: " + atribuicaoComDivisao);
46 | 
47 | var a = 4;
48 | var b = 3;
49 | var adicaoIncrementoPosterior = a + b++;
50 | console.log("adicao com incremento posterior: " + adicaoIncrementoPosterior);
51 | 
52 | var adicaoIncrementoAnterior = a + ++b;
53 | console.log("adicao incremento anterior: " + adicaoIncrementoAnterior);
54 | 
55 | var c = 5;
56 | var d = 6;
57 | var adicaoDecrementoPosterior = c + d--;
58 | console.log("adicao com decremento posterior: " + adicaoDecrementoPosterior);
59 | 
60 | var adicaoDecrementoAnterior = c + --d;
61 | console.log("adicao com decremento anterior: " + adicaoDecrementoPosterior);


--------------------------------------------------------------------------------
/cap2/tiposVariaveis.js:
--------------------------------------------------------------------------------
 1 | var inteiro = 10;
 2 | var decimal = 10.54;
 3 | var stringAspasDuplas = "Texto de teste aspas duplas";
 4 | var stringAspasSimples = 'Texto de teste aspas simples';
 5 | var booleanoVerdadeiro = true;
 6 | var booleanoFalso = false;
 7 | var variavelNaoDefinida;
 8 | var variavelNula = null;
 9 | 
10 | console.log(inteiro);
11 | console.log(decimal);
12 | console.log(stringAspasDuplas);
13 | console.log(stringAspasSimples);
14 | console.log(booleanoVerdadeiro);
15 | console.log(booleanoFalso);
16 | console.log(variavelNaoDefinida);
17 | console.log(variavelNula);
18 | 
19 | var mudancaTipo = 1;
20 | console.log(mudancaTipo);
21 | mudancaTipo = "Troquei de numero para texto";
22 | console.log(mudancaTipo);
23 | 
24 | console.log(typeof(inteiro));
25 | console.log(typeof(decimal));
26 | console.log(typeof(stringAspasDuplas));
27 | console.log(typeof(stringAspasSimples));
28 | console.log(typeof(booleanoVerdadeiro));
29 | console.log(typeof(booleanoFalso));
30 | console.log(typeof(variavelNaoDefinida));
31 | console.log(typeof(variavelNula));


--------------------------------------------------------------------------------
/cap2/variaveis.js:
--------------------------------------------------------------------------------
 1 | /*
 2 |     Aula sobre variaveis
 3 | */
 4 | 
 5 | //declarando variaveis
 6 | var abacate = 2;
 7 | var banana = 3;
 8 | 
 9 | //declaracao variavel da soma
10 | var totalFrutasSacola = abacate + banana;
11 | 
12 | //trocando valor da variavel abacate
13 | abacate = 5;
14 | 
15 | //somando novamente
16 | totalFrutasSacola = abacate + banana;
17 | 
18 | //imprimindo resultado
19 | console.log(totalFrutasSacola);


--------------------------------------------------------------------------------
/cap3/imc/index.css:
--------------------------------------------------------------------------------
 1 | .body {
 2 |     text-align: center;
 3 | }
 4 | 
 5 | .div-input {
 6 |     margin-top: 20px;
 7 |     margin-bottom: 20px;
 8 | }
 9 | 
10 | .label {
11 |     font-size: 20px;
12 |     font-weight: bold;
13 | }
14 | 
15 | .input {
16 |     font-size: 20px;
17 |     border: solid 2px darkblue;
18 |     border-radius: 7px;
19 | }
20 | 
21 | .btn-acoes {
22 |     font-size: 20px;
23 |     height: 50px;
24 |     width: 150px;
25 |     color: white;
26 |     background: #24525f;
27 | }
28 | 
29 | .resultado {
30 |     font-size: 40px;
31 |     color: darkblue;
32 | }


--------------------------------------------------------------------------------
/cap3/imc/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="pt-br">
 3 |     <head>
 4 |         <title>Cálculo do IMC</title>        
 5 |         <meta charset="utf-8">        
 6 |         <link rel="stylesheet" href="index.css">
 7 |         <script src="index.js"></script>
 8 |     </head>
 9 |     <body class="body">
10 |         <h1>Cálculo do IMC</h1>
11 |         <h2>Digite sua altura e peso nos campos abaixo:</h2>
12 |         
13 |         <div class="div-input">
14 |             <label class="label" for="altura">Altura: </label>        
15 |             <input id="altura" class="input" type="number" step="0.01">
16 |         </div>
17 | 
18 |         <div class="div-input">
19 |             <label class="label" for="peso">Peso: </label>        
20 |             <input id="peso" class="input" type="number" step="0.01">
21 |         </div>
22 | 
23 |         <div>
24 |             <button class="btn-acoes" onclick="calcularIMC()">Calcular</button>
25 |             <button class="btn-acoes" onclick="limpar()">Limpar</button>
26 |         </div>
27 | 
28 |         <p id="resultado" class="resultado"></p>
29 |         <p id="descricaoResultado" class="resultado"></p>
30 |     </body>
31 | </html>


--------------------------------------------------------------------------------
/cap3/imc/index.js:
--------------------------------------------------------------------------------
 1 | function calcularIMC() {
 2 |     var altura = parseFloat(document.getElementById("altura").value);
 3 |     var peso = parseFloat(document.getElementById("peso").value);
 4 |     var imc = peso / (altura * altura);
 5 |     var imcResultado = "";
 6 | 
 7 |     if (imc < 18.5) {
 8 |         imcResultado = "abaixo do normal";
 9 |     } else if ((imc >= 18.5) && (imc < 25)) {
10 |         imcResultado = "normal";        
11 |     } else if ((imc >= 25) && (imc < 30)) {
12 |         imcResultado = "sobrepeso";
13 |     } else if ((imc >= 30) && (imc < 40)) {
14 |         imcResultado = "obesidade";
15 |     } else {
16 |         imcResultado = "obesidade grave"
17 |     }
18 | 
19 |     document.getElementById("resultado").innerHTML = "Seu IMC é: " + imc;
20 |     document.getElementById("descricaoResultado").innerHTML = 
21 |         "Seu IMC indica que seu peso está: " + imcResultado;
22 | }
23 | 
24 | function limpar() {
25 |     document.getElementById("altura").value = 0;
26 |     document.getElementById("peso").value = 0;
27 |     document.getElementById("resultado").innerHTML = "";
28 |     document.getElementById("descricaoResultado").innerHTML = "";
29 | }


--------------------------------------------------------------------------------
/cap3/index.css:
--------------------------------------------------------------------------------
 1 | .texto-header {
 2 |     color: blue; 
 3 |     background-color: aquamarine;
 4 | }
 5 | 
 6 | #texto2 {
 7 |     color: red;
 8 | }
 9 | 
10 | .borda {
11 |     border: solid 11px #00b9b4;
12 |     border-radius: 27px;
13 | }
14 | 
15 | .paragrafo {
16 |     /*margin-top: 30px;
17 |     margin-bottom: 20px;
18 |     margin-left: 10px;
19 |     margin-right: 15px;*/
20 |     margin: 30px 15px 20px 10px;
21 |     padding: 10px;
22 | }


--------------------------------------------------------------------------------
/cap3/index.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="pt-br">
  3 |     <head>
  4 |         <title>Título da Página</title>
  5 |         <meta charset="utf-8">
  6 |         <link rel="stylesheet" href="index.css">      
  7 |         <script>
  8 |             //alert("Hello world!");
  9 |             console.log("Hello world!");
 10 |         </script>  
 11 |     </head>
 12 |     <body>
 13 |         <script src="index.js"></script>
 14 | 
 15 |         <img width="200" src="https://cdn.shopify.com/s/files/1/2182/1515/t/26/assets/igti-logo-green.png?v=1635146237914493544">
 16 |         
 17 |         <h1 class="texto-header">Heading 1</h1>
 18 |         <h2 id="texto2">Heading 2</h2>
 19 |         <h3>Heading 3</h3>
 20 |         <h4>Heading 4</h4>
 21 |         <h5>Heading 5</h5>
 22 |         <h6>Heading 6</h6>
 23 | 
 24 |         <script>
 25 |             setTimeout(function() {
 26 |                 console.log("passou 1 segundo");
 27 |             }, 1000);
 28 | 
 29 |             setTimeout(function() {
 30 |                 console.log("passou 2 segundos");
 31 |                 //document.write("texto qualquer");
 32 |             }, 2000);            
 33 | 
 34 |             document.write("texto qualquer");
 35 |         </script>
 36 | 
 37 |         <p class="borda paragrafo">Esse é um parágrafo</p>    
 38 |         <br>
 39 |         <br>        
 40 |         <p class="paragrafo" id="paragrafo2">Esse é outro parágrafo</p>
 41 |         
 42 |         <a href="https://www.igti.com.br/">Ir para o site do IGTI</a>
 43 | 
 44 |         <br>
 45 |         <input type="text">
 46 |         <br>
 47 |         <input type="number">
 48 |         <br>
 49 |         <input type="checkbox" id="carro1">
 50 |         <label for="carro1">Uno</label>
 51 |         <input type="checkbox" id="carro2">
 52 |         <label for="carro2">Gol</label>
 53 |         
 54 |         <br>
 55 |         
 56 |         <input type="radio" id="masculino" value="masculino" name="sexo">
 57 |         <label for="masculino">Masculino</label>
 58 |         <br>
 59 |         <input type="radio" id="feminino" value="feminino" name="sexo">
 60 |         <label for="feminino">Feminino</label>
 61 |         <br>
 62 |         <input type="radio" id="outros" value="outros" name="sexo">
 63 |         <label for="outros">Outros</label>
 64 | 
 65 |         <br>
 66 |         
 67 |         <select>
 68 |             <option value="uno">Uno</option>
 69 |             <option value="gol" selected>Gol</option>
 70 |             <option value="palio">Palio</option>
 71 |             <option value="sandero">Sandero</option>
 72 |         </select>
 73 |         <br>
 74 |         <select multiple>
 75 |             <option value="uno">Uno</option>
 76 |             <option value="gol">Gol</option>
 77 |             <option value="palio">Palio</option>
 78 |             <option value="sandero">Sandero</option>
 79 |         </select>        
 80 |         
 81 |         <br>
 82 |         
 83 |         <textarea rows="5" cols="20"></textarea>
 84 |         
 85 |         <br>
 86 | 
 87 |         <button type="button" onclick="clickBotao()">Clique aqui</button>
 88 |         <button type="button" onclick="clickBotao2()">Clique aqui 2</button>
 89 | 
 90 |         <br>
 91 | 
 92 |         <img id="lampada" src="lampada_desligada.gif">
 93 |         <br>
 94 |         <button type="button" onclick="ligarLampada()">Ligar Lampada</button>
 95 |         <button type="button" onclick="desligarLampada()">Desligar Lampada</button>
 96 |         <br>
 97 |         <br>
 98 |         <button type="button" onclick="adicionarElemento()">Adicionar Elemento</button>
 99 |         <button type="button" onclick="removerElementos()">Remover Elementos</button>
100 |         <br>
101 |         <div id="div-elementos"></div>
102 | 
103 |         <script>
104 |             console.log("Hello world no body!");
105 |             document.write("texto qualquer");
106 |         </script>        
107 |     </body>
108 | </html>


--------------------------------------------------------------------------------
/cap3/index.js:
--------------------------------------------------------------------------------
 1 | console.log("Hello world no arquivo externo!");
 2 | document.write("texto qualquer");
 3 | 
 4 | function clickBotao() {
 5 |     //DOM - Document Object Model
 6 |     document.getElementById("paragrafo2").innerHTML = "Texto alterado com sucesso";
 7 |     //document.getElementById("paragrafo2").style.display = "none";
 8 |     
 9 |     for (var i = 0; i < document.getElementsByClassName("paragrafo").length; i++) {
10 |         document.getElementsByClassName("paragrafo")[i].style.color = "blue";
11 |         document.getElementsByClassName("paragrafo")[i].style.fontWeight = "bold";
12 |     }
13 | }
14 | 
15 | function clickBotao2() {
16 |     document.getElementById("paragrafo2").style.display = "block";    
17 | 
18 |     var botoes = document.getElementsByTagName("button");
19 |     var i = 0;
20 |     while (i < botoes.length) {
21 |         botoes[i].style.fontSize = "20px";
22 |         i++;
23 |     }
24 | }
25 | 
26 | function ligarLampada() {
27 |     document.getElementById("lampada").src = "lampada_ligada.gif";
28 | }
29 | 
30 | function desligarLampada() {
31 |     document.getElementById("lampada").src = "lampada_desligada.gif";
32 | }
33 | 
34 | var quantidadeElementos = 0;
35 | 
36 | function adicionarElemento() {
37 |     var elemento = document.createElement("P");
38 |     elemento.innerHTML = "elemento " + quantidadeElementos;
39 |     
40 |     quantidadeElementos++;
41 | 
42 |     document.getElementById("div-elementos").appendChild(elemento);
43 | }
44 | 
45 | function removerElementos() {
46 |     var filhos = document.getElementById("div-elementos").childNodes;
47 |     var size = filhos.length;    
48 |     for (var i = 0; i < size; i++) {
49 |         document.getElementById("div-elementos").removeChild(filhos[0]);
50 |     }
51 | }


--------------------------------------------------------------------------------
/cap3/index2.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 |     <head>
 4 |         <title>Página 2</title>
 5 |         <meta charset="utf-8">        
 6 |     </head>
 7 |     <body>
 8 |         <p id="paragrafo1">Esse é um parágrafo</p>
 9 |         <input type="text" id="input-cor">
10 |         <button 
11 |             type="button" 
12 |             onclick="document.getElementById('paragrafo1').style.visibility = 'hidden'">
13 |             Esconder parágrafo
14 |         </button>
15 |         <button 
16 |             type="button" 
17 |             onclick="document.getElementById('paragrafo1').style.visibility = 'visible'">
18 |             Mostrar parágrafo
19 |         </button>        
20 |         <button 
21 |             type="button" 
22 |             onclick="document.getElementById('paragrafo1').style.color = 'blue'">
23 |             Trocar cor para azul
24 |         </button>
25 |         <button type="button" onclick="trocarCor()">Trocar cor</button>
26 | 
27 |         <script>
28 |             var p = document.getElementById('paragrafo1');
29 |             p.style.color = "red";
30 |             p.style.fontWeight = "bold";
31 |             p.style.fontSize = "30px";            
32 | 
33 |             function trocarCor() {
34 |                 var cor = document.getElementById("input-cor").value;
35 |                 document.getElementById('paragrafo1').style.color = cor;
36 |             }
37 |         </script>        
38 |     </body>
39 | </html>


--------------------------------------------------------------------------------
/cap3/index3.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="pt-br">
 3 |     <head>
 4 |         <title>Eventos</title>
 5 |         <meta charset="utf-8">
 6 |         <script src="index3.js"></script>
 7 |     </head>
 8 |     <body>
 9 |         <h1 id="h1" 
10 |             onclick="document.getElementById('h1').innerHTML = 'Obrigado'"
11 |             ondblclick="document.getElementById('h1').innerHTML = 'Clicou 2x'">
12 |             Clique aqui
13 |         </h1>
14 |         <h2 id="texto2"
15 |             onmouseover="document.getElementById('texto2').innerHTML = 'Mouse em cima'"
16 |             onmouseout="document.getElementById('texto2').innerHTML = 'Mouse fora'"
17 |         >
18 |             Texto 2
19 |         </h2>
20 |         <input type="text" 
21 |             onkeydown="console.log('onkeydown')"
22 |             onkeypress="console.log('onkeypress')"
23 |             onkeyup="console.log(this.value)"
24 |             onchange="inputOnChange(this.value)"
25 |             onblur="inputOnBlur()">
26 |     </body>
27 | </html>


--------------------------------------------------------------------------------
/cap3/index3.js:
--------------------------------------------------------------------------------
1 | function inputOnChange(valor) {
2 |     console.log(valor);
3 | }
4 | 
5 | function inputOnBlur() {
6 |     console.log("on blur");
7 | }
8 | 


--------------------------------------------------------------------------------
/cap3/lampada_desligada.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ghdeassis/igti-bootcamp-beginner-software-developer-fundamentals/c7557daf12266cd3285385255b7518ee336d915a/cap3/lampada_desligada.gif


--------------------------------------------------------------------------------
/cap3/lampada_ligada.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ghdeassis/igti-bootcamp-beginner-software-developer-fundamentals/c7557daf12266cd3285385255b7518ee336d915a/cap3/lampada_ligada.gif


--------------------------------------------------------------------------------