Skip to content

Commit 737ba08

Browse files
committed
Update 1-js/01-getting-started.
1 parent b9e0def commit 737ba08

File tree

3 files changed

+15
-57
lines changed

3 files changed

+15
-57
lines changed

1-js/01-getting-started/2-manuals-specifications/article.md

Lines changed: 3 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,26 +1,19 @@
1+
12
# Manuais e especificações
23

34
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.
45

56
## Especificação
67

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.
89

9-
<<<<<<< HEAD
1010
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
1411

1512
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/>.
1613

17-
<<<<<<< HEAD
1814
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
2215

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.
2417

2518
## Manuais
2619

1-js/01-getting-started/3-code-editors/article.md

Lines changed: 7 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -12,10 +12,8 @@ Uma IDE carrega o projeto (que pode ter muitos arquivos), permite navegação en
1212

1313
Se você ainda não tiver selecionado uma IDE, considere as seguintes opções:
1414

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).
16+
- [WebStorm](http://www.jetbrains.com/webstorm/) (plataforma cruzada, pago).
1917

2018
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/).
2119

@@ -31,35 +29,18 @@ A principal diferença entre um "editor leve" e uma "IDE", é que uma IDE trabal
3129

3230
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.
3331

34-
<<<<<<< HEAD
3532
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).
39-
- [Sublime Text](http://www.sublimetext.com) (cross-platform, shareware).
40-
- [Notepad++](https://notepad-plus-plus.org/) (Windows, free).
41-
- [Vim](http://www.vim.org/) and [Emacs](https://www.gnu.org/software/emacs/) are also cool if you know how to use them.
42-
>>>>>>> e074a5f825a3d10b0c1e5e82561162f75516d7e3
43-
44-
- [Visual Studio Code](https://code.visualstudio.com/) (plataforma cruzada, livre) também tem muitos recursos similares a IDE.
45-
- [Atom](https://atom.io/) (multi-plataforma, livre).
46-
- [Sublime Text](http://www.sublimetext.com) (multi-plataforma, shareware).
33+
34+
- [Atom](https://atom.io/) (plataforma cruzada, livre).
35+
- [Visual Studio Code](https://code.visualstudio.com/) (plataforma cruzada, livre).
36+
- [Sublime Text](http://www.sublimetext.com) (plataforma cruzada, shareware).
4737
- [Notepad++](https://notepad-plus-plus.org/) (Windows, livre).
4838
- [Vim](http://www.vim.org/) e [Emacs](https://www.gnu.org/software/emacs/) também são legais se você sabe como usá-los.
4939

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-
5940
## Não vamos discutir
6041

6142
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.
6243

6344
Há outros grandes editores no nosso grande mundo. Por favor, escolha o que você mais gosta.
6445

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.

1-js/01-getting-started/4-devtools/article.md

Lines changed: 5 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
# Console do desenvolvedor
22

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).>
44

55
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.
66

@@ -29,23 +29,17 @@ O aspecto exato das ferramentas de desenvolvimento depende da sua versão do Chr
2929
- Aqui podemos ver a mensagem de erro de cor vermelha. Neste caso, o script contém um comando "lalala" desconhecido.
3030
- À direita, há um link clicável para o código-fonte `bug.html:12` com o número da linha onde o erro ocorreu.
3131

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.
3733

3834
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>.
3935

40-
<<<<<<< HEAD
41-
## Firefox, Edge, e outros
42-
=======
4336
```smart header="Multi-line input"
4437
Usually, when we put a line of code into the console, and then press `key:Enter`, it executes.
4538
4639
To insert multiple lines, press `key:Shift+Enter`. This way one can enter long fragments of JavaScript code.
4740
```
48-
>>>>>>> e074a5f825a3d10b0c1e5e82561162f75516d7e3
41+
42+
## Firefox, Edge, e outros
4943

5044
A maioria dos outros navegadores usam `key:F12` para abrir ferramentas de desenvolvimento.
5145

@@ -61,19 +55,9 @@ Abra Preferências e vá para o painel "Avançado". Há uma caixa de seleção n
6155

6256
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.
6357

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-
7158
## Resumo
72-
=======
73-
## Summary
74-
>>>>>>> e074a5f825a3d10b0c1e5e82561162f75516d7e3
7559

7660
- As ferramentas de desenvolvedor nos permitem ver erros, executar comandos, examinar variáveis e muito mais.
7761
- 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).
7862

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

Comments
 (0)