├── javascript └── introduction-to-js-1 │ ├── what-is-js │ ├── aplicando-javascript.html │ ├── aplicando-javascript-externo.html │ ├── script.js │ ├── aplicando-javascript-interno.html │ └── javascript-rotulo.html │ ├── maths │ ├── condicional.html │ ├── loop.html │ ├── condicional2.html │ └── canvas_editavel.html │ ├── tasks │ └── variables │ │ ├── variaveis2-download.html │ │ ├── variaveis1-download.html │ │ ├── variaveis3-download.html │ │ ├── variaveis2.html │ │ ├── variaveis1.html │ │ ├── variaveis3.html │ │ └── marking.md │ ├── first-splash │ ├── jogo-advinhe-o-numero-inicio.html │ └── jogo-advinhe-o-numero.html │ ├── variables │ └── index.html │ └── troubleshooting │ └── jogo-numero-erros.html ├── README.md └── CODE_OF_CONDUCT.md /javascript/introduction-to-js-1/what-is-js/aplicando-javascript.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Exemplo aplicando JavaScript 6 | 7 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /javascript/introduction-to-js-1/what-is-js/aplicando-javascript-externo.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Exemplo aplicando JavaScript 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /javascript/introduction-to-js-1/what-is-js/script.js: -------------------------------------------------------------------------------- 1 | function criarParagrafo() { 2 | var para = document.createElement('p'); 3 | para.textContent = 'Você clicou no botão!'; 4 | document.body.appendChild(para); 5 | } 6 | 7 | var botoes = document.querySelectorAll('button'); 8 | 9 | for(var i = 0; i < botoes.length ; i++) { 10 | botoes[i].addEventListener('click', criarParagrafo); 11 | } -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # learning-area-pt-br 2 | 3 | > This repository has been archived. We welcome your contribution to [`pt-br` in the translated content repository](https://github.com/mdn/translated-content) or the main [`learning-area`](https://github.com/mdn/learning-area) repository. 4 | 5 | The MDN Learning Area code examples translated into Brazilian Portuguese. 6 | 7 | Os códigos de exemplo da Área de Aprendizado MDN traduzidos em Português do Brasil. 8 | 9 | Repositório Github da [área de aprendizado MDN](https://developer.mozilla.org/pt-BR/docs/Aprender). 10 | Os originais em inglês estão no repositório [learning-area](https://github.com/mdn/learning-area). 11 | -------------------------------------------------------------------------------- /javascript/introduction-to-js-1/what-is-js/aplicando-javascript-interno.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Exemplo aplicando JavaScript 6 | 7 | 8 | 9 | 10 | 23 | 24 | 25 | -------------------------------------------------------------------------------- /CODE_OF_CONDUCT.md: -------------------------------------------------------------------------------- 1 | # Community Participation Guidelines 2 | 3 | This repository is governed by Mozilla's code of conduct and etiquette guidelines. 4 | For more details, please read the 5 | [Mozilla Community Participation Guidelines](https://www.mozilla.org/about/governance/policies/participation/). 6 | 7 | ## How to Report 8 | For more information on how to report violations of the Community Participation Guidelines, please read our '[How to Report](https://www.mozilla.org/about/governance/policies/participation/reporting/)' page. 9 | 10 | 16 | -------------------------------------------------------------------------------- /javascript/introduction-to-js-1/maths/condicional.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Primeiro exemplo de condicional 6 | 7 | 8 | 9 |

A máquina está parada.

10 | 11 | 12 | 28 | 29 | -------------------------------------------------------------------------------- /javascript/introduction-to-js-1/tasks/variables/variaveis2-download.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Variáveis: Tarefa 2 6 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 |
26 | 27 | 28 | 41 | 42 | -------------------------------------------------------------------------------- /javascript/introduction-to-js-1/tasks/variables/variaveis1-download.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Variáveis: Tarefa 1 6 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 |
26 | 27 | 28 | 42 | 43 | -------------------------------------------------------------------------------- /javascript/introduction-to-js-1/tasks/variables/variaveis3-download.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Variáveis: Tarefa 3 6 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 |
26 | 27 | 28 | 47 | 48 | -------------------------------------------------------------------------------- /javascript/introduction-to-js-1/what-is-js/javascript-rotulo.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Exemplo rótulo JavaScript 6 | 22 | 23 | 24 |

Jogador 1: Chris

25 | 26 | 36 | 37 | -------------------------------------------------------------------------------- /javascript/introduction-to-js-1/tasks/variables/variaveis2.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Variáveis: Tarefa 2 6 | 7 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 |
25 | 26 | 39 | 40 |
41 | 42 |
43 | 44 | 45 | 46 | -------------------------------------------------------------------------------- /javascript/introduction-to-js-1/tasks/variables/variaveis1.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Variáveis: Tarefa 1 6 | 7 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 |
25 | 26 | 40 | 41 |
42 | 43 |
44 | 45 | 46 | 47 | -------------------------------------------------------------------------------- /javascript/introduction-to-js-1/first-splash/jogo-advinhe-o-numero-inicio.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Jogo adivinhe o número 8 | 9 | 24 | 25 | 26 | 27 |

Jogo adivinhe o número

28 | 29 |

Nós selecionamos um número aleatório entre 1 e 100. Veja se consegue adivinhar em 10 chances ou menos. Nós lhe diremos se seu palpite foi muito alto ou muito baixo.

30 | 31 |
32 | 33 | 34 |
35 | 36 |
37 |

38 |

39 |

40 |
41 | 42 | 43 | 44 | 49 | 50 | -------------------------------------------------------------------------------- /javascript/introduction-to-js-1/tasks/variables/variaveis3.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Variáveis: Tarefa 3 6 | 7 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 |
25 | 26 | 45 | 46 |
47 | 48 |
49 | 50 | 51 | 52 | -------------------------------------------------------------------------------- /javascript/introduction-to-js-1/maths/loop.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Exemplo básico de loop 6 | 26 | 27 | 28 | 29 |
30 |

Total dos pedidos antes dos impostos (R$):

31 | 32 | 35 | 36 |
37 | 38 |
39 |

Total dos pedidos com impostos de 6% (R$):

40 | 41 | 44 | 45 |
46 | 47 | 48 | 49 | 50 | 70 | -------------------------------------------------------------------------------- /javascript/introduction-to-js-1/maths/condicional2.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Segundo exemplo de condicional 6 | 40 | 41 | 42 |

Diga-me como está se sentindo hoje.

43 |
44 |

45 | 46 | 47 | 73 | -------------------------------------------------------------------------------- /javascript/introduction-to-js-1/tasks/variables/marking.md: -------------------------------------------------------------------------------- 1 | # Guia de marcação de variáveis JavaScript 2 | 3 | O objetivo das tarefas é demonstrar um entendimento dos recursos JavaScript abordados na lição [Armazenando as informações que você precisa — Variáveis](https://developer.mozilla.org/pt-BR/docs/Learn/JavaScript/First_steps/Variáveis) lesson in Learn Web Development on MDN. 4 | 5 | Nota: Se houver um erro no seu código, ele será exibido no painel de resultados da página, para ajudá-lo a tentar descobrir a resposta (ou no console JavaScript do navegador, no caso da versão para download). 6 | 7 | ## Task 1 8 | 9 | Esta tarefa abrange o entendimento básico de declarar uma variável com um valor e inicializá-la - tanto separadamente quanto ao mesmo tempo. Idealmente, seu código deve ser algo como isto: 10 | 11 | ``` 12 | let meuNome; 13 | meuNome = 'Chris'; 14 | let minhaIdade = 42; 15 | ``` 16 | 17 | `let` é ideal para ambas as declarações. `var` também está OK, mas `let` é a melhor opção. `const` não é realmente apropriada, pois os valores podem mudar e não funcionará na primeira instância. 18 | 19 | O valor `minhaIdade` funcionará se você o inicializou com um valor numérico (sem aspas) ou string (aspas); no entanto, é um valor numérico, portanto, usar aspas para isso não é correto. 20 | 21 | ## Tarefa 2 22 | 23 | Na tarefa 2 o aluno precisa adicionar uma nova linha para corrigir o valor da variável `meuNome`, para que ela exiba seu nome na tela. 24 | 25 | O código final deve ser algo como isto: 26 | 27 | ``` 28 | let meuNome = 'Paul'; 29 | meuNome = 'Chris'; 30 | ``` 31 | 32 | ## Tarefa 3 33 | 34 | A última tarefa deste artigo se concentra em corrigir alguns erros relacionados a variáveis. Basicamente: 35 | 36 | 1. A variável `minhaIdade` não está sendo exibida porque está sendo declarada inicialmente como `const` e, em seguida, é feita uma tentativa de alterar o valor. 37 | 2. O resultado da soma não está sendo gerado corretamente porque a variável `myAge` está sendo declarada como um número. É preciso que sejam removidas as aspas. 38 | 39 | A solução deve ser algo como isto: 40 | 41 | ``` 42 | let meuNome = 'Default'; 43 | meuNome = 'Chris' 44 | 45 | let minhaIdade = 42; 46 | ``` -------------------------------------------------------------------------------- /javascript/introduction-to-js-1/maths/canvas_editavel.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Exemplo canvas editável 6 | 30 | 31 | 32 | 33 | 34 | 35 |

O retângulo tem 50px de largura e 50px de altura.

36 | 37 | 47 | 48 |
49 | 50 |
51 | 52 | 53 | 75 | 76 | -------------------------------------------------------------------------------- /javascript/introduction-to-js-1/variables/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Console JavaScript 6 | 55 | 56 | 57 | 101 | 102 | 103 | -------------------------------------------------------------------------------- /javascript/introduction-to-js-1/troubleshooting/jogo-numero-erros.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Jogo adivinhe o número 7 | 8 | 23 | 24 | 25 | 26 |

Jogo adivinhe o número

27 | 28 |

Nós selecionamos um número aleatório entre 1 e 100. Veja se consegue adivinhar em 10 chances ou menos. Nós lhe diremos se seu palpite foi muito alto ou muito baixo.

29 | 30 |
31 | 32 | 33 |
34 | 35 |
36 |

37 |

38 |

39 |
40 | 41 | 42 | 43 | 116 | 117 | -------------------------------------------------------------------------------- /javascript/introduction-to-js-1/first-splash/jogo-advinhe-o-numero.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Jogo adivinhe o número 8 | 9 | 24 | 25 | 26 | 27 |

Jogo adivinhe o número

28 | 29 |

Nós selecionamos um número aleatório entre 1 e 100. Veja se consegue adivinhar em 10 chances ou menos. Nós lhe diremos se seu palpite foi muito alto ou muito baixo.

30 | 31 |
32 | 33 | 34 |
35 | 36 |
37 |

38 |

39 |

40 |
41 | 42 | 43 | 44 | 107 | --------------------------------------------------------------------------------