From 0b692eccd57f1f988c5aa29bcd47022b7996f02f Mon Sep 17 00:00:00 2001
From: Matt Connolly <81105533+matt-conn@users.noreply.github.com>
Date: Mon, 17 Oct 2022 02:35:11 -0400
Subject: [PATCH] Update headers of JavaScript roadmap (#2534)

* update 103-iifes.md

Add header to free content; add new resources

* Update readme.md

add resources header

* Update 100-default-params.md

add resources header

* Update 101-rest-params.md

add resources header; correct badge title

* Update 102-arrow-functions.md

add resources header; better description for resource link, show its from MDN

* Update readme.md

add resources header; add video resource
---
 .../101-function-parameters/100-default-params.md             | 1 +
 .../101-function-parameters/101-rest-params.md                | 3 ++-
 .../101-function-parameters/readme.md                         | 1 +
 .../content/109-javascript-functions/102-arrow-functions.md   | 3 ++-
 .../content/109-javascript-functions/103-iifes.md             | 4 +++-
 .../106-javascript/content/109-javascript-functions/readme.md | 2 ++
 6 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/content/roadmaps/106-javascript/content/109-javascript-functions/101-function-parameters/100-default-params.md b/content/roadmaps/106-javascript/content/109-javascript-functions/101-function-parameters/100-default-params.md
index 2800b8dde..a9521531f 100644
--- a/content/roadmaps/106-javascript/content/109-javascript-functions/101-function-parameters/100-default-params.md
+++ b/content/roadmaps/106-javascript/content/109-javascript-functions/101-function-parameters/100-default-params.md
@@ -2,4 +2,5 @@
 
 Default function parameters allow named parameters to be initialized with default values if no value or `undefined` is passed.
 
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
 <BadgeLink colorScheme='yellow' badgeText='Read' href='https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Default_parameters'>Default Parameters - MDN Docs</BadgeLink>
diff --git a/content/roadmaps/106-javascript/content/109-javascript-functions/101-function-parameters/101-rest-params.md b/content/roadmaps/106-javascript/content/109-javascript-functions/101-function-parameters/101-rest-params.md
index b054090ee..3a902325c 100644
--- a/content/roadmaps/106-javascript/content/109-javascript-functions/101-function-parameters/101-rest-params.md
+++ b/content/roadmaps/106-javascript/content/109-javascript-functions/101-function-parameters/101-rest-params.md
@@ -2,4 +2,5 @@
 
 The rest parameter syntax allows a function to accept an indefinite number of arguments as an array, providing a way to represent [variadic functions](https://en.wikipedia.org/wiki/Variadic_function) in JavaScript.
 
-<BadgeLink colorScheme='yellow' badgeText='Rest parameters MDN documentation' href='https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/rest_parameters'>Rest Parameters - MDN Docs</BadgeLink>
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/rest_parameters'>Rest Parameters - MDN Docs</BadgeLink>
diff --git a/content/roadmaps/106-javascript/content/109-javascript-functions/101-function-parameters/readme.md b/content/roadmaps/106-javascript/content/109-javascript-functions/101-function-parameters/readme.md
index d0dde10ac..e93c86b0d 100644
--- a/content/roadmaps/106-javascript/content/109-javascript-functions/101-function-parameters/readme.md
+++ b/content/roadmaps/106-javascript/content/109-javascript-functions/101-function-parameters/readme.md
@@ -2,4 +2,5 @@
 
 The parameter is the name given to the variable declared inside the definition of a function. There are two special kinds of syntax: default and rest parameters.
 
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
 <BadgeLink colorScheme="yellow" badgeText="Read" href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Functions#function_parameters">Function Parameters</BadgeLink>
diff --git a/content/roadmaps/106-javascript/content/109-javascript-functions/102-arrow-functions.md b/content/roadmaps/106-javascript/content/109-javascript-functions/102-arrow-functions.md
index 5364aade3..90ba93eb0 100644
--- a/content/roadmaps/106-javascript/content/109-javascript-functions/102-arrow-functions.md
+++ b/content/roadmaps/106-javascript/content/109-javascript-functions/102-arrow-functions.md
@@ -2,5 +2,6 @@
 
 Arrow Function is a new way of creating functions with the '=>' operator with a shorter syntax.
 
-<BadgeLink colorScheme="yellow" badgeText="Read" href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions">Arrow function expressions</BadgeLink>
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme="yellow" badgeText="Read" href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions">MDN - Arrow Function Expressions</BadgeLink>
 <BadgeLink colorScheme="yellow" badgeText="Read" href="https://www.w3schools.com/js/js_arrow_function.asp">JavaScript Arrow Function</BadgeLink>
diff --git a/content/roadmaps/106-javascript/content/109-javascript-functions/103-iifes.md b/content/roadmaps/106-javascript/content/109-javascript-functions/103-iifes.md
index 56c43f885..9578985fe 100644
--- a/content/roadmaps/106-javascript/content/109-javascript-functions/103-iifes.md
+++ b/content/roadmaps/106-javascript/content/109-javascript-functions/103-iifes.md
@@ -2,4 +2,6 @@
 
 Immediately-Invoked Function Expression is a function that is executed immediately after it is created.
 
-<BadgeLink colorScheme="yellow" badgeText="Read" href="https://developer.mozilla.org/en-US/docs/Glossary/IIFE">IIFE — MDN Docs</BadgeLink>
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme="yellow" badgeText="Read" href="https://developer.mozilla.org/en-US/docs/Glossary/IIFE">IIFE — MDN Docs</BadgeLink>
+<BadgeLink colorScheme="yellow" badgeText="Read" href="https://javascript.plainenglish.io/https-medium-com-javascript-in-plain-english-stop-feeling-iffy-about-using-an-iife-7b0292aba174">JavaScript in Plain English - IIFE</BadgeLink>
diff --git a/content/roadmaps/106-javascript/content/109-javascript-functions/readme.md b/content/roadmaps/106-javascript/content/109-javascript-functions/readme.md
index 9c16546dd..eec09fe2f 100644
--- a/content/roadmaps/106-javascript/content/109-javascript-functions/readme.md
+++ b/content/roadmaps/106-javascript/content/109-javascript-functions/readme.md
@@ -2,4 +2,6 @@
 
 Functions are blocks of code that execute whenever they are invoked. They are useful for placing code snippets executed in different places in the code.
 
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
 <BadgeLink colorScheme="yellow" badgeText="Read" href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Functions">Functions - MDN Docs</BadgeLink>
+<BadgeLink badgeText='Watch' href='https://youtu.be/N8ap4k_1QEQ'>JavaScript Functions - Programming with Mosh</BadgeLink>