You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: 1-js/02-first-steps/01-hello-world/2-hello-alert-ext/task.md
+2-2
Original file line number
Diff line number
Diff line change
@@ -4,6 +4,6 @@ importance: 5
4
4
5
5
# Показати повідомлення із зовнішнього скрипту
6
6
7
-
Використайте розв'язок з попереднього завдання <info:task/hello-alert>. Змініть його так, щоб вміст скрипту знаходився в зовнішньому файлі `alert.js`, який буде знаходитися в тій самій папці.
7
+
Використайте рішення з попереднього завдання <info:task/hello-alert>. Змініть його так, щоб вміст скрипту знаходився в зовнішньому файлі `alert.js`, який буде знаходитися в тій самій папці.
8
8
9
-
Відкрийте сторінку і переконайтеся, що повідомлення показується.
9
+
Відкрийте сторінку і переконайтеся, що повідомлення з'являється.
Copy file name to clipboardExpand all lines: 1-js/02-first-steps/01-hello-world/article.md
+8-8
Original file line number
Diff line number
Diff line change
@@ -2,9 +2,9 @@
2
2
3
3
Ця частина посібника розповідає про основи JavaScript, про саму мову.
4
4
5
-
Але нам необхідне робоче середовище для запуску наших скриптів і, оскільки ця книга є онлайн, браузер є гарним вибором для цього. Ми зведемо до мінімуму кількість специфічних команд для браузера (наприклад `alert`), щоб ви не витрачали час на них, якщо плануєте зосередитися на іншому середовищі (як Node.js). Ми зосередимось на JavaScript в браузері у [наступній частині](/ui) посібника.
5
+
Але нам необхідне робоче середовище для запуску наших скриптів і, оскільки це насамперед онлайн-посібник, браузер є гарним вибором для цього. Ми зведемо до мінімуму кількість специфічних команд для браузера (наприклад, таких як`alert`), щоб ви не витрачали час на них, якщо плануєте зосередитися на іншому середовищі (як Node.js). Ми зосередимось на JavaScript в браузері у [наступній частині](/ui) посібника.
6
6
7
-
Насамперед подивімося, як додавати скрипти до сторінки. Для серверних середовищ (як Node.js) ви можете виконати скрипти за допомогою команди `"node my.js"`.
7
+
Насамперед подивімося, як додавати скрипти на сторінку. Для серверних середовищ (таких як Node.js) ви можете виконати скрипти за допомогою команди `"node my.js"`.
8
8
9
9
10
10
## Тег "script"
@@ -46,10 +46,10 @@ JavaScript скрипти можна вставити у будь-яку час
46
46
Тег `<script>` має декілька атрибутів, які рідко використовуються сьогодні, але їх ще можна знайти в старому коді.
: Старий стандарт HTML, HTML4, вимагав, щоб у `<script>` був атрибут `type`. Зазвичай це був `type="text/javascript"`. Зараз в ньому нема потреби — сучасний стандарт HTML повністю змінив зміст цього атрибута. Тепер його можна використовувати для модулів JavaScript. Але це просунута тема, ми поговоримо про модулі в іншій частині посібника.
49
+
: Старий стандарт HTML, HTML4, вимагав, щоб у `<script>` був атрибут `type`. Зазвичай це був `type="text/javascript"`. Зараз в ньому нема потреби -- сучасний стандарт HTML повністю змінив мету цього атрибута. Тепер його можна використовувати для модулів JavaScript. Але це просунута тема, ми поговоримо про модулі в іншій частині посібника.
: Цей атрибут вказував на мову скрипту. Цей атрибут більше немає сенсу, оскільки JavaScript є усталеною мовою. Його більше не потрібно використовувати.
52
+
: Цей атрибут вказував на мову скрипту. Але це більше немає сенсу, оскільки JavaScript є усталеною мовою. Його більше не потрібно використовувати.
53
53
54
54
Коментарі до та після скриптів.
55
55
: У дійсно старих посібниках і книгах ви можете знайти коментарі всередині тегу `<script>`, наприклад:
@@ -65,15 +65,15 @@ JavaScript скрипти можна вставити у будь-яку час
65
65
66
66
## Зовнішні скрипти
67
67
68
-
Якщо ми маємо багато коду на JavaScript, ми можемо розділити його на окремі файли.
68
+
Якщо ми маємо багато JavaScript коду, ми можемо розділити його на окремі файли.
69
69
70
70
Файл скрипту можна додати до HTML за допомогою атрибута `src`:
71
71
72
72
```html
73
73
<scriptsrc="/path/to/script.js"></script>
74
74
```
75
75
76
-
Тут `/path/to/script.js`— абсолютний шлях до файлу скрипту з кореня сайту. Також можна вказати відносний шлях з поточної сторінки. Наприклад, `src="script.js"`, так само як `src="./script.js"`, означатиме, що файл `"script.js"`у поточній директорії.
76
+
Тут `/path/to/script.js`-- абсолютний шлях до файлу скрипту з кореня сайту. Також можна вказати відносний шлях з поточної сторінки. Наприклад, `src="script.js"`, це так само як і `src="./script.js"`, означатиме, що файл `"script.js"`знаходиться в поточній директорії.
77
77
78
78
Ми також можемо вказати повну URL-адресу. Наприклад:
79
79
@@ -100,7 +100,7 @@ JavaScript скрипти можна вставити у будь-яку час
100
100
```
101
101
102
102
````warn header="Якщо вказаний `src`, вміст скрипту ігнорується."
103
-
Один тег `<script>` не може мати атрибут `src` і код всередині.
103
+
Один тег `<script>` не може мати атрибут і `src`, і код всередині.
104
104
105
105
Це не спрацює:
106
106
@@ -129,4 +129,4 @@ JavaScript скрипти можна вставити у будь-яку час
129
129
- Скрипт з окремого файла можна вставити за допомогою `<script src="path/to/script.js"></script>`.
130
130
131
131
132
-
Існує набагато більше інформації про браузерні скрипти та їхню взаємодію з вебсторінкою. Але майте на увазі, що ця частина посібника присвячена мові JavaScript, тому ми не повинні відриватися на деталі реалізації в браузері. Ми будемо використовувати браузер як спосіб запуску JavaScript, що є дуже зручним для читання в Інтернеті, але це лише один із багатьох можливих варіантів.
132
+
Існує набагато більше інформації про браузерні скрипти та їхню взаємодію з вебсторінкою. Але майте на увазі, що ця частина посібника присвячена мові JavaScript, тому ми не будемо відриватися на браузерні особливості. Проте ми будемо використовувати браузер як спосіб запуску JavaScript, що є дуже зручним для читання в Інтернеті, але треба розуміти, що це лише один із багатьох можливих варіантів.
Copy file name to clipboardExpand all lines: 1-js/02-first-steps/02-structure/article.md
+1-1
Original file line number
Diff line number
Diff line change
@@ -150,6 +150,6 @@ alert( 'Світ' );
150
150
151
151
Будь ласка, не вагайтесь коментувати ваш код.
152
152
153
-
Коментарі збільшують розмір коду, але це не проблема. Є багато інструментів, які мінімізують код перед публікацією на робочий сервер. Вони видалять коментарі, тому їх не буде в робочих скриптух. Отже, коментарі жодним чином не впливають на робочий код.
153
+
Коментарі збільшують розмір коду, але це не проблема. Є багато інструментів, які мінімізують код перед публікацією на робочий сервер. Вони видалять коментарі, тому їх не буде в робочих скриптах. Отже, коментарі жодним чином не впливають на робочий код.
154
154
155
155
Пізніше в посібнику буде розділ <info:code-quality>, який пояснить, як краще писати коментарі.
Copy file name to clipboardExpand all lines: 1-js/02-first-steps/03-strict-mode/article.md
+2-2
Original file line number
Diff line number
Diff line change
@@ -2,9 +2,9 @@
2
2
3
3
Впродовж тривалого часу JavaScript розвивався без проблем із сумісністю. До мови додавалися нові функції, а стара функціональність залишалася незмінною.
4
4
5
-
Перевагою цього було те, що чинний код не ламався. Проте, будь-яка помилка або неідеальне рішення назавжди ставали частиною JavaScript, тому що цей код не змінювався.
5
+
Перевагою цього було те, що чинний код не ламався. Проте, будь-яка помилка або неідеальне рішення всередені мови назавжди ставали частиною JavaScript, бо цей код не змінювався.
6
6
7
-
Так було до 2009 року, коли з'явився стандарт ECMAScript 5 (ES5). Він додав нові функції до мови та змінив деякі чинні. Щоб старий код лишався робочим, більшість таких модифікацій усталено було вимкнено. Щоб увімкнути цей функціонал, потрібно прописати спеціальну директиву: `"use strict"`.
7
+
Так було до 2009 року, коли з'явився стандарт ECMAScript 5 (ES5). Він додав до мови новий функціонал та змінив деякі чинні правила. Щоб старий код лишався робочим, більшість таких модифікацій типово було вимкнено. Тому щоб увімкнути цей функціонал, потрібно прописати спеціальну директиву: `"use strict"`.
0 commit comments