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/01-getting-started/1-intro/article.md
+12-12Lines changed: 12 additions & 12 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,21 +1,21 @@
1
1
# Вступ до JavaScript
2
2
3
-
Розгляньмо, що такого особливого в JavaScript, чого ми можемо досягти за її допомогою та які ще технології пов’язані з нею.
3
+
Розгляньмо, що такого особливого в мові JavaScript, чого ми можемо досягти за її допомогою та які ще технології пов’язані з нею.
4
4
5
5
## Що таке JavaScript?
6
6
7
7
*JavaScript* було створено для того, щоб "оживити вебсторінки".
8
8
9
-
Програми цією мовою називаються *скриптами*. Їх можна писати прямо на сторінці в коді HTML і вони автоматично виконуватимуться при завантаженні сторінки.
9
+
Програми цією мовою називаються *скриптами*. Їх можна писати прямо в коді HTML-сторінок і вони автоматично виконуватимуться при їх завантаженні.
10
10
11
-
Скрипти надаються та виконуються як простий текст. Для запуску їм не потрібна спеціальна підготовка чи компілятор.
11
+
Скрипти записуються та виконуються як простий текст. Для запуску їм не потрібна спеціальна підготовка чи компілятор.
12
12
13
13
У цьому плані JavaScript дуже відрізняється від іншої мови програмування — [Java](https://uk.wikipedia.org/wiki/Java).
14
14
15
15
```smart header="Чому цю мову називають <u>Java</u>Script?"
16
-
Коли мову JavaScript було створено, спочатку вона мала іншу назву: "LiveScript". Але тоді була дуже популярна мова програмування Java, тому було вирішено, що позиціонування нової мови як "молодшої сестри" Java допоможе в її популяризації.
16
+
Коли мову JavaScript було створено, спочатку вона мала іншу назву: "LiveScript". Тоді була дуже популярна мова програмування Java, тому було вирішено, що позиціонування нової мови як "молодшої сестри" Java допоможе в її популяризації.
17
17
18
-
Але згодом JavaScript стала повністю незалежною мовою програмування зі своєю специфікацією [ECMAScript](https://uk.wikipedia.org/wiki/ECMAScript) і зараз не має нічого спільного з Java.
18
+
Згодом JavaScript стала повністю незалежною мовою програмування зі своєю специфікацією [ECMAScript](https://uk.wikipedia.org/wiki/ECMAScript) і зараз не має нічого спільного з Java.
19
19
```
20
20
21
21
Сьогодні JavaScript може виконуватися не тільки в браузері, але й на сервері або на будь-якому пристрої, який має спеціальну програму — [рушій JavaScript](https://uk.wikipedia.org/wiki/Рушій_JavaScript).
@@ -53,7 +53,7 @@
53
53
54
54
- Додавати новий HTML-код на сторінку, змінювати наявний вміст, змінювати стилі.
55
55
- Реагувати на дії користувача, опрацьовувати натискання миші, переміщення вказівника, натискання на клавіші клавіатури.
56
-
-Відправляти запити через мережу до віддалених серверів, завантажувати та відвантажувати файли (так звані технології [AJAX](https://uk.wikipedia.org/wiki/AJAX) і [COMET](https://uk.wikipedia.org/wiki/Comet_(програмування))).
56
+
-Надсилати запити мережею до віддалених серверів, викачувати та надсилати файли (так звані технології [AJAX](https://uk.wikipedia.org/wiki/AJAX) і [COMET](https://uk.wikipedia.org/wiki/Comet_(програмування))).
57
57
- Отримувати та надсилати [куки](https://uk.wikipedia.org/wiki/Куки), ставити запитання відвідувачам, показувати повідомлення.
58
58
- Запам’ятовувати дані на стороні клієнта ("[local storage](https://developer.mozilla.org/uk/docs/Web/API/Window/localStorage)"), які будуть доступні в майбутніх сесіях на цьому вебсайті.
59
59
@@ -67,26 +67,26 @@
67
67
68
68
Сучасні браузери дозволяють працювати з файлами, але доступ до них обмежений і надається тільки тоді, коли користувач виконав відповідні дії, наприклад, перетягнув файл у вікно браузера чи вибрав його через теґ `<input>`.
69
69
70
-
Є шляхи взаємодії з камерою/мікрофоном та іншими пристроями, але для цього потрібен явний дозвіл користувача. Тому сторінка з JavaScript не може нишком увімкнути вебкамеру, спостерігати за оточенням і відсилати інформацію до [СБУ](https://uk.wikipedia.org/wiki/Служба_безпеки_України).
70
+
Є шляхи взаємодії з камерою/мікрофоном та іншими пристроями, але для цього потрібен явний дозвіл користувача. Тому сторінка з JavaScript не може нишком увімкнути вебкамеру, спостерігати за оточенням і надсилати інформацію до [СБУ](https://uk.wikipedia.org/wiki/Служба_безпеки_України).
71
71
- Різні вкладки/вікна зазвичай не знають одне про одного. Іноді це можливо, наприклад, коли одне вікно використовує JavaScript, щоб відкрити інше. Але навіть у такому випадку JavaScript з однієї сторінки не має доступу до іншої, якщо вони з різних сайтів (мають різні домени, протоколи чи порти).
72
72
73
-
Це називається "[Політикою того ж походження (Same Origin Policy)](https://uk.wikipedia.org/wiki/Політика_того_ж_походження)". Щоб обійти це обмеження, *обидві сторінки* мають погодитися на обмін даними та містити спеціальний JavaScript-код, який здійснюватиме це. Ми розглянемо таку тему в посібнику.
73
+
Це називається "[Політикою того ж походження (Same Origin Policy)](https://uk.wikipedia.org/wiki/Політика_того_ж_походження)". Щоб обійти це обмеження, *обидві сторінки* мають погодитися на обмін даними та містити спеціальний JavaScript-код, який здійснюватиме це. Ми розглянемо цю тему в посібнику.
74
74
75
75
Знову-таки, це обмеження існує задля безпеки користувача. Сторінка за адресою `http://anysite.com`, яку відкрив користувач, не повинна мати доступ до іншої вкладки браузера з URL-адресою `http://gmail.com` і викрадати звідти інформацію.
76
-
- JavaScript може легко спілкуватися через мережу з сервером, від якого отримана поточна сторінка. Але здатність скрипту отримувати дані з інших сайтів/доменів обмежена. Такі запити можливі, але потребують спеціальної згоди (вираженої в HTTP-заголовках) від віддаленого сервера. Це також зроблено з метою безпеки.
76
+
- JavaScript може легко спілкуватися мережею з сервером, від якого отримана поточна сторінка. Але здатність скрипту отримувати дані з інших сайтів/доменів обмежена. Такі запити можливі, але потребують спеціальної згоди (вираженої в HTTP-заголовках) від віддаленого сервера. Це також зроблено задля безпеки.
77
77
78
78

79
79
80
80
Таких обмежень немає, якщо JavaScript використовується за межами браузера, наприклад, на сервері. Сучасні браузери дозволяють установлювати плагіни/розширення, які мають розширені можливості, проте вимагають розширених прав.
81
81
82
-
## Що робить JavaScript унікальною?
82
+
## Що робить мову JavaScript унікальною?
83
83
84
84
Є принаймні *три* чудові особливості JavaScript:
85
85
86
86
```compare
87
87
+ Цілковита інтеграція з HTML/CSS.
88
88
+ Прості речі робляться просто.
89
-
+ Підтримується всіма сучасними браузерами й увімкнена усталено.
89
+
+ Підтримується всіма сучасними браузерами та є типово увімкненою.
90
90
```
91
91
JavaScript -- це єдина браузерна технологія, яка суміщає ці три речі.
92
92
@@ -106,7 +106,7 @@ JavaScript -- це єдина браузерна технологія, яка с
106
106
107
107
Приклади таких мов:
108
108
109
-
-[CoffeeScript](http://coffeescript.org/) -- це "синтаксичний цукор" для JavaScript. Вона вводить коротший синтаксис, дозволяючи нам писати прозорий та точний код. Зазвичай це до вподоби програмістам на Ruby.
109
+
-[CoffeeScript](http://coffeescript.org/) -- це "синтаксичний цукор" для JavaScript. Вона вводить коротший синтаксис, дозволяючи нам писати прозорий та точний код. Зазвичай це до вподоби програмістам, які пишуть на Ruby.
110
110
-[TypeScript](http://www.typescriptlang.org/) зосереджена на додаванні "строгої типізації даних" для спрощення розробки та підтримки складних систем. Розробляється Microsoft.
111
111
-[Flow](http://flow.org/) також додає типізацію даних, але іншим способом. Розробляється Facebook.
112
112
-[Dart](https://dart.dev/) -- це автономна мова, яка має власний рушій, що працює в не браузерних середовищах (як-от мобільні застосунки), але також може транспілюватися в JavaScript. Розробляється Google.
Copy file name to clipboardExpand all lines: 1-js/01-getting-started/3-code-editors/article.md
+1-1Lines changed: 1 addition & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -39,7 +39,7 @@ IDE завантажує проєкт (який може мати багато
39
39
40
40
Я, та мої хороші друзі-розробники, вже давно користуємося цими редакторами, і вони цілком задовольняють усім нашим потребам.
41
41
42
-
У нашому великому світі є й інші редактори. Будь ласка, приділіть трохи часу на перегляд декількох редакторів, і виберіть той, який вам найбільш до вподоби.
42
+
У нашому великому світі є й інші редактори. Будь ласка, приділіть трохи часу на ознайомлення з різними редакторами, і виберіть той, який вам найбільш до вподоби.
43
43
44
44
Вибір редактора, як і будь-якого іншого інструменту, індивідуальний, і залежить від ваших проєктів, звичок і персональних вподобань.
Copy file name to clipboardExpand all lines: 1-js/02-first-steps/01-hello-world/article.md
+4-4Lines changed: 4 additions & 4 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -9,7 +9,7 @@
9
9
10
10
## Тег "script"
11
11
12
-
Програми JavaScript можна вставити у будь-яку частину HTML документа, використовуючи тег`<script>`.
12
+
JavaScript скрипти можна вставити у будь-яку частину HTML документа за допомогою тегу`<script>`.
13
13
14
14
Наприклад:
15
15
@@ -110,7 +110,7 @@
110
110
</script>
111
111
```
112
112
113
-
Ми повинні вибрати або зовнішній `<script src="…">`, або звичайний `<script>` з кодом.
113
+
Ми маємо вибрати або зовнішній `<script src="…">`, або звичайний `<script>` з кодом.
114
114
115
115
Наведений вище приклад можна розділити на два скрипти:
116
116
@@ -124,9 +124,9 @@
124
124
125
125
## Підсумки
126
126
127
-
- Ми можемо використовувати тег `<script>` для додавання коду JavaScript на сторінку.
127
+
- Щоб додати JavaScript код на сторінку використайте тег `<script>`.
128
128
- Атрибути `type` і `language` не потрібні.
129
-
- Скрипти у зовнішньому файлі можна вставити за допомогою `<script src="path/to/script.js"></script>`.
129
+
- Скрипт з окремого файла можна вставити за допомогою `<script src="path/to/script.js"></script>`.
130
130
131
131
132
132
Існує набагато більше інформації про браузерні скрипти та їхню взаємодію з веб-сторінкою. Але майте на увазі, що ця частина посібника присвячена мові JavaScript, тому ми не повинні відволікатись на деталі реалізації в браузері. Ми будемо використовувати браузер як спосіб запуску JavaScript, що є дуже зручним для читання в Інтернеті, але це лише один із багатьох можливих варіантів.
У більшості редакторів рядок коду можна закоментувати, натиснувши комбінацію клавіш `key:Ctrl+/`, а щоби закоментувати декілька рядків – виділіть потрібні рядки та натисніть комбінацію клавіш `key:Ctrl+Shift+/`. У macOS потрібно натискати клавішу `key:Cmd` замість `key:Ctrl` і клавішу `key:Option` замість `key:Shift`.
135
+
У більшості редакторів рядок коду можна закоментувати, натиснувши комбінацію клавіш `key:Ctrl+/`, а щоби закоментувати декілька рядків -- виділіть потрібні рядки та натисніть комбінацію клавіш `key:Ctrl+Shift+/`. У macOS потрібно натискати клавішу `key:Cmd` замість `key:Ctrl` і клавішу `key:Option` замість `key:Shift`.
136
136
```
137
137
138
138
````warn header="Вкладені коментарі не підтримуються!"
0 commit comments