Add interactivity for the backend roadmap

components/roadmap/roadmap-page-header.tsx

@@ -1,4 +1,4 @@
-import { RoadmapType } from '../../lib/roadmap';
+import { isInteractiveRoadmap, RoadmapType } from '../../lib/roadmap';
 import { NewAlertBanner } from './new-alert-banner';
 import {
   Badge,
@@ -90,7 +90,7 @@ export function RoadmapPageHeader(props: RoadmapPageHeaderType) {
             </Button>
           </Stack>
         </Flex>
-        {roadmap.id === 'frontend' && (
+        {isInteractiveRoadmap(roadmap.id) && (
           <Text
             mt="30px"
             mb={['-37px', '-32px', '-47px']}

content/roadmaps.json

@@ -1,9 +1,12 @@
 [
   {
     "seo": {
-      "title": "Learn to become a modern frontend developer",
-      "description": "Community driven, articles, resources, guides, interview questions, quizzes for modern frontend development. Learn to become a modern frontend developer by following the steps, skills, resources and guides listed in this roadmap.",
+      "title": "Frontend Developer Roadmap: Learn to become a modern frontend developer",
+      "description": "Learn to become a modern frontend developer using this roadmap. Community driven, articles, resources, guides, interview questions, quizzes for modern frontend development.",
       "keywords": [
+        "javascript roadmap 2022",
+        "frontend roadmap 2022",
+        "frontend developer roadmap 2022",
         "guide to becoming a developer",
         "guide to becoming a frontend developer",
         "frontend developer",
@@ -48,9 +51,11 @@
   },
   {
     "seo": {
-      "title": "Learn to become a modern backend developer",
-      "description": "Community driven, articles, resources, guides, interview questions, quizzes for modern backend development. Learn to become a modern backend developer by following the steps, skills, resources and guides listed in this roadmap.",
+      "title": "Backend Developer Roadmap: Learn to become a modern backend developer",
+      "description": "Learn to become a modern backend developer using this roadmap. Community driven, articles, resources, guides, interview questions, quizzes for modern backend development.",
       "keywords": [
+        "backend roadmap 2022",
+        "backend developer roadmap 2022",
         "guide to becoming a developer",
         "guide to becoming a backend developer",
         "backend roadmap",
@@ -81,13 +86,14 @@
     "featuredDescription": "Step by step guide to becoming a backend developer in 2022",
     "featured": true,
     "imageUrl": "/roadmaps/backend.png",
-    "jsonUrl": "/project/frontend.json",
+    "jsonUrl": "/project/backend.json",
     "resourcesPath": "/roadmaps/101-backend/resources.md",
     "author": {
       "name": "Kamran Ahmed",
       "url": "https://twitter.com/kamranahmedse"
     },
     "pdfUrl": "https://kamranahmedse.gumroad.com/l/backend-roadmap",
+    "contentPathsFilePath": "/roadmaps/101-backend/content-paths.json",
     "id": "backend",
     "metaPath": "/roadmaps/101-backend/meta.json",
     "isUpcoming": false
@@ -97,6 +103,9 @@
       "title": "DevOps Roadmap: Learn to become a DevOps Engineer or SRE",
       "description": "Community driven, articles, resources, guides, interview questions, quizzes for DevOps. Learn to become a modern DevOps engineer by following the steps, skills, resources and guides listed in this roadmap.",
       "keywords": [
+        "devops roadmap 2022",
+        "sre roadmap 2022",
+        "operations roadmap 2022",
         "guide to becoming a devops enginer",
         "devops roadmap",
         "sre roadmap",
@@ -141,6 +150,8 @@
       "title": "React Developer Roadmap: Learn to become a React developer",
       "description": "Community driven, articles, resources, guides, interview questions, quizzes for react development. Learn to become a modern React developer by following the steps, skills, resources and guides listed in this roadmap.",
       "keywords": [
+        "react roadmap 2022",
+        "react developer roadmap 2022",
         "guide to becoming a react developer",
         "react developer roadmap",
         "react roadmap",
@@ -520,4 +531,4 @@
     "id": "qa",
     "metaPath": "/roadmaps/111-qa/meta.json"
   }
-]
+]

content/roadmaps/101-backend/content-paths.json

@@ -0,0 +1,138 @@
+{
+  "home": "/roadmaps/101-backend/content/readme.md",
+  "internet": "/roadmaps/101-backend/content/100-internet/readme.md",
+  "internet:how-does-the-internet-work": "/roadmaps/101-backend/content/100-internet/100-how-does-the-internet-work.md",
+  "internet:what-is-http": "/roadmaps/101-backend/content/100-internet/101-what-is-http.md",
+  "internet:browsers-and-how-they-work": "/roadmaps/101-backend/content/100-internet/102-browsers-and-how-they-work.md",
+  "internet:dns-and-how-it-works": "/roadmaps/101-backend/content/100-internet/103-dns-and-how-it-works.md",
+  "internet:what-is-domain-name": "/roadmaps/101-backend/content/100-internet/104-what-is-domain-name.md",
+  "internet:what-is-hosting": "/roadmaps/101-backend/content/100-internet/105-what-is-hosting.md",
+  "basic-frontend": "/roadmaps/101-backend/content/101-basic-frontend/readme.md",
+  "basic-frontend:html": "/roadmaps/101-backend/content/101-basic-frontend/100-html.md",
+  "basic-frontend:css": "/roadmaps/101-backend/content/101-basic-frontend/101-css.md",
+  "basic-frontend:javascript": "/roadmaps/101-backend/content/101-basic-frontend/102-javascript.md",
+  "os-general-knowledge": "/roadmaps/101-backend/content/102-os-general-knowledge/readme.md",
+  "os-general-knowledge:terminal-usage": "/roadmaps/101-backend/content/102-os-general-knowledge/100-terminal-usage.md",
+  "os-general-knowledge:how-oss-work-in-general": "/roadmaps/101-backend/content/102-os-general-knowledge/101-how-oss-work-in-general.md",
+  "os-general-knowledge:process-management": "/roadmaps/101-backend/content/102-os-general-knowledge/102-process-management.md",
+  "os-general-knowledge:threads-and-concurrency": "/roadmaps/101-backend/content/102-os-general-knowledge/103-threads-and-concurrency.md",
+  "os-general-knowledge:basic-terminal-commands": "/roadmaps/101-backend/content/102-os-general-knowledge/104-basic-terminal-commands.md",
+  "os-general-knowledge:memory-management": "/roadmaps/101-backend/content/102-os-general-knowledge/105-memory-management.md",
+  "os-general-knowledge:interprocess-communication": "/roadmaps/101-backend/content/102-os-general-knowledge/106-interprocess-communication.md",
+  "os-general-knowledge:io-management": "/roadmaps/101-backend/content/102-os-general-knowledge/107-io-management.md",
+  "os-general-knowledge:posix-basics": "/roadmaps/101-backend/content/102-os-general-knowledge/108-posix-basics.md",
+  "os-general-knowledge:basic-networking-concepts": "/roadmaps/101-backend/content/102-os-general-knowledge/109-basic-networking-concepts.md",
+  "learn-a-language": "/roadmaps/101-backend/content/103-learn-a-language/readme.md",
+  "learn-a-language:go": "/roadmaps/101-backend/content/103-learn-a-language/100-go.md",
+  "learn-a-language:rust": "/roadmaps/101-backend/content/103-learn-a-language/101-rust.md",
+  "learn-a-language:java": "/roadmaps/101-backend/content/103-learn-a-language/102-java.md",
+  "learn-a-language:csharp": "/roadmaps/101-backend/content/103-learn-a-language/103-csharp.md",
+  "learn-a-language:php": "/roadmaps/101-backend/content/103-learn-a-language/103-php.md",
+  "learn-a-language:javascript": "/roadmaps/101-backend/content/103-learn-a-language/105-javascript.md",
+  "learn-a-language:python": "/roadmaps/101-backend/content/103-learn-a-language/106-python.md",
+  "learn-a-language:ruby": "/roadmaps/101-backend/content/103-learn-a-language/107-ruby.md",
+  "version-control-systems": "/roadmaps/101-backend/content/104-version-control-systems/readme.md",
+  "version-control-systems:git": "/roadmaps/101-backend/content/104-version-control-systems/100-basic-usage-of-git.md",
+  "repo-hosting-services": "/roadmaps/101-backend/content/105-repo-hosting-services/readme.md",
+  "repo-hosting-services:github": "/roadmaps/101-backend/content/105-repo-hosting-services/100-github.md",
+  "repo-hosting-services:gitlab": "/roadmaps/101-backend/content/105-repo-hosting-services/101-gitlab.md",
+  "repo-hosting-services:bitbucket": "/roadmaps/101-backend/content/105-repo-hosting-services/102-bitbucket.md",
+  "relational-databases": "/roadmaps/101-backend/content/106-relational-databases/readme.md",
+  "relational-databases:postgresql": "/roadmaps/101-backend/content/106-relational-databases/100-postgresql.md",
+  "relational-databases:mysql": "/roadmaps/101-backend/content/106-relational-databases/101-mysql.md",
+  "relational-databases:mariadb": "/roadmaps/101-backend/content/106-relational-databases/102-mariadb.md",
+  "relational-databases:mssql": "/roadmaps/101-backend/content/106-relational-databases/103-mssql.md",
+  "relational-databases:oracle": "/roadmaps/101-backend/content/106-relational-databases/104-oracle.md",
+  "nosql-databases": "/roadmaps/101-backend/content/107-nosql-databases/readme.md",
+  "nosql-databases:document-databases": "/roadmaps/101-backend/content/107-nosql-databases/100-document-databases.md",
+  "nosql-databases:column-databases": "/roadmaps/101-backend/content/107-nosql-databases/101-column-databases.md",
+  "nosql-databases:timeseries-databases": "/roadmaps/101-backend/content/107-nosql-databases/102-timeseries-databases.md",
+  "nosql-databases:realtime-databases": "/roadmaps/101-backend/content/107-nosql-databases/103-realtime-databases.md",
+  "more-about-databases": "/roadmaps/101-backend/content/108-more-about-databases/readme.md",
+  "more-about-databases:orms": "/roadmaps/101-backend/content/108-more-about-databases/100-orms.md",
+  "more-about-databases:acid": "/roadmaps/101-backend/content/108-more-about-databases/101-acid.md",
+  "more-about-databases:transactions": "/roadmaps/101-backend/content/108-more-about-databases/102-transactions.md",
+  "more-about-databases:n-plus-one-problem": "/roadmaps/101-backend/content/108-more-about-databases/103-n-plus-one-problem.md",
+  "more-about-databases:database-normalization": "/roadmaps/101-backend/content/108-more-about-databases/104-database-normalization.md",
+  "more-about-databases:database-indexes": "/roadmaps/101-backend/content/108-more-about-databases/105-database-indexes.md",
+  "more-about-databases:data-replication": "/roadmaps/101-backend/content/108-more-about-databases/106-data-replication.md",
+  "more-about-databases:sharding-strategies": "/roadmaps/101-backend/content/108-more-about-databases/107-sharding-strategies.md",
+  "more-about-databases:cap-theorem": "/roadmaps/101-backend/content/108-more-about-databases/108-cap-theorem.md",
+  "apis": "/roadmaps/101-backend/content/109-apis/readme.md",
+  "apis:rest": "/roadmaps/101-backend/content/109-apis/100-rest.md",
+  "apis:json-apis": "/roadmaps/101-backend/content/109-apis/101-json-apis.md",
+  "apis:soap": "/roadmaps/101-backend/content/109-apis/102-soap.md",
+  "apis:grpc": "/roadmaps/101-backend/content/109-apis/103-grpc.md",
+  "apis:hateoas": "/roadmaps/101-backend/content/109-apis/104-hateoas.md",
+  "apis:open-api-spec": "/roadmaps/101-backend/content/109-apis/105-open-api-spec.md",
+  "apis:authentication": "/roadmaps/101-backend/content/109-apis/106-authentication/readme.md",
+  "apis:authentication:cookie-based": "/roadmaps/101-backend/content/109-apis/106-authentication/100-cookie-based.md",
+  "apis:authentication:oauth": "/roadmaps/101-backend/content/109-apis/106-authentication/101-oauth.md",
+  "apis:authentication:basic-authentication": "/roadmaps/101-backend/content/109-apis/106-authentication/102-basic-authentication.md",
+  "apis:authentication:token-authentication": "/roadmaps/101-backend/content/109-apis/106-authentication/103-token-authentication.md",
+  "apis:authentication:jwt": "/roadmaps/101-backend/content/109-apis/106-authentication/104-jwt.md",
+  "apis:authentication:openid": "/roadmaps/101-backend/content/109-apis/106-authentication/105-openid.md",
+  "apis:authentication:saml": "/roadmaps/101-backend/content/109-apis/106-authentication/105-saml.md",
+  "caching": "/roadmaps/101-backend/content/110-caching/readme.md",
+  "caching:cdn": "/roadmaps/101-backend/content/110-caching/100-cdn.md",
+  "caching:server-side": "/roadmaps/101-backend/content/110-caching/101-server-side/readme.md",
+  "caching:server-side:redis": "/roadmaps/101-backend/content/110-caching/101-server-side/100-redis.md",
+  "caching:server-side:memcached": "/roadmaps/101-backend/content/110-caching/101-server-side/101-memcached.md",
+  "caching:client-side": "/roadmaps/101-backend/content/110-caching/102-client-side.md",
+  "web-security-knowledge": "/roadmaps/101-backend/content/111-web-security-knowledge/readme.md",
+  "web-security-knowledge:md5": "/roadmaps/101-backend/content/111-web-security-knowledge/100-md5.md",
+  "web-security-knowledge:sha-family": "/roadmaps/101-backend/content/111-web-security-knowledge/101-sha-family.md",
+  "web-security-knowledge:bcrypt": "/roadmaps/101-backend/content/111-web-security-knowledge/102-bcrypt.md",
+  "web-security-knowledge:scrypt": "/roadmaps/101-backend/content/111-web-security-knowledge/104-scrypt.md",
+  "web-security-knowledge:https": "/roadmaps/101-backend/content/111-web-security-knowledge/105-https.md",
+  "web-security-knowledge:content-security-policy": "/roadmaps/101-backend/content/111-web-security-knowledge/105-content-security-policy.md",
+  "web-security-knowledge:cors": "/roadmaps/101-backend/content/111-web-security-knowledge/106-cors.md",
+  "web-security-knowledge:ssl-tls": "/roadmaps/101-backend/content/111-web-security-knowledge/107-ssl-tls.md",
+  "web-security-knowledge:owasp": "/roadmaps/101-backend/content/111-web-security-knowledge/108-owasp.md",
+  "testing": "/roadmaps/101-backend/content/112-testing/readme.md",
+  "testing:integration-testing": "/roadmaps/101-backend/content/112-testing/100-integration-testing.md",
+  "testing:unit-testing": "/roadmaps/101-backend/content/112-testing/101-unit-testing.md",
+  "testing:functional-testing": "/roadmaps/101-backend/content/112-testing/102-functional-testing.md",
+  "ci-cd": "/roadmaps/101-backend/content/113-ci-cd.md",
+  "design-and-development-principles": "/roadmaps/101-backend/content/114-design-and-development-principles/readme.md",
+  "design-and-development-principles:gof-design-patterns": "/roadmaps/101-backend/content/114-design-and-development-principles/100-gof-design-patterns.md",
+  "design-and-development-principles:domain-driven-design": "/roadmaps/101-backend/content/114-design-and-development-principles/101-domain-driven-design.md",
+  "design-and-development-principles:test-driven-development": "/roadmaps/101-backend/content/114-design-and-development-principles/102-test-driven-development.md",
+  "design-and-development-principles:solid": "/roadmaps/101-backend/content/114-design-and-development-principles/103-solid.md",
+  "design-and-development-principles:kiss": "/roadmaps/101-backend/content/114-design-and-development-principles/104-kiss.md",
+  "design-and-development-principles:yagni": "/roadmaps/101-backend/content/114-design-and-development-principles/105-yagni.md",
+  "design-and-development-principles:dry": "/roadmaps/101-backend/content/114-design-and-development-principles/106-dry.md",
+  "architectural-patterns": "/roadmaps/101-backend/content/115-architectural-patterns/readme.md",
+  "architectural-patterns:monolithic-apps": "/roadmaps/101-backend/content/115-architectural-patterns/100-monolithic-apps.md",
+  "architectural-patterns:microservices": "/roadmaps/101-backend/content/115-architectural-patterns/101-microservices.md",
+  "architectural-patterns:soa": "/roadmaps/101-backend/content/115-architectural-patterns/102-soa.md",
+  "architectural-patterns:cqrs": "/roadmaps/101-backend/content/115-architectural-patterns/103-cqrs.md",
+  "architectural-patterns:serverless": "/roadmaps/101-backend/content/115-architectural-patterns/104-serverless.md",
+  "search-engines": "/roadmaps/101-backend/content/116-search-engines/readme.md",
+  "search-engines:elasticsearch": "/roadmaps/101-backend/content/116-search-engines/100-elasticsearch.md",
+  "search-engines:solr": "/roadmaps/101-backend/content/116-search-engines/101-solr.md",
+  "message-brokers": "/roadmaps/101-backend/content/117-message-brokers/readme.md",
+  "message-brokers:rabbitmq": "/roadmaps/101-backend/content/117-message-brokers/100-rabbitmq.md",
+  "message-brokers:kafka": "/roadmaps/101-backend/content/117-message-brokers/101-kafka.md",
+  "containerization": "/roadmaps/101-backend/content/118-containerization/readme.md",
+  "containerization:docker": "/roadmaps/101-backend/content/118-containerization/100-docker.md",
+  "containerization:rkt": "/roadmaps/101-backend/content/118-containerization/101-rkt.md",
+  "containerization:lxc": "/roadmaps/101-backend/content/118-containerization/102-lxc.md",
+  "graphql": "/roadmaps/101-backend/content/119-graphql/readme.md",
+  "graphql:apollo": "/roadmaps/101-backend/content/119-graphql/100-apollo.md",
+  "graphql:relay-modern": "/roadmaps/101-backend/content/119-graphql/101-relay-modern.md",
+  "graph-databases": "/roadmaps/101-backend/content/120-graph-databases/readme.md",
+  "graph-databases:neo4j": "/roadmaps/101-backend/content/120-graph-databases/100-neo4j.md",
+  "web-sockets": "/roadmaps/101-backend/content/121-web-sockets.md",
+  "web-servers": "/roadmaps/101-backend/content/122-web-servers/readme.md",
+  "web-servers:nginx": "/roadmaps/101-backend/content/122-web-servers/100-nginx.md",
+  "web-servers:apache": "/roadmaps/101-backend/content/122-web-servers/101-apache.md",
+  "web-servers:caddy": "/roadmaps/101-backend/content/122-web-servers/102-caddy.md",
+  "web-servers:ms-iis": "/roadmaps/101-backend/content/122-web-servers/103-ms-iis.md",
+  "scalability": "/roadmaps/101-backend/content/123-scalability/readme.md",
+  "scalability:mitigation-strategies": "/roadmaps/101-backend/content/123-scalability/100-mitigation-strategies.md",
+  "scalability:instrumentation-monitoring-telemetry": "/roadmaps/101-backend/content/123-scalability/101-instrumentation-monitoring-telemetry.md",
+  "scalability:migration-strategies": "/roadmaps/101-backend/content/123-scalability/102-migration-strategies.md",
+  "scalability:horizontal-vertial-scaling": "/roadmaps/101-backend/content/123-scalability/103-horizontal-vertial-scaling.md",
+  "scalability:observability": "/roadmaps/101-backend/content/123-scalability/104-observability.md"
+}

content/roadmaps/101-backend/content/100-internet/100-how-does-the-internet-work.md

@@ -0,0 +1,10 @@
+# Internet
+
+The Internet is a global network of computers connected to each other which communicate through a standardized set of protocols.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.vox.com/2014/6/16/18076282/the-internet'>The Internet Explained</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='http://web.stanford.edu/class/msande91si/www-spr04/readings/week1/InternetWhitepaper.htm'>How Does the Internet Work?</BadgeLink>
+<BadgeLink badgeText='Watch' href='/guides/what-is-internet'>Introduction to Internet</BadgeLink>
+<BadgeLink badgeText='Watch' href='https://www.youtube.com/watch?v=x3c1ih2NJEg'>How does the Internet work?</BadgeLink>
+<BadgeLink badgeText='Watch' href='https://www.youtube.com/watch?v=7_LPdttKXPc'>How the Internet Works in 5 Minutes</BadgeLink>

content/roadmaps/101-backend/content/100-internet/101-what-is-http.md

@@ -0,0 +1,9 @@
+# What is HTTP?
+
+HTTP is the `TCP/IP` based application layer communication protocol which standardizes how the client and server communicate with each other. It defines how the content is requested and transmitted across the internet.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.cloudflare.com/en-gb/learning/ddos/glossary/hypertext-transfer-protocol-http/'>What is HTTP?</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://developer.mozilla.org/en-US/docs/Web/HTTP/Overview'>An overview of HTTP</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://kamranahmed.info/blog/2016/08/13/http-in-depth/'>Journey to HTTP/2</BadgeLink>
+<BadgeLink badgeText='Watch' href='https://www.youtube.com/watch?v=iYM2zFP3Zn0'>HTTP Crash Course & Exploration</BadgeLink>

content/roadmaps/101-backend/content/100-internet/102-browsers-and-how-they-work.md

@@ -0,0 +1,8 @@
+# Browsers
+
+A web browser is a software application that enables a user to access and display web pages or other online content through its graphical user interface.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.html5rocks.com/en/tutorials/internals/howbrowserswork/'>How Browsers Work</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.browserstack.com/guide/browser-rendering-engine'>Role of Rendering Engine in Browsers</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://developer.mozilla.org/en-US/docs/Web/Performance/How_browsers_work'>Populating the Page: How Browsers Work</BadgeLink>

content/roadmaps/101-backend/content/100-internet/103-dns-and-how-it-works.md

@@ -0,0 +1,7 @@
+# DNS
+The Domain Name System (DNS) is the phonebook of the Internet. Humans access information online through domain names, like nytimes.com or espn.com. Web browsers interact through Internet Protocol (IP) addresses. DNS translates domain names to IP addresses so browsers can load Internet resources.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.cloudflare.com/en-gb/learning/dns/what-is-dns/'>What is DNS?</BadgeLink>
+<BadgeLink badgeText='Watch' href='https://www.youtube.com/watch?v=Wj0od2ag5sk'>DNS and How does it Work?</BadgeLink>
+<BadgeLink badgeText='Watch' href='https://www.youtube.com/watch?v=7lxgpKh_fRY'>DNS Records</BadgeLink>

content/roadmaps/101-backend/content/100-internet/104-what-is-domain-name.md

@@ -0,0 +1,8 @@
+# Domain Name
+
+A domain name is a unique, easy-to-remember address used to access websites, such as ‘google.com’, and ‘facebook.com’. Users can connect to websites using domain names thanks to the DNS system.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://developer.mozilla.org/en-US/docs/Learn/Common_questions/What_is_a_domain_name'>What is a Domain Name?</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.cloudflare.com/en-gb/learning/dns/glossary/what-is-a-domain-name/'>What is a Domain Name? | Domain name vs. URL</BadgeLink>
+<BadgeLink badgeText='Watch' href='https://www.youtube.com/watch?v=Y4cRx19nhJk'>A Beginners Guide to How Domain Names Work</BadgeLink>

content/roadmaps/101-backend/content/100-internet/105-what-is-hosting.md

@@ -0,0 +1,8 @@
+# Hosting
+
+Web hosting is an online service that allows you to publish your website files onto the internet. So, anyone who has access to the internet has access to your website.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink badgeText='Watch' href='https://www.youtube.com/watch?v=htbY9-yggB0'>What Is Web Hosting? Explained</BadgeLink>
+<BadgeLink badgeText='Watch' href='https://www.youtube.com/watch?v=AXVZYzw8geg'>Different Types of Web Hosting Explained</BadgeLink>
+<BadgeLink badgeText='Watch' href='https://www.youtube.com/watch?v=Kx_1NYYJS7Q'>Where to Host a Fullstack Project on a Budget</BadgeLink>

content/roadmaps/101-backend/content/100-internet/readme.md

@@ -0,0 +1,10 @@
+# Internet
+
+The Internet is a global network of computers connected to each other which communicate through a standardized set of protocols.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.vox.com/2014/6/16/18076282/the-internet'>The Internet Explained</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='http://web.stanford.edu/class/msande91si/www-spr04/readings/week1/InternetWhitepaper.htm'>How Does the Internet Work?</BadgeLink>
+<BadgeLink badgeText='Watch' href='/guides/what-is-internet'>Introduction to Internet</BadgeLink>
+<BadgeLink badgeText='Watch' href='https://www.youtube.com/watch?v=x3c1ih2NJEg'>How does the Internet work?</BadgeLink>
+<BadgeLink badgeText='Watch' href='https://www.youtube.com/watch?v=7_LPdttKXPc'>How the Internet Works in 5 Minutes</BadgeLink>

content/roadmaps/101-backend/content/101-basic-frontend/100-html.md

@@ -0,0 +1,8 @@
+# HTML
+
+HTML stands for Hyper Text Markup Language. It is used on the frontend and gives the structure to the webpage which you can style using CSS and make interactive using JavaScript.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink badgeText='Read' href='https://www.w3schools.com/html/html_intro.asp'>W3Schools: Learn HTML</BadgeLink>
+<BadgeLink badgeText='Course' colorScheme='green' href='https://www.youtube.com/watch?v=pQN-pnXPaVg'>HTML Full Course - Build a Website Tutorial</BadgeLink>
+<BadgeLink badgeText='Course' colorScheme='green' href='https://www.youtube.com/watch?v=qz0aGYrrlhU'>HTML Tutorial for Beginners: HTML Crash Course</BadgeLink>

content/roadmaps/101-backend/content/101-basic-frontend/101-css.md

@@ -0,0 +1,12 @@
+# CSS
+
+CSS or Cascading Style Sheets is the language used to style the frontend of any website. CSS is a cornerstone technology of the World Wide Web, alongside HTML and JavaScript.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.w3schools.com/css/'>W3Schools — Learn CSS</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.freecodecamp.org/learn/responsive-web-design/'>freeCodeCamp — Responsive Web Design</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://learn.shayhowe.com/html-css/building-your-first-web-page/'>Learn to Code HTML & CSS</BadgeLink>
+<BadgeLink colorScheme='green' badgeText='Course' href='https://www.youtube.com/watch?v=yfoY53QXEnI'>CSS Crash Course For Absolute Beginners</BadgeLink>
+<BadgeLink colorScheme='green' badgeText='Course' href='https://www.youtube.com/watch?v=D-h8L5hgW-w'>HTML and CSS Tutorial</BadgeLink>
+<BadgeLink colorScheme='green' badgeText='Course' href='https://www.youtube.com/watch?v=FqmB-Zj2-PA'>CSS Masterclass - Tutorial & Course for Beginners</BadgeLink>
+<BadgeLink colorScheme='green' badgeText='Course' href='href=https://flexbox.io/'>What The Flexbox!</BadgeLink>

content/roadmaps/101-backend/content/101-basic-frontend/102-javascript.md

@@ -0,0 +1,9 @@
+# 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.
+
+<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?t=2'>JavaScript Crash Course for Beginners</BadgeLink>
+<BadgeLink badgeText='Watch' href='https://youtu.be/P7t13SGytRk?t=22'>Build a Netflix Landing Page Clone with HTML, CSS & JS</BadgeLink>

content/roadmaps/101-backend/content/101-basic-frontend/readme.md

@@ -0,0 +1,8 @@
+# Basic Frontend Knowledge
+
+As a backend developer, you may not need to have proficient knowledge of the frontend stack but you should at least have some basic understanding of HTML, CSS and JavaScript.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink badgeText='Read' colorScheme='yellow' href='https://www.w3schools.com/html/html_intro.asp'>W3Schools: Learn HTML</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.w3schools.com/css/'>W3Schools: Learn CSS</BadgeLink>
+<BadgeLink badgeText='Read' colorScheme="yellow" href='https://www.w3schools.com/js/'>W3Schools: JavaScript Tutorial</BadgeLink>

content/roadmaps/101-backend/content/102-os-general-knowledge/100-terminal-usage.md

@@ -0,0 +1 @@
+# Terminal usage

content/roadmaps/101-backend/content/102-os-general-knowledge/101-how-oss-work-in-general.md

@@ -0,0 +1 @@
+# Operating Systems

content/roadmaps/101-backend/content/102-os-general-knowledge/102-process-management.md

@@ -0,0 +1 @@
+# Process Management

content/roadmaps/101-backend/content/102-os-general-knowledge/103-threads-and-concurrency.md

@@ -0,0 +1 @@
+# Threads and Concurrency

content/roadmaps/101-backend/content/102-os-general-knowledge/104-basic-terminal-commands.md

@@ -0,0 +1 @@
+# Basic terminal Commands

content/roadmaps/101-backend/content/102-os-general-knowledge/105-memory-management.md

@@ -0,0 +1 @@
+# Memory management

content/roadmaps/101-backend/content/102-os-general-knowledge/106-interprocess-communication.md

@@ -0,0 +1 @@
+# Interprocess communication

content/roadmaps/101-backend/content/102-os-general-knowledge/107-io-management.md

@@ -0,0 +1 @@
+# Io management

content/roadmaps/101-backend/content/102-os-general-knowledge/108-posix-basics.md

@@ -0,0 +1 @@
+# Posix basics

content/roadmaps/101-backend/content/102-os-general-knowledge/109-basic-networking-concepts.md

@@ -0,0 +1 @@
+# Basic networking concepts

content/roadmaps/101-backend/content/102-os-general-knowledge/readme.md

@@ -0,0 +1 @@
+# General Knowledge

content/roadmaps/101-backend/content/103-learn-a-language/100-go.md

@@ -0,0 +1 @@
+# Go

content/roadmaps/101-backend/content/103-learn-a-language/101-rust.md

@@ -0,0 +1 @@
+# Rust

content/roadmaps/101-backend/content/103-learn-a-language/102-java.md

@@ -0,0 +1 @@
+# Java

content/roadmaps/101-backend/content/103-learn-a-language/103-csharp.md

@@ -0,0 +1 @@
+# Csharp

content/roadmaps/101-backend/content/103-learn-a-language/103-php.md

@@ -0,0 +1 @@
+# Php

content/roadmaps/101-backend/content/103-learn-a-language/105-javascript.md

@@ -0,0 +1 @@
+# Javascript

content/roadmaps/101-backend/content/103-learn-a-language/106-python.md

@@ -0,0 +1 @@
+# Python

content/roadmaps/101-backend/content/103-learn-a-language/107-ruby.md

@@ -0,0 +1 @@
+# Ruby

content/roadmaps/101-backend/content/103-learn-a-language/readme.md

@@ -0,0 +1 @@
+# Learn a language

content/roadmaps/101-backend/content/104-version-control-systems/100-basic-usage-of-git.md

@@ -0,0 +1 @@
+# Git

content/roadmaps/101-backend/content/104-version-control-systems/readme.md

@@ -0,0 +1 @@
+# Version control systems

content/roadmaps/101-backend/content/105-repo-hosting-services/100-github.md

@@ -0,0 +1 @@
+# Github

content/roadmaps/101-backend/content/105-repo-hosting-services/101-gitlab.md

@@ -0,0 +1 @@
+# Gitlab

content/roadmaps/101-backend/content/105-repo-hosting-services/102-bitbucket.md

@@ -0,0 +1 @@
+# Bitbucket

content/roadmaps/101-backend/content/105-repo-hosting-services/readme.md

@@ -0,0 +1 @@
+# Repo hosting services

content/roadmaps/101-backend/content/106-relational-databases/100-postgresql.md

@@ -0,0 +1 @@
+# Postgresql

content/roadmaps/101-backend/content/106-relational-databases/101-mysql.md

@@ -0,0 +1 @@
+# Mysql

content/roadmaps/101-backend/content/106-relational-databases/102-mariadb.md

@@ -0,0 +1 @@
+# Mariadb

content/roadmaps/101-backend/content/106-relational-databases/103-mssql.md

@@ -0,0 +1 @@
+# Mssql

content/roadmaps/101-backend/content/106-relational-databases/104-oracle.md

@@ -0,0 +1 @@
+# Oracle

content/roadmaps/101-backend/content/106-relational-databases/readme.md

@@ -0,0 +1 @@
+# Relational databases

content/roadmaps/101-backend/content/107-nosql-databases/100-document-databases.md

@@ -0,0 +1 @@
+# Document databases

content/roadmaps/101-backend/content/107-nosql-databases/101-column-databases.md

@@ -0,0 +1 @@
+# Column databases

content/roadmaps/101-backend/content/107-nosql-databases/102-timeseries-databases.md

@@ -0,0 +1 @@
+# Timeseries databases

content/roadmaps/101-backend/content/107-nosql-databases/103-realtime-databases.md

@@ -0,0 +1 @@
+# Realtime databases

content/roadmaps/101-backend/content/107-nosql-databases/readme.md

@@ -0,0 +1 @@
+# Nosql databases

content/roadmaps/101-backend/content/108-more-about-databases/100-orms.md

@@ -0,0 +1 @@
+# Orms

content/roadmaps/101-backend/content/108-more-about-databases/101-acid.md

@@ -0,0 +1 @@
+# Acid

content/roadmaps/101-backend/content/108-more-about-databases/102-transactions.md

@@ -0,0 +1 @@
+# Transactions

content/roadmaps/101-backend/content/108-more-about-databases/103-n-plus-one-problem.md

@@ -0,0 +1 @@
+# N plus one problem

content/roadmaps/101-backend/content/108-more-about-databases/104-database-normalization.md

@@ -0,0 +1 @@
+# Database normalization

content/roadmaps/101-backend/content/108-more-about-databases/105-database-indexes.md

@@ -0,0 +1 @@
+# Database indexes

content/roadmaps/101-backend/content/108-more-about-databases/106-data-replication.md

@@ -0,0 +1 @@
+# Data replication

content/roadmaps/101-backend/content/108-more-about-databases/107-sharding-strategies.md

@@ -0,0 +1 @@
+# Sharding strategies

content/roadmaps/101-backend/content/108-more-about-databases/108-cap-theorem.md

@@ -0,0 +1 @@
+# Cap theorem

content/roadmaps/101-backend/content/108-more-about-databases/readme.md

@@ -0,0 +1 @@
+# More about databases

content/roadmaps/101-backend/content/109-apis/100-rest.md

@@ -0,0 +1 @@
+# Rest

content/roadmaps/101-backend/content/109-apis/101-json-apis.md

@@ -0,0 +1 @@
+# Json apis

content/roadmaps/101-backend/content/109-apis/102-soap.md

@@ -0,0 +1 @@
+# Soap

content/roadmaps/101-backend/content/109-apis/103-grpc.md

@@ -0,0 +1 @@
+# Grpc

content/roadmaps/101-backend/content/109-apis/104-hateoas.md

@@ -0,0 +1 @@
+# Hateoas

content/roadmaps/101-backend/content/109-apis/105-open-api-spec.md

@@ -0,0 +1 @@
+# Open api spec

content/roadmaps/101-backend/content/109-apis/106-authentication/100-cookie-based.md

@@ -0,0 +1 @@
+# Cookie based

content/roadmaps/101-backend/content/109-apis/106-authentication/101-oauth.md

@@ -0,0 +1 @@
+# Oauth

content/roadmaps/101-backend/content/109-apis/106-authentication/102-basic-authentication.md

@@ -0,0 +1 @@
+# Basic authentication

content/roadmaps/101-backend/content/109-apis/106-authentication/103-token-authentication.md

@@ -0,0 +1 @@
+# Token authentication

content/roadmaps/101-backend/content/109-apis/106-authentication/104-jwt.md

@@ -0,0 +1 @@
+# Jwt

content/roadmaps/101-backend/content/109-apis/106-authentication/105-openid.md

@@ -0,0 +1 @@
+# Openid

content/roadmaps/101-backend/content/109-apis/106-authentication/105-saml.md

@@ -0,0 +1 @@
+# Saml

content/roadmaps/101-backend/content/109-apis/106-authentication/readme.md

@@ -0,0 +1 @@
+# Authentication

content/roadmaps/101-backend/content/109-apis/readme.md

@@ -0,0 +1 @@
+# Apis

content/roadmaps/101-backend/content/110-caching/100-cdn.md

@@ -0,0 +1 @@
+# Cdn

content/roadmaps/101-backend/content/110-caching/101-server-side/100-redis.md

@@ -0,0 +1 @@
+# Redis

content/roadmaps/101-backend/content/110-caching/101-server-side/101-memcached.md

@@ -0,0 +1 @@
+# Memcached

content/roadmaps/101-backend/content/110-caching/101-server-side/readme.md

@@ -0,0 +1 @@
+# Server side

content/roadmaps/101-backend/content/110-caching/102-client-side.md

@@ -0,0 +1 @@
+# Client side

content/roadmaps/101-backend/content/110-caching/readme.md

@@ -0,0 +1 @@
+# Caching

content/roadmaps/101-backend/content/111-web-security-knowledge/100-md5.md

@@ -0,0 +1 @@
+# Md5

content/roadmaps/101-backend/content/111-web-security-knowledge/101-sha-family.md

@@ -0,0 +1 @@
+# Sha family

content/roadmaps/101-backend/content/111-web-security-knowledge/102-bcrypt.md

@@ -0,0 +1 @@
+# Bcrypt

content/roadmaps/101-backend/content/111-web-security-knowledge/104-scrypt.md

@@ -0,0 +1 @@
+# Scrypt

content/roadmaps/101-backend/content/111-web-security-knowledge/105-content-security-policy.md

@@ -0,0 +1 @@
+# Content security policy

content/roadmaps/101-backend/content/111-web-security-knowledge/105-https.md

@@ -0,0 +1 @@
+# Https

content/roadmaps/101-backend/content/111-web-security-knowledge/106-cors.md

@@ -0,0 +1 @@
+# Cors

content/roadmaps/101-backend/content/111-web-security-knowledge/107-ssl-tls.md

@@ -0,0 +1 @@
+# Ssl tls

content/roadmaps/101-backend/content/111-web-security-knowledge/108-owasp.md

@@ -0,0 +1 @@
+# Owasp

content/roadmaps/101-backend/content/111-web-security-knowledge/readme.md

@@ -0,0 +1 @@
+# Web security knowledge

content/roadmaps/101-backend/content/112-testing/100-integration-testing.md

@@ -0,0 +1 @@
+# Integration testing

content/roadmaps/101-backend/content/112-testing/101-unit-testing.md

@@ -0,0 +1 @@
+# Unit testing

content/roadmaps/101-backend/content/112-testing/102-functional-testing.md

@@ -0,0 +1 @@
+# Functional testing

content/roadmaps/101-backend/content/112-testing/readme.md

@@ -0,0 +1 @@
+# Testing

content/roadmaps/101-backend/content/113-ci-cd.md

@@ -0,0 +1 @@
+# Ci cd

content/roadmaps/101-backend/content/114-design-and-development-principles/100-gof-design-patterns.md

@@ -0,0 +1 @@
+# Gof design patterns

content/roadmaps/101-backend/content/114-design-and-development-principles/101-domain-driven-design.md

@@ -0,0 +1 @@
+# Domain driven design

content/roadmaps/101-backend/content/114-design-and-development-principles/102-test-driven-development.md

@@ -0,0 +1 @@
+# Test driven development