├── .vscode
└── settings.json
├── Modulo-1
├── 1.7-aula
│ ├── programa-01.js
│ └── programa-01.html
└── 1.9-aula
│ └── comentarios.js
├── Modulo-5
├── 5.4-aula
│ ├── index.html
│ └── arraysBasicos.js
├── 5.6-aula
│ └── arraysIteracao1.js
└── 5.8-aula
│ └── arraysIteracao.js
├── Modulo-7
├── 7.8-aula
│ └── hoisting.js
├── 7.6-aula
│ └── parametrosEscopos.js
└── 7.4-aula
│ └── funcoes.js
├── Modulo-4
├── 4.9-aula
│ └── lacoFor.js
├── 4.7-aula
│ └── lacoWhile.js
├── 4.3-aula
│ └── condicional.js
└── 4.5-aula
│ └── switchCase.js
├── Modulo-3
├── 3.7-aula
│ └── operadoresLogicos.js
├── 3.5-aula
│ └── operadoresComparacao.js
└── 3.3-aula
│ └── operadoresAritmeticos.js
├── Modulo-2
├── 2.3-aula
│ └── variaveis.js
└── 2.5-aula
│ └── tipoDados.js
├── Modulo-6
├── 6.6-aula
│ └── objetosJavaScript.js
└── 6.9-aula
│ └── iteracaoObjetos.js
├── LICENSE
└── README.md
/.vscode/settings.json:
--------------------------------------------------------------------------------
1 | {
2 | "liveServer.settings.port": 5501
3 | }
--------------------------------------------------------------------------------
/Modulo-1/1.7-aula/programa-01.js:
--------------------------------------------------------------------------------
1 | alert("Olá! Meu nome é Glaucia Lemos!");
--------------------------------------------------------------------------------
/Modulo-1/1.7-aula/programa-01.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | Document
7 |
8 |
9 |
10 | Olá Programadoras!
11 |
12 |
--------------------------------------------------------------------------------
/Modulo-5/5.4-aula/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | Arrays Básicos em JavaScript
7 |
8 |
9 |
10 |
11 | Olá a todas!
12 |
13 |
--------------------------------------------------------------------------------
/Modulo-1/1.9-aula/comentarios.js:
--------------------------------------------------------------------------------
1 | /**
2 | * arquivo: comentario.js
3 | * descrição: explicação de como podemos usar comentários em JavaScript
4 | * author: Glaucia Lemos - twitter: glaucia_lemos86
5 | * data: 22/12/2020
6 | */
7 |
8 | // ==> Single Line Comments //
9 | let animal = 'cachorro';
10 | // console.log(animal);
11 |
12 | // ==> Multiple Line Comments /* */
13 |
14 | /* let num_1 = 10;
15 | let num_2 = 20;
16 | let num_3 = 30;*/
17 | let num_4 = 50;
18 |
19 | let somarTodos = num_4;
20 | console.log(somarTodos);
--------------------------------------------------------------------------------
/Modulo-7/7.8-aula/hoisting.js:
--------------------------------------------------------------------------------
1 | /**
2 | * arquivo: hoisting.js
3 | * descrição: explicação de como podemos usar Hoisting em JavaScript
4 | * author: Glaucia Lemos - twitter: glaucia_lemos86
5 | * data: 18/01/2021
6 | */
7 |
8 | /* let animalEstimacao;
9 |
10 | console.log(animalEstimacao);
11 |
12 | animalEstimacao = 'Jake'; */
13 |
14 | // ==> Exemplo 2:
15 |
16 | function mostrarNome() {
17 | console.log('Oi! Tudo bem? Me chamo...: ' + nome);
18 | };
19 |
20 | let nome;
21 |
22 | mostrarNome();
23 |
24 | nome = 'Glaucia Lemos';
25 |
26 |
27 |
28 |
--------------------------------------------------------------------------------
/Modulo-4/4.9-aula/lacoFor.js:
--------------------------------------------------------------------------------
1 | /**
2 | * arquivo: lacoFor.js
3 | * descrição: explicação de como podemos usar laço For em JavaScript
4 | * author: Glaucia Lemos - twitter: glaucia_lemos86
5 | * data: 30/12/2020
6 | */
7 |
8 | // Laço For
9 |
10 | /* for(let i=1; i <= 10; i++) {
11 | console.log('O número é...: ', i);
12 | } */
13 |
14 | // Outro ex: laço For
15 |
16 | // [] ==> colchetes indica que estamos trabalhando com Array!
17 | let frutas = ["Maçã", "Banana", "Manga", "Laranja", "Abacaxi"];
18 |
19 | for(let i=0; i < frutas.length; i++) {
20 | console.log('A fruta é...: ', frutas[i]);
21 | }
--------------------------------------------------------------------------------
/Modulo-4/4.7-aula/lacoWhile.js:
--------------------------------------------------------------------------------
1 | /**
2 | * arquivo: lacoWhile.js
3 | * descrição: explicação de como podemos usar while e do-while em JavaScript
4 | * author: Glaucia Lemos - twitter: glaucia_lemos86
5 | * data: 30/12/2020
6 | */
7 |
8 | // while --> a condição será testada no início de cada iteração do loop
9 |
10 | let numeroInicial = 1;
11 |
12 | while (numeroInicial <= 10) {
13 | console.log('O número é...: ', numeroInicial);
14 | numeroInicial++;
15 | }
16 |
17 | // do-while --> sempre será executado uma vez
18 |
19 | let numeroInicial = 1;
20 |
21 | do {
22 | console.log('O número é...: ', numeroInicial);
23 | numeroInicial++;
24 | } while (numeroInicial <= 10);
25 |
--------------------------------------------------------------------------------
/Modulo-7/7.6-aula/parametrosEscopos.js:
--------------------------------------------------------------------------------
1 | /**
2 | * arquivo: parametrosEscopos.js
3 | * descrição: explicação de como podemos usar Parâmetros e Escopos
4 | * em JavaScript
5 | * author: Glaucia Lemos - twitter: glaucia_lemos86
6 | * data: 18/01/2021
7 | */
8 |
9 | // ==> Function -> Parâmetros
10 |
11 | /* function adicionarNumeros(numero1, numero2) {
12 | return numero1 + numero2;
13 | }
14 |
15 | let resultadoFinal = adicionarNumeros(5,5);
16 | console.log(resultadoFinal); */
17 |
18 | // ==> Escopo Global
19 |
20 | let localNascimento = 'Rio de Janeiro';
21 |
22 | function mostrarLocalNascimento() {
23 | let localOndeMorei = 'Buenos Aires';
24 | };
25 |
26 | console.log(localNascimento);
27 |
28 | mostrarLocalNascimento();
29 |
30 |
--------------------------------------------------------------------------------
/Modulo-3/3.7-aula/operadoresLogicos.js:
--------------------------------------------------------------------------------
1 | /**
2 | * arquivo: operadoresLogicos.js
3 | * descrição: explicação de como podemos usar operadores
4 | * lógicos em JavaScript
5 | * author: Glaucia Lemos - twitter: glaucia_lemos86
6 | * data: 26/12/2020
7 | */
8 |
9 | // Operador And && (tende a ser false)
10 |
11 | /* console.log(true && true); // true
12 | console.log(false && true); // false
13 | console.log(true && false); // false
14 | console.log(false && false); // false */
15 |
16 | // Operador Or || <- (pipe) (tende a ser true)
17 |
18 | /* console.log(true || true); // true
19 | console.log(false || true); // true
20 | console.log(true || false); // true
21 | console.log(false || false); // false */
22 |
23 | // Operador Not !
24 | console.log(!true); // false
25 | console.log(!false); // true
26 |
27 |
28 |
29 |
30 |
--------------------------------------------------------------------------------
/Modulo-4/4.3-aula/condicional.js:
--------------------------------------------------------------------------------
1 | /**
2 | * arquivo: condicional.js
3 | * descrição: explicação de como podemos usar if e if-else
4 | * author: Glaucia Lemos - twitter: glaucia_lemos86
5 | * data: 30/12/2020
6 | */
7 |
8 | // Condicional if
9 |
10 | /* let podeDirigir = 16;
11 |
12 | if (podeDirigir >= 18) {
13 | console.log('Tem permissão para dirigir!');
14 | } */
15 |
16 | // Condicional if-else
17 | /* let podeDirigir = 16;
18 |
19 | if (podeDirigir >= 18) {
20 | console.log('Tem permissão para dirigir!');
21 | } else {
22 | console.log('Você não tem permissão para dirigir!');
23 | } */
24 |
25 | // Condicional operador (ternario)
26 | let idade = 16;
27 | let podeDirigir = idade >= 18
28 | ? console.log('Tem permissão para dirigir!')
29 | : console.log('Você não tem permissão para dirigir');
30 |
--------------------------------------------------------------------------------
/Modulo-2/2.3-aula/variaveis.js:
--------------------------------------------------------------------------------
1 | /**
2 | * arquivo: variaveis.js
3 | * descrição: explicação de como podemos usar variaveis em JavaScript
4 | * author: Glaucia Lemos - twitter: glaucia_lemos86
5 | * data: 25/12/2020
6 | */
7 |
8 | // Uso de variáveis em JavaScript
9 |
10 | // SOMA = num1 + num2
11 |
12 | /* var num1 = 10;
13 | var num2 = 20;
14 |
15 | var total = num1 + num2;
16 | console.log(total);*/
17 |
18 | // let
19 | /* let saudacao = "Olá, Programadoras!";
20 |
21 | if (true) {
22 | let saudacao = "Quero aprender JavaScript";
23 | console.log(saudacao);
24 | }
25 |
26 | console.log(saudacao);*/
27 |
28 | // const
29 | const cidade = "Rio de Janeiro";
30 |
31 | function estado() {
32 | const cidade = "São Paulo";
33 | console.log(cidade);
34 | }
35 |
36 | estado(); // São Paulo
37 | console.log(cidade); // Rio de Janeiro
--------------------------------------------------------------------------------
/Modulo-6/6.6-aula/objetosJavaScript.js:
--------------------------------------------------------------------------------
1 | /**
2 | * arquivo: objetosJavaScript.js
3 | * descrição: explicação de como podemos usar Objetos em JavaScript
4 | * author: Glaucia Lemos - twitter: glaucia_lemos86
5 | * data: 18/01/2021
6 | */
7 |
8 | // ==> Objetos
9 | /*
10 | let pessoa = {
11 | nome: 'Glaucia',
12 | sobrenome: 'Lemos',
13 | idade: 34,
14 | profissao: 'Cloud Advocate',
15 | empresa: 'Microsoft'
16 | };
17 |
18 | console.log(pessoa); */
19 |
20 | // Brackets (Colchetes) vs Dot (ponto) notation
21 |
22 | let pessoa = {
23 | nome: 'Glaucia',
24 | sobrenome: 'Lemos',
25 | idade: 34,
26 | profissao: 'Cloud Advocate',
27 | empresa: 'Microsoft'
28 | };
29 |
30 | // let listarProfissao = pessoa.profissao;
31 | let listarProfissao = pessoa['profissao'];
32 | let idadeFuncionario = pessoa.idade;
33 |
34 | console.log(idadeFuncionario);
35 |
36 |
--------------------------------------------------------------------------------
/Modulo-3/3.5-aula/operadoresComparacao.js:
--------------------------------------------------------------------------------
1 | /**
2 | * arquivo: operadoresComparacao.js
3 | * descrição: explicação de como podemos usar operadores
4 | * de coparação em JavaScript
5 | * author: Glaucia Lemos - twitter: glaucia_lemos86
6 | * data: 27/12/2020
7 | */
8 |
9 | // Igual a == (true ou false) - if
10 | /* console.log(10 == 10); // true -> verdadeiro
11 | console.log(12 == 10); // false -> falso */
12 |
13 | // Diferente de !=
14 | /* console.log(10 != 10); // false
15 | console.log(10 != 9); // true */
16 |
17 | // Maior que >
18 | /* console.log(10 > 9); // true
19 | console.log(9 > 10); // false
20 | */
21 |
22 | // Menor que <
23 | /* console.log(9 < 10); // true
24 | console.log(10 < 9); // false */
25 |
26 | // Valor e tipo igual a ===
27 | console.log(10 === 10) // 10 ele é do tipo Number! (true)
28 | console.log(10 === 'Glaucia') // 10 -> Number | Glaucia -> String (false)
29 |
30 |
--------------------------------------------------------------------------------
/Modulo-4/4.5-aula/switchCase.js:
--------------------------------------------------------------------------------
1 | /**
2 | * arquivo: switchCase.js
3 | * descrição: explicação de como podemos usar switch case em JavaScript
4 | * author: Glaucia Lemos - twitter: glaucia_lemos86
5 | * data: 30/12/2020 -- quarta-feira
6 | */
7 |
8 | // switch-case
9 |
10 | let qualDataHoje = new Date();
11 |
12 | switch (qualDataHoje.getDay()) {
13 | case 0:
14 | console.log("Hoje é Domingo.");
15 | break;
16 | case 1:
17 | console.log("Hoje é Segunda-feira.");
18 | break;
19 | case 2:
20 | console.log("Hoje é Terça-feira.");
21 | break;
22 | case 3:
23 | console.log("Hoje é Quarta-feira.");
24 | break;
25 | case 4:
26 | console.log("Hoje é Quinta-feira.");
27 | break;
28 | case 5:
29 | console.log("Hoje é Sexta-feira.");
30 | break;
31 | case 6:
32 | console.log("Hoje é Sábado.");
33 | break;
34 | default:
35 | console.log("Nenhuma data relacionada foi encontrada!");
36 | break;
37 | }
38 |
--------------------------------------------------------------------------------
/Modulo-6/6.9-aula/iteracaoObjetos.js:
--------------------------------------------------------------------------------
1 | /**
2 | * arquivo: iteracaoObjetos.js
3 | * descrição: explicação de como podemos usar Interações de Objetos
4 | * em JavaScript
5 | * author: Glaucia Lemos - twitter: glaucia_lemos86
6 | * data: 18/01/2021
7 | */
8 |
9 | // ==> For... in
10 |
11 | /* funcionario = {
12 | nome: 'Glaucia',
13 | sobrenome: 'Lemos',
14 | profissao: 'Cloud Advocate',
15 | idade: 34,
16 | empresa: 'Microsoft',
17 | ativa: true
18 | };
19 |
20 | for (let listarFuncionario in funcionario) {
21 | console.log(funcionario[listarFuncionario]);
22 | }
23 | */
24 |
25 | // ==> If... in
26 |
27 | funcionario = {
28 | nome: 'Glaucia',
29 | sobrenome: 'Lemos',
30 | profissao: 'Cloud Advocate',
31 | idade: 34,
32 | empresa: 'Microsoft',
33 | ativa: true
34 | };
35 |
36 | if ('profissao' in funcionario) {
37 | console.log('A key profissão existe no objeto Funcionario');
38 | }
--------------------------------------------------------------------------------
/Modulo-7/7.4-aula/funcoes.js:
--------------------------------------------------------------------------------
1 | /**
2 | * arquivo: funcoes.js
3 | * descrição: explicação de como podemos usar Funções em JavaScript
4 | * author: Glaucia Lemos - twitter: glaucia_lemos86
5 | * data: 18/01/2021
6 | */
7 |
8 |
9 | // ==> Função Anônima
10 |
11 | // ==> Exemplo 1
12 | /* function mostrarMensagem() {
13 | return console.log('Parabéns! Você chegou ao final do treinamento de JavaScript');
14 | }
15 |
16 | mostrarMensagem(); */
17 |
18 | // ==> Exemplo 2
19 |
20 | /* function multiplarNumeros(numero1, numero2) {
21 | return numero1 * numero2;
22 | }
23 |
24 | let resultadoFinal = multiplarNumeros(3,2);
25 | console.log(resultadoFinal); */
26 |
27 | // ==> Exemplo 3
28 |
29 | let numeros = [1,2,3,4,5,6,7,8,9,10];
30 |
31 | function mostrarNumerosImpares() {
32 | for (let i = 0; i < numeros.length; i++) {
33 | if (numeros[i] % 2 !== 0) {
34 | console.log(numeros[i]);
35 | }
36 | }
37 | }
38 |
39 | mostrarNumerosImpares();
--------------------------------------------------------------------------------
/Modulo-3/3.3-aula/operadoresAritmeticos.js:
--------------------------------------------------------------------------------
1 | /**
2 | * arquivo: operadoresAritmeticos.js
3 | * descrição: explicação de como podemos usar operadores
4 | * aritméticos em JavaScript
5 | * author: Glaucia Lemos - twitter: glaucia_lemos86
6 | * data: 27/12/2020
7 | */
8 |
9 | let num1 = 20;
10 | let num2 = 10;
11 |
12 | // Adição +
13 |
14 | let totalAdicao = num1 + num2;
15 | console.log(totalAdicao);
16 |
17 | // Subtração -
18 | let totalSubtracao = num1 - num2;
19 | console.log(totalSubtracao);
20 |
21 | // Multiplicação *
22 | let totalMultiplicao = num1 * num2;
23 | console.log(totalMultiplicao);
24 |
25 | // Divisão /
26 | let totalDivisão = num1 / num2;
27 | console.log(totalDivisão);
28 |
29 | // Resto % (mod)
30 | let restoDivisao = num1 % num2; // camel Case
31 | console.log(restoDivisao);
32 |
33 | // Incremento ++ Loops for, do-do while
34 | console.log(num1++)
35 | console.log(++num1);
36 |
37 | // Decremento -- (Loops for, do-do while)
38 | console.log(num2--);
39 | console.log(--num2);
--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
1 | MIT License
2 |
3 | Copyright (c) 2020 WoMakersCode
4 |
5 | Permission is hereby granted, free of charge, to any person obtaining a copy
6 | of this software and associated documentation files (the "Software"), to deal
7 | in the Software without restriction, including without limitation the rights
8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 |
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 |
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 |
--------------------------------------------------------------------------------
/Modulo-5/5.4-aula/arraysBasicos.js:
--------------------------------------------------------------------------------
1 | /**
2 | * arquivo: arraysBasicos.js
3 | * descrição: explicação de como podemos usar Arrays em JavaScript
4 | * author: Glaucia Lemos - twitter: glaucia_lemos86
5 | * data: 05/01/2021
6 | */
7 |
8 | // ==> pop();
9 |
10 | /* let eletrodomesticos = [
11 | 'Televisão',
12 | 'Geladeira',
13 | 'Fogão',
14 | 'Microondas'
15 | ];
16 |
17 | console.log(eletrodomesticos.pop());
18 | */
19 |
20 | // ==> push();
21 |
22 | /* let eletrodomesticos = [
23 | 'Televisão',
24 | 'Geladeira',
25 | 'Fogão',
26 | 'Microondas'
27 | ];
28 | console.log('Sem o push..: ', eletrodomesticos);
29 | console.log(eletrodomesticos.push('Cafeteira'));
30 | console.log('Com o push...: ', eletrodomesticos); */
31 |
32 | // ==> shift();
33 |
34 | /* let eletrodomesticos = [
35 | 'Televisão',
36 | 'Geladeira',
37 | 'Fogão',
38 | 'Microondas'
39 | ];
40 |
41 | console.log('Sem o shift..: ', eletrodomesticos);
42 | console.log(eletrodomesticos.shift());
43 | console.log('Com o shift...: ', eletrodomesticos); */
44 |
45 | // ==> unshift();
46 | let eletrodomesticos = [
47 | 'Televisão',
48 | 'Geladeira',
49 | 'Fogão',
50 | 'Microondas'
51 | ];
52 |
53 | console.log('Sem o unshift..: ', eletrodomesticos);
54 | console.log(eletrodomesticos.unshift('Batedeira'));
55 | console.log('Com o unshift...: ', eletrodomesticos);
56 |
57 |
58 |
59 |
--------------------------------------------------------------------------------
/Modulo-2/2.5-aula/tipoDados.js:
--------------------------------------------------------------------------------
1 | /**
2 | * arquivo: tipoDados.js
3 | * descrição: explicação de como podemos usar diferentes tipos de
4 | * dados em JavaScript
5 | * author: Glaucia Lemos - twitter: glaucia_lemos86
6 | * data: 25/12/2020
7 | */
8 |
9 | // String
10 |
11 | /* 'Olá'
12 | "Olá"
13 | `Olá`*/
14 |
15 | /* let nome = 'Glaucia Lemos';
16 | let nomeMae = "Jurema Lemos";
17 | let frase = `Eu me chamo ${nome} e o nome da minha mãe é ${nomeMae}`;
18 |
19 | console.log(frase);*/
20 |
21 | // Number
22 |
23 | /* const numero1 = 4;
24 | const numero2 = 3.99;
25 | const numero3 = 3e5; // 3 * 10 5
26 |
27 | console.log(numero1);
28 | console.log(numero2);
29 | console.log(numero3);*/
30 |
31 | // BigInt
32 | /* const valor1 = 907124547521545715454542454574541784514541n;
33 |
34 | console.log(valor1); // typeof*/
35 |
36 | //Boolean
37 |
38 | /* let x = 5;
39 | let y = 5;
40 | let z = 6;
41 |
42 | console.log((x == y)); // true
43 | console.log((x == z)); // false*/
44 |
45 | // Undefinied
46 | /* let nome; // let nome = 'Glaucia Lemos';
47 | console.log(nome);*/
48 |
49 | // Null
50 | /* const numero = null;
51 | console.log(typeof numero);*/
52 |
53 | // Symbol
54 | /* const valor1 = Symbol('Glaucia');
55 | const valor2 = Symbol('Glaucia');
56 |
57 | console.log(valor1);
58 | console.log(valor2);*/
59 |
60 | // Object
61 |
62 | const estudante = {
63 | nome: 'Glaucia',
64 | sobrenome: 'Lemos',
65 | idade: 34,
66 | tipoCurso: 'JavaScript',
67 | valorCurso: 25.00,
68 | ativo: true
69 | };
70 |
71 | console.log(estudante.ativo);
72 |
73 |
74 |
75 |
76 |
--------------------------------------------------------------------------------
/Modulo-5/5.6-aula/arraysIteracao1.js:
--------------------------------------------------------------------------------
1 | /**
2 | * arquivo: arraysIsteracao1.js
3 | * descrição: explicação de como podemos usar Arrays em JavaScript
4 | * author: Glaucia Lemos - twitter: glaucia_lemos86
5 | * data: 11/01/2021
6 | */
7 |
8 | // ==> join();
9 |
10 | let eletrodomesticos = [
11 | 'Televisão',
12 | 'Geladeira',
13 | 'Fogão',
14 | 'Microondas'
15 | ];
16 |
17 | console.log(eletrodomesticos.join(' - '));
18 |
19 | // ==> slice();
20 |
21 | let eletrodomesticos = [
22 | 'Televisão',
23 | 'Geladeira',
24 | 'Fogão',
25 | 'Microondas'
26 | ];
27 |
28 | console.log(eletrodomesticos.slice(1));
29 |
30 | // ==> concat();
31 |
32 | let array_1 = [1,2,3,4,5];
33 | let array_2 = [6,7,8,9,10];
34 |
35 | let conjuntoNumeros = array_1.concat(array_2);
36 |
37 | console.log(conjuntoNumeros);
38 |
39 | // ==> length
40 |
41 | let eletrodomesticos = [
42 | 'Televisão',
43 | 'Geladeira',
44 | 'Fogão',
45 | 'Microondas'
46 | ];
47 |
48 | console.log(eletrodomesticos.length);
49 |
50 |
51 | // ==> indexOf();
52 |
53 | let eletrodomesticos = [
54 | 'Televisão',
55 | 'Geladeira',
56 | 'Fogão',
57 | 'Microondas'
58 | ];
59 |
60 | let posicaoEletrodomestico = eletrodomesticos.indexOf('Microondas');
61 | console.log(posicaoEletrodomestico);
62 |
63 |
64 | // ==> lastIndexOf()
65 | let eletrodomesticos = [
66 | 'Televisão',
67 | 'Geladeira',
68 | 'Televisão',
69 | 'Microondas'
70 | ];
71 |
72 | let posicaoEletrodomestico = eletrodomesticos.lastIndexOf('Televisão');
73 | console.log(posicaoEletrodomestico);
74 |
75 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # Curso de Javascript Iniciantes - WoMakersCode & IRME
2 |
3 | Curso de JavaScript para Iniciantes com enfoque ao público feminino. O treinamento tem como intuito ajudar milhares de mulheres que tenham a intenção de aprender sobre a Linguagem JavaScript.
4 |
5 | O treinamento foi organizado pela **[WoMakersCode](https://womakerscode.org/)** e **[IRME - Instituto Rede Mulher Empreendedora](https://institutorme.org.br/)**
6 |
7 | ## 📌Pré-Requisitos
8 |
9 | O Curso de JavaScript não requer um pré-requisito. Porém, será de grande ajuda se antes de começar a estudar conosco que realizem os seguintes treinamentos abaixo:
10 |
11 | - ✅ **[Curso Microsoft Learn – Criando um site simples usando HTML, CSS e JavaScript](https://docs.microsoft.com/learn/modules/build-simple-website/?WT.mc_id=javascript-12143-gllemos)**
12 | - ✅ **[Desenvolvendo aplicativos Web com o Visual Studio Code](https://docs.microsoft.com/learn/modules/develop-web-apps-with-vs-code/?WT.mc_id=javascript-12143-gllemos&WT.mc_id=javascript-12143-gllemos)**
13 |
14 | E depois de concluir todo o nosso treinamento de JavaScript é altamente recomendável realizar o Curso de Node.js:
15 |
16 | - ✅ **[Curso Microsoft Learn – Criando Aplicativos JavaScript com Node.Js](https://docs.microsoft.com/learn/paths/build-javascript-applications-nodejs/?WT.mc_id=javascript-12143-gllemos)**
17 |
18 | ## 🚀 Recursos Utilizados
19 |
20 | Para prosseguir no Curso de JavaScript, se faz necessário realizar download dos programas abaixo:
21 |
22 | * **[Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=javascript-12143-gllemos)**
23 | * **[Node.js](https://nodejs.org/en/)**
24 |
25 | ## 📕 Projeto Final!
26 |
27 | Para facilitar todas vocês, resolvi escrever em forma de artigo, o projeto final. Assim, vocês poderão desenvolver o passo a passo o projeto.
28 | Porém, caso vocês tenham dúvidas a respeito do desenvolvimento do projeto, não se hesitem de me procurarem nas principais mídias sociais, como: Linkedin e Twitter, que estarei disponível para ajudar vocês.
29 |
30 | Link do Artigo: **[Desenvolvendo a Intro do Star Wars com HTML, CSS, JavaScript & Node.js!](https://dev.to/azure/desenvolvendo-a-intro-do-star-wars-com-html-css-javascript-node-js-oae)**
31 |
32 | Link do código final: **[AQUI](https://github.com/glaucia86/intro-starwars-app)**
33 |
34 | ## ❓Tenho Dúvidas... O que Faço?!
35 |
36 | Caso tenham dúvidas aos códigos dos exemplos relacionados ao curso, sintam-se a vontade em abrir uma **[ISSUE AQUI](https://github.com/WoMakersCode/javascript-womakerscode-irme/issues)**. Assim que possível, estarei respondendo as todas as dúvidas que tiverem!
37 |
38 |
--------------------------------------------------------------------------------
/Modulo-5/5.8-aula/arraysIteracao.js:
--------------------------------------------------------------------------------
1 | /**
2 | * arquivo: arraysInteracao2.js
3 | * descrição: explicação de como podemos usar Arrays em JavaScript
4 | * author: Glaucia Lemos - twitter: glaucia_lemos86
5 | * data: 13/01/2021
6 | */
7 |
8 | // ==> forEach()
9 |
10 | /* let eletrodomesticos = [
11 | 'Televisão',
12 | 'Geladeira',
13 | 'Fogão',
14 | 'Microondas'
15 | ];
16 |
17 | eletrodomesticos.forEach((listaEletrodomesticos) => {
18 | console.log(listaEletrodomesticos);
19 | });
20 | */
21 |
22 | // ==> map()
23 |
24 | /* let eletrodomesticos = [
25 | { eletronico: 'Televisão', preco: 1500 },
26 | { eletronico: 'Geladeira', preco: 2500 },
27 | { eletronico: 'Fogão', preco: 850 },
28 | { eletronico: 'Microondas', preco: 300 },
29 | ];
30 |
31 | const precoProdutos = eletrodomesticos.map((item) => {
32 | return item.preco;
33 | });
34 |
35 | console.log(precoProdutos);
36 | */
37 |
38 | // ==> filter()
39 |
40 | /* let eletrodomesticos = [
41 | { eletronico: 'Televisão', preco: 1500 },
42 | { eletronico: 'Geladeira', preco: 2500 },
43 | { eletronico: 'Fogão', preco: 850 },
44 | { eletronico: 'Microondas', preco: 300 },
45 | ];
46 |
47 | const comprarEletronicos = eletrodomesticos.filter(eletrodomestico => eletrodomestico.preco >= 1000);
48 | console.log(comprarEletronicos); */
49 |
50 |
51 | // ==> reduce()
52 |
53 | /* let reais = [27.86, 71.95, 36.5];
54 |
55 | let somarValores = reais.reduce((total, valor) => {
56 | return total + valor;
57 | });
58 |
59 | console.log(somarValores); */
60 |
61 | // ==> every()
62 |
63 | /* let eletrodomesticos = [
64 | { eletronico: 'Televisão', preco: 1500 },
65 | { eletronico: 'Geladeira', preco: 2500 },
66 | { eletronico: 'Fogão', preco: 850 },
67 | { eletronico: 'Microondas', preco: 300 },
68 | ];
69 |
70 | const produtoBarato = 500;
71 | const promocaoEletro = eletrodomesticos.every(eletronico => eletronico.preco >= produtoBarato);
72 | console.log(promocaoEletro); */
73 |
74 | // ==> some()
75 |
76 | /* let eletrodomesticos = [
77 | { eletronico: 'Televisão', preco: 1500 },
78 | { eletronico: 'Geladeira', preco: 2500 },
79 | { eletronico: 'Fogão', preco: 850 },
80 | { eletronico: 'Microondas', preco: 300 },
81 | ];
82 |
83 | const produtoCaro = 1000;
84 |
85 | const eletricoCaro = eletrodomesticos.some(eletronico => eletronico.preco >= produtoCaro);
86 |
87 | console.log(eletricoCaro); */
88 |
89 | // ==> find()
90 |
91 | /* let eletrodomesticos = [
92 | { eletronico: 'Televisão', preco: 1500, setor: 'Sala' },
93 | { eletronico: 'Geladeira', preco: 2500, setor: 'Cozinha' },
94 | { eletronico: 'Fogão', preco: 850, setor: 'Cozinha' },
95 | { eletronico: 'Microondas', preco: 300, setor: 'Cozinha' },
96 | ];
97 |
98 | const produtosCozinha = eletrodomesticos.find(eletronico => eletronico.setor === 'Cozinha');
99 | console.log(produtosCozinha);
100 | */
101 |
102 | // ==> findIndex()
103 |
104 | const idades = [3, 10, 18, 20];
105 |
106 | const maiorIdade = 18;
107 |
108 | const ehAdulto = idades.findIndex(idade => idade >= maiorIdade);
109 |
110 | console.log(ehAdulto);
111 |
112 |
--------------------------------------------------------------------------------