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/2-manuals-specifications/article.md
+8-8
Original file line number
Diff line number
Diff line change
@@ -1,35 +1,35 @@
1
1
2
2
# Довідники й специфікації
3
3
4
-
Цей сайт —*підручник*. Він спрямований на те, щоб допомогти вам поступово вивчити мову. Проте, як тільки ви познайомитеся з основами, вам знадобляться й інші джерела.
4
+
Цей сайт --*підручник*. Він спрямований на те, щоб допомогти вам поступово вивчити мову. Проте, як тільки ви познайомитеся з основами, вам знадобляться й інші джерела.
5
5
6
6
## Специфікація
7
7
8
8
[Специфікація ECMA-262](https://www.ecma-international.org/publications/standards/Ecma-262.htm) містить найглибшу, найдетальнішу й найбільш формалізовану інформацію про JavaScript. Фактично, ця специфікація визначає мову.
9
9
10
-
Але саме через формалізований стиль її важко зрозуміти з першого разу. Тому, якщо вам потрібне найнадійніше джерело інформації про деталі мови, специфікація — правильне місце. Однак, це джерело не для повсякденного використання.
10
+
Але саме через формалізований стиль її важко зрозуміти з першого разу. Тому, якщо вам потрібне найнадійніше джерело інформації про деталі мови, специфікація -- правильне місце. Однак, це джерело не для повсякденного використання.
11
11
12
-
Щороку випускається нова версія специфікації. Між цими випусками, остання «чернетка» доступна на сайті <https://tc39.es/ecma262/>.
12
+
Щороку випускається нова версія специфікації. Між цими випусками, остання "чернетка" доступна на сайті <https://tc39.es/ecma262/>.
13
13
14
14
Щоб прочитати про найновіші функції, включно з тими, які "майже входять в стандарт" (так звана "стадія 3"), перегляньте пропозиції на <https://github.com/tc39/proposals>.
15
15
16
-
Також, якщо ви розробляєте для браузерів, вам буде цікаво прочитати про інші специфікації, які описано в [другій частині](info:browser-environment) цього посібника.
16
+
Також, якщо ви розробляєте для браузерів, вам буде цікаво прочитати про інші специфікації, які описано в [другій частині](info:browser-environment) цього підручника.
17
17
18
18
## Довідники
19
19
20
-
-**MDN (Mozilla) JavaScript Reference**— це головний довідник з прикладами та іншою інформацією. Він чудово підходить для детального вивчення окремих функцій, методів тощо.
20
+
-**MDN (Mozilla) JavaScript Reference**-- це головний довідник з прикладами та іншою інформацією. Він чудово підходить для детального вивчення окремих функцій, методів тощо.
21
21
22
-
Його можна знайти за цим посиланням <https://developer.mozilla.org/uk/docs/Web/JavaScript/Reference>.
22
+
Його можна знайти за цим посиланням <https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference>.
23
23
24
24
Хоча, замість пошуку на сайті, краще використовувати пошукові системи. Просто напишіть "MDN [термін]" в пошуковому запиті. Наприклад, запит "[MDN parseInt](https://www.google.com.ua/search?q=MDN+parseInt)" знайде інформацію про функцію `parseInt`.
25
25
26
26
## Таблиці сумісності
27
27
28
-
Мова JavaScript активно розвивається — до неї регулярно додаються нові функції.
28
+
Мова JavaScript активно розвивається -- до неї регулярно додаються нові функції.
29
29
30
30
Щоб дізнатися, чи підтримує браузер або інший рушій певну можливість JavaScript, дивіться на сайтах:
31
31
32
-
-<https://caniuse.com/> - для кожної технології приведено таблицю сумісності з усіма браузерами; тобто, щоб побачити, які браузери підтримують сучасні криптографічні функції, слід ввести в пошуку "[Cryptography](http://caniuse.com/#feat=cryptography)".
32
+
-<https://caniuse.com/> -- для кожної технології приведено таблицю сумісності з усіма браузерами; тобто, щоб побачити, які браузери підтримують сучасні криптографічні функції, слід ввести в пошуку "[Cryptography](http://caniuse.com/#feat=cryptography)".
33
33
-<https://kangax.github.io/compat-table> - таблиця з усіма можливостями мови та рушіями, які підтримують або не підтримують відповідні технології.
34
34
35
35
Всі ці ресурси корисні в повсякденній розробці, тому що вони містять корисну інформацію про деталі мови, їхню підтримку тощо.
Для Windows, також може бути "Visual Studio", не плутайте з "Visual Studio Code". "Visual Studio" — потужний платний редактор, який працює лише на Windows, добре підходить для програмування на платформі .NET. Також хороший для програмування на JavaScript. Також існує його безкоштовна версія: [Visual Studio Community](https://www.visualstudio.com/vs/community/).
18
+
Для Windows, також може бути "Visual Studio", не плутайте з "Visual Studio Code". "Visual Studio" -- потужний платний редактор, який працює лише на Windows, добре підходить для програмування на платформі .NET. Також хороший для програмування на JavaScript. Також існує його безкоштовна версія: [Visual Studio Community](https://www.visualstudio.com/vs/community/).
19
19
20
-
Багато IDE платні, проте мають пробний період. Їхня вартість зазвичай незначна в порівнянні із зарплатою кваліфікованого розробника. Правильний вибір редактора дозволить зберегти найцінніший ресурс — ваш час. Тому просто виберіть найкращий варіант, який задовольнятиме усім вашим потребам.
20
+
Багато IDE платні, проте мають пробний період. Їхня вартість зазвичай незначна в порівнянні із зарплатою кваліфікованого розробника. Правильний вибір редактора дозволить зберегти найцінніший ресурс -- ваш час. Тому просто виберіть найкращий варіант, який задовольнятиме усім вашим потребам.
21
21
22
22
## Легкі редактори
23
23
@@ -27,19 +27,19 @@ IDE завантажує проект (який може мати багато
27
27
28
28
Головна їхня відмінність від IDE в тому, що IDE працює на рівні проекту, тому він завантажує набагато більше даних під час запуску, і якщо потрібно, аналізує його структуру. Легкий редактор набагато швидший, якщо нам необхідно відредагували лише один файл.
29
29
30
-
На практиці, легкі редактори можуть мати багато плаґінів, включаючи аналізатори синтаксису на рівні проекту, автозаповнення і т. д. Тому немає чіткої межі між легкими редакторами та IDE.
30
+
На практиці, легкі редактори можуть мати багато плаґінів, включаючи аналізатори синтаксису на рівні проекту, автозаповнення і т. д. Через те, що це значно розширює їх можливості, немає чіткої межі між легкими редакторами та IDE.
-[Vim](http://www.vim.org/) та [Emacs](https://www.gnu.org/software/emacs/) також хороші, якщо знати, як ними користуватися.
38
38
39
39
## Не будемо сперечатися
40
40
41
41
Я, та мої хороші друзі-розробники, вже давно користуємося цими редакторами, і вони цілком задовольняють усім нашим потребам.
42
42
43
-
У нашому великому світі є й інші редактори. Будь ласка, потратьте трохи часу на перегляд декількох редакторів, і виберіть той, який вам найбільш до вподоби.
43
+
У нашому великому світі є й інші редактори. Будь ласка, приділіть трохи часу на перегляд декількох редакторів, і виберіть той, який вам найбільш до вподоби.
44
44
45
45
Вибір редактора, як і будь-якого іншого інструменту, індивідуальний, і залежить від ваших проєктів, звичок і персональних вподобань.
Copy file name to clipboardExpand all lines: 1-js/01-getting-started/4-devtools/article.md
+7-7
Original file line number
Diff line number
Diff line change
@@ -1,14 +1,14 @@
1
1
# Інструменти розробника
2
2
3
-
Будь-який код так і тяжіє до помилок. Швидше за все, ви будете робити помилки... Хоча, про що я говорю? Ви *точно* будете робити помилки, принаймні, якщо ви людина, а не [робот](https://uk.wikipedia.org/wiki/Бендер_(Футурама)).
3
+
Будь-який код схильний до помилок. Швидше за все, ви будете робити помилки... Хоча, про що я говорю? Ви *точно* будете робити помилки, принаймні, якщо ви людина, а не [робот](https://uk.wikipedia.org/wiki/Бендер_(Футурама)).
4
4
5
5
Зазвичай, користувачі не бачать помилок у браузері. Тому, якщо в скрипті трапиться щось хибне, ми не побачимо помилки і не зможемо її виправити.
6
6
7
-
Щоб побачити помилки і отримати багато інформації про скрипти, було створено і вбудовано в браузери "інструменти розробника".
7
+
Щоб побачити помилки і отримати додаткову інформацію про виконання скриптів, було створено і вбудовано в браузери "інструменти розробника".
8
8
9
9
Більшість розробників надають перевагу Chrome чи Firefox, тому що ці браузери мають найкращі інструменти розробника. Інші браузери теж мають інструменти розробника, деколи навіть зі спеціальними функціями, проте вони не такі популярні, як Chrome чи Firefox. Тому більшість розробників мають "улюблений" браузер і переключаються на інші, якщо проблема специфічна для браузера.
10
10
11
-
Інструменти розробника потужні; вони мають багато функцій. Для початку, ми вивчимо, як їх відкрити, як спостерігати за помилками і як виконувати команди JavaScript.
11
+
Інструменти розробника потужні; вони мають багато функцій. Для початку, ми вивчимо, як їх відкрити, як переглядати помилки і як виконувати команди JavaScript.
12
12
13
13
## Google Chrome
14
14
@@ -18,7 +18,7 @@
18
18
19
19
Натисніть клавішу `key:F12` або, якщо у вас Mac, комбінацію клавіш `key:Cmd+Opt+J`.
20
20
21
-
Інструменти розробника усталено відкриваються на вкладці "Console" (консоль).
21
+
Інструменти розробника типово відкриваються на вкладці "Console" (консоль).
22
22
23
23
Ось так відображається помилка в консолі:
24
24
@@ -27,11 +27,11 @@
27
27
Точний вигляд інструментів розробника може відрізнятися в залежності від вашої версії Chrome. Вони міняються час від часу, але в основному це вікно повинно бути схожим.
28
28
29
29
- Тут ми можемо побачити червоне повідомлення про помилку. У нашому випадку, скрипт має невизначену команду "lalala".
30
-
- З правого боку є посилання на джерело `bug.html:12` з номером рядка, де ця помилка виникла. При натисканні на це посилання, інструмент перейде на вкладку "Sources" (джерела, початковий код), де відкриє файл і перейде на рядок, в якому трапилася помилка.
30
+
- З правого боку є посилання на джерело `bug.html:12` з номером рядка, де ця помилка виникла. При натисканні на це посилання, вас перенаправить на вкладку "Sources" (файли з кодом сторінки), де відкриється файл і перейде на рядок, в якому трапилася помилка.
31
31
32
32
Нижче повідомлення про помилку є синій символ `>`. Цей символ позначає "командний рядок", де ми можемо вводити команди JavaScript. Натисніть `key:Enter`, щоб їх виконати.
33
33
34
-
Тепер ми бачимо помилки, цього достатньо, щоб почати. Ми пізніше повернемося до інструментів розробника, щоб розглянути відлагодження у розділі <info:debugging-chrome>.
34
+
Тепер ми бачимо помилки, цього достатньо, щоб почати. Ми пізніше повернемося до інструментів розробника, щоб розглянути налагодження коду у розділі <info:debugging-chrome>.
35
35
36
36
```smart header="Введення декількох рядків"
37
37
Зазвичай, коли ми вводимо один рядок коду в консоль і натискаємо `key:Enter`, він виконується.
@@ -43,7 +43,7 @@
43
43
44
44
Більшість браузерів використовують клавішу `key:F12`, щоб відкрити консоль розробника.
45
45
46
-
Їх вигляд зазвичай схожий. Якщо ви навчитеся використовувати однин з них (можете почати з Chrome), ви зможете легко переключитися на інший інструмент.
46
+
Їх вигляд зазвичай схожий. Якщо ви навчитеся використовувати однин з них (можете почати з Chrome), ви зможете легко переключитися на інший браузер.
0 commit comments