Skip to content

Commit 8ded43b

Browse files
authored
Merge pull request #422 from stas-dolgachov/master
Fix after review: Manuals and specifications, Code editors, Developer console
2 parents c6db8fd + 6326db9 commit 8ded43b

File tree

4 files changed

+23
-23
lines changed

4 files changed

+23
-23
lines changed

1-js/01-getting-started/2-manuals-specifications/article.md

+8-8
Original file line numberDiff line numberDiff line change
@@ -1,35 +1,35 @@
11

22
# Довідники й специфікації
33

4-
Цей сайт *підручник*. Він спрямований на те, щоб допомогти вам поступово вивчити мову. Проте, як тільки ви познайомитеся з основами, вам знадобляться й інші джерела.
4+
Цей сайт -- *підручник*. Він спрямований на те, щоб допомогти вам поступово вивчити мову. Проте, як тільки ви познайомитеся з основами, вам знадобляться й інші джерела.
55

66
## Специфікація
77

88
[Специфікація ECMA-262](https://www.ecma-international.org/publications/standards/Ecma-262.htm) містить найглибшу, найдетальнішу й найбільш формалізовану інформацію про JavaScript. Фактично, ця специфікація визначає мову.
99

10-
Але саме через формалізований стиль її важко зрозуміти з першого разу. Тому, якщо вам потрібне найнадійніше джерело інформації про деталі мови, специфікація правильне місце. Однак, це джерело не для повсякденного використання.
10+
Але саме через формалізований стиль її важко зрозуміти з першого разу. Тому, якщо вам потрібне найнадійніше джерело інформації про деталі мови, специфікація -- правильне місце. Однак, це джерело не для повсякденного використання.
1111

12-
Щороку випускається нова версія специфікації. Між цими випусками, остання «чернетка» доступна на сайті <https://tc39.es/ecma262/>.
12+
Щороку випускається нова версія специфікації. Між цими випусками, остання "чернетка" доступна на сайті <https://tc39.es/ecma262/>.
1313

1414
Щоб прочитати про найновіші функції, включно з тими, які "майже входять в стандарт" (так звана "стадія 3"), перегляньте пропозиції на <https://github.com/tc39/proposals>.
1515

16-
Також, якщо ви розробляєте для браузерів, вам буде цікаво прочитати про інші специфікації, які описано в [другій частині](info:browser-environment) цього посібника.
16+
Також, якщо ви розробляєте для браузерів, вам буде цікаво прочитати про інші специфікації, які описано в [другій частині](info:browser-environment) цього підручника.
1717

1818
## Довідники
1919

20-
- **MDN (Mozilla) JavaScript Reference** це головний довідник з прикладами та іншою інформацією. Він чудово підходить для детального вивчення окремих функцій, методів тощо.
20+
- **MDN (Mozilla) JavaScript Reference** -- це головний довідник з прикладами та іншою інформацією. Він чудово підходить для детального вивчення окремих функцій, методів тощо.
2121

22-
Його можна знайти за цим посиланням <https://developer.mozilla.org/uk/docs/Web/JavaScript/Reference>.
22+
Його можна знайти за цим посиланням <https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference>.
2323

2424
Хоча, замість пошуку на сайті, краще використовувати пошукові системи. Просто напишіть "MDN [термін]" в пошуковому запиті. Наприклад, запит "[MDN parseInt](https://www.google.com.ua/search?q=MDN+parseInt)" знайде інформацію про функцію `parseInt`.
2525

2626
## Таблиці сумісності
2727

28-
Мова JavaScript активно розвивається до неї регулярно додаються нові функції.
28+
Мова JavaScript активно розвивається -- до неї регулярно додаються нові функції.
2929

3030
Щоб дізнатися, чи підтримує браузер або інший рушій певну можливість JavaScript, дивіться на сайтах:
3131

32-
- <https://caniuse.com/> - для кожної технології приведено таблицю сумісності з усіма браузерами; тобто, щоб побачити, які браузери підтримують сучасні криптографічні функції, слід ввести в пошуку "[Cryptography](http://caniuse.com/#feat=cryptography)".
32+
- <https://caniuse.com/> -- для кожної технології приведено таблицю сумісності з усіма браузерами; тобто, щоб побачити, які браузери підтримують сучасні криптографічні функції, слід ввести в пошуку "[Cryptography](http://caniuse.com/#feat=cryptography)".
3333
- <https://kangax.github.io/compat-table> - таблиця з усіма можливостями мови та рушіями, які підтримують або не підтримують відповідні технології.
3434

3535
Всі ці ресурси корисні в повсякденній розробці, тому що вони містять корисну інформацію про деталі мови, їхню підтримку тощо.
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
11
# Редактори коду
22

3-
Редактор коду це місце, де програмісти проводять найбільше часу.
3+
Редактор коду -- це місце, де програмісти проводять найбільше часу.
44

5-
Є два основні види редакторів коду: IDE і легкі редактори. Багато людей використовують декілька інструментів для різних потреб.
5+
Є два основні види редакторів коду: IDE і легкі редактори. Багато людей використовують декілька таких редакторів для різних потреб.
66

77
## IDE
88

@@ -15,9 +15,9 @@ IDE завантажує проект (який може мати багато
1515
- [Visual Studio Code](https://code.visualstudio.com/) (багатоплатформний, безкоштовний).
1616
- [WebStorm](http://www.jetbrains.com/webstorm/) (багатоплатформний, платний).
1717

18-
Для 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/).
1919

20-
Багато IDE платні, проте мають пробний період. Їхня вартість зазвичай незначна в порівнянні із зарплатою кваліфікованого розробника. Правильний вибір редактора дозволить зберегти найцінніший ресурс ваш час. Тому просто виберіть найкращий варіант, який задовольнятиме усім вашим потребам.
20+
Багато IDE платні, проте мають пробний період. Їхня вартість зазвичай незначна в порівнянні із зарплатою кваліфікованого розробника. Правильний вибір редактора дозволить зберегти найцінніший ресурс -- ваш час. Тому просто виберіть найкращий варіант, який задовольнятиме усім вашим потребам.
2121

2222
## Легкі редактори
2323

@@ -27,19 +27,19 @@ IDE завантажує проект (який може мати багато
2727

2828
Головна їхня відмінність від IDE в тому, що IDE працює на рівні проекту, тому він завантажує набагато більше даних під час запуску, і якщо потрібно, аналізує його структуру. Легкий редактор набагато швидший, якщо нам необхідно відредагували лише один файл.
2929

30-
На практиці, легкі редактори можуть мати багато плаґінів, включаючи аналізатори синтаксису на рівні проекту, автозаповнення і т. д. Тому немає чіткої межі між легкими редакторами та IDE.
30+
На практиці, легкі редактори можуть мати багато плаґінів, включаючи аналізатори синтаксису на рівні проекту, автозаповнення і т. д. Через те, що це значно розширює їх можливості, немає чіткої межі між легкими редакторами та IDE.
3131

3232
Ось ці варіанти заслуговують вашої уваги:
3333

3434
- [Atom](https://atom.io/) (багатоплатформний, безкоштовний).
35-
- [Sublime Text](http://www.sublimetext.com) (багатоплатформний, випробувальний термін).
35+
- [Sublime Text](http://www.sublimetext.com) (багатоплатформний, безкоштовний на час випробувального терміну).
3636
- [Notepad++](https://notepad-plus-plus.org/) (Windows, безкоштовний).
3737
- [Vim](http://www.vim.org/) та [Emacs](https://www.gnu.org/software/emacs/) також хороші, якщо знати, як ними користуватися.
3838

3939
## Не будемо сперечатися
4040

4141
Я, та мої хороші друзі-розробники, вже давно користуємося цими редакторами, і вони цілком задовольняють усім нашим потребам.
4242

43-
У нашому великому світі є й інші редактори. Будь ласка, потратьте трохи часу на перегляд декількох редакторів, і виберіть той, який вам найбільш до вподоби.
43+
У нашому великому світі є й інші редактори. Будь ласка, приділіть трохи часу на перегляд декількох редакторів, і виберіть той, який вам найбільш до вподоби.
4444

4545
Вибір редактора, як і будь-якого іншого інструменту, індивідуальний, і залежить від ваших проєктів, звичок і персональних вподобань.

1-js/01-getting-started/4-devtools/article.md

+7-7
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,14 @@
11
# Інструменти розробника
22

3-
Будь-який код так і тяжіє до помилок. Швидше за все, ви будете робити помилки... Хоча, про що я говорю? Ви *точно* будете робити помилки, принаймні, якщо ви людина, а не [робот](https://uk.wikipedia.org/wiki/Бендер_(Футурама)).
3+
Будь-який код схильний до помилок. Швидше за все, ви будете робити помилки... Хоча, про що я говорю? Ви *точно* будете робити помилки, принаймні, якщо ви людина, а не [робот](https://uk.wikipedia.org/wiki/Бендер_(Футурама)).
44

55
Зазвичай, користувачі не бачать помилок у браузері. Тому, якщо в скрипті трапиться щось хибне, ми не побачимо помилки і не зможемо її виправити.
66

7-
Щоб побачити помилки і отримати багато інформації про скрипти, було створено і вбудовано в браузери "інструменти розробника".
7+
Щоб побачити помилки і отримати додаткову інформацію про виконання скриптів, було створено і вбудовано в браузери "інструменти розробника".
88

99
Більшість розробників надають перевагу Chrome чи Firefox, тому що ці браузери мають найкращі інструменти розробника. Інші браузери теж мають інструменти розробника, деколи навіть зі спеціальними функціями, проте вони не такі популярні, як Chrome чи Firefox. Тому більшість розробників мають "улюблений" браузер і переключаються на інші, якщо проблема специфічна для браузера.
1010

11-
Інструменти розробника потужні; вони мають багато функцій. Для початку, ми вивчимо, як їх відкрити, як спостерігати за помилками і як виконувати команди JavaScript.
11+
Інструменти розробника потужні; вони мають багато функцій. Для початку, ми вивчимо, як їх відкрити, як переглядати помилки і як виконувати команди JavaScript.
1212

1313
## Google Chrome
1414

@@ -18,7 +18,7 @@
1818

1919
Натисніть клавішу `key:F12` або, якщо у вас Mac, комбінацію клавіш `key:Cmd+Opt+J`.
2020

21-
Інструменти розробника усталено відкриваються на вкладці "Console" (консоль).
21+
Інструменти розробника типово відкриваються на вкладці "Console" (консоль).
2222

2323
Ось так відображається помилка в консолі:
2424

@@ -27,11 +27,11 @@
2727
Точний вигляд інструментів розробника може відрізнятися в залежності від вашої версії Chrome. Вони міняються час від часу, але в основному це вікно повинно бути схожим.
2828

2929
- Тут ми можемо побачити червоне повідомлення про помилку. У нашому випадку, скрипт має невизначену команду "lalala".
30-
- З правого боку є посилання на джерело `bug.html:12` з номером рядка, де ця помилка виникла. При натисканні на це посилання, інструмент перейде на вкладку "Sources" (джерела, початковий код), де відкриє файл і перейде на рядок, в якому трапилася помилка.
30+
- З правого боку є посилання на джерело `bug.html:12` з номером рядка, де ця помилка виникла. При натисканні на це посилання, вас перенаправить на вкладку "Sources" (файли з кодом сторінки), де відкриється файл і перейде на рядок, в якому трапилася помилка.
3131

3232
Нижче повідомлення про помилку є синій символ `>`. Цей символ позначає "командний рядок", де ми можемо вводити команди JavaScript. Натисніть `key:Enter`, щоб їх виконати.
3333

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

3636
```smart header="Введення декількох рядків"
3737
Зазвичай, коли ми вводимо один рядок коду в консоль і натискаємо `key:Enter`, він виконується.
@@ -43,7 +43,7 @@
4343

4444
Більшість браузерів використовують клавішу `key:F12`, щоб відкрити консоль розробника.
4545

46-
Їх вигляд зазвичай схожий. Якщо ви навчитеся використовувати однин з них (можете почати з Chrome), ви зможете легко переключитися на інший інструмент.
46+
Їх вигляд зазвичай схожий. Якщо ви навчитеся використовувати однин з них (можете почати з Chrome), ви зможете легко переключитися на інший браузер.
4747

4848
## Safari
4949

1-js/99-js-misc/04-reference-type/2-check-syntax/solution.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@ let user = {
1515

1616
**Помилка з'являється, оскільки крапка з комою відсутня після `user = {...}`.**
1717

18-
JavaScript не вставляэ автоматично крапку з комою перед дужками `(user.go)()` тому, що він читає код, як:
18+
JavaScript не вставляє автоматично крапку з комою перед дужками `(user.go)()` тому, що він читає код, як:
1919

2020
```js no-beautify
2121
let user = { go:... }(user.go)()

0 commit comments

Comments
 (0)