Add all roadmaps and their content

src/roadmaps/javascript/content/112-javascript-asynchronous-javascript/100-event-loop.md

@@ -0,0 +1,9 @@
+# Event Loop
+
+The Event Loop is one of the most important aspects to understand about Node.js. Why is this so important? Because it explains how Node.js can be asynchronous and have non-blocking I/O, it explains the "killer feature" of Node.js, which made it this successful.
+
+{% resources %}
+  {% Blog "https://nodejs.org/en/docs/guides/event-loop-timers-and-nexttick/#what-is-the-event-loop", "The Node.Js Event Loop" %}
+  {% Blog "https://dev.to/lydiahallie/javascript-visualized-event-loop-3dif", "JavaScript Visualized: Event Loop" %}
+  {% Blog "https://www.youtube.com/watch?v=8aGhZQkoFbQ", "What the heck is the event loop anyway?" %}
+{% endresources %}

src/roadmaps/javascript/content/112-javascript-asynchronous-javascript/101-set-timeout.md

@@ -0,0 +1,10 @@
+# setTimeout
+
+The setTimeout runs a function after the specified period expires. Times are declared in milliseconds.
+
+{% resources %}
+  {% Blog "https://developer.mozilla.org/en-US/docs/Web/API/setTimeout", "JavaScript MDN Docs" %}
+  {% Blog "https://www.w3schools.com/jsref/met_win_settimeout.asp", "W3Schools – JavaScript - setTimeOut" %}
+  {% Blog "https://www.youtube.com/watch?v=kOcFZV3c75I", "setInterval and setTimeout: timing events" %}
+  {% Blog "https://www.youtube.com/watch?v=z9lJb4D3nJY", "setTimeout EXPLAINED in 5 minutes!" %}
+{% endresources %}

src/roadmaps/javascript/content/112-javascript-asynchronous-javascript/102-set-interval.md

@@ -0,0 +1,10 @@
+# setInterval
+
+The `setInterval()` method helps us to repeatedly execute a function after a fixed delay. It returns a unique interval ID which can later be used by the `clearInterval()` method, which stops further repeated execution of the function. 
+
+`setInterval()` is similar to setTimeout, with a difference. Instead of running the callback function once, it will run it forever, at the specific time interval you specify (in milliseconds):
+
+{% resources %}
+  {% Blog "https://javascript.info/settimeout-setinterval", "Scheduling: setTimeout and setInterval" %}
+  {% Blog "https://www.geeksforgeeks.org/what-is-setinterval-in-javascript/", "What is the use of setInterval() method in JavaScript?" %}
+{% endresources %}

src/roadmaps/javascript/content/112-javascript-asynchronous-javascript/103-callbacks/100-callback-hell.md

@@ -0,0 +1,7 @@
+# Callback Hell
+
+The callback hell is when we try to write asynchronous JavaScript in a way where execution happens visually from top to bottom, creating a code that has a pyramid shape with many }) at the end.
+
+{% resources %}
+  {% Blog "http://callbackhell.com/", "Callback Hell" %}
+{% endresources %}

src/roadmaps/javascript/content/112-javascript-asynchronous-javascript/103-callbacks/index.md

@@ -0,0 +1,8 @@
+# Callbacks
+
+A callback function is a function passed into another function as an argument, which is then invoked inside the outer function to complete some kind of routine or action.
+
+{% resources %}
+  {% Blog "https://javascript.info/callbacks", "Callbacks in JavaScript" %}
+  {% Blog "https://developer.mozilla.org/en-US/docs/Glossary/Callback_function", "Callback Functions" %}
+{% endresources %}

src/roadmaps/javascript/content/112-javascript-asynchronous-javascript/104-promises/100-async-await.md

@@ -0,0 +1,11 @@
+# Async/Await
+
+`async/await` is a special syntax to work with promises in a more comfortable fashion.
+We use `async` keyword to declare a async function that return a Promise, and the `await` keyword makes a function wait for a Promise.
+
+{% resources %}
+  {% Blog "https://javascript.info/async-await", "Async/await" %}
+  {% Blog "https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/async_function", "async function" %}
+  {% Blog "https://www.codeguage.com/courses/advanced-js/promises-chaining", "JavaScript Promises - Chaining" %}
+  {% Blog "https://www.freecodecamp.org/news/javascript-async-await-tutorial-learn-callbacks-promises-async-await-by-making-icecream/", "JavaScript Async/Await Tutorial – Learn Callbacks, Promises, and Async/Await in JS by Making Ice Cream" %}
+{% endresources %}

src/roadmaps/javascript/content/112-javascript-asynchronous-javascript/104-promises/index.md

@@ -0,0 +1,10 @@
+# Promises
+
+Promises are a much better way to work with asynchronous code in JavaScript than the old and error-prone callback approach. They were introduced into JavaScript with ECMAScript 6. Using promises, we can manage extremely complex asynchronous code with rigorous error-handling setup, write code in a more or less synchronous style, and keep ourselves from running into the so-called callback hell.
+
+{% resources %}
+  {% Blog "https://www.codeguage.com/courses/advanced-js/promises-introduction", "A Detailed Introduction to Promises" %}
+  {% Blog "https://www.codeguage.com/courses/advanced-js/promises-basics", "JavaScript Promises - Basics" %}
+  {% Blog "https://www.codeguage.com/courses/advanced-js/promises-chaining", "JavaScript Promises - Chaining" %}
+  {% Blog "https://www.codeguage.com/courses/advanced-js/promises-error-handling", "JavaScript Promises - Error Handling" %}
+{% endresources %}

src/roadmaps/javascript/content/112-javascript-asynchronous-javascript/index.md

@@ -0,0 +1,14 @@
+# Asynchronous JavaScript
+
+Asynchronous programming is a technique that enables your program to start a potentially long-running task and still be able to be responsive to other events while that task runs, rather than having to wait until that task has finished. Once that task has finished, your program is presented with the result.
+
+Many functions provided by browsers, especially the most interesting ones, can potentially take a long time, and therefore, are asynchronous. For example:
+
+- Making HTTP requests using `fetch()`
+- Accessing a user's camera or microphone using `getUserMedia()`
+- Asking a user to select files using `showOpenFilePicker()`
+
+So even though you may not have to implement your own asynchronous functions very often, you are very likely to need to use them correctly.
+
+{% resources %}
+{% endresources %}