Added resources to learn about iterators (#1669)

content/roadmaps/106-javascript/content/114-javascript-iterators-and-generators.md

@@ -1 +1,8 @@
-# Javascript iterators and generators
+# Javascript Iterators and Generators
+
+Iterators and generators, introduced into JavaScript with ECMAScript 6, represent an extremely useful concept related to iteration in the language. Iterators are objects, abiding by the iterator protocol, that allow us to easily iterate over a given sequence in various ways, such as using the `for...of` loop. Generators, on the other hand, allow us to use functions and the `yield` keyword to easily define iterable sequences that are iterators as well.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.codeguage.com/courses/advanced-js/iteration-introduction'>Introduction to Iterators - Advanced JavaScript</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.codeguage.com/courses/advanced-js/iteration-iterators'>A Detailed Discussion on Iterators - Advanced JavaScript</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.codeguage.com/courses/advanced-js/iteration-generators'>What Exactly Are Generators? - Advanced JavaScript</BadgeLink>