Skip to content

Commit 6444024

Browse files
iliakaniliakan
committed
beautify 1st part of the tutorial
1 parent e3dd2ce commit 6444024

327 files changed

Lines changed: 2358 additions & 1986 deletions

File tree

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎1-js/2-first-steps/1-hello-world/1-hello-alert/solution.md‎

Lines changed: 6 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -4,16 +4,19 @@
44
<!--+ run -->
55
<!DOCTYPE html>
66
<html>
7+
78
<head>
89
<meta charset="utf-8">
910
</head>
11+
1012
<body>
1113

12-
<script>
13-
alert('Я - JavaScript!');
14-
</script>
14+
<script>
15+
alert( 'Я - JavaScript!' );
16+
</script>
1517

1618
</body>
19+
1720
</html>
1821
```
1922

‎1-js/2-first-steps/1-hello-world/article.md‎

Lines changed: 5 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -16,23 +16,25 @@
1616
<!--+ run height=100 -->
1717
<!DOCTYPE HTML>
1818
<html>
19+
1920
<head>
2021
<!-- Тег meta для указания кодировки -->
2122
<meta charset="utf-8">
2223
</head>
24+
2325
<body>
2426

2527
<p>Начало документа...</p>
26-
2728
*!*
2829
<script>
29-
alert('Привет, Мир!');
30+
alert( 'Привет, Мир!' );
3031
</script>
3132
*/!*
3233

3334
<p>...Конец документа</p>
3435

3536
</body>
37+
3638
</html>
3739
```
3840

@@ -88,6 +90,7 @@
8890
Выглядит это примерно так:
8991
9092
```html
93+
<!--+ no-beautify -->
9194
<script type="text/javascript"><!--
9295
...
9396
//--></script>

‎1-js/2-first-steps/10-bitwise-operators/4-bit-rounding/task.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@
66

77
```js
88
//+ run
9-
alert( 123456789 ^ 0 ); // 123456789
9+
alert( 123456789 ^ 0 ); // 123456789
1010
alert( 12345678912345 ^ 0 ); // 1942903641
1111
```
1212

‎1-js/2-first-steps/10-bitwise-operators/article.md‎

Lines changed: 26 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -22,6 +22,7 @@
2222
Примеры представления чисел в двоичной системе:
2323

2424
```js
25+
//+ no-beautify
2526
a = 0; // 00000000000000000000000000000000
2627
a = 1; // 00000000000000000000000000000001
2728
a = 2; // 00000000000000000000000000000010
@@ -135,13 +136,13 @@ a = 255;// 00000000000000000000000011111111
135136

136137
```js
137138
//+ run
138-
var access = parseInt("11000", 2); // получаем число из строки
139+
var access = parseInt("11000", 2); // получаем число из строки
139140

140-
alert(access); // 24, число с таким 2-ным представлением
141+
alert( access ); // 24, число с таким 2-ным представлением
141142

142143
var access2 = access.toString(2); // обратно двоичную строку из числа
143144

144-
alert(access2); // 11000
145+
alert( access2 ); // 11000
145146
```
146147

147148
Без них перевод в двоичную систему и обратно был бы куда менее удобен.
@@ -167,6 +168,7 @@ alert(access2); // 11000
167168
Пример:
168169

169170
```js
171+
//+ no-beautify
170172
9 (по осн. 10)
171173
= 00000000000000000000000000001001 (по осн. 2)
172174
14 (по осн. 10)
@@ -194,6 +196,7 @@ alert(access2); // 11000
194196
Пример:
195197

196198
```js
199+
//+ no-beautify
197200
9 (по осн. 10)
198201
= 00000000000000000000000000001001 (по осн. 2)
199202
14 (по осн. 10)
@@ -225,6 +228,7 @@ alert(access2); // 11000
225228
Пример:
226229

227230
```js
231+
//+ no-beautify
228232
9 (по осн. 10)
229233
= 00000000000000000000000000001001 (по осн. 2)
230234
14 (по осн. 10)
@@ -253,6 +257,7 @@ alert(access2); // 11000
253257
Например, пусть в `data` очередное число равно `9`, а ключ `key` равен `1220461917`.
254258

255259
```js
260+
//+ no-beautify
256261
Данные: 9 в двоичном виде
257262
00000000000000000000000000001001
258263

@@ -273,6 +278,7 @@ alert(access2); // 11000
273278
В нашем случае:
274279

275280
```js
281+
//+ no-beautify
276282
Полученная шифровка в двоичной системе:
277283
9 ^ key = 1220461908
278284
01001000101111101100010101010100
@@ -305,6 +311,7 @@ alert(access2); // 11000
305311
Пример:
306312

307313
```js
314+
//+ no-beautify
308315
9 (по осн. 10)
309316
= 00000000000000000000000000001001 (по осн. 2)
310317
--------------------------------
@@ -319,8 +326,8 @@ alert(access2); // 11000
319326

320327
```js
321328
//+ run
322-
alert(~3); // -4
323-
alert(~-1); // 0
329+
alert( ~3 ); // -4
330+
alert( ~-1 ); // 0
324331
```
325332

326333
### << (Битовый сдвиг влево)
@@ -332,6 +339,7 @@ alert(~-1); // 0
332339
Например, `9 << 2` даст `36`:
333340

334341
```js
342+
//+ no-beautify
335343

336344
9 (по осн.10)
337345
= 00000000000000000000000000001001 (по осн.2)
@@ -356,7 +364,7 @@ alert( 3 << 3 ); // 24, умножение на 2 три раза
356364
Конечно, следует иметь в виду, что побитовые операторы работают только с 32-битными числами, поэтому верхний порог такого "умножения" ограничен:
357365

358366
```js
359-
//+ run
367+
//+ run no-beautify
360368
*!*
361369
alert(10000000000 << 1); // -1474836480, отброшен крайний-левый бит
362370
*/!*
@@ -376,6 +384,7 @@ alert(10000000000 * 2); // 20000000000, обычное умножение
376384
Например, `9 >> 2` даст <code>2</code>:
377385

378386
```js
387+
//+ no-beautify
379388
9 (по осн.10)
380389
= 00000000000000000000000000001001 (по осн.2)
381390
--------------------------------
@@ -389,6 +398,7 @@ alert(10000000000 * 2); // 20000000000, обычное умножение
389398
Аналогично, `-9 >> 2` даст `-3`:
390399

391400
```js
401+
//+ no-beautify
392402
-9 (по осн.10)
393403
= 11111111111111111111111111110111 (по осн.2)
394404
--------------------------------
@@ -422,6 +432,7 @@ alert( 100 >> 3 ); // 12, деление на 2 три раза, целая ча
422432
Для отрицательных чисел -- результат работы разный. Например, `-9 >>> 2` даст `1073741821`, в отличие от `-9 >> 2` (дает `-3`):
423433

424434
```js
435+
//+ no-beautify
425436
-9 (по осн.10)
426437
= 11111111111111111111111111110111 (по осн.2)
427438
--------------------------------
@@ -559,6 +570,7 @@ alert( 100 >> 3 ); // 12, деление на 2 три раза, целая ча
559570
Как правило, доступы задаются в виде констант:
560571

561572
```js
573+
//+ no-beautify
562574
var ACCESS_ADMIN = 1; // 00001
563575
var ACCESS_GOODS_EDIT = 2; // 00010
564576
var ACCESS_GOODS_VIEW = 4; // 00100
@@ -592,7 +604,7 @@ alert(editor & ACCESS_ARTICLE_EDIT); // 8, доступ есть
592604
```js
593605
var check = ACCESS_GOODS_VIEW | ACCESS_GOODS_EDIT; // 6, 00110
594606

595-
alert(admin & check); // не 0, значит есть доступ к просмотру ИЛИ изменению
607+
alert( admin & check ); // не 0, значит есть доступ к просмотру ИЛИ изменению
596608
```
597609

598610
*Битовой маской* называют как раз комбинацию двоичных значений (`check` в примере выше), которая используется для проверки и выборки единиц на нужных позициях.
@@ -626,14 +638,14 @@ alert( ~~12.345 ); // 12
626638

627639
```js
628640
//+ run
629-
alert( 12.345^0 ); // 12
641+
alert( 12.345 ^ 0 ); // 12
630642
```
631643

632644
Последнее даже более удобно, поскольку отлично читается:
633645

634646
```js
635647
//+ run
636-
alert( 12.3 * 14.5 ^ 0); // (=178) "12.3 умножить на 14.5 *!*и округлить*/!*"
648+
alert(12.3 * 14.5 ^ 0); // (=178) "12.3 умножить на 14.5 *!*и округлить*/!*"
637649
```
638650

639651
У побитовых операторов достаточно низкий приоритет, он меньше чем у остальной арифметики:
@@ -655,8 +667,8 @@ alert( 1.1 + 1.2 ^ 0 ); // 2, сложение выполнится раньше
655667
//+ run
656668
var n = 5;
657669

658-
if (~n) { // сработает, т.к. ~n = -(5+1) = -6
659-
alert("n не -1"); // выведет!
670+
if (~n) { // сработает, т.к. ~n = -(5+1) = -6
671+
alert( "n не -1" ); // выведет!
660672
}
661673
```
662674

@@ -666,8 +678,8 @@ if (~n) { // сработает, т.к. ~n = -(5+1) = -6
666678
//+ run
667679
var n = -1;
668680

669-
if (~n) { // не сработает, т.к. ~n = -(-1+1) = 0
670-
alert("...ничего не выведет...");
681+
if (~n) { // не сработает, т.к. ~n = -(-1+1) = 0
682+
alert( "...ничего не выведет..." );
671683
}
672684
```
673685

@@ -678,7 +690,7 @@ if (~n) { // не сработает, т.к. ~n = -(-1+1) = 0
678690
var str = "Проверка";
679691

680692
if (~str.indexOf("верка")) { // Сочетание "if (~...indexOf)" читается как "если найдено"
681-
alert('найдено!');
693+
alert( 'найдено!' );
682694
}
683695
```
684696

‎1-js/2-first-steps/11-uibasic/1-simple-page/solution.md‎

Lines changed: 8 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -3,25 +3,28 @@ JS-код:
33
```js
44
//+ demo run
55
var name = prompt("Ваше имя?", "");
6-
alert(name);
6+
alert( name );
77
```
88

99
Полная страница:
1010

1111
```html
1212
<!DOCTYPE html>
1313
<html>
14+
1415
<head>
1516
<meta charset="utf-8">
1617
</head>
18+
1719
<body>
1820

19-
<script>
20-
var name = prompt("Ваше имя?", "");
21-
alert(name);
22-
</script>
21+
<script>
22+
var name = prompt("Ваше имя?", "");
23+
alert( name );
24+
</script>
2325

2426
</body>
27+
2528
</html>
2629
```
2730

‎1-js/2-first-steps/11-uibasic/article.md‎

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@ alert(сообщение)
1515

1616
```js
1717
//+ run
18-
alert("Привет");
18+
alert( "Привет" );
1919
```
2020

2121
Окно сообщения, которое выводится, является *модальным окном*. Слово "модальное" означает, что посетитель не может взаимодействовать со страницей, нажимать другие кнопки и т.п., пока не разберется с окном. В данном случае - пока не нажмет на "OK".
@@ -25,6 +25,7 @@ alert("Привет");
2525
Функция prompt принимает два аргумента:
2626

2727
```js
28+
//+ no-beautify
2829
result = prompt(title, default);
2930
```
3031

@@ -87,7 +88,7 @@ result = confirm(question);
8788
//+ run
8889
var isAdmin = confirm("Вы - администратор?");
8990

90-
alert(isAdmin);
91+
alert( isAdmin );
9192
```
9293

9394
## Особенности встроенных функций

‎1-js/2-first-steps/12-ifelse/1-if-zero-string/solution.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@
77
```js
88
//+ run
99
if ("0") {
10-
alert('Привет');
10+
alert( 'Привет' );
1111
}
1212
```
1313

‎1-js/2-first-steps/12-ifelse/1-if-zero-string/task.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@
66

77
```js
88
if ("0") {
9-
alert('Привет');
9+
alert( 'Привет' );
1010
}
1111
```
1212

‎1-js/2-first-steps/12-ifelse/3-sign/solution.md‎

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

33
```js
44
//+ run
5-
var value = prompt('Введите число', 0);
5+
var value = prompt('Введите число', 0);
66

77
if (value > 0) {
8-
alert(1);
8+
alert( 1 );
99
} else if (value < 0) {
10-
alert(-1);
10+
alert( -1 );
1111
} else {
12-
alert(0);
12+
alert( 0 );
1313
}
1414
```
1515

‎1-js/2-first-steps/12-ifelse/4-check-login/solution.md‎

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -4,24 +4,24 @@
44
//+ run demo
55
var userName = prompt('Кто пришёл?', '');
66

7-
if ( userName == 'Админ' ) {
7+
if (userName == 'Админ') {
88

99
var pass = prompt('Пароль?', '');
1010

11-
if ( pass == 'Чёрный Властелин' ) {
12-
alert('Добро пожаловать!');
13-
} else if ( pass == null ) { // (*)
14-
alert('Вход отменён');
11+
if (pass == 'Чёрный Властелин') {
12+
alert( 'Добро пожаловать!' );
13+
} else if (pass == null) { // (*)
14+
alert( 'Вход отменён' );
1515
} else {
16-
alert('Пароль неверен');
16+
alert( 'Пароль неверен' );
1717
}
1818

19-
} else if ( userName == null ) { // (**)
20-
alert('Вход отменён');
19+
} else if (userName == null) { // (**)
20+
alert( 'Вход отменён' );
2121

2222
} else {
2323

24-
alert('Я вас не знаю');
24+
alert( 'Я вас не знаю' );
2525

2626
}
2727
```

0 commit comments

Comments
 (0)