From 6e05d1c99278c9b8ca60ef1a4ffb6d9078af9b0f Mon Sep 17 00:00:00 2001
From: Kamran Ahmed <kamranahmed.se@gmail.com>
Date: Sat, 11 Dec 2021 01:02:26 +0100
Subject: [PATCH] Add JavaScript concepts resources

---
 .../content/103-javascript/104-concepts.md          | 13 ++++++++++++-
 public/project/frontend.json                        |  2 +-
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/content/roadmaps/100-frontend/content/103-javascript/104-concepts.md b/content/roadmaps/100-frontend/content/103-javascript/104-concepts.md
index 639d88086..6b42bbe26 100644
--- a/content/roadmaps/100-frontend/content/103-javascript/104-concepts.md
+++ b/content/roadmaps/100-frontend/content/103-javascript/104-concepts.md
@@ -1 +1,12 @@
-# Concepts
\ No newline at end of file
+# JavaScript Concepts
+
+Learn and understand the concepts such as Hoisting, Event Bubbling, Scope, Prototype, Shadow DOM and strict.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink badgeText='Read' colorScheme="yellow" href='https://developer.mozilla.org/en-US/docs/Glossary/Hoisting'>JavaScript Hoisting</BadgeLink>
+<BadgeLink badgeText='Read' colorScheme="yellow" href='https://javascript.info/bubbling-and-capturing'>Event Bubbling and Capturing</BadgeLink>
+<BadgeLink badgeText='Read' colorScheme="yellow" href='https://developer.mozilla.org/en-US/docs/Glossary/Scope'>Scope in JavaScript</BadgeLink>
+<BadgeLink badgeText='Read' colorScheme="yellow" href='https://www.freecodecamp.org/news/var-let-and-const-whats-the-difference/'>Var, Let and Const — What's the difference?</BadgeLink>
+<BadgeLink badgeText='Read' colorScheme="yellow" href='https://developer.mozilla.org/en-US/docs/Web/JavaScript/Inheritance_and_the_prototype_chain'>Inheritance and Prototype Chain</BadgeLink>
+<BadgeLink badgeText='Read' colorScheme="yellow" href='https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Strict_mode'>JavaScript Strict Mode</BadgeLink>
+<BadgeLink badgeText='Watch' href='https://www.youtube.com/watch?v=7Tok22qxPzQ'>DOM vs Shadow DOM vs Virtual DOM</BadgeLink>
diff --git a/public/project/frontend.json b/public/project/frontend.json
index 36c0c76e3..7e7063719 100644
--- a/public/project/frontend.json
+++ b/public/project/frontend.json
@@ -5510,7 +5510,7 @@
                   "y": "78",
                   "properties": {
                     "size": "17",
-                    "text": "Prototype, Shadow DOM, strict,"
+                    "text": "Prototype, Shadow DOM, strict"
                   }
                 },
                 {