Skip to content

Selection and Range #606

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

Merged
merged 10 commits into from
Feb 23, 2024
8 changes: 4 additions & 4 deletions 1-js/02-first-steps/01-hello-world/article.md
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@

## Тег "script"

Програми JavaScript можна вставити у будь-яку частину HTML документа, використовуючи тег `<script>`.
JavaScript скрипти можна вставити у будь-яку частину HTML документа за допомогою тегу `<script>`.

Наприклад:

Expand Down Expand Up @@ -110,7 +110,7 @@
</script>
```

Ми повинні вибрати або зовнішній `<script src="…">`, або звичайний `<script>` з кодом.
Ми маємо вибрати або зовнішній `<script src="…">`, або звичайний `<script>` з кодом.

Наведений вище приклад можна розділити на два скрипти:

Expand All @@ -124,9 +124,9 @@

## Підсумки

- Ми можемо використовувати тег `<script>` для додавання коду JavaScript на сторінку.
- Щоб додати JavaScript код на сторінку використайте тег `<script>`.
- Атрибути `type` і `language` не потрібні.
- Скрипти у зовнішньому файлі можна вставити за допомогою `<script src="path/to/script.js"></script>`.
- Скрипт з окремого файла можна вставити за допомогою `<script src="path/to/script.js"></script>`.


Існує набагато більше інформації про браузерні скрипти та їхню взаємодію з веб-сторінкою. Але майте на увазі, що ця частина посібника присвячена мові JavaScript, тому ми не повинні відволікатись на деталі реалізації в браузері. Ми будемо використовувати браузер як спосіб запуску JavaScript, що є дуже зручним для читання в Інтернеті, але це лише один із багатьох можливих варіантів.
6 changes: 3 additions & 3 deletions 1-js/02-first-steps/02-structure/article.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,9 +4,9 @@

## Інструкції

Інструкції це синтаксичні конструкції та команди, які виконують дії.
Інструкції -- це синтаксичні конструкції та команди, які виконують якісь дії.

Ми вже бачили інструкцію `alert('Привіт, світ!')`, яка показує повідомлення "Привіт, світ!".
Ми вже бачили інструкцію `alert('Привіт, світ!')`, яка показує повідомлення 'Привіт, світ!'.

Можна писати стільки інструкцій, скільки завгодно. Інструкції можна розділяти крапкою з комою.

Expand Down Expand Up @@ -132,7 +132,7 @@ alert('Світ');
```

```smart header="Використовуйте комбінації клавіш!"
У більшості редакторів рядок коду можна закоментувати, натиснувши комбінацію клавіш `key:Ctrl+/`, а щоби закоментувати декілька рядків виділіть потрібні рядки та натисніть комбінацію клавіш `key:Ctrl+Shift+/`. У macOS потрібно натискати клавішу `key:Cmd` замість `key:Ctrl` і клавішу `key:Option` замість `key:Shift`.
У більшості редакторів рядок коду можна закоментувати, натиснувши комбінацію клавіш `key:Ctrl+/`, а щоби закоментувати декілька рядків -- виділіть потрібні рядки та натисніть комбінацію клавіш `key:Ctrl+Shift+/`. У macOS потрібно натискати клавішу `key:Cmd` замість `key:Ctrl` і клавішу `key:Option` замість `key:Shift`.
```

````warn header="Вкладені коментарі не підтримуються!"
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 @@ -41,12 +41,12 @@ alert("деякий код");
```warn header="Неможливо скасувати `use strict`"
Немає директиви на зразок `"no use strict"`, яка могла б вернути старий режим.

Як тільки ми увійшли в суворий режим, назад дороги немає.
Як тільки ми увімкнули суворий режим, назад дороги немає.
```

## Консоль браузера
## Консоль розробника

Коли ви використовуєте [консоль розробника](info:devtools) для виконання коду, майте на увазі, що консоль усталено не використовує суворий режим.
Коли ви використовуєте [консоль розробника](info:devtools) для виконання коду, майте на увазі, що консоль типово не використовує суворий режим.

В тих випадках, коли `use strict` впливає на роботу коду, ви отримаєте невірні результати в консолі.

Expand All @@ -62,7 +62,7 @@ alert("деякий код");

Це працюватиме в більшості браузерів, зокрема в Firefox і Chrome.

Якщо не спрацює, наприклад, в старих браузерах, тоді найнадійнішим варіантом буде використати `use strict` всередині функції-обгортки (хоч це, звичайно, виглядатиме потворно). Ось так:
Якщо не спрацює, наприклад, в старих браузерах, тоді найнадійнішим варіантом буде використати `use strict` всередині функції-обгортки (хоч це, звичайно, виглядатиме дивно). Ось так:

```js
(function() {
Expand All @@ -78,12 +78,12 @@ alert("деякий код");

Одні можуть порекомендувати ставити `"use strict"` на початку скриптів... Але знаєте, що круто?

Сучасний JavaScript підтримує "класи" і "модулі" просунуті структури мови (ми їх, звичайно, будемо вивчати), які автоматично вмикають `use strict`. Тому, якщо ми використовуємо ці структури, нам не потрібно прописувати директиву `"use strict"`.
Сучасний JavaScript підтримує "класи" і "модулі" -- просунуті конструкції мови (ми їх, звичайно, будемо вивчати), які автоматично вмикають `use strict`. Тому, якщо ми використовуємо їх, нам не потрібно прописувати директиву `"use strict"`.

**Отож зараз бажано ставити `"use strict";` на початку скриптів. Але пізніше, коли наш код "доросте" до класів і модулів, ми зможемо пропускати цю директиву.**

Зараз ми знаємо про `use strict` в загальному.
Зараз ми дізнались основне про `use strict`.

У наступних розділах, в процесі вивчення особливостей мови, ми помітимо відмінності між суворим і усталеним режимами. На щастя, їх не багато, і вони справді роблять наше життя кращим.
У наступних розділах, в процесі вивчення особливостей мови, ми поговоримо про відмінності між суворим і типовим режимами. На щастя, їх не багато, але вони дійсно змінюють наше життя на краще.

Всі приклади в цьому посібнику працюють в суворому режимі, окрім випадків (дуже рідкісних), коли вказано зворотнє.
Loading