Skip to content

Commit

Permalink
Ёфикация
Browse files Browse the repository at this point in the history
  • Loading branch information
lex111 committed May 29, 2019
1 parent 893ed16 commit b1818e0
Show file tree
Hide file tree
Showing 87 changed files with 389 additions and 389 deletions.
6 changes: 3 additions & 3 deletions 1-js/01-getting-started/1-intro/article.md
Original file line number Diff line number Diff line change
Expand Up @@ -63,7 +63,7 @@

Примеры таких ограничений включают в себя:

- JavaScript на веб-странице не может читать/записывать произвольные файлы на жестком диске, копировать их или запускать программы. Он не имеет прямого доступа к системным функциям ОС.
- JavaScript на веб-странице не может читать/записывать произвольные файлы на жёстком диске, копировать их или запускать программы. Он не имеет прямого доступа к системным функциям ОС.

Современные браузеры позволяют ему работать с файлами, но с ограниченным доступом и предоставляют его только если пользователь выполняет определённые действия, такие как "перетаскивание" файла в окно браузера или его выбор с помощью тега `<input>`.

Expand All @@ -90,7 +90,7 @@
```
JavaScript - это единственная браузерная технология, сочетающая в себе все эти три вещи.

Вот что делает JavaScript особенным. Вот почему это самый распространенный инструмент для создания интерфейсов в браузере.
Вот что делает JavaScript особенным. Вот почему это самый распространённый инструмент для создания интерфейсов в браузере.

Планируя изучить новую технологию, полезно оценить её перспективы. Итак, давайте перейдём к современным тенденциям, включая новые языки и браузерные технологии.

Expand All @@ -116,5 +116,5 @@ JavaScript - это единственная браузерная техноло
## Итого

- JavaScript изначально создавался только для браузера, но сейчас используется на многих других платформах.
- Сегодня JavaScript занимает уникальную позицию в качестве самого распространенного языка для браузера обладающего полной интеграцией с HTML/CSS.
- Сегодня JavaScript занимает уникальную позицию в качестве самого распространённого языка для браузера обладающего полной интеграцией с HTML/CSS.
- Многие языки могут быть "транспилированы" в JavaScript для предоставления дополнительных функций. Рекомендуется хотя бы кратко рассмотреть их после освоения JavaScript.
18 changes: 9 additions & 9 deletions 1-js/01-getting-started/3-devtools/article.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,9 +2,9 @@

Код уязвим для ошибок. И вы, скорее всего, будете делать ошибки в коде... Впрочем, давайте будем откровенны: вы *точно* будете совершать ошибки в коде. В конце концов, вы человек, а не [робот](https://ru.wikipedia.org/wiki/%D0%91%D0%B5%D0%BD%D0%B4%D0%B5%D1%80_(%D0%A4%D1%83%D1%82%D1%83%D1%80%D0%B0%D0%BC%D0%B0)).

Но по умолчанию в браузере ошибки не видны. То есть, если что-то пойдет не так, мы не увидим, что именно сломалось и не сможем это починить.
Но по умолчанию в браузере ошибки не видны. То есть, если что-то пойдёт не так, мы не увидим, что именно сломалось и не сможем это починить.

Для решения задач такого рода в браузер встроены так называемые "Инструменты разработки" (Developer tools, или сокращенно — devtools).
Для решения задач такого рода в браузер встроены так называемые "Инструменты разработки" (Developer tools, или сокращённо — devtools).

Chrome и Firefox снискали любовь подавляющего большинства программистов во многом благодаря своим отменным инструментам разработчика. Остальные браузеры хоть и оснащены подобными инструментами, но все же зачастую находятся в роли догоняющих и по качеству и по количеству свойств и особенностей. В общем, почти у всех программистов есть свой "любимый" браузер. Другие используются только для отлова и исправления специфичных "браузерозависимых" багов.

Expand All @@ -14,7 +14,7 @@ Chrome и Firefox снискали любовь подавляющего бол

Откройте страницу [bug.html](bug.html).

В ее JavaScript код закралась ошибка. Она не видна обычному посетителю, поэтому давайте найдем ее при помощи devtools.
В её JavaScript код закралась ошибка. Она не видна обычному посетителю, поэтому давайте найдём её при помощи devtools.

Нажмите `key:F12` или, если вы используете Mac, `key:Cmd+Opt+J`.

Expand All @@ -24,14 +24,14 @@ Chrome и Firefox снискали любовь подавляющего бол

![chrome](chrome.png)

Точный внешний вид инструментов разработки зависит от используемой версии Chrome. Время от времени некоторые детали изменяются, но в целом внешний вид остается примерно похожим на предыдущие версии.
Точный внешний вид инструментов разработки зависит от используемой версии Chrome. Время от времени некоторые детали изменяются, но в целом внешний вид остаётся примерно похожим на предыдущие версии.

- В консоли мы можем увидеть сообщение об ошибке, отрисованное красным цветом. В нашем случае скрипт содержит неизвестную команду "lalala".
- Справа присутствует кликабельная ссылка на исходный код `bug.html:12` с номером строки кода, в которой эта ошибка и произошла.

Под сообщением об ошибке находится синий символ `>`. Он обозначает командную строку, в ней мы можем редактировать и запускать JavaScript-команды. Для их запуска нажмите `key:Enter` (для переноса строки жмите `key:Shift+Enter`).

Теперь мы явно видим ошибки, для начала этого вполне достаточно. Мы еще вернемся к инструментам разработчика позже и более подробно рассмотрим отладку кода в главе <info:debugging-chrome>.
Теперь мы явно видим ошибки, для начала этого вполне достаточно. Мы ещё вернёмся к инструментам разработчика позже и более подробно рассмотрим отладку кода в главе <info:debugging-chrome>.


## Firefox, Edge и другие
Expand All @@ -44,21 +44,21 @@ Chrome и Firefox снискали любовь подавляющего бол

Safari (браузер для Mac, не поддерживается в системах Windows/Linux) все же имеет небольшое отличие. Для начала работы нам нужно включить "Меню разработки" ("Developer menu").

Откройте настройки (Preferences) и перейдите к панели "Продвинутые" (Advanced). В самом низу вы найдете чекбокс:
Откройте настройки (Preferences) и перейдите к панели "Продвинутые" (Advanced). В самом низу вы найдёте чекбокс:

![safari](safari.png)

Теперь консоль можно активировать нажатием клавиш `key:Cmd+Opt+C`. Также обратите внимание на новый элемент меню "Разработка" ("Develop"). В нем содержится большое количество команд и настроек.

## Многострочный ввод

Обычно, при нажатии `key:Enter` введенная строка кода сразу выполняется.
Обычно, при нажатии `key:Enter` введённая строка кода сразу выполняется.

Чтобы перенести строку нажмите `key:Shift+Enter`.

## Итого

- Инструменты разработчика позволяют нам смотреть ошибки, выполнять команды, проверять значение переменных и еще много всего полезного.
- Инструменты разработчика позволяют нам смотреть ошибки, выполнять команды, проверять значение переменных и ещё много всего полезного.
- В большинстве браузеров, работающих под Windows, инструменты разработчика можно открыть, нажав `key:F12`. В Chrome для Mac используйте комбинацию `key:Cmd+Opt+J`, Safari: `key:Cmd+Opt+C` (необходимо предварительное включение "меню разработчика").

Теперь наше окружение полностью настроено. В следующем разделе мы перейдем непосредственно к JavaScript.
Теперь наше окружение полностью настроено. В следующем разделе мы перейдём непосредственно к JavaScript.
2 changes: 1 addition & 1 deletion 1-js/02-first-steps/01-hello-world/1-hello-alert/task.md
Original file line number Diff line number Diff line change
Expand Up @@ -6,6 +6,6 @@ importance: 5

Создайте страницу, которая отобразит сообщение "I'm JavaScript!".

Выполните это задание в песочнице, либо на вашем жестком диске, где не важно, главное - проверьте что она работает.
Выполните это задание в песочнице, либо на вашем жёстком диске, где не важно, главное - проверьте что она работает.

[demo src="solution"]
2 changes: 1 addition & 1 deletion 1-js/02-first-steps/01-hello-world/article.md
Original file line number Diff line number Diff line change
Expand Up @@ -41,7 +41,7 @@

## Современная разметка

Тег `<script>` имеет несколько атрибутов, которые редко используются, но все еще могут встретится в старом коде:
Тег `<script>` имеет несколько атрибутов, которые редко используются, но все ещё могут встретится в старом коде:

Атрибут `type`: <code>&lt;script <u>type</u>=...&gt;</code>
: Старый стандарт HTML, HTML4, требовал наличия этого атрибута в теге `<script>`. Обычно он имел значение `type="text/javascript"`. На текущий момент этого больше не требуется. Более того, в современном стандарте HTML, HTML5, смысл этого атрибута полностью изменился. Теперь он может использоваться для JavaScript-модулей. Но это продвинутая тема, и о ней мы поговорим в другой части учебника.
Expand Down
2 changes: 1 addition & 1 deletion 1-js/02-first-steps/02-structure/article.md
Original file line number Diff line number Diff line change
Expand Up @@ -46,7 +46,7 @@ alert(3 +
+ 2);
```

Код выведет `6` потому что JavaScript не вставляет здесь точку с запятой. Интуитивно очевидно, что если строка заканчивается знаком `"+"`, значит это "незавершенное выражение", поэтому точка с запятой не требуется. И в этом случае всё работает как задумано.
Код выведет `6` потому что JavaScript не вставляет здесь точку с запятой. Интуитивно очевидно, что если строка заканчивается знаком `"+"`, значит это "незавершённое выражение", поэтому точка с запятой не требуется. И в этом случае всё работает как задумано.

**Но есть ситуации, где JavaScript "забывает" вставить точку с запятой там, где она нужна.**

Expand Down
14 changes: 7 additions & 7 deletions 1-js/02-first-steps/03-strict-mode/article.md
Original file line number Diff line number Diff line change
Expand Up @@ -21,13 +21,13 @@

Позже мы изучим функции (способ группировки команд).

Забегая вперед, давайте просто отметим, что `"use strict"` можно поставить в начале большинства видов функций, вместо всего скрипта. Это позволяет включить строгий режим только в этой функции. Но обычно, люди используют его для всего файла.
Забегая вперёд, давайте просто отметим, что `"use strict"` можно поставить в начале большинства видов функций, вместо всего скрипта. Это позволяет включить строгий режим только в этой функции. Но обычно, люди используют его для всего файла.


````warn header="Убедитесь, что \"use strict\" находится в начале"
Проверьте, что `"use strict"` добавлен вверху ваших скриптов, иначе строгий режим может быть не включен.
Проверьте, что `"use strict"` добавлен вверху ваших скриптов, иначе строгий режим может быть не включён.
Здесь строгий режим не включен:
Здесь строгий режим не включён:
```js no-strict
alert("some code");
Expand All @@ -53,9 +53,9 @@ alert("some code");
Иногда, когда `use strict` имеет значение, вы можете получить неправильные результаты.
Даже если мы нажмем `key:Shift+Enter` для ввода нескольких строк и напишем вверху `use strict` -- это не сработает. Это связано с тем, как консоль выполняет код внутри.
Даже если мы нажмём `key:Shift+Enter` для ввода нескольких строк и напишем вверху `use strict` -- это не сработает. Это связано с тем, как консоль выполняет код внутри.
Надежный способ сделать так, чтобы `use strict` заработал, это ввести код в консоль следующим образом:
Надёжный способ сделать так, чтобы `use strict` заработал, это ввести код в консоль следующим образом:
```js
(function() {
Expand All @@ -67,13 +67,13 @@ alert("some code");

## Всегда используйте "use strict"

Нам еще предстоит рассмотреть различия между строгим режимом и режимом "по умолчанию".
Нам ещё предстоит рассмотреть различия между строгим режимом и режимом "по умолчанию".

В следующих главах, изучая особенности языка, мы будем отмечать различия между строгим и стандартным режимами. К счастью, их не так много, и они действительно делают нашу жизнь лучше.

На данный момент достаточно иметь общее понимание об этом режиме:

1. Директива `"use strict"` переключает движок в "современный" режим, изменяя поведение некоторых встроенных функций. Позже в учебнике мы увидим подробности.
2. Строгий режим включается путем размещения `"use strict"` в верхней части скрипта или функции. Некоторые функции языка, такие как "классы" и "модули", автоматически включают строгий режим.
2. Строгий режим включается путём размещения `"use strict"` в верхней части скрипта или функции. Некоторые функции языка, такие как "классы" и "модули", автоматически включают строгий режим.
3. Строгий режим поддерживается всеми современными браузерами.
4. Мы рекомендуем всегда начинать скрипты с `"use strict"`. Все примеры в этом руководстве предполагают строгий режим, если (очень редко) не указано иное.
Original file line number Diff line number Diff line change
Expand Up @@ -16,6 +16,6 @@ let currentUserName = "Джон";

Опять же, мы могли бы укоротить название до `userName`, если мы точно знаем, что это текущий пользователь.

Современные редакторы и автодополнение ввода в них позволяют легко писать длинные названия переменных. Не экономьте буквы. Имена, состоящие из трех слов, вполне нормальны.
Современные редакторы и автодополнение ввода в них позволяют легко писать длинные названия переменных. Не экономьте буквы. Имена, состоящие из трёх слов, вполне нормальны.

Если в вашем редакторе нет автодополнения, воспользуйтесь [другими](/code-editors).
Loading

0 comments on commit b1818e0

Please sign in to comment.