Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Padroniza a sessão de Dicas e remove "trailing spaces" #210

Merged
merged 3 commits into from
Aug 14, 2015
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
22 changes: 11 additions & 11 deletions chapters/09-expressoes-regulares.md
Original file line number Diff line number Diff line change
Expand Up @@ -120,7 +120,7 @@ console.log( /'\d*'/.test("''") );

O asterisco ("*") tem um significado similar, mas também permite não encontrar o padrão. Então, algo com um asterisco depois não impede um padrão de ser achado, apenas retornando zero resultados.

Uma interrogação ("?") define uma parte do padrão de busca como "opcional", o que significa que ele pode ocorrer zero ou mais vezes. Neste exemplo, é permitido que ocorra o caractere "u", mas o padrão também é encontrado quando ele está ausente.
Uma interrogação ("?") define uma parte do padrão de busca como "opcional", o que significa que ele pode ocorrer zero ou mais vezes. Neste exemplo, é permitido que ocorra o caractere "u", mas o padrão também é encontrado quando ele está ausente.

```js
var neighbor = /neighbou?r/;
Expand Down Expand Up @@ -172,7 +172,7 @@ Valores _string_possuem um método que se comporta de maneira semelhante.

```js
console.log("one two 100".match(/\d+/));
// → ["100", index: 8, input: "one two 100"]
// → ["100", index: 8, input: "one two 100"]
```

Um objeto retornado pelo método exec ou match possui um index de propriedades que informa aonde na _string_o resultado encontrado se inicia. Além disso, o objeto se parece (e de fato é) um array de strings, onde o primeiro elemento é a _string_que foi achada, no exemplo acima, a sequência de dígitos numéricos.
Expand All @@ -182,7 +182,7 @@ Quando uma expressão regular contém expressões agrupadas entre parênteses, o
```js
var textoCitado = /'([^']*)'/;
console.log( textoCitado.exec("'ela disse adeus'") );
// → ["'ela disse adeus'", "ela disse adeus", index: 0, input: "'ela disse adeus'"]
// → ["'ela disse adeus'", "ela disse adeus", index: 0, input: "'ela disse adeus'"]
```

Quando um grupo não termina sendo achado (se por exemplo, possui um sinal de interrogação depois dele), seu valor no array de resultado será undefined. Do mesmo modo, quando um grupo é achado várias vezes, apenas o último resultado encontrado estará no array.
Expand Down Expand Up @@ -211,9 +211,9 @@ Também é possível criar um objeto para uma hora específica

```js
console.log( new Date(2014, 6, 29) );
// → Tue Jul 29 2014 00:00:00 GMT-0300 (BRT)
// → Tue Jul 29 2014 00:00:00 GMT-0300 (BRT)
console.log( new Date(1981, 6, 29, 18, 30, 50) );
// → Wed Jul 29 1981 18:30:50 GMT-0300 (BRT)
// → Wed Jul 29 1981 18:30:50 GMT-0300 (BRT)
```

O JavaScript utiliza uma convenção onde a numeração dos meses se inicia em zero (então Dezembro é 11), mas os dias iniciam-se em um. É bem confuso, então, tenha cuidado.
Expand All @@ -224,9 +224,9 @@ Internamente, objetos do tipo data são armazenados como o número de milissegun

```js
console.log( new Date(2014, 2, 21).getTime() );
// → 1395370800000
// → 1395370800000
console.log( new Date( 1395370800000 ) );
// → Fri Mar 21 2014 00:00:00 GMT-0300 (BRT)
// → Fri Mar 21 2014 00:00:00 GMT-0300 (BRT)
```

Quando fornecemos apenas um argumento ao construtor do _Date_, ele é tratado como se fosse um número de milissegundos.
Expand All @@ -242,7 +242,7 @@ function buscaData(string) {
return new Date( Number(match[3]), Number(match[2] ), Number(match[1]) );
}
console.log( buscaData("21/1/2014") );
// → Fri Feb 21 2014 00:00:00 GMT-0300 (BRT)
// → Fri Feb 21 2014 00:00:00 GMT-0300 (BRT)
```

## Limites de palavra e _string_
Expand Down Expand Up @@ -629,7 +629,7 @@ Escreva uma expressão regular que testa quando qualquer das _sub-strings_ dadas
"pop" e "prop"
"ferret", "ferry", e "ferrari"
Qualquer palavra terminando em "ious"
Um espaço em branco seguido por um ponto, vírgula, dois-pontos, ou ponto-e-vírgula
Um espaço em branco seguido por um ponto, vírgula, dois-pontos, ou ponto-e-vírgula
Uma palavra com mais de seis letras
Uma palavra sem a letra "e"

Expand Down Expand Up @@ -684,7 +684,7 @@ function verify(regexp, yes, no) {

## Estilo de aspas

Imagine que você escreveu um texto e usou aspas simples por toda parte. Agora você deseja substituir todas que realmente possuem algum texto com aspas duplas, mas não as usadas em contrações de texto com _aren't).
Imagine que você escreveu um texto e usou aspas simples por toda parte. Agora você deseja substituir todas que realmente possuem algum texto com aspas duplas, mas não as usadas em contrações de texto com _aren't).

Pense em um padrão que faça distinção entre esses dois usos de aspas e faça uma chamada que substitua apenas nos lugares apropriados.

Expand All @@ -695,7 +695,7 @@ console.log(text.replace(/A/, "B"));
// → "I'm the cook," he said, "it's my job."
```

Dicas
**Dicas**

A solução mais óbvia é substituir apenas as aspas que não estão cercadas de caracteres de palavra. A primeira expressão vem à mente é _/\W'\W/_, mas é preciso cuidado para lidar com o início da _string_ corretamente. Isso pode ser feito usando os marcadores "_ˆ_" e "_$_", como em _/(\W|^)'(\W|$)/_.

Expand Down
8 changes: 4 additions & 4 deletions chapters/13-document-object-model.md
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@ Um dos "brinquedos" que um programa em JavaScript possui disponível em sua caix

## Estrutura do Documento

Você pode imaginar um documento HTML como um conjunto de caixas aninhadas. Tags como <body> e </body> encapsulam outras tags, as quais, por sua vez, contêm outras tags ou texto. Aqui está o documento de exemplo do último capítulo:
Você pode imaginar um documento HTML como um conjunto de caixas aninhadas. Tags como <body> e </body> encapsulam outras tags, as quais, por sua vez, contêm outras tags ou texto. Aqui está o documento de exemplo do último capítulo:

```html
<html>
Expand Down Expand Up @@ -425,7 +425,7 @@ A notação `p > a {...}` aplica os estilos passados para todas as tags `<a>` qu
## Seletores de Busca

Nós não iremos usar muitas folhas de estilo neste livro. Ainda assim, entendê-las é crucial para programar no navegador, explicar todas as propriedades que elas suportam de maneira correta e a interação entre essas propriedades levaria dois ou três livros somente para isso.

A razão principal pela qual eu introduzi a sintaxe de *seletores*—a notação usada em folhas de estilo para definir a qual elemento um conjunto de regras se aplica—é que nós podemos usar essa mesma mini-linguagem para definir uma maneira eficaz de encontrar elementos do DOM.

O método querySelectorAll, que é definido em tanto no objeto `document` quanto nos nós de elementos, leva apenas uma string seletora e retorna um objeto parecido um array, contendo todos os elementos que encontra.
Expand Down Expand Up @@ -556,7 +556,7 @@ Uma vez que você fez a parte básica funcionar, alinhe as células que contêm
</script>
```

#### Dicas
**Dicas**

Use `document.createElement` para criar novos nós de elementos, `document.createTextNode` para criar nós de texto e o método `appendChild` para colocar nós dentro de outros nós.

Expand Down Expand Up @@ -615,4 +615,4 @@ Para tornar mais fácil a tarefa de posicionar múltiplos objetos, é provavelme
var hat = document.querySelector("#hat");
// Seu código aqui.
</script>
```
```
4 changes: 2 additions & 2 deletions chapters/19-projeto-um-programa-de-pintura.md
Original file line number Diff line number Diff line change
Expand Up @@ -401,7 +401,7 @@ Se nada lhe vem a mente, relembre `position: absolute` discutito no [Capítulo 1
</body>
```

####Exibir Dicas
**Dicas**

Você pode utilizar `relativePos` para encontrar o canto correspondente ao início do arrasto do mouse. Descobrir aonde as extremidades de arrasto termina pode ser com `trackDrag` ou registrando seu próprio manipulador de eventos.

Expand Down Expand Up @@ -514,4 +514,4 @@ A lista de trabalho pode ser simplesmente um array de objetos vetoriais. A estru

Você pode comparar cores, executando sobre a parte relevante do array de dados, comparando um campo de cada vez. Ou você pode "condensar" uma cor a um único número ou o texto e comparar aqueles. Ao fazer isso, certifique-se de que cada cor produza um valor único. Por exemplo, a simples adição de componentes da cor não é segura, pois várias cores terá a mesma soma.

Ao enumerar os vizinhos de um determinado ponto, tenha o cuidado de excluir os vizinhos que não estão dentro da tela ou o seu programa poderá correr em uma direção para sempre.
Ao enumerar os vizinhos de um determinado ponto, tenha o cuidado de excluir os vizinhos que não estão dentro da tela ou o seu programa poderá correr em uma direção para sempre.