Skip to content

Commit 4eb5f7a

Browse files
committed
feat(1-02-01-hello-world): Fix language mistakes in 01-debugging-chrome
1 parent 067602f commit 4eb5f7a

File tree

1 file changed

+8
-8
lines changed
  • 1-js/03-code-quality/01-debugging-chrome

1 file changed

+8
-8
lines changed

1-js/03-code-quality/01-debugging-chrome/article.md

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -2,13 +2,13 @@
22

33
Перед тим, як приступити до написання складнішого коду, поговорімо про його налагодження.
44

5-
[Налагодження](https://uk.wikipedia.org/wiki/Налагодження_програм) — це процес пошуку і виправлення помилок в скрипті. Усі сучасні браузери і більшість інших середовищ розробки підтримують інструменти налагодження — спеціальний графічний інтерфейс, який значно спрощує налагодження. Він також дозволяє покроково відслідковувати, що саме відбувається в коді.
5+
[Налагодження](https://uk.wikipedia.org/wiki/Налагодження_програм) — це процес пошуку і виправлення помилок в скрипті. Усі сучасні браузери та більшість інших середовищ розробки підтримують інструменти налагодження — спеціальний графічний інтерфейс, який значно спрощує налагодження. Він також дозволяє покроково відстежувати, що саме відбувається в коді.
66

77
Ми будемо використовувати браузер Chrome, тому що в нього достатньо можливостей для налагодження. В більшості інших браузерів процес буде схожим.
88

99
## Вкладка "Sources" ("вихідний код")
1010

11-
Ваш браузер Chrome може бути іншої версії – він може виглядати інакше, але різниця буде не суттєвою.
11+
Ваша версія браузера Chrome може виглядати трохи інакше в залежності від версії, але різниця буде не суттєвою.
1212

1313
- В браузері Chrome, відкрийте [тестову сторінку](debugging/index.html).
1414
- Відкрийте інструменти розробника, натиснувши клавішу `key:F12` (або `key:Cmd+Opt+I` на Mac).
@@ -18,9 +18,9 @@
1818

1919
![](chrome-open-sources.svg)
2020

21-
Кнопка-перемикач <span class="devtools" style="background-position:-172px -98px"></span> ліворуч відкриває панель з файлами.
21+
Кнопка-перемикач <span class="devtools" style="background-position:-172px -98px"></span>ліворуч відкриває панель з файлами.
2222

23-
Натисніть на неї і виберіть файл `hello.js`. Ось як буде виглядати вкладка Sources:
23+
Натисніть на неї та виберіть файл `hello.js`. Ось як буде виглядати вкладка Sources:
2424

2525
![](chrome-tabs.svg)
2626

@@ -34,7 +34,7 @@
3434

3535
## Консоль
3636

37-
Якщо натиснути клавішу `key:Esc`, в нижній частині екрану відкриється консоль. Туди можна вводити команди і їх виконувати, натиснувши клавішу `key:Enter`.
37+
Якщо натиснути клавішу `key:Esc`, в нижній частині екрана відкриється консоль. Туди можна вводити команди і їх виконувати, натиснувши клавішу `key:Enter`.
3838

3939
Нижче показується результат виконання команд.
4040

@@ -44,7 +44,7 @@
4444

4545
## Точки зупинки (breakpoints)
4646

47-
Давайте розберемося, як працює код на [тестовій сторінці](debugging/index.html). В файлі `hello.js`, натисніть на рядок номер `4`. Так, на саму цифру, не по коді.
47+
Розберімось як працює код на [тестовій сторінці](debugging/index.html). У файлі `hello.js`, натисніть на рядок номер `4`. Так, на саму цифру, не по коді.
4848

4949
Вітаємо! Ви поставили точку зупинки. Поставте також точку зупинки на `8` рядку.
5050

@@ -89,7 +89,7 @@ function hello(name) {
8989

9090
## Зупиніться й озирніться
9191

92-
В нашому прикладі, функція `hello()` викликається під час завантаження сторінки, отже, найшвидшим способом активувати налагоджувач (після того як ми поставили точку зупинки) — це перезавантажити сторінку. Тому просто натисніть `key:F5` (Windows, Linux) чи `key:Cmd+R` (на Mac).
92+
В нашому прикладі, функція `hello()` викликається під час завантаження сторінки, отже, найшвидшим способом активувати налагоджувач (після того, як ми поставили точку зупинки) — це перезавантажити сторінку. Тому просто натисніть `key:F5` (Windows, Linux) чи `key:Cmd+R` (на Mac).
9393

9494
Оскільки ми поставили точку зупинки, виконання коду (тимчасово) зупинитися на 4-му рядку:
9595

@@ -99,7 +99,7 @@ function hello(name) {
9999

100100
1. **`Watch` показує поточні значення виразів.**
101101

102-
Можете натиснути на `+` і ввести якійсь вираз. В процесі виконання, налагоджувач автоматично перераховуватиме і показуватиме його значення.
102+
Можете натиснути на `+` і ввести якийсь вираз. В процесі виконання, налагоджувач автоматично перераховуватиме і показуватиме його значення.
103103

104104
2. **`Call Stack` показує послідовність викликів функцій.**
105105

0 commit comments

Comments
 (0)