lesson04 updates (#201)

Author: vovachebr

lessons/lesson04/01.md

@@ -76,6 +76,7 @@ API браузера для работы с веб страницей и ее э
 
 - `document.getElementById`
 - `document.getElementsByTagName`
+- `document.getElementsByClassName`
 - `document.querySelector`
 - `document.querySelectoAll`
 
@@ -161,14 +162,6 @@ console.log(JSON.parse(localStorage.getItem("value2"))); // { name: 'Bob' }
 
 Важно помнить, что если значения нет - вы получите `null` и десериализация сломается. Поэтому перед вызовом `parse` нужно проверять данные.
 
-<!-- v -->
-
-В разработке принято писать на уровне интерфейсов (абстракций), а не реализаций. То есть вы должны знать ЧТО делает функция или модуль, но не КАК.
-
-Когда вы начинаете использовать детали реализации - это называется "протекающая абстракция".
-
-<!-- v -->
-
 ### Вопросы?
 
 <!-- v -->

lessons/lesson04/02.md

@@ -119,6 +119,7 @@ function doSomething() {
 
 const promise = doSomething();
 promise.then(successCallback, failureCallback);
+promise.then(successCallback).catch(failureCallback);
 ```
 
 <!-- v -->
@@ -161,17 +162,20 @@ calculateSomethingAsyncWithPromise(x)
 ```
 
 <!-- v -->
+[Top-level await](https://github.com/tc39/proposal-top-level-await).
 
-**НО!** сейчас `await` работает только в `async` функциях.
-
-Хотя мы все ждем [Top-level await](https://github.com/tc39/proposal-top-level-await).
-
+```js [1-30]
+const x = 2;
+const result = await calculateSomethingAsyncWithPromise(x);
+const secondResult = await calculateSomethingElseAsyncWithPromise(result);
+console.log(secondResult);
+```
 <!-- v -->
 
 Краткий итог:
 
 - некоторый функции нужно вызывать с ключевым словом `await`
-- `await` работает только внутри функций, которые помечены как `async`
+- `await` работает только внутри функций, которые помечены как `async` и в top-level
 
 Подробнее мы будем разбирать на занятии про асинхронность