fixed svg cropping and make few text adjustments

Andrii256 · Andrii256 · commit 77775687525b · 2025-02-27T15:39:08.000+01:00
**In chapter 01-11-07 microtask-queue**
diff --git a/1-js/11-async/07-microtask-queue/article.md b/1-js/11-async/07-microtask-queue/article.md
@@ -3,7 +3,7 @@
 
 &#1054;&#1073;&#1088;&#1086;&#1073;&#1085;&#1080;&#1082;&#1080; &#1087;&#1088;&#1086;&#1084;&#1110;&#1089;&#1110;&#1074; `.then`/`.catch`/`.finally` &#1079;&#1072;&#1074;&#1078;&#1076;&#1080; &#1072;&#1089;&#1080;&#1085;&#1093;&#1088;&#1086;&#1085;&#1085;&#1110;.
 
-&#1053;&#1072;&#1074;&#1110;&#1090;&#1100; &#1082;&#1086;&#1083;&#1080; &#1087;&#1088;&#1086;&#1084;&#1110;&#1089; &#1073;&#1091;&#1076;&#1077; &#1085;&#1077;&#1075;&#1072;&#1081;&#1085;&#1086; &#1074;&#1080;&#1082;&#1086;&#1085;&#1072;&#1085;&#1086;, &#1082;&#1086;&#1076; &#1091; &#1088;&#1103;&#1076;&#1082;&#1072;&#1093; *&#1085;&#1080;&#1078;&#1095;&#1077;* `.then`/`.catch`/`.finally` &#1074;&#1089;&#1077; &#1086;&#1076;&#1085;&#1086; &#1074;&#1080;&#1082;&#1086;&#1085;&#1072;&#1108;&#1090;&#1100;&#1089;&#1103; &#1076;&#1086; &#1094;&#1080;&#1093; &#1086;&#1073;&#1088;&#1086;&#1073;&#1085;&#1080;&#1082;&#1110;&#1074;.
+&#1053;&#1072;&#1074;&#1110;&#1090;&#1100; &#1082;&#1086;&#1083;&#1080; &#1087;&#1088;&#1086;&#1084;&#1110;&#1089; &#1073;&#1091;&#1076;&#1077; &#1085;&#1077;&#1075;&#1072;&#1081;&#1085;&#1086; &#1074;&#1080;&#1082;&#1086;&#1085;&#1072;&#1085;&#1086;, &#1082;&#1086;&#1076; &#1091; &#1088;&#1103;&#1076;&#1082;&#1072;&#1093;, &#1103;&#1082;&#1110; &#1110;&#1076;&#1091;&#1090;&#1100; *&#1087;&#1110;&#1089;&#1083;&#1103;* `.then`/`.catch`/`.finally` &#1074;&#1089;&#1077; &#1086;&#1076;&#1085;&#1086; &#1074;&#1080;&#1082;&#1086;&#1085;&#1072;&#1108;&#1090;&#1100;&#1089;&#1103; &#1088;&#1072;&#1085;&#1110;&#1096;&#1077; &#1094;&#1080;&#1093; &#1086;&#1073;&#1088;&#1086;&#1073;&#1085;&#1080;&#1082;&#1110;&#1074;.
 
 &#1054;&#1089;&#1100; &#1076;&#1077;&#1084;&#1086;:
 
@@ -19,15 +19,15 @@ alert("&#1082;&#1086;&#1076; &#1074;&#1080;&#1082;&#1086;&#1085;&#1072;&#1085;&#1086;"); // &#1094;&#1077;&#1081; alert &#1087;&#1086;&#1082;&#1072;&#1079;&#1091;&#1108;&#1090;&#1100;&#1089;&#1103; &#1087;&#1077;&#1088;
 
 &#1062;&#1077; &#1076;&#1080;&#1074;&#1085;&#1086;, &#1072;&#1076;&#1078;&#1077; &#1087;&#1088;&#1086;&#1084;&#1110;&#1089;, &#1073;&#1077;&#1079;&#1091;&#1084;&#1086;&#1074;&#1085;&#1086;, &#1074;&#1080;&#1082;&#1086;&#1085;&#1091;&#1108;&#1090;&#1100;&#1089;&#1103; &#1079; &#1089;&#1072;&#1084;&#1086;&#1075;&#1086; &#1087;&#1086;&#1095;&#1072;&#1090;&#1082;&#1091;.
 
-&#1063;&#1086;&#1084;&#1091; &#1087;&#1086;&#1090;&#1110;&#1084; &#1089;&#1087;&#1088;&#1072;&#1094;&#1102;&#1074;&#1072;&#1074; `.then`? &#1065;&#1086; &#1074;&#1110;&#1076;&#1073;&#1091;&#1074;&#1072;&#1108;&#1090;&#1100;&#1089;&#1103;?
+&#1063;&#1086;&#1084;&#1091; &#1089;&#1087;&#1088;&#1072;&#1094;&#1102;&#1074;&#1072;&#1074; `.then` &#1087;&#1110;&#1079;&#1085;&#1110;&#1096;&#1077;? &#1065;&#1086; &#1074;&#1110;&#1076;&#1073;&#1091;&#1074;&#1072;&#1108;&#1090;&#1100;&#1089;&#1103;?
 
 ## &#1063;&#1077;&#1088;&#1075;&#1072; &#1084;&#1110;&#1082;&#1088;&#1086;&#1079;&#1072;&#1076;&#1072;&#1095;
 
-&#1040;&#1089;&#1080;&#1085;&#1093;&#1088;&#1086;&#1085;&#1085;&#1110; &#1079;&#1072;&#1076;&#1072;&#1095;&#1110; &#1087;&#1086;&#1090;&#1088;&#1077;&#1073;&#1091;&#1102;&#1090;&#1100; &#1085;&#1072;&#1083;&#1077;&#1078;&#1085;&#1086;&#1075;&#1086; &#1082;&#1077;&#1088;&#1091;&#1074;&#1072;&#1085;&#1085;&#1103;. &#1044;&#1083;&#1103; &#1094;&#1100;&#1086;&#1075;&#1086; &#1089;&#1090;&#1072;&#1085;&#1076;&#1072;&#1088;&#1090; ECMA &#1074;&#1080;&#1079;&#1085;&#1072;&#1095;&#1072;&#1108; &#1074;&#1085;&#1091;&#1090;&#1088;&#1110;&#1096;&#1085;&#1102; &#1095;&#1077;&#1088;&#1075;&#1091; `PromiseJobs`, &#1103;&#1082;&#1091; &#1095;&#1072;&#1089;&#1090;&#1110;&#1096;&#1077; &#1085;&#1072;&#1079;&#1080;&#1074;&#1072;&#1102;&#1090;&#1100; "&#1095;&#1077;&#1088;&#1075;&#1086;&#1102; &#1084;&#1110;&#1082;&#1088;&#1086;&#1079;&#1072;&#1076;&#1072;&#1095;" (&#1090;&#1077;&#1088;&#1084;&#1110;&#1085; v8).
+&#1040;&#1089;&#1080;&#1085;&#1093;&#1088;&#1086;&#1085;&#1085;&#1110; &#1079;&#1072;&#1076;&#1072;&#1095;&#1110; &#1087;&#1086;&#1090;&#1088;&#1077;&#1073;&#1091;&#1102;&#1090;&#1100; &#1085;&#1072;&#1083;&#1077;&#1078;&#1085;&#1086;&#1075;&#1086; &#1082;&#1077;&#1088;&#1091;&#1074;&#1072;&#1085;&#1085;&#1103;. &#1044;&#1083;&#1103; &#1094;&#1100;&#1086;&#1075;&#1086; &#1089;&#1090;&#1072;&#1085;&#1076;&#1072;&#1088;&#1090; ECMA &#1074;&#1080;&#1079;&#1085;&#1072;&#1095;&#1072;&#1108; &#1074;&#1085;&#1091;&#1090;&#1088;&#1110;&#1096;&#1085;&#1102; &#1095;&#1077;&#1088;&#1075;&#1091; `PromiseJobs`, &#1103;&#1082;&#1091; &#1097;&#1077; &#1085;&#1072;&#1079;&#1080;&#1074;&#1072;&#1102;&#1090;&#1100; "&#1095;&#1077;&#1088;&#1075;&#1086;&#1102; &#1084;&#1110;&#1082;&#1088;&#1086;&#1079;&#1072;&#1076;&#1072;&#1095;" (&#1090;&#1077;&#1088;&#1084;&#1110;&#1085; v8).
 
 &#1071;&#1082; &#1079;&#1072;&#1079;&#1085;&#1072;&#1095;&#1077;&#1085;&#1086; &#1074; [&#1089;&#1087;&#1077;&#1094;&#1080;&#1092;&#1110;&#1082;&#1072;&#1094;&#1110;&#1111;](https://tc39.github.io/ecma262/#sec-jobs-and-job-queues):
 
-- &#1063;&#1077;&#1088;&#1075;&#1072; &#1092;&#1091;&#1085;&#1082;&#1094;&#1110;&#1086;&#1085;&#1091;&#1108; &#1079;&#1072; &#1087;&#1088;&#1080;&#1085;&#1094;&#1080;&#1087;&#1086;&#1084; &#1087;&#1077;&#1088;&#1096;&#1080;&#1084;-&#1087;&#1088;&#1080;&#1081;&#1096;&#1086;&#1074;-&#1087;&#1077;&#1088;&#1096;&#1080;&#1084;-&#1087;&#1110;&#1096;&#1086;&#1074;: &#1079;&#1072;&#1076;&#1072;&#1095;&#1110;, &#1103;&#1082;&#1110; &#1089;&#1090;&#1086;&#1103;&#1090;&#1100; &#1091; &#1095;&#1077;&#1088;&#1079;&#1110;, &#1074;&#1080;&#1082;&#1086;&#1085;&#1091;&#1102;&#1090;&#1100;&#1089;&#1103; &#1087;&#1077;&#1088;&#1096;&#1080;&#1084;&#1080;.
+- &#1063;&#1077;&#1088;&#1075;&#1072; &#1092;&#1091;&#1085;&#1082;&#1094;&#1110;&#1086;&#1085;&#1091;&#1108; &#1079;&#1072; &#1087;&#1088;&#1080;&#1085;&#1094;&#1080;&#1087;&#1086;&#1084; &#1087;&#1077;&#1088;&#1096;&#1080;&#1084;-&#1087;&#1088;&#1080;&#1081;&#1096;&#1086;&#1074;-&#1087;&#1077;&#1088;&#1096;&#1080;&#1084;-&#1087;&#1110;&#1096;&#1086;&#1074;: &#1079;&#1072;&#1076;&#1072;&#1095;&#1110;, &#1103;&#1082;&#1110; &#1089;&#1090;&#1072;&#1083;&#1080; &#1074; &#1095;&#1077;&#1088;&#1075;&#1091; &#1088;&#1072;&#1085;&#1110;&#1096;&#1077; - &#1074;&#1080;&#1082;&#1086;&#1085;&#1091;&#1102;&#1090;&#1100;&#1089;&#1103; &#1088;&#1072;&#1085;&#1110;&#1096;&#1077;.
 - &#1042;&#1080;&#1082;&#1086;&#1085;&#1072;&#1085;&#1085;&#1103; &#1079;&#1072;&#1076;&#1072;&#1095; &#1087;&#1086;&#1095;&#1080;&#1085;&#1072;&#1108;&#1090;&#1100;&#1089;&#1103; &#1083;&#1080;&#1096;&#1077; &#1090;&#1086;&#1076;&#1110;, &#1082;&#1086;&#1083;&#1080; &#1073;&#1110;&#1083;&#1100;&#1096;&#1077; &#1085;&#1110;&#1095;&#1086;&#1075;&#1086; &#1085;&#1077; &#1074;&#1080;&#1082;&#1086;&#1085;&#1091;&#1108;&#1090;&#1100;&#1089;&#1103;.
 
 &#1040;&#1073;&#1086;, &#1087;&#1088;&#1086;&#1089;&#1090;&#1110;&#1096;&#1077; &#1082;&#1072;&#1078;&#1091;&#1095;&#1080;, &#1082;&#1086;&#1083;&#1080; &#1087;&#1088;&#1086;&#1084;&#1110;&#1089; &#1074;&#1080;&#1082;&#1086;&#1085;&#1072;&#1085;&#1086;, &#1081;&#1086;&#1075;&#1086; &#1086;&#1073;&#1088;&#1086;&#1073;&#1085;&#1080;&#1082;&#1080; `.then/catch/finally` &#1087;&#1086;&#1084;&#1110;&#1097;&#1072;&#1102;&#1090;&#1100;&#1089;&#1103; &#1074; &#1095;&#1077;&#1088;&#1075;&#1091;; &#1074;&#1086;&#1085;&#1080; &#1097;&#1077; &#1085;&#1077; &#1074;&#1080;&#1082;&#1086;&#1085;&#1072;&#1085;&#1110;. &#1050;&#1086;&#1083;&#1080; &#1088;&#1091;&#1096;&#1110;&#1081; JavaScript &#1079;&#1074;&#1110;&#1083;&#1100;&#1085;&#1103;&#1108;&#1090;&#1100;&#1089;&#1103; &#1074;&#1110;&#1076; &#1074;&#1080;&#1082;&#1086;&#1085;&#1072;&#1085;&#1085;&#1103; &#1087;&#1086;&#1090;&#1086;&#1095;&#1085;&#1086;&#1075;&#1086; &#1082;&#1086;&#1076;&#1091;, &#1074;&#1110;&#1085; &#1073;&#1077;&#1088;&#1077; &#1079;&#1072;&#1076;&#1072;&#1095;&#1091; &#1079; &#1095;&#1077;&#1088;&#1075;&#1080; &#1090;&#1072; &#1074;&#1080;&#1082;&#1086;&#1085;&#1091;&#1108; &#1111;&#1111;.
@@ -38,7 +38,7 @@ alert("&#1082;&#1086;&#1076; &#1074;&#1080;&#1082;&#1086;&#1085;&#1072;&#1085;&#1086;"); // &#1094;&#1077;&#1081; alert &#1087;&#1086;&#1082;&#1072;&#1079;&#1091;&#1108;&#1090;&#1100;&#1089;&#1103; &#1087;&#1077;&#1088;
 
 &#1054;&#1073;&#1088;&#1086;&#1073;&#1085;&#1080;&#1082;&#1080; &#1087;&#1088;&#1086;&#1084;&#1110;&#1089;&#1110;&#1074; &#1079;&#1072;&#1074;&#1078;&#1076;&#1080; &#1087;&#1088;&#1086;&#1093;&#1086;&#1076;&#1103;&#1090;&#1100; &#1095;&#1077;&#1088;&#1077;&#1079; &#1094;&#1102; &#1074;&#1085;&#1091;&#1090;&#1088;&#1110;&#1096;&#1085;&#1102; &#1095;&#1077;&#1088;&#1075;&#1091;.
 
-&#1071;&#1082;&#1097;&#1086; &#1108; &#1083;&#1072;&#1085;&#1094;&#1102;&#1078;&#1086;&#1082; &#1079; &#1082;&#1110;&#1083;&#1100;&#1082;&#1086;&#1093; `.then/catch/finally`, &#1090;&#1086; &#1082;&#1086;&#1078;&#1077;&#1085; &#1079; &#1085;&#1080;&#1093; &#1074;&#1080;&#1082;&#1086;&#1085;&#1091;&#1108;&#1090;&#1100;&#1089;&#1103; &#1072;&#1089;&#1080;&#1085;&#1093;&#1088;&#1086;&#1085;&#1085;&#1086;. &#1058;&#1086;&#1073;&#1090;&#1086; &#1089;&#1087;&#1086;&#1095;&#1072;&#1090;&#1082;&#1091; &#1074;&#1110;&#1085; &#1087;&#1086;&#1090;&#1088;&#1072;&#1087;&#1083;&#1103;&#1108; &#1074; &#1095;&#1077;&#1088;&#1075;&#1091;, &#1072; &#1087;&#1086;&#1090;&#1110;&#1084; &#1074;&#1080;&#1082;&#1086;&#1085;&#1091;&#1108;&#1090;&#1100;&#1089;&#1103;, &#1082;&#1086;&#1083;&#1080; &#1074;&#1080;&#1082;&#1086;&#1085;&#1072;&#1085;&#1085;&#1103; &#1087;&#1086;&#1090;&#1086;&#1095;&#1085;&#1086;&#1075;&#1086; &#1082;&#1086;&#1076;&#1091; &#1073;&#1091;&#1076;&#1077; &#1079;&#1072;&#1074;&#1077;&#1088;&#1096;&#1077;&#1085;&#1086;, &#1072; &#1087;&#1086;&#1087;&#1077;&#1088;&#1077;&#1076;&#1085;&#1110; &#1086;&#1073;&#1088;&#1086;&#1073;&#1085;&#1080;&#1082;&#1080; &#1074; &#1095;&#1077;&#1088;&#1079;&#1110; &#1074;&#1080;&#1082;&#1086;&#1085;&#1072;&#1085;&#1110;.
+&#1071;&#1082;&#1097;&#1086; &#1108; &#1083;&#1072;&#1085;&#1094;&#1102;&#1078;&#1086;&#1082; &#1079; &#1082;&#1110;&#1083;&#1100;&#1082;&#1086;&#1093; `.then/catch/finally`, &#1090;&#1086; &#1082;&#1086;&#1078;&#1077;&#1085; &#1079; &#1085;&#1080;&#1093; &#1074;&#1080;&#1082;&#1086;&#1085;&#1091;&#1108;&#1090;&#1100;&#1089;&#1103; &#1072;&#1089;&#1080;&#1085;&#1093;&#1088;&#1086;&#1085;&#1085;&#1086;. &#1058;&#1086;&#1073;&#1090;&#1086; &#1082;&#1086;&#1078;&#1077;&#1085; &#1086;&#1073;&#1088;&#1086;&#1073;&#1085;&#1080;&#1082; &#1087;&#1086;&#1090;&#1088;&#1072;&#1087;&#1083;&#1103;&#1108; &#1074; &#1095;&#1077;&#1088;&#1075;&#1091;, &#1072; &#1087;&#1086;&#1090;&#1110;&#1084; &#1074;&#1080;&#1082;&#1086;&#1085;&#1091;&#1108;&#1090;&#1100;&#1089;&#1103;, &#1082;&#1086;&#1083;&#1080; &#1074;&#1080;&#1082;&#1086;&#1085;&#1072;&#1085;&#1085;&#1103; &#1082;&#1086;&#1076;&#1091;, &#1103;&#1082;&#1080;&#1081; &#1073;&#1091;&#1074; &#1076;&#1086;&#1076;&#1072;&#1085;&#1080;&#1084; &#1074; &#1095;&#1077;&#1088;&#1075;&#1091; &#1087;&#1077;&#1088;&#1077;&#1076; &#1085;&#1080;&#1084;, &#1073;&#1091;&#1076;&#1077; &#1079;&#1072;&#1074;&#1077;&#1088;&#1096;&#1077;&#1085;&#1086;, &#1072; &#1087;&#1086;&#1087;&#1077;&#1088;&#1077;&#1076;&#1085;&#1110; &#1086;&#1073;&#1088;&#1086;&#1073;&#1085;&#1080;&#1082;&#1080; &#1074; &#1095;&#1077;&#1088;&#1079;&#1110; &#1074;&#1080;&#1082;&#1086;&#1085;&#1072;&#1085;&#1110;.
 
 **&#1065;&#1086; &#1088;&#1086;&#1073;&#1080;&#1090;&#1080;, &#1103;&#1082;&#1097;&#1086; &#1087;&#1086;&#1088;&#1103;&#1076;&#1086;&#1082; &#1084;&#1072;&#1108; &#1079;&#1085;&#1072;&#1095;&#1077;&#1085;&#1085;&#1103; &#1076;&#1083;&#1103; &#1085;&#1072;&#1089;? &#1071;&#1082; &#1084;&#1080; &#1084;&#1086;&#1078;&#1077;&#1084;&#1086; &#1079;&#1088;&#1086;&#1073;&#1080;&#1090;&#1080; &#1090;&#1072;&#1082;, &#1097;&#1086;&#1073; `&#1082;&#1086;&#1076; &#1074;&#1080;&#1082;&#1086;&#1085;&#1072;&#1085;&#1086;` &#1074;&#1110;&#1076;&#1086;&#1073;&#1088;&#1072;&#1078;&#1072;&#1083;&#1086;&#1089;&#1103; &#1087;&#1110;&#1089;&#1083;&#1103; `&#1087;&#1088;&#1086;&#1084;&#1110;&#1089; &#1074;&#1080;&#1082;&#1086;&#1085;&#1072;&#1085;&#1086;`?**
 
diff --git a/1-js/11-async/07-microtask-queue/promiseQueue.svg b/1-js/11-async/07-microtask-queue/promiseQueue.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="450" height="185" viewBox="0 0 450 185"><defs><style>@import url(https://fonts.googleapis.com/css?family=Open+Sans:bold,italic,bolditalic%7CPT+Mono);@font-face{font-family:&apos;PT Mono&apos;;font-weight:700;font-style:normal;src:local(&apos;PT MonoBold&apos;),url(/font/PTMonoBold.woff2) format(&apos;woff2&apos;),url(/font/PTMonoBold.woff) format(&apos;woff&apos;),url(/font/PTMonoBold.ttf) format(&apos;truetype&apos;)}</style></defs><g id="promise" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="promiseQueue.svg"><text id="promise.then(handler" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="12" y="32" fill="#181717">promise</tspan> <tspan x="70.8" y="32" fill="#7E7C7B">.</tspan> <tspan x="79.2" y="32" fill="#181717">then</tspan> <tspan x="112.8" y="32" fill="#7E7C7B">(</tspan> <tspan x="121.2" y="32" fill="#181717">handler</tspan> <tspan x="180" y="32" fill="#7E7C7B">);</tspan>   <tspan x="12" y="62" fill="#7E7C7B">...</tspan>   <tspan x="12" y="92" fill="#000">alert</tspan> <tspan x="54" y="92" fill="#7E7C7B">(</tspan> <tspan x="62.4" y="92" fill="#478964">&quot;&#1082;&#1086;&#1076; &#1074;&#1080;&#1082;&#1086;&#1085;&#1072;&#1085;&#1086;&quot;</tspan> <tspan x="188.4" y="92" fill="#7E7C7B">);</tspan></text><path id="Line-2" stroke="#7E7C7B" stroke-dasharray="4,4" stroke-linecap="square" d="M4.5 112.5h226"/><text id="handler-enqueued" fill="#AF6E24" font-family="OpenSans-Regular, Open Sans" font-size="16" font-weight="normal"><tspan x="267" y="32">&#1086;&#1073;&#1088;&#1086;&#1073;&#1085;&#1080;&#1082; &#1076;&#1086;&#1076;&#1072;&#1085;&#1086; &#1076;&#1086; &#1095;&#1077;&#1088;&#1075;&#1080;</tspan></text><text id="queued-handler-runs" fill="#AF6E24" font-family="OpenSans-Regular, Open Sans" font-size="16" font-weight="normal"><tspan x="11" y="153">&#1086;&#1073;&#1088;&#1086;&#1073;&#1085;&#1080;&#1082; &#1079; &#1095;&#1077;&#1088;&#1075;&#1080; &#1074;&#1080;&#1082;&#1086;&#1085;&#1091;&#1108;&#1090;&#1100;&#1089;&#1103;</tspan></text><g id="noun_88566_cc-copy" fill="#7E7C7B" transform="translate(247 16)"><path id="Shape" d="M13.974 19.455c0-.342-.01-.748-.077-1.169a4.11 4.11 0 00-.649-1.653c-.174-.263-1.05-1.176-3.127-3.258a69.969 69.969 0 01-.372-.374l-.156-.159a5.561 5.561 0 01-.2-.217 2.823 2.823 0 01-.056-.07 1.504 1.504 0 01-.157-.226.652.652 0 01-.078-.2 1.729 1.729 0 01-.008-.263v-.031c.002-.106.005-.2.023-.27a.592.592 0 01.098-.186 3.43 3.43 0 01.225-.288c.076-.085.158-.168.244-.256l.065-.067.37-.372c2.078-2.083 2.955-2.997 3.13-3.26a4.106 4.106 0 00.649-1.653 7.57 7.57 0 00.076-1.169V2.261A.741.741 0 0014 2.075C14 .727 10.393 0 7 0S0 .727 0 2.075c0 .062.01.122.025.182v2.057c0 .322.01.745.077 1.17A4.116 4.116 0 00.75 7.135c.174.263 1.051 1.177 3.129 3.26.187.188.32.321.37.373l.062.063a3.43 3.43 0 01.471.547.59.59 0 01.099.186c.018.07.021.16.023.27v.03c.002.096.003.188-.008.263a.647.647 0 01-.078.2 1.515 1.515 0 01-.157.228 2.849 2.849 0 01-.153.177 6.914 6.914 0 01-.103.108l-.104.104c-3.288 3.29-3.486 3.59-3.551 3.688a4.114 4.114 0 00-.649 1.653 7.692 7.692 0 00-.077 1.17v2.239C.025 23.279 3.641 24 7 24c3.36 0 6.975-.721 6.975-2.305v-.306l-.001-1.934zm-.949 2.24v.016c-.051.422-2.1 1.367-6.025 1.367-3.976 0-6.026-.97-6.026-1.384-.001-.615-.002-1.621 0-2.237 0-.307.008-.67.065-1.031a3.208 3.208 0 01.509-1.293c.055-.081.466-.576 3.434-3.545l.113-.113a6.845 6.845 0 00.24-.262 2.436 2.436 0 00.325-.46c.066-.123.145-.29.175-.494.022-.146.02-.285.018-.408v-.029a1.954 1.954 0 00-.053-.485 1.475 1.475 0 00-.239-.485 4.256 4.256 0 00-.287-.367 8.51 8.51 0 00-.276-.29l-.06-.061c-.05-.052-.187-.189-.378-.38-1.865-1.87-2.878-2.918-3.012-3.117a3.209 3.209 0 01-.509-1.294 6.732 6.732 0 01-.066-1.031V3.168c1.3.643 3.713.981 6.027.981 2.313 0 4.725-.338 6.026-.98v1.143c-.001.308-.01.671-.066 1.031a3.203 3.203 0 01-.51 1.294c-.133.199-1.146 1.247-3.011 3.117-.191.191-.328.328-.378.38l-.064.064c-.09.092-.182.186-.273.287-.109.123-.202.249-.287.367a1.474 1.474 0 00-.239.485 1.95 1.95 0 00-.052.486v.03c-.002.121-.004.26.017.406.03.203.11.37.175.494a2.464 2.464 0 00.325.46 4.399 4.399 0 00.24.261l.157.161.38.382c1.864 1.869 2.877 2.917 3.01 3.115a3.209 3.209 0 01.51 1.294c.057.36.065.723.065 1.031.002.616.001 1.622 0 2.237z"/><path id="Shape" d="M12.715 19.253a5.274 5.274 0 00-.133-.127 5.793 5.793 0 00-.656-.542 5.292 5.292 0 00-.75-.425 11.85 11.85 0 00-1.715-.636c-.145-.042-.29-.084-.435-.128-.154-.048-.31-.09-.457-.155a1.752 1.752 0 01-.325-.185 1.982 1.982 0 01-.447-.45c-.131-.182-.256-.391-.297-.605-.04.214-.166.423-.297.605-.122.17-.27.323-.447.45-.1.073-.21.135-.326.185-.146.064-.303.107-.456.155-.145.044-.29.086-.436.128a11.875 11.875 0 00-1.715.636 5.294 5.294 0 00-.75.425 5.79 5.79 0 00-.655.542 5.297 5.297 0 00-.278.28.858.858 0 00-.14.193C2 20.373 4.461 21 7.497 21c3.035 0 5.496-.627 5.496-1.401H13a.852.852 0 00-.14-.194 5.181 5.181 0 00-.145-.152zM6.417 10.512c.063.06.123.135.177.221.096.153.178.337.244.54.072.219.14.47.162.727.022-.257.09-.508.162-.727.066-.203.148-.387.244-.54.054-.086.114-.16.177-.221.08-.077.166-.129.25-.186.078-.053.158-.103.237-.154.162-.103.321-.214.478-.343.155-.129.309-.266.458-.42.143-.149.28-.316.408-.51.13-.196.245-.42.358-.65a6.916 6.916 0 00.152-.336A1.39 1.39 0 0010 7.681C10 6.753 8.658 6 7.002 6c-1.656 0-2.998.753-2.998 1.681H4c.019.085.046.16.076.232a5.72 5.72 0 00.152.335c.112.231.228.455.357.651.128.194.266.361.41.51a5.4 5.4 0 00.457.42c.156.129.316.24.478.343.08.05.158.1.237.154.084.057.17.109.25.186z"/></g><text id="script-execution-fin" fill="#7E7C7B" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="11" y="129">&#1074;&#1080;&#1082;&#1086;&#1085;&#1072;&#1085;&#1085;&#1103; &#1089;&#1082;&#1088;&#1080;&#1087;&#1090;&#1091; &#1079;&#1072;&#1074;&#1077;&#1088;&#1096;&#1077;&#1085;&#1086;</tspan></text><path id="Line-Copy" fill="#C06334" fill-rule="nonzero" d="M255.5 54.5v59h6l-7 14-7-14h6v-59h2z"/></g></g></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="450" height="185" viewBox="0 0 450 185"><defs><style>@import url(https://fonts.googleapis.com/css?family=Open+Sans:bold,italic,bolditalic%7CPT+Mono);@font-face{font-family:&apos;PT Mono&apos;;font-weight:700;font-style:normal;src:local(&apos;PT MonoBold&apos;),url(/font/PTMonoBold.woff2) format(&apos;woff2&apos;),url(/font/PTMonoBold.woff) format(&apos;woff&apos;),url(/font/PTMonoBold.ttf) format(&apos;truetype&apos;)}</style></defs><g id="promise" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="promiseQueue.svg"><text id="promise.then(handler" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="12" y="32" fill="#181717">promise</tspan> <tspan x="70.8" y="32" fill="#7E7C7B">.</tspan> <tspan x="79.2" y="32" fill="#181717">then</tspan> <tspan x="112.8" y="32" fill="#7E7C7B">(</tspan> <tspan x="121.2" y="32" fill="#181717">handler</tspan> <tspan x="180" y="32" fill="#7E7C7B">);</tspan>   <tspan x="12" y="62" fill="#7E7C7B">...</tspan>   <tspan x="12" y="92" fill="#000">alert</tspan> <tspan x="54" y="92" fill="#7E7C7B">(</tspan> <tspan x="62.4" y="92" fill="#478964">&quot;&#1082;&#1086;&#1076; &#1074;&#1080;&#1082;&#1086;&#1085;&#1072;&#1085;&#1086;&quot;</tspan> <tspan x="188.4" y="92" fill="#7E7C7B">);</tspan></text><path id="Line-2" stroke="#7E7C7B" stroke-dasharray="4,4" stroke-linecap="square" d="M4.5 112.5h226"/><text xmlns="http://www.w3.org/2000/svg" id="handler-enqueued" fill="#AF6E24" font-family="OpenSans-Regular, Open Sans" font-size="16" font-weight="normal"><tspan xmlns="http://www.w3.org/2000/svg" x="267" y="32">&#1086;&#1073;&#1088;&#1086;&#1073;&#1085;&#1080;&#1082; &#1076;&#1086;&#1076;&#1072;&#1085;&#1086;</tspan><tspan xmlns="http://www.w3.org/2000/svg" x="267" y="50">&#1076;&#1086; &#1095;&#1077;&#1088;&#1075;&#1080;</tspan></text><text id="queued-handler-runs" fill="#AF6E24" font-family="OpenSans-Regular, Open Sans" font-size="16" font-weight="normal"><tspan x="11" y="153">&#1086;&#1073;&#1088;&#1086;&#1073;&#1085;&#1080;&#1082; &#1079; &#1095;&#1077;&#1088;&#1075;&#1080; &#1074;&#1080;&#1082;&#1086;&#1085;&#1091;&#1108;&#1090;&#1100;&#1089;&#1103;</tspan></text><g id="noun_88566_cc-copy" fill="#7E7C7B" transform="translate(247 16)"><path id="Shape" d="M13.974 19.455c0-.342-.01-.748-.077-1.169a4.11 4.11 0 00-.649-1.653c-.174-.263-1.05-1.176-3.127-3.258a69.969 69.969 0 01-.372-.374l-.156-.159a5.561 5.561 0 01-.2-.217 2.823 2.823 0 01-.056-.07 1.504 1.504 0 01-.157-.226.652.652 0 01-.078-.2 1.729 1.729 0 01-.008-.263v-.031c.002-.106.005-.2.023-.27a.592.592 0 01.098-.186 3.43 3.43 0 01.225-.288c.076-.085.158-.168.244-.256l.065-.067.37-.372c2.078-2.083 2.955-2.997 3.13-3.26a4.106 4.106 0 00.649-1.653 7.57 7.57 0 00.076-1.169V2.261A.741.741 0 0014 2.075C14 .727 10.393 0 7 0S0 .727 0 2.075c0 .062.01.122.025.182v2.057c0 .322.01.745.077 1.17A4.116 4.116 0 00.75 7.135c.174.263 1.051 1.177 3.129 3.26.187.188.32.321.37.373l.062.063a3.43 3.43 0 01.471.547.59.59 0 01.099.186c.018.07.021.16.023.27v.03c.002.096.003.188-.008.263a.647.647 0 01-.078.2 1.515 1.515 0 01-.157.228 2.849 2.849 0 01-.153.177 6.914 6.914 0 01-.103.108l-.104.104c-3.288 3.29-3.486 3.59-3.551 3.688a4.114 4.114 0 00-.649 1.653 7.692 7.692 0 00-.077 1.17v2.239C.025 23.279 3.641 24 7 24c3.36 0 6.975-.721 6.975-2.305v-.306l-.001-1.934zm-.949 2.24v.016c-.051.422-2.1 1.367-6.025 1.367-3.976 0-6.026-.97-6.026-1.384-.001-.615-.002-1.621 0-2.237 0-.307.008-.67.065-1.031a3.208 3.208 0 01.509-1.293c.055-.081.466-.576 3.434-3.545l.113-.113a6.845 6.845 0 00.24-.262 2.436 2.436 0 00.325-.46c.066-.123.145-.29.175-.494.022-.146.02-.285.018-.408v-.029a1.954 1.954 0 00-.053-.485 1.475 1.475 0 00-.239-.485 4.256 4.256 0 00-.287-.367 8.51 8.51 0 00-.276-.29l-.06-.061c-.05-.052-.187-.189-.378-.38-1.865-1.87-2.878-2.918-3.012-3.117a3.209 3.209 0 01-.509-1.294 6.732 6.732 0 01-.066-1.031V3.168c1.3.643 3.713.981 6.027.981 2.313 0 4.725-.338 6.026-.98v1.143c-.001.308-.01.671-.066 1.031a3.203 3.203 0 01-.51 1.294c-.133.199-1.146 1.247-3.011 3.117-.191.191-.328.328-.378.38l-.064.064c-.09.092-.182.186-.273.287-.109.123-.202.249-.287.367a1.474 1.474 0 00-.239.485 1.95 1.95 0 00-.052.486v.03c-.002.121-.004.26.017.406.03.203.11.37.175.494a2.464 2.464 0 00.325.46 4.399 4.399 0 00.24.261l.157.161.38.382c1.864 1.869 2.877 2.917 3.01 3.115a3.209 3.209 0 01.51 1.294c.057.36.065.723.065 1.031.002.616.001 1.622 0 2.237z"/><path id="Shape" d="M12.715 19.253a5.274 5.274 0 00-.133-.127 5.793 5.793 0 00-.656-.542 5.292 5.292 0 00-.75-.425 11.85 11.85 0 00-1.715-.636c-.145-.042-.29-.084-.435-.128-.154-.048-.31-.09-.457-.155a1.752 1.752 0 01-.325-.185 1.982 1.982 0 01-.447-.45c-.131-.182-.256-.391-.297-.605-.04.214-.166.423-.297.605-.122.17-.27.323-.447.45-.1.073-.21.135-.326.185-.146.064-.303.107-.456.155-.145.044-.29.086-.436.128a11.875 11.875 0 00-1.715.636 5.294 5.294 0 00-.75.425 5.79 5.79 0 00-.655.542 5.297 5.297 0 00-.278.28.858.858 0 00-.14.193C2 20.373 4.461 21 7.497 21c3.035 0 5.496-.627 5.496-1.401H13a.852.852 0 00-.14-.194 5.181 5.181 0 00-.145-.152zM6.417 10.512c.063.06.123.135.177.221.096.153.178.337.244.54.072.219.14.47.162.727.022-.257.09-.508.162-.727.066-.203.148-.387.244-.54.054-.086.114-.16.177-.221.08-.077.166-.129.25-.186.078-.053.158-.103.237-.154.162-.103.321-.214.478-.343.155-.129.309-.266.458-.42.143-.149.28-.316.408-.51.13-.196.245-.42.358-.65a6.916 6.916 0 00.152-.336A1.39 1.39 0 0010 7.681C10 6.753 8.658 6 7.002 6c-1.656 0-2.998.753-2.998 1.681H4c.019.085.046.16.076.232a5.72 5.72 0 00.152.335c.112.231.228.455.357.651.128.194.266.361.41.51a5.4 5.4 0 00.457.42c.156.129.316.24.478.343.08.05.158.1.237.154.084.057.17.109.25.186z"/></g><text id="script-execution-fin" fill="#7E7C7B" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="11" y="129">&#1074;&#1080;&#1082;&#1086;&#1085;&#1072;&#1085;&#1085;&#1103; &#1089;&#1082;&#1088;&#1080;&#1087;&#1090;&#1091; &#1079;&#1072;&#1074;&#1077;&#1088;&#1096;&#1077;&#1085;&#1086;</tspan></text><path id="Line-Copy" fill="#C06334" fill-rule="nonzero" d="M255.5 54.5v59h6l-7 14-7-14h6v-59h2z"/></g></g></svg>

-Original file line number
+Diff line change
 Обробники промісів `.then`/`.catch`/`.finally` завжди асинхронні.
 -Навіть коли проміс буде негайно виконано, код у рядках *нижче* `.then`/`.catch`/`.finally` все одно виконається до цих обробників.
 +Навіть коли проміс буде негайно виконано, код у рядках, які ідуть *після* `.then`/`.catch`/`.finally` все одно виконається раніше цих обробників.
 Ось демо:
 Це дивно, адже проміс, безумовно, виконується з самого початку.
 -Чому потім спрацював `.then`? Що відбувається?
 +Чому спрацював `.then` пізніше? Що відбувається?
 ## Черга мікрозадач
 -Асинхронні задачі потребують належного керування. Для цього стандарт ECMA визначає внутрішню чергу `PromiseJobs`, яку частіше називають "чергою мікрозадач" (термін v8).
 +Асинхронні задачі потребують належного керування. Для цього стандарт ECMA визначає внутрішню чергу `PromiseJobs`, яку ще називають "чергою мікрозадач" (термін v8).
 Як зазначено в [специфікації](https://tc39.github.io/ecma262/#sec-jobs-and-job-queues):
 -- Черга функціонує за принципом першим-прийшов-першим-пішов: задачі, які стоять у черзі, виконуються першими.
 +- Черга функціонує за принципом першим-прийшов-першим-пішов: задачі, які стали в чергу раніше - виконуються раніше.
 - Виконання задач починається лише тоді, коли більше нічого не виконується.
 Або, простіше кажучи, коли проміс виконано, його обробники `.then/catch/finally` поміщаються в чергу; вони ще не виконані. Коли рушій JavaScript звільняється від виконання поточного коду, він бере задачу з черги та виконує її.
 Обробники промісів завжди проходять через цю внутрішню чергу.
 -Якщо є ланцюжок з кількох `.then/catch/finally`, то кожен з них виконується асинхронно. Тобто спочатку він потрапляє в чергу, а потім виконується, коли виконання поточного коду буде завершено, а попередні обробники в черзі виконані.
 +Якщо є ланцюжок з кількох `.then/catch/finally`, то кожен з них виконується асинхронно. Тобто кожен обробник потрапляє в чергу, а потім виконується, коли виконання коду, який був доданим в чергу перед ним, буде завершено, а попередні обробники в черзі виконані.
 **Що робити, якщо порядок має значення для нас? Як ми можемо зробити так, щоб `код виконано` відображалося після `проміс виконано`?**