You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: 1-js/01-getting-started/2-manuals-specifications/article.md
+3-10Lines changed: 3 additions & 10 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,26 +1,19 @@
1
+
1
2
# Manuais e especificações
2
3
3
4
Este livro é um *tutorial*. Ele tem como objetivo lhe ajudar a aprender gradualmente a linguagem. Mas uma vez familiarizado com o básico, irá precisar de outros recursos.
4
5
5
6
## Especificação
6
7
7
-
A [Especificacão ECMA-262](https://www.ecma-international.org/publications/standards/Ecma-262.htm) contém as mais profundas, detalhadas e formalizadas informações sobre JavaScript. Ela define a linguagem.
8
+
A [Especificação ECMA-262](https://www.ecma-international.org/publications/standards/Ecma-262.htm) contém as mais profundas, detalhadas e formalizadas informações sobre JavaScript. Ela define a linguagem.
8
9
9
-
<<<<<<< HEAD
10
10
Mas, estando num formato mais formal, fica difícil de entender à primeira vista. Porém, se você precisa da mais confiável fonte de informações sobre detalhes da linguagem, está no lugar certo. Contudo, não é para o uso cotidiano.
11
-
=======
12
-
[The ECMA-262 specification](https://www.ecma-international.org/publications/standards/Ecma-262.htm) contains the most in-depth, detailed and formalized information about JavaScript. It defines the language.
13
-
>>>>>>> e074a5f825a3d10b0c1e5e82561162f75516d7e3
14
11
15
12
Uma nova versão dessa especificação é lançada todos os anos. Entre estes lançamentos, a sua última versão de esboço se encontra em <https://tc39.es/ecma262/>.
16
13
17
-
<<<<<<< HEAD
18
14
Para ler sobre as mais novas funcionalidades (*bleeding-edge features*), incluindo as que estão em fase de padronização (chamadas também de "estágio 3"), veja as suas propostas em <https://github.com/tc39/proposals>.
19
-
=======
20
-
A new specification version is released every year. In-between these releases, the latest specification draft is at <https://tc39.es/ecma262/>.
21
-
>>>>>>> e074a5f825a3d10b0c1e5e82561162f75516d7e3
22
15
23
-
E mais, se você está desenvolvendo para browsers, há outras especificações que cobrem esta demanda na [segunda parte](https://javascript.info/browser-environment) do tutorial.
16
+
E mais, se você está desenvolvendo para browsers, há outras especificações que cobrem esta demanda na [segunda parte](info:browser-environment) do tutorial.
Copy file name to clipboardExpand all lines: 1-js/01-getting-started/3-code-editors/article.md
+7-26Lines changed: 7 additions & 26 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -12,10 +12,8 @@ Uma IDE carrega o projeto (que pode ter muitos arquivos), permite navegação en
12
12
13
13
Se você ainda não tiver selecionado uma IDE, considere as seguintes opções:
14
14
15
-
-[WebStorm](http://www.jetbrains.com/webstorm/) para desenvolvimento de front-end. A mesma empresa oferece outros editores para outras linguagens (pago).
16
-
-[Netbeans](http://netbeans.org/) (livre).
17
-
18
-
Todas essas IDEs são multi-plataforma.
15
+
-[Visual Studio Code](https://code.visualstudio.com/) (plataforma cruzada, livre).
Para Windows, há também "Visual Studio", que não deve ser confundido com "Visual Studio Code". "Visual Studio" é um editor pago e poderoso somente para Windows, bem adequado para a plataforma .NET . Uma versão gratuita é chamada [Visual Studio Community](https://www.visualstudio.com/vs/community/).
21
19
@@ -31,35 +29,18 @@ A principal diferença entre um "editor leve" e uma "IDE", é que uma IDE trabal
31
29
32
30
Na prática, os editores leves podem ter muitos plug-ins, incluindo analisadores de sintaxe no nível de diretório e preenchimentos automáticos, portanto não há uma limitação rígida entre um editor leve e uma IDE.
33
31
34
-
<<<<<<< HEAD
35
32
As seguintes opções merecem sua atenção:
36
-
=======
37
-
-[Atom](https://atom.io/) (cross-platform, free).
38
-
-[Visual Studio Code](https://code.visualstudio.com/) (cross-platform, free).
-[Vim](http://www.vim.org/) e [Emacs](https://www.gnu.org/software/emacs/) também são legais se você sabe como usá-los.
49
39
50
-
## Os meus favoritos
51
-
52
-
A preferência pessoal do autor deve ter uma IDE para projetos e um editor leve para edição de arquivo rápida e fácil.
53
-
54
-
Eu estou usando:
55
-
56
-
- Como uma IDE para JS -- [WebStorm](http://www.jetbrains.com/webstorm/) (Eu mudo para uma das outras ofertas do JetBrains quando uso outras linguagens)
57
-
- Como um editor de peso leve -- [Sublime Text](http://www.sublimetext.com) ou [Atom](https://atom.io/).
58
-
59
40
## Não vamos discutir
60
41
61
42
Os editores nas listas acima são aqueles que eu ou os meus amigos que eu considero bons desenvolvedores têm usado por um longo tempo e estão felizes com eles.
62
43
63
44
Há outros grandes editores no nosso grande mundo. Por favor, escolha o que você mais gosta.
64
45
65
-
A escolha de um editor, como qualquer outra ferramenta, é individual e depende de seus projetos, hábitos e preferências pessoais.
46
+
A escolha de um editor, como qualquer outra ferramenta, é individual e depende de seus projetos, hábitos e preferências pessoais.
Copy file name to clipboardExpand all lines: 1-js/01-getting-started/4-devtools/article.md
+5-21Lines changed: 5 additions & 21 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,6 +1,6 @@
1
1
# Console do desenvolvedor
2
2
3
-
O código é propenso a erros. Você provavelmente cometerá erros ... Oh, do que estou falando? Você está *inevitavelmente* cometendo erros, pelo menos se você for um humano, não um [robô] (https://pt.wikipedia.org/wiki/Bender_Bending_Rodr%C3%ADguez).
3
+
O código é propenso a erros. Você provavelmente cometerá erros ... Oh, do que estou falando? Você está *inevitavelmente* cometendo erros, pelo menos se você for um humano, não um [robô] (<https://pt.wikipedia.org/wiki/Bender_Bending_Rodr%C3%ADguez).>
4
4
5
5
Mas no navegador, os usuários não vêem os erros por padrão. Assim, se algo correr mal no script, não veremos de onde está partindo e não poderemos corrigir.
6
6
@@ -29,23 +29,17 @@ O aspecto exato das ferramentas de desenvolvimento depende da sua versão do Chr
29
29
- Aqui podemos ver a mensagem de erro de cor vermelha. Neste caso, o script contém um comando "lalala" desconhecido.
30
30
- À direita, há um link clicável para o código-fonte `bug.html:12` com o número da linha onde o erro ocorreu.
31
31
32
-
<<<<<<< HEAD
33
-
Abaixo da mensagem de erro, há um símbolo azul `>`. Ele marca uma "linha de comando" onde podemos digitar comandos JavaScript. Pressione `key:Enter` para executá-los (`key:Shift+Enter` para introduzir comandos multi-linha).
34
-
=======
35
-
Below the error message, there is a blue `>` symbol. It marks a "command line" where we can type JavaScript commands. Press `key:Enter` to run them.
36
-
>>>>>>> e074a5f825a3d10b0c1e5e82561162f75516d7e3
32
+
Abaixo da mensagem de erro, há um símbolo azul `>`. Ele marca uma "linha de comando" onde podemos digitar comandos JavaScript. Pressione `key:Enter` para executá-los.
37
33
38
34
Agora podemos ver erros, e isso é suficiente para começar. Voltaremos mais tarde às ferramentas de desenvolvedor e abordaremos a depuração mais profundamente no capítulo <info:debugging-chrome>.
39
35
40
-
<<<<<<< HEAD
41
-
## Firefox, Edge, e outros
42
-
=======
43
36
```smart header="Multi-line input"
44
37
Usually, when we put a line of code into the console, and then press `key:Enter`, it executes.
45
38
46
39
To insert multiple lines, press `key:Shift+Enter`. This way one can enter long fragments of JavaScript code.
47
40
```
48
-
>>>>>>> e074a5f825a3d10b0c1e5e82561162f75516d7e3
41
+
42
+
## Firefox, Edge, e outros
49
43
50
44
A maioria dos outros navegadores usam `key:F12` para abrir ferramentas de desenvolvimento.
51
45
@@ -61,19 +55,9 @@ Abra Preferências e vá para o painel "Avançado". Há uma caixa de seleção n
61
55
62
56
Agora o `key:Cmd+Opt+C` pode alternar o console. Além disso, note que o novo item do menu superior chamado "Develop" apareceu. Ele tem muitos comandos e opções.
63
57
64
-
## Entrada multi-linha
65
-
66
-
<<<<<<< HEAD
67
-
Normalmente, quando colocamos uma linha de código no console, e então pressionamos `key:Enter`, ele executa.
68
-
69
-
Para inserir várias linhas, pressione `key:Shift+Enter`.
70
-
71
58
## Resumo
72
-
=======
73
-
## Summary
74
-
>>>>>>> e074a5f825a3d10b0c1e5e82561162f75516d7e3
75
59
76
60
- As ferramentas de desenvolvedor nos permitem ver erros, executar comandos, examinar variáveis e muito mais.
77
61
- Elas podem ser abertas com `key:F12` para a maioria dos navegadores no Windows. O Chrome para Mac precisa de `key:Cmd+Opt+J`, Safari: `key:Cmd+Opt+C` (precisa ser ativado primeiro).
78
62
79
-
Agora temos o ambiente pronto. Na próxima seção, chegaremos ao JavaScript.
63
+
Agora temos o ambiente pronto. Na próxima seção, chegaremos ao JavaScript.
0 commit comments