es6

1-js/10-es-modern/16-fetch/article.md

@@ -0,0 +1,31 @@
+
+# AJAX-запросы: fetch 
+
+Метод [fetch](https://fetch.spec.whatwg.org/) -- это `XMLHttpRequest` нового поколения. Он предоставляет улучшенный интерфейс для осуществления запросов к серверу: как по части возможностей и контроля над происходящим, так и по синтаксису, так как построен на промисах.
+
+Поддержка в браузерах пока не очень распространена, но есть [полифилл](https://github.com/github/fetch) и не один. 
+
+## Использование
+
+Синтаксис:
+
+Начнём сразу с примера:
+
+```js
+//+ run
+'use strict';
+
+fetch('/article/fetch/user.json')
+  .then( response => {
+    alert(response.headers.get('Content-Type')); // text/html; charset=utf-8
+
+    return response.json();
+   })
+  .then( user => alert(user.name) ) // iliakan
+  .catch( alert );
+```
+
+Поток такой:
+
+<ul>
+<li>

1-js/10-es-modern/16-fetch/user.json

@@ -0,0 +1,4 @@
+{
+  "name": "iliakan",
+  "isAdmin": true
+}

1-js/10-es-modern/17-generator/article.md

@@ -1,5 +1,5 @@
 
-# Генераторы
+# Генераторы [todo]
 
 Генераторы -- новый вид функций в современном JavaScript. Они отличаются от обычных тем, что могут приостанавливать своё выполнение, возвращать промежуточный результат и далее возобновлять его позже, в произвольный момент времени.
 
@@ -332,4 +332,119 @@ alert( generator.next(9).done ); // true
 Исключением является первый вызов `next`, который не может передать значение в генератор, т.к. ещё не было ни одного `yield`.
 
 
+## generator.throw
+
+Как мы видели в примерах выше, внешний код может вернуть генератору в качестве результата `yield` любое значение.
+
+Можно "вернуть" не только результат, но и ошибку!
+
+Это делает вызов `generator.throw(err)`.
+
+Например:
+
+
+```js
+//+ run
+'use strict';
+
+function* gen() {
+  // Передать вопрос во внешний код и подождать ответа
+  try {
+    let result = yield "Сколько будет 2 + 2?";
+
+    alert(result);
+  } catch(e) {
+    alert(e);
+  } 
+}
+
+let generator = gen();
+
+let question = generator.next().value;
+
+*!*
+generator.throw(new Error("ответ не найден в моей базе данных"));
+*/!*
+```
+
+"Вброшенная" извне ошибка обрабатывается как обычно. Она возникает в строке с `yield` и может быть перехвачена `try..catch`, как продемонстрировано выше.
+
+
+# Плоский асинхронный код
+
+Одна из основных областей применения генераторов -- написание "плоского" асинхронного кода.
+
+Общий принцип такой:
+<ul>
+<li>Генератор `yield'ит` не просто значения, а промисы.</li>
+<li>Есть специальная "функция-чернорабочий" `execute(generator)` которая запускает генератор, последовательными вызовами `next` получает из него эти промисы, ждёт их выполнения и возвращает в генератор результат, пока генератор не завершится.</li>
+<li>Последнее значение генератора `execute` возвращает через промис, коллбэк или просто использует, как в примере ниже.</li>
+</ul>
+
+Получается примерно так:
+
+```js
+//+ run
+'use strict';
+
+function* showUserAvatar() {
+
+  let userFetch = yield fetch('/article/generator/user.json');
+  let userInfo = yield userFetch.json();
+
+  let githubFetch = yield fetch(`https://api.github.com/users/${userInfo.name}`); 
+  let githubUserInfo = yield githubFetch.json();
+
+  let img = new Image();
+  img.src = githubUserInfo.avatar_url;
+  img.className = "promise-avatar-example";
+  document.body.appendChild(img);
+
+  yield new Promise(resolve => setTimeout(resolve, 3000));
+
+  img.remove();
+
+  return img.src;
+}
+
+function execute(generator, yieldValue) {
+
+  let next = generator.next(yieldValue);
+
+  if (!next.done) {
+    next.value.then(
+      result => execute(generator, result),
+      err => generator.throw(err)
+    );
+  } else {
+    // return из генератора (его результат)
+    alert(next.value);
+  }
+
+}
+
+*!*
+execute( showUserAvatar() );
+*/!*
+```
+
+
+
+
+[head]
+<style>
+.promise-avatar-example {
+  border-radius: 50%;
+  position: fixed;
+  right: 0;
+  top: 0;
+}
+</style>
+[/head]
+
+
+
+
+
+
 

1-js/10-es-modern/17-generator/user.json

@@ -0,0 +1,4 @@
+{
+  "name": "iliakan",
+  "isAdmin": true
+}