renovations

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

@@ -51,7 +51,7 @@ alert('Вам ' + years + ' лет!')
 ```
 
 [warn header="Всегда указывайте `default`"]
-Вообще, второй `default` может отсутствовать. Однако при этом IE вставит в диалог значение по умолчанию `"undefined"`.
+Второй параметр может отсутствовать. Однако при этом IE вставит в диалог значение по умолчанию `"undefined"`.
 
 Запустите этот код <u>в IE</u>, чтобы понять о чем речь:
 

1-js/2-first-steps/13-logical-ops/5-alert-and-or/solution.md

@@ -0,0 +1,16 @@
+Ответ: `3`.
+
+```js
+//+ run
+alert( null || 2 && 3 || 4 );
+```
+
+Приоритет оператора  `&&` выше, чем `||`, поэтому он выполнится первым.
+
+Последовательность вычислений:
+```
+null || 2 && 3 || 4
+null || 3 || 4
+3
+```
+

1-js/2-first-steps/13-logical-ops/5-alert-and-or/task.md

@@ -0,0 +1,10 @@
+# Что выведет этот код?
+
+[importance 5]
+
+Что выведет код ниже?
+
+```js
+alert( null || 2 && 3 || 4 );
+```
+

1-js/2-first-steps/13-logical-ops/article.md

@@ -61,6 +61,7 @@ if (hour < 10 || hour > 18 || isWeekend) {
 
 ## Короткий цикл вычислений
 
+
 JavaScript вычисляет несколько ИЛИ слева направо. При этом, чтобы экономить ресурсы, используется так называемый *"короткий цикл вычисления"*. 
 
 Допустим, вычисляются несколько ИЛИ подряд: `a || b || c || ...`. Если первый аргумент -- `true`, то результат заведомо будет `true` (хотя бы одно из значений -- `true`), и остальные значения игнорируются.
@@ -91,6 +92,11 @@ alert(x); // 1
 
 ## Значение ИЛИ
 
+[quote author="Илья Канатов, участник курса JavaScript"]
+`||` запинается на "правде",<br>
+`&&` запинается на "лжи".
+[/quote]
+
 Итак, как мы видим, оператор ИЛИ вычисляет ровно столько значений, сколько необходимо -- до первого `true`.
 
 При этом оператор ИЛИ возвращает то значение, на котором остановились вычисления. Причём, не преобразованное к логическому типу.
@@ -129,9 +135,9 @@ alert( result ); // выведет "Привет!" - первое значени
 alert( undefined || '' || false || 0 ); // 0
 ```
 
-[summary]
 Итак, оператор `||` вычисляет операнды слева направо до первого "истинного" и возвращает его, а если все ложные -- то последнее значение.
-[/summary]
+
+Иначе можно сказать, что "`||` запинается на правде".
 
 ## && (И)
 
@@ -201,9 +207,9 @@ alert( 1 && 2 && null && 3 ); // null
 alert( 1 && 2 && 3 ); // 3
 ```
 
-[summary]
 Итак, оператор `&&` вычисляет операнды слева направо до первого "ложного" и возвращает его, а если все истинные -- то последнее значение.
-[/summary]
+
+Иначе можно сказать, что "`&&` запинается на лжи".
 
 [smart header="Приоритет у `&&` больше, чем у `||`"]
 Приоритет оператора И `&&` больше, чем ИЛИ `||`, так что он выполняется раньше.
@@ -262,15 +268,15 @@ var result = !value;
 
 ```js
 //+ run
-alert(!true) // false
-alert(!0) // true
+alert( !true ); // false
+alert( !0 ); // true
 ```
 
 **В частности, двойное НЕ используются для преобразования значений к логическому типу:**
 
 ```js
 //+ run
-alert(!!"строка") // true
-alert(!!null) // false
+alert( !!"строка" ); // true
+alert( !!null ); // false
 ```
 

1-js/2-first-steps/14-types-conversion/1-primitive-conversions-questions/solution.md

@@ -16,6 +16,8 @@ true + false = 1
 0 || 5 = 5
 null + 1 = 1 // (3)
 undefined + 1 = NaN // (4)
+null == "\n0\n" = false // (5)
++null == +"\n0\n" = true // (6)
 ```
 
 <ol>
@@ -23,4 +25,6 @@ undefined + 1 = NaN // (4)
 <li>Оператор `"-"` работает только с числами, так что он сразу приводит `""` к `0`.</li>
 <li>`null` при численном преобразовании становится `0`</li>
 <li>`undefined` при численном преобразовании становится `NaN`</li>
+<li>При сравнении `==` с `null` преобразования не происходит, есть жёсткое правило: `null == undefined` и только.</li>
+<li>И левая и правая часть `==` преобразуются к числу `0`.</li>
 </ol>

1-js/2-first-steps/14-types-conversion/1-primitive-conversions-questions/task.md

@@ -18,5 +18,7 @@ true + false
 0 || 5
 null + 1
 undefined + 1
+null == "\n0\n" 
++null == +"\n0\n" 
 ```
 

1-js/2-first-steps/4-strict-mode/article.md

@@ -50,7 +50,7 @@
 Впрочем, проблема не так страшна. Несовместимостей мало. И, если их знать (а в учебнике мы будем останавливаться на них) и писать правильный код, то всё будет в порядке и `"use strict"` станет нашим верным помощником. 
 </dd>
 <dt>Библиотеки, написанные без учёта `"use strict"`.</dt>
-<dd>Некоторые библиотеки, который написаны без `"use strict"`, не всегда корректно работают, если вызывающий код содержит `"use strict"`.
+<dd>Некоторые библиотеки, которые написаны без `"use strict"`, не всегда корректно работают, если вызывающий код содержит `"use strict"`.
 
 В первую очередь имеются в виду сторонние библиотеки, которые писали не мы, и которые не хотелось бы переписывать или править.
 

1-js/2-first-steps/8-operators/article.md

@@ -123,23 +123,24 @@ alert( +apples + +oranges ); // 5, число, оба операнда пред
 
 Из школы мы знаем, что умножение в выражении `2 * 2 + 1` выполнится раньше сложения, т.к. его *приоритет* выше, а скобки явно задают порядок выполнения. Но в JavaScript -- гораздо больше операторов, поэтому существует целая [таблица приоритетов](https://developer.mozilla.org/en/JavaScript/Reference/operators/operator_precedence). 
 
-Она содержит как уже пройденные операторы, так и те, которые мы еще не проходили. В ней каждому оператору задан числовой приоритет. Тот, у кого число меньше -- выполнится раньше. Если приоритет одинаковый, то порядок выполнения -- слева направо.
+Она содержит как уже пройденные операторы, так и те, которые мы еще не проходили. В ней каждому оператору задан числовой приоритет. Тот, у кого число больше -- выполнится раньше. Если приоритет одинаковый, то порядок выполнения -- слева направо.
 
 Отрывок из таблицы:
 
 <table>
 <tr><td>...</td><td>...</td><td>...</td></tr>
-<tr><td>4</td><td>унарный плюс</td><td>`+`</td></tr>
-<tr><td>4</td><td>унарный минус</td><td>`-`</td></tr>
-<tr><td>5</td><td>умножение</td><td>`*`</td></tr>
-<tr><td>5</td><td>деление</td><td>`/`</td></tr>
-<tr><td>6</td><td>сложение</td><td>`+`</td></tr>
-<tr><td>6</td><td>вычитание</td><td>`-`</td></tr>
+<tr><td>15</td><td>унарный плюс</td><td>`+`</td></tr>
+<tr><td>15</td><td>унарный минус</td><td>`-`</td></tr>
+<tr><td>14</td><td>умножение</td><td>`*`</td></tr>
+<tr><td>14</td><td>деление</td><td>`/`</td></tr>
+<tr><td>13</td><td>сложение</td><td>`+`</td></tr>
+<tr><td>13</td><td>вычитание</td><td>`-`</td></tr>
+<tr><td>...</td><td>...</td><td>...</td></tr>
 <tr><td>3</td><td>присвоение</td><td>`=`</td></tr>
 <tr><td>...</td><td>...</td><td>...</td></tr>
 </table>
 
-Так как "унарный плюс" имеет приоритет `4`, выше, чем `6` у обычного "сложения", то в выражении `+apples + +oranges` сначала сработали плюсы у `apples` и `oranges`, а затем уже обычное сложение.
+Так как "унарный плюс" имеет приоритет `15`, выше, чем `13` у обычного "сложения", то в выражении `+apples + +oranges` сначала сработали плюсы у `apples` и `oranges`, а затем уже обычное сложение.
 
 ## Присваивание
 

1-js/4-data-structures/11-datetime/2-get-week-day/solution.md

@@ -14,3 +14,9 @@ var date = new Date(2014, 0, 3); // 3 января 2014
 alert( getWeekDay(date) ); // 'пт'
 ```
 
+В современных браузерах можно использовать и `toLocaleString`:
+```js
+//+ run
+var date = new Date(2014, 0, 3); // 3 января 2014
+alert( date.toLocaleString('ru', {weekday: 'short'}) ); // 'Пт'
+```

1-js/4-data-structures/3-string/4-extract-currency/_js.view/solution.js

@@ -0,0 +1,3 @@
+function extractCurrencyValue(str) {
+  return +str.slice(1);
+}

1-js/4-data-structures/3-string/4-extract-currency/_js.view/test.js

@@ -0,0 +1,8 @@
+describe("extractCurrencyValue", function() {
+
+  it("выделяет из строки $120 число 120", function() {
+    assert.strictEqual(extractCurrencyValue('$120'), 120);
+  });
+
+
+});

1-js/4-data-structures/3-string/4-extract-currency/solution.md

@@ -0,0 +1 @@
+Возьмём часть строки после первого символа и приведём к числу: `+str.slice(1)`.

1-js/4-data-structures/3-string/4-extract-currency/task.md

@@ -0,0 +1,8 @@
+# Выделить число
+
+[importance 4]
+
+Есть стоимость в виде строки: `"$120"`. То есть, первым идёт знак валюты, а затем -- число.
+
+Создайте функцию `extractCurrencyValue(str)`, которая будет из такой строки выделять число-значение, в данном случае 120.
+

1-js/4-data-structures/9-array-iteration/article.md

@@ -8,7 +8,7 @@
 
 Метод ["arr.forEach(callback[, thisArg])"](https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Array/forEach) используется для перебора массива.
 
-Он позволяет для каждого элемента массива вызывает функцию `callback`. 
+Он для каждого элемента массива вызывает функцию `callback`. 
 
 Этой функции он передаёт три параметра `callback(item, i, arr)`:
 
@@ -64,16 +64,16 @@ alert( positiveArr ); // 1,2,3
 
 ```js
 //+ run
-var pages = ['a.html', 'b.html', 'c.html'];
+var names = ['HTML', 'CSS', 'JavaScript'];
 
 *!*
-var urls = pages.map(function(page) {
-  return 'http://site.com/' + page;
+var nameLengths = names.map(function(name) {
+  return name.length;
 });
 */!*
 
-// к каждой строке был прибавлен префикс
-alert( urls ); // http://site.com/a.html, http://site.com/b.html...
+// получили массив с длинами
+alert( nameLengths ); // 4,3,10
 ```
 
 ## every/some

1-js/6-objects-more/1-object-methods/6-return-object-this/solution.md

@@ -5,3 +5,22 @@
 При создании объекта `{ value: this }`, в свойство `value` копируется ссылка на текущий контекст, то есть на `user`.
 
 Получается что `user.export().value == user`.
+
+
+```js
+//+ run
+var name = "";
+
+var user = {
+  name: "Василий",
+
+  export: function() {
+    return {
+      value: this
+    };
+  }
+
+};
+
+alert( user.export().value == user ); // true
+```

1-js/6-objects-more/1-object-methods/8-chain-calls/task.md

@@ -34,5 +34,7 @@ ladder.showStep(); // 1
 ladder.up().up().down().up().down().showStep(); // 1
 ```
 
+Как видно, такая запись содержит "меньше букв" и может быть более наглядной.
+
 Такой подход называется "чейнинг" (chaining) и используется, например, во фреймворке jQuery.
 

1-js/6-objects-more/4-descriptors-getters-setters/article.md

@@ -9,7 +9,7 @@
 
 Основной метод для управления свойствами -- [Object.defineProperty](https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Object/defineProperty).
 
-Он позволяет как просто объявить свойство объекта, так и настроить тонко настроить его особые аспекты, которые никак иначе не изменить.
+Он позволяет как просто объявить свойство объекта, так и тонко настроить его особые аспекты, которые никак иначе не изменить.
 
 Синтаксис:
 

1-js/6-objects-more/7-bind/3-second-bind/solution.md

@@ -13,7 +13,7 @@ f(); // Вася
 
 Первый вызов `f.bind(..Вася..)` возвращает "обёртку", которая устанавливает контекст для `f` и передаёт вызов `f`.
 
-Следующий вызов `bind` будет устанавливать контекст уже для этой обёртки, это ни на что не влияет.  
+Следующий вызов `bind` будет устанавливать контекст уже для этой обёртки. Это ни на что не повлияет.
 
 Чтобы это проще понять, используем наш собственный вариант `bind` вместо встроенного:
 
@@ -45,12 +45,14 @@ f(); // Вася
 function bind(func, context) {
 *!*
   return function() {
+    // здесь this не используется
     return func.apply(context, arguments);
   };
 */!*
 }
 ```
 
-В этой обёртке нигде не используется `this`, только `func` и `context`. Посмотрите на код, там нигде нет `this`.
+В этой обёртке нигде не используется `this`, контекст `context` берётся из замыкания. Посмотрите на код, там нигде нет `this`.
+
+Поэтому следующий `bind` в строке `(2)`, который выполняется уже над обёрткой и фиксирует в ней `this`, ни на что не влияет. Какая разница, что будет в качестве `this` в функции, которая этот `this` не использует? Контекст `context`, как видно в коде выше, она получает через замыкание из аргументов первого `bind`.
 
-Поэтому следующий `bind` в строке `(2)`, который выполняется уже над обёрткой и фиксирует в ней `this`, ни на что не влияет. Какая разница, что будет в качестве `this` в функции, которая этот `this` не использует?

1-js/6-objects-more/7-bind/article.md

@@ -12,7 +12,7 @@
 
 В браузере есть встроенная функция `setTimeout(func, ms)`, которая вызывает выполение функции `func` через `ms` миллисекунд (=1/1000 секунды).
 
-Мы подробно остановимся на ней и её тонкостях позже, в главе [](/setTimeout-setInterval), а пока просто посмотрим пример.
+Мы подробно остановимся на ней и её тонкостях позже, в главе [](/settimeout-setinterval), а пока просто посмотрим пример.
 
 Этот код выведет "Привет" через 1000мс, то есть 1 секунду:
 

1-js/6-objects-more/8-decorators/article.md

@@ -53,7 +53,7 @@ alert( timers.myFunc ); // общее время выполнения всех
 
 ```js
 //+ run
-var timers = {}
+var timers = {};
 
 // прибавит время выполнения f к таймеру timers[timer]
 function timingDecorator(f, timer) {
@@ -114,7 +114,7 @@ function sum(a, b) {
 alert( sum(true, { name: "Вася", age: 35 }) ); // true[Object object]
 ```
 
-Функция "как-то" отработала, но в реальной жизни такой вызов, скорее всего, будет следствием программной ошибки. Всё-таки `sum` предназначена для суммирования чисел, а не объектов.
+Функция "как-то" отработала, но в реальной жизни передача в `sum` подобных значений, скорее всего, будет следствием программной ошибки. Всё-таки `sum` предназначена для суммирования чисел, а не объектов.
 
 Многие языки программирования позволяют прямо в объявлении функции указать, какие типы данных имеют параметры. И это удобно, поскольку повышает надёжность кода.
 

1-js/7-js-misc/1-class-instanceof/1-format-date-polymorphic/_js.view/solution.js

@@ -3,15 +3,18 @@ function formatDate(date) {
     // перевести секунды в миллисекунды и преобразовать к Date
     date = new Date(date * 1000);
   } else if (typeof date == 'string') {
-    // разобрать строку и преобразовать к Date
-    date = date.split('-');
-    date = new Date(date[0], date[1] - 1, date[2]);
+    // строка в стандартном формате автоматически будет разобрана в дату
+    date = new Date(date); 
   } else if (Array.isArray(date)) { 
     date = new Date(date[0], date[1], date[2]);
   }
   // преобразования для поддержки полиморфизма завершены, 
   // теперь мы работаем с датой (форматируем её)
 
+  return date.toLocaleString("ru", {day: '2-digit', month: '2-digit', year: '2-digit'});
+
+  /*
+  // можно и вручную, если лень добавлят в старый IE поддержку локализации
   var day = date.getDate();
   if (day < 10) day = '0' + day;
 
@@ -23,6 +26,7 @@ function formatDate(date) {
   if (year < 10) year = '0' + year;
 
   var formattedDate = day + '.' + month + '.' + year;
-
+  
   return formattedDate;
+  */
 }

1-js/7-js-misc/1-class-instanceof/1-format-date-polymorphic/task.md

@@ -7,7 +7,7 @@
 Ее первый аргумент должен содержать дату в одном из видов:
 <ol>
 <li>Как объект `Date`.</li>
-<li>Как строку в формате `yyyy-mm-dd`.</li>
+<li>Как строку, например `yyyy-mm-dd` или другую в стандартном формате даты.</li>
 <li>Как число *секунд* с `01.01.1970`.</li>
 <li>Как массив `[гггг, мм, дд]`, месяц начинается с нуля</li>
 </ol>

1-js/7-js-misc/1-class-instanceof/article.md

@@ -53,8 +53,8 @@ alert( toString.call(arr) ); // [object Array]
 var date = new Date;
 alert( toString.call(date) ); // [object Date]
 
-var obj = { name: "Вася" };
-alert( toString.call(date) ); // [object Object]
+var user = { name: "Вася" };
+alert( toString.call(user) ); // [object Object]
 ```
 
 В первой строке мы взяли метод `toString`, принадлежащий именно стандартному объекту `{}`. Нам пришлось это сделать, так как у `Date` и `Array`  -- свои собственные методы `toString`, которые работают иначе.

1-js/7-js-misc/3-setTimeout-setInterval/7-delay/task.md

@@ -2,7 +2,7 @@
 
 [importance 5]
 
-**Напишите функцию `delay(f, ms)`, которая возвращает обёртку вокруг `f`, задерживающую вызов на `ms` миллисекунд.**
+Напишите функцию `delay(f, ms)`, которая возвращает обёртку вокруг `f`, задерживающую вызов на `ms` миллисекунд.
 
 Например:
 
@@ -18,6 +18,6 @@ f1000("тест"); // выведет "тест" через 1000 миллисек
 f1500("тест2"); // выведет "тест2" через 1500 миллисекунд
 ```
 
-Иначе говоря, `f1000` -- это "задержанный на 1000мс" вызов `f`.
+Упрощённо можно сказать, что `delay` возвращает "задержанный на `ms`" вариант `f`.
 
 В примере выше у функции только один аргумент, но `delay` должна быть универсальной: передавать любое количество аргументов и контекст `this`.

1-js/7-js-misc/3-setTimeout-setInterval/8-debounce/task.md

@@ -2,7 +2,7 @@
 
 [importance 5]
 
-**Напишите функцию `debounce(f, ms)`, которая возвращает обёртку, которая передаёт вызов `f` не чаще, чем раз в `ms` миллисекунд.**
+Напишите функцию `debounce(f, ms)`, которая возвращает обёртку, которая передаёт вызов `f` не чаще, чем раз в `ms` миллисекунд.
 
 "Лишние" вызовы игнорируются. Все аргументы и контекст -- передаются.
 
@@ -22,3 +22,4 @@ setTimeout( function() { f(4) }, 1100); // выполнится
 setTimeout( function() { f(5) }, 1500); // игнор
 ```
 
+Упрощённо можно сказать, что `debounce` возвращает вариант `f`, срабатывающий не чаще чем раз в `ms` миллисекунд.

1-js/7-js-misc/3-setTimeout-setInterval/9-throttle/task.md

@@ -27,7 +27,7 @@
 <li>Первое обновление произойдёт сразу (это важно, посетитель тут же видит реакцию на своё действие).</li>
 <li>Дальше может быть много вызовов (микро-передвижений) с разными координатами, но пока не пройдёт 100мс -- ничего не будет.</li>
 <li>По истечении 100мс -- опять обновление, с последними координатами. Промежуточные микро-передвижения игнорированы.</li>
-<li>В конце концов мышь где-то остановится, обновление по окончании очередной паузы 100мс (иначе мы не знаем, последнее оно или нет) сработает с последними координатами.</li>
+<li>В конце концов мышь где-то остановится, обновление по окончании очередной паузы 100мс  сработает с последними координатами.</li>
 </ol>
 
 Ещё раз заметим -- задача из реальной жизни, и в ней принципиально важно, что *последнее* передвижение обрабатывается. Пользователь должен увидеть, где остановил мышь. 

1-js/7-js-misc/3-setTimeout-setInterval/article.md

@@ -239,7 +239,7 @@ setTimeout(function() {}, 100);
 
 Позапускайте его в различных браузерах. Вы заметите, что несколько первых полосок анимируются с одинаковой скоростью. Это как раз потому, что слишком маленькие задержки таймер не различает.
 
-[iframe border="1" src="setInterval-anim" link edit]
+[iframe border="1" src="setinterval-anim" link edit]
 
 [warn]
 В Internet Explorer, нулевая задержка `setInterval(.., 0)` не сработает. Это касается именно `setInterval`, т.е. `setTimeout(.., 0)` работает нормально. 

1-js/9-prototypes/5-class-inheritance/2-inheritance-error-constructor/solution.md

@@ -1,39 +1,17 @@
 Ошибка -- в том, что метод `walk` присваивается в конструкторе `Animal` самому объекту вместо прототипа.
 
-Казалось бы -- ничего страшного, ведь `Animal.apply(this, arguments)` создаст его. Код работает.
-
-Однако, если мы решим перезаписать этот метод своим, специфичным для кролика, то будет сюрприз:
+Поэтому, если мы решим перезаписать этот метод своим, специфичным для кролика, то он не сработает:
 
 ```js
-//+ run
-function Animal(name) {
-  this.name = name;
+// ...
 
-  this.walk = function() {
-    alert( "ходит " + this.name );
-  };
-}
-
-function Rabbit(name) {
-  Animal.apply(this, arguments);
-}
-Rabbit.prototype = Object.create(Animal.prototype);
-
-*!*
+// записывается в прототип
 Rabbit.prototype.walk = function() {
-  alert( "прыгает! и ходит: " + this.name );
+  alert( "прыгает " + this.name );
 };
-*/!*
-
-var rabbit = new Rabbit("Кроль");
-*!*
-rabbit.walk(); // ходит Кроль
-*/!*
 ```
 
-Переопределение не сработало!
-
-Причина -- метод `walk` создаётся в конструкторе, записывается в сам объект и тем самым игнорирует цепочку прототипов и говорит "гуд-бай" всей иерархии наследования.
+Метод `this.walk` из `Animal` записывается в сам объект, и поэтому он всегда будет первым, игнорируя цепочку прототипов.
 
 Правильно было бы определять `walk` как `Animal.prototype.walk`.
 

1-js/9-prototypes/5-class-inheritance/2-inheritance-error-constructor/task.md

@@ -20,6 +20,10 @@ function Rabbit(name) {
 }
 Rabbit.prototype = Object.create(Animal.prototype);
 
+Rabbit.prototype.walk = function() {
+  alert( "прыгает " + this.name );
+};
+
 var rabbit = new Rabbit("Кроль");
 rabbit.walk();
 ```

1-js/9-prototypes/6-instanceof/article.md

@@ -77,7 +77,7 @@ alert( rabbit instanceof Rabbit ); // false
 
 Вообще, у каждого окна и фрейма -- своя иерархия объектов и свой `window` .
 
-Как правило, эта проблема возникает со встроенными объектами, в этом случае используется проверка внутреннего свойства `[[Class]]`. Более подробно это описано в главе [](/class-property).
+Как правило, эта проблема возникает со встроенными объектами, в этом случае используется проверка внутреннего свойства `[[Class]]`, которое подробнее описано в главе [](/class-instanceof).
 [/warn]
 
 

1-js/9-prototypes/7-oop-errors/article.md

@@ -210,7 +210,7 @@ function PropertyRequiredError(property) {
   this.message = 'Отсутствует свойство ' + property;
 }
 
-PropertyRequiredError.prototype = Object.create(PropertyError);
+PropertyRequiredError.prototype = Object.create(PropertyError.prototype);
 PropertyRequiredError.prototype.constructor = PropertyRequiredError;
 
 var err = new PropertyRequiredError("age");