Skip to content

Commit f3a1fce

Browse files
committed
feat(steps): added missing link and fixes misspacing and broken link about hello world article
1 parent 37da7e2 commit f3a1fce

File tree

5 files changed

+12
-15
lines changed

5 files changed

+12
-15
lines changed
Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,2 +1,4 @@
11

22
[html src="index.html"]
3+
4+
[Abra a solução no sandbox.](https://plnkr.co/edit/Vl2JuntzExJ6FvtU?p=preview)

1-js/02-first-steps/01-hello-world/1-hello-alert/task.md

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,4 +9,3 @@ Crie uma página que mostre uma mensagem " Eu sou o JavaScript!".
99
Faça isso em um sandbox, ou no seu disco rígido, não importa, apenas certifique-se de que ele funciona.
1010

1111
[demo src=" solution"]
12-

1-js/02-first-steps/01-hello-world/2-hello-alert-ext/solution.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,4 +4,4 @@ O código HTML:
44

55
Para o arquivo `alert.js` na mesma pasta:
66

7-
[js src="alert.js"]
7+
[js src="alert.js"]

1-js/02-first-steps/01-hello-world/2-hello-alert-ext/task.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,4 +6,4 @@ importância: 5
66

77
Tome a solução da tarefa anterior <info:task/hello-alert>. Modifique-o extraindo o conteúdo do script para um arquivo externo `alert.js`, residindo na mesma pasta.
88

9-
Abra a página, verifique se o alerta funciona.
9+
Abra a página, verifique se o alerta funciona.

1-js/02-first-steps/01-hello-world/article.md

Lines changed: 8 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,6 @@ Mas precisamos de um ambiente de trabalho para rodar nossos scripts e, como esse
66

77
Então, primeiro, vamos ver como anexar um script a uma página. Para ambientes server-side (como Node.js), você pode executar o script com um comando como `"node my.js"`.
88

9-
109
## A tag "script"
1110

1211
Os programas JavaScript podem ser inseridos em quase qualquer parte de um documento HTML com a ajuda da tag `<script>`.
@@ -40,28 +39,26 @@ Você pode executar o exemplo clicando no botão "Jogar" no canto superior direi
4039

4140
A tag `<script>` contém código JavaScript que é executado automaticamente quando o navegador processa a tag.
4241

43-
4442
## Marcação moderna
4543

4644
A tag `<script>` tem alguns atributos que raramente são usados hoje em dia, mas que ainda podem ser encontrados em códigos antigos:
4745

4846
O atributo `type`: <code>&lt;script <u>type</u>=...&gt;</code>
49-
: O antigo padrão HTML, HTML4, requeria um script para ter um `type`. Normalmente era `type="text/javascript"`. Não é mais necessário. Além disso, o moderno padrão HTML, HTML5, mudou totalmente o significado deste atributo. Agora, ele pode ser usado para módulos JavaScript. Mas esse é um tópico avançado; vamos falar sobre módulos em outra parte do tutorial.
47+
: O antigo padrão HTML, HTML4, requeria um script para ter um `type`. Normalmente era `type="text/javascript"`. Não é mais necessário. Além disso, o moderno padrão HTML, HTML5, mudou totalmente o significado deste atributo. Agora, ele pode ser usado para módulos JavaScript. Mas esse é um tópico avançado; vamos falar sobre módulos em outra parte do tutorial.
5048

5149
O atributo `language`: <code>&lt;script <u>language</u>=...&gt;</code>
5250
: Este atributo foi criado para mostrar o idioma do script. Este atributo não faz mais sentido porque JavaScript é a linguagem padrão. Não há necessidade de o usar.
5351

5452
Comentários antes e depois dos scripts.
5553
: Em livros e guias realmente antigos, você pode encontrar comentários dentro de tags `<script>`, assim:
5654

57-
```html no-beautify
58-
<script type="text/javascript"><!--
59-
...
60-
//--></script>
61-
```
62-
63-
Esse truque não é usado no JavaScript moderno. Esses comentários esconderam código JavaScript de navegadores antigos que não sabiam como processar a tag `<script>`. Como os navegadores lançados nos últimos 15 anos não têm esse problema, esse tipo de comentário pode ajudá-lo a identificar códigos realmente antigos.
55+
```html no-beautify
56+
<script type="text/javascript"><!--
57+
...
58+
//--></script>
59+
```
6460

61+
Esse truque não é usado no JavaScript moderno. Esses comentários esconderam código JavaScript de navegadores antigos que não sabiam como processar a tag `<script>`. Como os navegadores lançados nos últimos 15 anos não têm esse problema, esse tipo de comentário pode ajudá-lo a identificar códigos realmente antigos.
6562

6663
## Scripts externos
6764

@@ -92,7 +89,7 @@ Para anexar vários scripts, use múltiplas tags:
9289
```smart
9390
Como regra, apenas os scripts mais simples são colocados em HTML. Os mais complexos residem em arquivos separados.
9491
95-
O benefício de um arquivo separado é que o navegador irá baixá-lo e armazená-lo em seu [cache] (https://pt.wikipedia.org/wiki/Web_cache).
92+
O benefício de um arquivo separado é que o navegador irá baixá-lo e armazená-lo em seu [cache](https://pt.wikipedia.org/wiki/Web_cache).
9693
9794
Outras páginas que referenciam o mesmo script o tirarão do cache ao invés de baixá-lo, então o arquivo é baixado apenas uma vez.
9895
@@ -128,5 +125,4 @@ O exemplo acima pode ser dividido em dois scripts para funcionar:
128125
- Os atributos `type` e `language` não são necessários.
129126
- Um script em um arquivo externo pode ser inserido com `<script src="path/to/script.js"></script>`.
130127

131-
132128
Há muito mais a aprender sobre os scripts dos navegadores e sua interação com a página. Mas vamos ter em mente que esta parte do tutorial é dedicada à linguagem JavaScript, então não devemos nos distrair com implementações específicas de navegadores. Estaremos usando o navegador como uma maneira de rodar JavaScript, que é muito conveniente para leitura online, mas apenas um de muitos.

0 commit comments

Comments
 (0)