From a912acd6d7044ae6bbdaef3687bfe41ec4740b71 Mon Sep 17 00:00:00 2001
From: Archit Sharma <74408634+iArchitSharma@users.noreply.github.com>
Date: Mon, 17 Jan 2022 17:48:05 +0700
Subject: [PATCH 1/2] Added Resources for Vue.js (#1008)

* Added Resources for Vue.js

* Update content/roadmaps/100-frontend/content/111-pick-a-framework/102-vue-js/readme.md

* Update content/roadmaps/100-frontend/content/111-pick-a-framework/102-vue-js/readme.md

Co-authored-by: Kamran Ahmed <kamranahmed.se@gmail.com>
---
 .../content/111-pick-a-framework/102-vue-js/readme.md | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/content/roadmaps/100-frontend/content/111-pick-a-framework/102-vue-js/readme.md b/content/roadmaps/100-frontend/content/111-pick-a-framework/102-vue-js/readme.md
index 285f88f27..b2eb37dc7 100644
--- a/content/roadmaps/100-frontend/content/111-pick-a-framework/102-vue-js/readme.md
+++ b/content/roadmaps/100-frontend/content/111-pick-a-framework/102-vue-js/readme.md
@@ -1 +1,10 @@
-# Vue js
\ No newline at end of file
+# Vue.js
+
+Vue.js is an open-source JavaScript framework for building user interfaces and single-page applications. It is mainly focused on front end development.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='blue' badgeText='Framework Website' href='https://vuejs.org/'>Vue.js Website</BadgeLink>
+<BadgeLink colorScheme='blue' badgeText='Official Docs' href='https://vuejs.org/v2/guide/'>Official Getting Started</BadgeLink>
+<BadgeLink badgeText='Course' colorScheme='green' href='https://www.youtube.com/watch?v=FXpIoQ_rT_c'>Vue.js Course for Beginners</BadgeLink>
+<BadgeLink badgeText='Course' colorScheme='green' href='https://www.youtube.com/watch?v=qZXt1Aom3Cs'>Vue.js Crash Course</BadgeLink>
+

From b8247b6d776180ea6bd1d076f4f53e8d99c03ff8 Mon Sep 17 00:00:00 2001
From: Amjith OS <84989414+amjithos@users.noreply.github.com>
Date: Mon, 17 Jan 2022 16:23:39 +0530
Subject: [PATCH 2/2] added content in JavaScript (learn a language) in backend
 roadmap (#1006)

* added content in JavaScript (learn a language) in backend roadmap

* Update node.js resources

Co-authored-by: Amjith <amjithomy@gmail.com>
Co-authored-by: Kamran Ahmed <kamranahmed.se@gmail.com>
---
 .../content/103-learn-a-language/105-javascript.md  | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/content/roadmaps/101-backend/content/103-learn-a-language/105-javascript.md b/content/roadmaps/101-backend/content/103-learn-a-language/105-javascript.md
index 446ae8e73..47bdd3ef5 100644
--- a/content/roadmaps/101-backend/content/103-learn-a-language/105-javascript.md
+++ b/content/roadmaps/101-backend/content/103-learn-a-language/105-javascript.md
@@ -1 +1,12 @@
-# Javascript
\ No newline at end of file
+# JavaScript
+
+JavaScript allows you to add interactivity to your pages. Common examples that you may have seen on the websites are sliders, click interactions, popups and so on. Apart from being used on the frontend in browsers, there is Node.js which is an open-source, cross-platform, back-end JavaScript runtime environment that runs on the V8 engine and executes JavaScript code outside a web browser.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+
+<BadgeLink badgeText='Read' colorScheme="yellow" href='https://www.w3schools.com/js/'>W3Schools – JavaScript Tutorial</BadgeLink>
+<BadgeLink badgeText='Read' colorScheme="yellow" href='https://javascript.info/'>The Modern JavaScript Tutorial</BadgeLink>
+<BadgeLink badgeText='Watch' href='https://youtu.be/hdI2bqOjy3c'>JavaScript Crash Course for Beginners</BadgeLink>
+
+<BadgeLink badgeText='Watch' href='https://www.youtube.com/watch?v=fBNz5xF-Kx4'>Node.js Crash Course</BadgeLink>
+<BadgeLink badgeText='Watch' href='https://www.youtube.com/watch?v=TlB_eWDSMt4'>Node.js Tutorial for Beginners</BadgeLink>