Merge pull request #157

 Event loop: microtasks and macrotasks

Author: bogdanbacosca

2-ui/99-ui-misc/03-event-loop/2-micro-macro-queue/solution.md

@@ -0,0 +1,50 @@
+Ieșirea din consolă este: 1 7 3 5 2 6 4.
+
+Sarcina este destul de simplă, trebuie doar să știm cum funcționează microtask și macrotask queues.
+
+Să vedem ce se întâmplă, pas cu pas.
+
+```js
+console.log(1);
+// Prima linie se execută imediat, aceasta scoate `1`.
+// Macrotask și microtask queues sunt goale, deocamdată.
+
+setTimeout(() => console.log(2));
+// `setTimeout` adaugă apelul callback la macrotask queue.
+// - conținutul macrotask queue:
+//   `console.log(2)`
+
+Promise.resolve().then(() => console.log(3));
+// Callback-ul este adăugat la microtask queue.
+// - conținutul microtask queue:
+//   `console.log(3)`
+
+Promise.resolve().then(() => setTimeout(() => console.log(4)));
+// Callback-ul cu `setTimeout(...4)` este atașat la microtask-uri
+// - conținutul microtask queue:
+// `console.log(3); setTimeout(...4)`
+
+Promise.resolve().then(() => console.log(5));
+// Callback-ul este adăugat la microtask queue
+// - conținutul microtask queue:
+// `console.log(3); setTimeout(...4); console.log(5)` `
+
+setTimeout(() => console.log(6));
+// `setTimeout` atașează callback-ul la macrotask-uri
+// - conținutul macrotask queue:
+//   `console.log(2); console.log(6)`
+
+console.log(7);
+// Iese 7 imediat.
+```
+
+În sumar,
+
+1. Numerele `1` и `7` apar imediat, deoarece apelurile simple `console.log` nu utilizează nici un queue.
+2. Apoi, după ce fluxul principal de cod este terminat, microtask queue se execută.
+    - Aceasta are comenzile: `console.log(3); setTimeout(...4); console.log(5)`.
+    - Numerele `3` и `5` apar, în timp ce `setTimeout(() => console.log(4))` adaugă apelul `console.log(4)` la sfârșitul macrotask queue.
+    - Macrotask queue este acum: `console.log(2); console.log(6); console.log(4)`.
+3. După ce microtask queue devine goală, macrotask queue se execută. Aceasta scoate `2`, `6`, `4`.
+
+În cele din urmă, avem ieșirea: `1 7 3 5 2 6 4`.

2-ui/99-ui-misc/03-event-loop/2-micro-macro-queue/task.md

@@ -0,0 +1,21 @@
+importance: 5
+
+---
+
+# Care va fi ieșirea acestui cod?
+
+```js
+console.log(1);
+
+setTimeout(() => console.log(2));
+
+Promise.resolve().then(() => console.log(3));
+
+Promise.resolve().then(() => setTimeout(() => console.log(4)));
+
+Promise.resolve().then(() => console.log(5));
+
+setTimeout(() => console.log(6));
+
+console.log(7);
+```