Add dedicated roadmap alert on the roadmap nodes

* Resources added for Docker swarm

* Update content/roadmaps/102-devops/content/105-infrastructure-as-code/104-docker-swarm.md

Co-authored-by: Kamran Ahmed <kamranahmed.se@gmail.com>

components/guide/guide-grid-item.tsx

@@ -21,7 +21,7 @@ export function GuideGridItem(props: GuideGridItemProps) {
     <Box _hover={{ textDecoration: 'none', transform: 'scale(1.02)' }} as={Link} href={href} shadow='xl' p='20px'
          rounded='10px' bg={bgColorList[colorIndex] ?? bgColorList[0]} flex={1}>
       <Text mb='10px' fontSize='13px' color='gray.400'>
-        {isNew && <Badge colorScheme={'yellow'} mr='10px'>New</Badge>}
+        {isNew && <Badge colorScheme={'green'} mr='10px'>New</Badge>}
         {date}
       </Text>
       <Heading color='white' mb={'6px'} fontSize='20px'>{title}</Heading>

components/icons/tree.svg

@@ -0,0 +1 @@
+<svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M22 18v-7h-9v-5h3v-6h-8v6h3v5h-9v7h-2v6h6v-6h-2v-5h7v5h-2v6h6v-6h-2v-5h7v5h-2v6h6v-6z"/></svg>

components/links-list-item.tsx

@@ -49,7 +49,7 @@ export function LinksListItem(props: LinksListItemProps) {
         {icon}
         <Text maxWidth={'345px'} isTruncated as='span'>{title}</Text>
         {badgeText &&
-        <Badge pos='relative' top='1px' variant='subtle' colorScheme='purple' ml='10px'>{badgeText}</Badge>}
+        <Badge pos='relative' top='1px' variant='subtle' colorScheme='green' ml='10px'>{badgeText}</Badge>}
       </Flex>
       <Text d={[hideSubtitleOnMobile ? 'none' : 'inline', 'inline']} mt={['3px', 0]} as='span'
             fontSize={['11px', '11px', '12px']} color='gray.500'>{subtitle}</Text>

components/md-renderer/mdx-components/dedicated-roadmap.tsx

@@ -0,0 +1,22 @@
+import { Box, Flex, Heading, Text } from '@chakra-ui/react';
+import TreeIcon from '../../icons/tree.svg';
+
+type DedicatedRoadmapProps = {
+  href: string;
+  title: string;
+  description: string;
+};
+
+export function DedicatedRoadmap(props: DedicatedRoadmapProps) {
+  const { href, title, description } = props;
+
+  return (
+    <Flex as={'a'} target='_blank' href={ href } p={5} px={5} mt={6} rounded='md' alignItems='center'  _hover={{ bg: 'yellow.400'}} bg='yellow.300'>
+      <Box d={['none', 'none', 'none', 'block', 'block']} mr={4} height='32px' w='32px' as={TreeIcon} color='gray.900' />
+      <Box as='span'>
+        <Heading fontSize='lg' as={'h4'} mb='2px' color='gray.900'>{ title }</Heading>
+        <Text color='gray.700' as='span' fontSize='md'>{ description }</Text>
+      </Box>
+    </Flex>
+  );
+}

components/md-renderer/mdx-components/index.tsx

@@ -11,6 +11,7 @@ import { BadgeLink } from './badge-link';
 import { Li, Ul } from './ul';
 import PremiumBlock from './premium-block';
 import { ResourceGroupTitle } from './resource-group-title';
+import { DedicatedRoadmap } from './dedicated-roadmap';
 
 const MdxComponents = {
   p: P,
@@ -18,6 +19,7 @@ const MdxComponents = {
   pre: Pre,
   blockquote: BlockQuote,
   a: EnrichedLink,
+  DedicatedRoadmap,
   table: Table,
   iframe: IFrame,
   img: Img,

components/roadmap/content-drawer.tsx

@@ -108,6 +108,7 @@ export function ContentDrawer(props: ContentDrawerProps) {
               </Text>
             </Button>
           </Flex>
+
           <RoadmapGroup isOutlet roadmap={roadmap} group={groupId} />
         </Box>
       </RemoveScroll>

components/watch/video-grid-item.tsx

@@ -7,7 +7,6 @@ type VideoGridItemProps = {
   date: string;
   target?: string;
   isNew?: boolean;
-  isPro?: boolean;
   colorIndex?: number;
 };
 
@@ -54,14 +53,13 @@ const bgColorList = [
 ];
 
 export function VideoGridItem(props: VideoGridItemProps) {
-  const { title, subtitle, date, isNew = false, isPro = false, colorIndex = 0, href, target } = props;
+  const { title, subtitle, date, isNew = false, colorIndex = 0, href, target } = props;
 
   return (
     <Box _hover={{ textDecoration: 'none', transform: 'scale(1.02)' }} as={Link} href={ href } target={target || '_self'} shadow='xl' p='20px'
           rounded='10px' bg={bgColorList[colorIndex] ?? bgColorList[0]} flex={1}>
       <Text mb='7px' fontSize='12px' color='gray.400'>
-        {isNew && <Badge colorScheme={'yellow'} mr='10px'>New</Badge>}
-        {isPro && <Badge colorScheme={'blue'} mr='10px'>PRO</Badge>}
+        {isNew && <Badge colorScheme={'green'} mr='10px'>New</Badge>}
         {date}
       </Text>
       <Heading color='white' mb={'6px'} fontSize='20px' lineHeight={'28px'}>{title}</Heading>

content/guides.json

@@ -3,7 +3,7 @@
     "id": "avoid-render-blocking-javascript-with-async-defer",
     "title": "Async and Defer Script Loading",
     "description": "Learn how to avoid render blocking JavaScript using async and defer scripts.",
-    "isPro": false,
+    "isNew": false,
     "authorUsername": "kamranahmedse",
     "updatedAt": "2021-09-10T19:59:14.191Z",
     "createdAt": "2021-09-10T19:59:14.191Z"
@@ -12,7 +12,7 @@
     "id": "what-are-web-vitals",
     "title": "What are Web Vitals?",
     "description": "Learn what are the core web vitals and how to measure them.",
-    "isPro": false,
+    "isNew": false,
     "authorUsername": "kamranahmedse",
     "updatedAt": "2021-09-05T19:59:14.191Z",
     "createdAt": "2021-09-05T19:59:14.191Z"
@@ -21,7 +21,7 @@
     "id": "what-is-sli-slo-sla",
     "title": "SLIs, SLOs and SLAs",
     "description": "Learn what are different indicators for performance identification of any service.",
-    "isPro": false,
+    "isNew": false,
     "authorUsername": "kamranahmedse",
     "updatedAt": "2021-08-31T19:59:14.191Z",
     "createdAt": "2021-08-31T19:59:14.191Z"
@@ -30,7 +30,7 @@
     "id": "ci-cd",
     "title": "What is CI and CD?",
     "description": "Learn the basics of CI/CD and how to implement that with GitHub Actions.",
-    "isPro": false,
+    "isNew": false,
     "authorUsername": "kamranahmedse",
     "updatedAt": "2021-07-09T19:59:14.191Z",
     "createdAt": "2021-07-09T19:59:14.191Z"
@@ -39,7 +39,7 @@
     "id": "sso",
     "title": "SSO — Single Sign On",
     "description": "Learn the basics of SAML and understand how does Single Sign On work.",
-    "isPro": false,
+    "isNew": false,
     "authorUsername": "kamranahmedse",
     "updatedAt": "2021-07-01T19:59:14.191Z",
     "createdAt": "2021-07-01T19:59:14.191Z"
@@ -48,7 +48,7 @@
     "id": "oauth",
     "title": "OAuth — Open Authorization",
     "description": "Learn and understand what is OAuth and how it works",
-    "isPro": false,
+    "isNew": false,
     "authorUsername": "kamranahmedse",
     "updatedAt": "2021-06-28T19:59:14.191Z",
     "createdAt": "2021-06-28T19:59:14.191Z"
@@ -57,7 +57,7 @@
     "id": "jwt-authentication",
     "title": "JWT Authentication",
     "description": "Understand what is JWT authentication and how is it implemented",
-    "isPro": false,
+    "isNew": false,
     "authorUsername": "kamranahmedse",
     "updatedAt": "2021-06-20T19:59:14.191Z",
     "createdAt": "2021-06-20T19:59:14.191Z"
@@ -66,7 +66,7 @@
     "id": "token-authentication",
     "title": "Token Based Authentication",
     "description": "Understand what is token based authentication and how it is implemented",
-    "isPro": false,
+    "isNew": false,
     "authorUsername": "kamranahmedse",
     "updatedAt": "2021-06-02T20:59:14.191Z",
     "createdAt": "2021-06-02T20:59:14.191Z"
@@ -75,7 +75,7 @@
     "id": "session-authentication",
     "title": "Session Based Authentication",
     "description": "Understand what is session based authentication and how it is implemented",
-    "isPro": false,
+    "isNew": false,
     "authorUsername": "kamranahmedse",
     "updatedAt": "2021-05-26T20:59:14.191Z",
     "createdAt": "2021-05-26T20:59:14.191Z"
@@ -84,7 +84,7 @@
     "id": "basic-authentication",
     "title": "Basic Authentication",
     "description": "Understand what is basic authentication and how it is implemented",
-    "isPro": false,
+    "isNew": false,
     "authorUsername": "kamranahmedse",
     "updatedAt": "2021-05-19T20:59:14.191Z",
     "createdAt": "2021-05-19T20:59:14.191Z"
@@ -93,7 +93,7 @@
     "id": "character-encodings",
     "title": "Character Encodings",
     "description": "Covers the basics of character encodings and explains ASCII vs Unicode",
-    "isPro": false,
+    "isNew": false,
     "authorUsername": "kamranahmedse",
     "updatedAt": "2021-05-14T20:59:14.191Z",
     "createdAt": "2021-05-14T20:59:14.191Z"
@@ -102,7 +102,7 @@
     "id": "unfamiliar-codebase",
     "title": "Unfamiliar Codebase",
     "description": "Tips on getting getting familiar with an unfamiliar codebase",
-    "isPro": false,
+    "isNew": false,
     "authorUsername": "kamranahmedse",
     "updatedAt": "2021-05-04T20:59:14.191Z",
     "createdAt": "2021-05-04T20:59:14.191Z"
@@ -111,7 +111,7 @@
     "id": "why-build-it-and-they-will-come-wont-work-anymore",
     "title": "Build it and they will come?",
     "description": "Why “build it and they will come” alone won’t work anymore",
-    "isPro": false,
+    "isNew": false,
     "authorUsername": "spekulatius",
     "updatedAt": "2021-05-04T12:59:14.191Z",
     "createdAt": "2021-05-04T12:59:14.191Z"
@@ -120,7 +120,7 @@
     "id": "dhcp-in-one-picture",
     "title": "DHCP in One Picture",
     "description": "Here is what happens when a new device joins the network.",
-    "isPro": false,
+    "isNew": false,
     "authorUsername": "kamranahmedse",
     "updatedAt": "2021-04-28T15:48:21.191Z",
     "createdAt": "2021-04-28T15:48:21.191Z"
@@ -129,7 +129,7 @@
     "id": "ssl-tls-https-ssh",
     "title": "SSL vs TLS vs SSH",
     "description": "Quick tidbit on the differences between SSL, TLS, HTTPS and SSH",
-    "isPro": false,
+    "isNew": false,
     "authorUsername": "kamranahmedse",
     "updatedAt": "2021-04-22T15:48:21.191Z",
     "createdAt": "2021-04-22T15:48:21.191Z"
@@ -138,7 +138,7 @@
     "id": "asymptotic-notation",
     "title": "Asymptotic Notation",
     "description": "Learn the basics of measuring the time and space complexity of algorithms",
-    "isPro": false,
+    "isNew": false,
     "authorUsername": "kamranahmedse",
     "updatedAt": "2021-04-03T15:48:21.191Z",
     "createdAt": "2021-04-03T15:48:21.191Z"
@@ -147,7 +147,7 @@
     "id": "big-o-notation",
     "title": "Big-O Notation",
     "description": "Easy to understand explanation of Big-O notation without any fancy terms",
-    "isPro": false,
+    "isNew": false,
     "authorUsername": "kamranahmedse",
     "updatedAt": "2021-03-15T15:48:21.191Z",
     "createdAt": "2021-03-15T15:48:21.191Z"
@@ -156,7 +156,7 @@
     "id": "random-numbers",
     "title": "Random Numbers: Are they?",
     "description": "Learn how they are generated and why they may not be truly random.",
-    "isPro": false,
+    "isNew": false,
     "authorUsername": "kamranahmedse",
     "updatedAt": "2021-03-14T15:48:21.191Z",
     "createdAt": "2021-03-14T15:48:21.191Z"
@@ -165,7 +165,7 @@
     "id": "scaling-databases",
     "title": "Scaling Databases",
     "description": "Learn the ups and downs of different database scaling strategies",
-    "isPro": false,
+    "isNew": false,
     "authorUsername": "kamranahmedse",
     "updatedAt": "2021-02-18T15:48:21.191Z",
     "createdAt": "2021-02-18T15:48:21.191Z"
@@ -174,7 +174,7 @@
     "id": "what-is-internet",
     "title": "How does the internet work?",
     "description": "Learn the basics of internet and everything involved with this short video series",
-    "isPro": false,
+    "isNew": false,
     "authorUsername": "dmytrobol",
     "updatedAt": "2021-02-29T15:48:21.191Z",
     "createdAt": "2021-02-29T15:48:21.191Z"
@@ -183,7 +183,7 @@
     "id": "torrent-client",
     "title": "Building a BitTorrent Client",
     "description": "Learn everything you need to know about BitTorrent by writing a client in Go",
-    "isPro": false,
+    "isNew": false,
     "authorUsername": "jesse",
     "updatedAt": "2021-01-17T15:48:21.191Z",
     "createdAt": "2021-01-17T15:48:21.191Z",
@@ -193,7 +193,7 @@
     "id": "levels-of-seniority",
     "title": "Levels of Seniority",
     "description": "How to Step Up as a Junior, Mid Level or a Senior Developer?",
-    "isPro": false,
+    "isNew": false,
     "authorUsername": "kamranahmedse",
     "updatedAt": "2020-12-03T12:13:00.860Z",
     "createdAt": "2020-12-03T12:13:00.860Z"
@@ -202,7 +202,7 @@
     "id": "design-patterns-for-humans",
     "title": "Design Patterns for Humans",
     "description": "A language agnostic, ultra-simplified explanation to design patterns",
-    "isPro": false,
+    "isNew": false,
     "authorUsername": "kamranahmedse",
     "updatedAt": "2019-10-09T12:00:00.860Z",
     "createdAt": "2019-01-23T17:00:00.860Z"
@@ -211,7 +211,7 @@
     "id": "journey-to-http2",
     "title": "Journey to HTTP/2",
     "description": "The evolution of HTTP. How it all started and where we stand today",
-    "isPro": false,
+    "isNew": false,
     "authorUsername": "kamranahmedse",
     "createdAt": "2018-12-04T12:00:00.860Z",
     "updatedAt": "2018-12-04T12:00:00.860Z",
@@ -221,7 +221,7 @@
     "id": "dns-in-one-picture",
     "title": "DNS in One Picture",
     "description": "Quick illustrative guide on how a website is found on the internet.",
-    "isPro": false,
+    "isNew": false,
     "authorUsername": "kamranahmedse",
     "updatedAt": "2018-12-04T12:00:00.860Z",
     "createdAt": "2018-12-04T17:00:00.860Z"
@@ -230,7 +230,7 @@
     "id": "http-caching",
     "title": "HTTP Caching",
     "description": "Everything you need to know about web caching",
-    "isPro": false,
+    "isNew": false,
     "authorUsername": "kamranahmedse",
     "createdAt": "2018-11-29T17:00:00.860Z",
     "updatedAt": "2018-11-29T17:00:00.860Z"
@@ -239,7 +239,7 @@
     "id": "history-of-javascript",
     "title": "Brief History of JavaScript",
     "description": "How JavaScript was introduced and evolved over the years",
-    "isPro": false,
+    "isNew": false,
     "authorUsername": "kamranahmedse",
     "createdAt": "2017-10-28T17:00:00.860Z",
     "updatedAt": "2017-10-28T17:00:00.860Z"
@@ -248,7 +248,7 @@
     "id": "proxy-servers",
     "title": "Proxy Servers",
     "description": "How do proxy servers work and what are forward and reverse proxies?",
-    "isPro": false,
+    "isNew": false,
     "authorUsername": "ebrahimbharmal007",
     "createdAt": "2017-10-24T17:00:00.860Z",
     "updatedAt": "2017-10-24T17:00:00.860Z"

content/roadmaps/100-frontend/content/111-pick-a-framework/100-react-js/readme.md

@@ -1,3 +1,9 @@
+<DedicatedRoadmap
+  href='/react'
+  title='React Roadmap'
+  description='Click to check the detailed React Roadmap.'
+/>
+
 # React
 
 React is the most popular front-end JavaScript library for building user interfaces. React can also render on the server using Node and power mobile apps using React Native.

content/roadmaps/100-frontend/content/111-pick-a-framework/101-angular/readme.md

@@ -1,3 +1,9 @@
+<DedicatedRoadmap
+  href='/angular'
+  title='Angular Roadmap'
+  description='Click to check the detailed Angular Roadmap.'
+/>
+
 # Angular
 
 Angular is a component based front-end development framework built on TypeScript which includes a collection of well-integrated libraries that include features like routing, forms management, client-server communication, and more.

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

@@ -1,3 +1,9 @@
+<DedicatedRoadmap 
+  href='/vue'
+  title='Vue Roadmap'
+  description='Click to check the detailed Vue Roadmap.'
+/>
+
 # 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.

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

@@ -1,3 +1,10 @@
+<DedicatedRoadmap
+  href='/go'
+  title='Go Roadmap'
+  description='Click to check the detailed Go Roadmap.'
+/>
+
+
 # Go
 
 Go is an open source programming language supported by Google. Go can be used to write cloud services, CLI tools, used for API development, and much more.

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

@@ -1,3 +1,9 @@
+<DedicatedRoadmap
+  href='/java'
+  title='Java Roadmap'
+  description='Click to check the detailed Java Roadmap.'
+/>
+
 # Java
 
 Java is general-purpose language, primarily used for Internet-based applications.

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

@@ -1,3 +1,9 @@
+<DedicatedRoadmap
+  href='/python'
+  title='Python Roadmap'
+  description='Click to check the detailed Python Roadmap.'
+/>
+
 # Python
 
 Python is a well known programming language which is both a strongly typed and a dynamically typed language. Being an interpreted language, code is executed as soon as it is written and the Python syntax allows for writing code in functional, procedureal or object-oriented programmatic ways.

content/roadmaps/102-devops/content-paths.json

@@ -113,6 +113,7 @@
   "managing-servers:live-in-terminal:df": "/roadmaps/102-devops/content/102-managing-servers/101-live-in-terminal/138-df.md",
   "managing-servers:live-in-terminal:history": "/roadmaps/102-devops/content/102-managing-servers/101-live-in-terminal/139-history.md",
   "managing-servers:live-in-terminal:du": "/roadmaps/102-devops/content/102-managing-servers/101-live-in-terminal/140-du.md",
+  "managing-servers:live-in-terminal:scp": "/roadmaps/102-devops/content/102-managing-servers/101-live-in-terminal/141-scp.md",
   "networking-protocols": "/roadmaps/102-devops/content/103-networking-protocols/readme.md",
   "networking-protocols:dns": "/roadmaps/102-devops/content/103-networking-protocols/101-dns.md",
   "networking-protocols:osi-model": "/roadmaps/102-devops/content/103-networking-protocols/100-osi-model.md",

content/roadmaps/102-devops/content/102-managing-servers/101-live-in-terminal/100-screen-multiplexer.md

@@ -1 +1,8 @@
-# Screen Multiplexer
+# Screen
+
+Screen  is  a  full-screen  window manager that multiplexes a physical terminal between several processes (typically interactive shells). Each virtual terminal provides the functions of a DEC VT100 terminal and, in addition, several control functions from the ISO 6429 (ECMA 48, ANSI X3.64) and ISO 2022 standards (e.g. insert/delete line and support for multiple character sets). There is  a  scrollback  history buffer for each virtual terminal and a copy-and-paste mechanism that allows moving text regions between windows.
+
+See `man screen` or `screen -h` for further information
+
+<BadgeLink badgeText='Cheat Sheet' colorScheme='blue' href='https://kapeli.com/cheat_sheets/screen.docset/Contents/Resources/Documents/index'>Screen Cheat Sheet</BadgeLink>
+<BadgeLink badgeText='User Manual' colorScheme='blue' href='https://www.gnu.org/software/screen/manual/screen.html'>Screen User's Manual</BadgeLink>

content/roadmaps/102-devops/content/102-managing-servers/101-live-in-terminal/101-tmux-multiplexer.md

@@ -1 +1,10 @@
-# Tmux multiplexer
+# Tmux
+
+Tmux is a terminal multiplexer: it enables a number of terminals to be created, accessed, and controlled from a single screen. Tmux may be detached from a screen and continue running in the background, then later reattached.
+
+When tmux is started it creates a new session with a single window and displays it on screen. A status line at the bottom of the screen shows information on the current session and is used to enter interactive commands.
+
+See `man tmux` further information
+
+<BadgeLink badgeText='Cheat Sheet' colorScheme='blue' href='https://tmuxcheatsheet.com/'>Tux Cheat Sheet</BadgeLink>
+<BadgeLink badgeText='Documentation' colorScheme='blue' href='https://tmuxguide.readthedocs.io/en/latest/tmux/tmux.html'>Tmux Documentation</BadgeLink>

content/roadmaps/102-devops/content/102-managing-servers/101-live-in-terminal/102-ps.md

@@ -1 +1,8 @@
-# Ps
+# ps - process status
+
+The ps utility displays a header line, followed by lines containing information about all of your processes that have controlling terminals.
+
+See `man ps` further information
+
+<BadgeLink badgeText='Cheat Sheet' colorScheme='blue' href='https://www.sysadmin.md/ps-cheatsheet.html'>ps Cheat Sheet</BadgeLink>
+<BadgeLink badgeText='Documentation' colorScheme='blue' href='https://man7.org/linux/man-pages/man1/ps.1.html'>ps Documentation</BadgeLink>

content/roadmaps/102-devops/content/102-managing-servers/101-live-in-terminal/102-top.md

@@ -1 +1,8 @@
-# Top
+# top
+
+The top program periodically displays a sorted list of system processes.  The default sorting key is pid, but other keys can be used instead.  Various output options are available.
+
+See `man top` further information.
+
+<BadgeLink badgeText='Cheat Sheet' colorScheme='blue' href='https://gist.github.com/ericandrewlewis/4983670c508b2f6b181703df43438c37'>top Cheat Sheet</BadgeLink>
+<BadgeLink badgeText='Documentation' colorScheme='blue' href='https://man7.org/linux/man-pages/man1/top.1.html'>top Documentation</BadgeLink>

content/roadmaps/102-devops/content/102-managing-servers/101-live-in-terminal/103-htop.md

@@ -1 +1,6 @@
-# Htop
+# htop
+
+htop is a cross-platform ncurses-based process. It is similar to top, but allows you to scroll vertically and horizontally, and interact using a pointing device (mouse). You can observe all processes running on the system, along with their command line arguments, as well as view them in a tree format, select multiple processes and act on them all at once.
+
+<BadgeLink badgeText='Cheat Sheet' colorScheme='blue' href='https://www.maketecheasier.com/power-user-guide-htop/'>htop Cheat Sheet</BadgeLink>
+<BadgeLink badgeText='Documentation' colorScheme='blue' href='https://www.man7.org/linux/man-pages/man1/htop.1.html'>htop Documentation</BadgeLink>

content/roadmaps/102-devops/content/102-managing-servers/101-live-in-terminal/104-atop.md

@@ -1 +1,6 @@
-# Atop
+# atop
+
+The program atop is an interactive monitor to view the load on a Linux system. It shows the occupation of the most critical hardware resources (from a performance point of view) on system level, i.e. cpu, memory, disk and network.
+
+<BadgeLink badgeText='Command Guide' colorScheme='blue' href='https://www.digitalocean.com/community/tutorials/atop-command-in-linux'>atop Command Guide</BadgeLink>
+<BadgeLink badgeText='Documentation' colorScheme='blue' href='https://linux.die.net/man/1/atop'>atop Documentation</BadgeLink>

content/roadmaps/102-devops/content/102-managing-servers/101-live-in-terminal/105-lsof.md

@@ -1 +1,8 @@
-# Lsof
+# lsof
+
+Lsof lists on its standard output file information about files opened by processes.
+
+See `man lsof` or `lsof --help` for further information.
+
+<BadgeLink badgeText='Cheat Sheet' colorScheme='blue' href='https://neverendingsecurity.wordpress.com/2015/04/13/lsof-commands-cheatsheet/'>lsof Cheat Sheet</BadgeLink>
+<BadgeLink badgeText='Documentation' colorScheme='blue' href='https://man7.org/linux/man-pages/man8/lsof.8.html'>lsof Documentation</BadgeLink>

content/roadmaps/102-devops/content/102-managing-servers/101-live-in-terminal/124-cut.md

@@ -1 +1,8 @@
-# Cut
+# cut
+
+The cut utility cuts out selected portions of each line (as specified by list) from each file and writes them to the standard output.
+
+See `man cut` for further information.
+
+<BadgeLink badgeText='Cheat Sheet' colorScheme='blue' href='https://bencane.com/2012/10/22/cheat-sheet-cutting-text-with-cut/'>cut Cheat Sheet</BadgeLink>
+<BadgeLink badgeText='Documentation' colorScheme='blue' href='https://man7.org/linux/man-pages/man1/cut.1.html'>cut Documentation</BadgeLink>

content/roadmaps/102-devops/content/102-managing-servers/101-live-in-terminal/125-uniq.md

@@ -1 +1,8 @@
-# Uniq
+# uniq
+
+The uniq utility reads the specified input_file comparing adjacent lines, and writes a copy of each unique input line to the output_file.
+
+See `man uniq` for further information.
+
+<BadgeLink badgeText='Cheat Sheet' colorScheme='blue' href='https://www.geeksforgeeks.org/uniq-command-in-linux-with-examples/'>uniq Cheat Sheet</BadgeLink>
+<BadgeLink badgeText='Documentation' colorScheme='blue' href='https://man7.org/linux/man-pages/man1/uniq.1.html'>uniq Documentation</BadgeLink>

content/roadmaps/102-devops/content/102-managing-servers/101-live-in-terminal/128-fmt.md

@@ -1 +1,8 @@
-# Fmt
+# fmt
+
+`fmt` command is for formatting and optimizing contents in text files. It will be really usefull when it comes to beautify large text files by setting uniform column width and spaces.
+
+It has the following syntax: `$ fmt [-width] [option] [file]` e.g. `$ fmt file.txt`
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.devopsroles.com/fmt-command-in-linux-with-example/'>Fmt command with Examples</BadgeLink>

content/roadmaps/102-devops/content/102-managing-servers/101-live-in-terminal/129-tr.md

@@ -1 +1,8 @@
-# Tr
+# tr
+
+The tr utility copies the standard input to the standard output with substitution or deletion of selected characters.
+
+See `man tr` for further information.
+
+<BadgeLink badgeText='Cheat Sheet' colorScheme='blue' href='https://linuxopsys.com/topics/tr-command-in-linux'>tr Cheat Sheet</BadgeLink>
+<BadgeLink badgeText='Documentation' colorScheme='blue' href='https://linuxcommand.org/lc3_man_pages/tr1.html'>tr Documentation</BadgeLink>

content/roadmaps/102-devops/content/102-managing-servers/101-live-in-terminal/130-nl.md

@@ -1 +1,8 @@
-# Nl
+# nl
+
+The nl utility reads lines from the named file or the standard input if the file argument is omitted, applies a configurable line numbering filter operation and writes the result to the standard output.
+
+See `man nl` for further information.
+
+<BadgeLink badgeText='Cheat Sheet' colorScheme='blue' href='https://www.geeksforgeeks.org/nl-command-in-linux-with-examples/'>nl Cheat Sheet</BadgeLink>
+<BadgeLink badgeText='Documentation' colorScheme='blue' href='https://man7.org/linux/man-pages/man1/nl.1.html'>nl Documentation</BadgeLink>

content/roadmaps/102-devops/content/102-managing-servers/101-live-in-terminal/131-wc.md

@@ -1 +1,8 @@
-# Wc
+# wc
+
+The wc utility displays the number of lines, words, and bytes contained in each input file, or standard input (if no file is specified) to the standard output.
+
+See `man wc` for further information.
+
+<BadgeLink badgeText='Cheat Sheet' colorScheme='blue' href='https://onecompiler.com/cheatsheets/wc'>wc Cheat Sheet</BadgeLink>
+<BadgeLink badgeText='Documentation' colorScheme='blue' href='https://linux.die.net/man/1/wc'>wc Documentation</BadgeLink>

content/roadmaps/102-devops/content/102-managing-servers/101-live-in-terminal/141-scp.md

@@ -0,0 +1 @@
+# Scp

content/roadmaps/102-devops/content/103-networking-protocols/100-osi-model.md

@@ -1 +1,15 @@
-# Osi model
+# OSI Model
+
+Open Systems Interconnection (OSI) model is a **conceptual** model consists of 7 layers, that was proposed to standardize the communication between devices over the network. It was the first standard model for network communications, adopted by all major computer and telecommunication companies in the early 1980s.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.cloudflare.com/en-gb/learning/ddos/glossary/open-systems-interconnection-model-osi/'>What is OSI Model?</BadgeLink>
+<BadgeLink badgeText='Watch' href='https://www.youtube.com/watch?v=dV8mjZd1OtU'>OSI Model</BadgeLink>
+
+# TCP/IP Model
+
+TCP/IP model is a **practical** model consists of 4 layers. The modern Internet is based on this model.
+
+
+<BadgeLink  colorScheme='yellow' badgeText='Read' href='https://www.geeksforgeeks.org/tcp-ip-model/'>What is TCP/IP Model?</BadgeLink>
+<BadgeLink badgeText='Watch' href='https://www.youtube.com/watch?v=F5rni9fr1yE'>OSI vs TCP/IP Model</BadgeLink>

content/roadmaps/102-devops/content/103-networking-protocols/101-dns.md

@@ -1 +1,8 @@
-# Dns
+# DNS
+
+DNS (**D**omain **N**ame **S**ystem) 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/102-devops/content/103-networking-protocols/103-https.md

@@ -1 +1,10 @@
-# Https
+# HTTPS
+
+HTTPS (**H**ypertext **T**ransfer **P**rotocol **S**ecure) is the secure version of HTTP, which is the primary protocol used to send data between a web browser and a website.
+
+`HTTPS = HTTP + SSL/TLS`
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink badgeText='Read' colorScheme="yellow" href='https://www.cloudflare.com/en-gb/learning/ssl/what-is-https/'>What is HTTPS?</BadgeLink>
+<BadgeLink badgeText='Read' colorScheme="yellow" href='https://developers.google.com/web/fundamentals/security/encrypt-in-transit/why-https'>Why HTTPS Matters</BadgeLink>
+<BadgeLink badgeText='Read' colorScheme="yellow" href='https://developers.google.com/web/fundamentals/security/encrypt-in-transit/enable-https'>Enabling HTTPS on Your Servers</BadgeLink>

content/roadmaps/102-devops/content/103-networking-protocols/105-ssl-tls.md

@@ -1 +1,9 @@
-# Ssl tls
+# SSL/TLS
+
+Secure Sockets Layer (SSL) and Transport Layer Security (TLS) are cryptographic protocols used to provide security in internet communications. These protocols encrypt the data that is transmitted over the web, so anyone who tries to intercept packets will not be able to interpret the data. One difference that is important to know is that SSL is now deprecated due to security flaws, and most modern web browsers no longer support it. But TLS is still secure and widely supported, so preferably use TLS.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.cloudflare.com/learning/ssl/what-is-ssl/'>Cloudflare - What is SSL?</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.cloudflare.com/en-gb/learning/ssl/transport-layer-security-tls/'>Cloudflare - What is TLS?</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://en.wikipedia.org/wiki/Transport_Layer_Security'>Wikipedia - SSL/TLS</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Watch' href='https://www.youtube.com/watch?v=k3rFFLmQCuY'>SSH vs SSL vs TLS</BadgeLink>

content/roadmaps/102-devops/content/105-infrastructure-as-code/100-service-mesh/100-consul.md

@@ -1 +1,6 @@
-# Consul
+# Consul
+
+Consul is a service mesh solution providing a full featured control plane with service discovery, configuration, and segmentation functionality. Each of these features can be used individually as needed, or they can be used together to build a full service mesh. Consul requires a data plane and supports both a proxy and native integration model. Consul ships with a simple built-in proxy so that everything works out of the box, but also supports 3rd party proxy integrations such as Envoy.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='blue' badgeText='Read' href='https://www.consul.io/docs/intro'>What is Consul?</BadgeLink>

content/roadmaps/102-devops/content/105-infrastructure-as-code/100-service-mesh/101-istio.md

@@ -1 +1,6 @@
-# Istio
+# Istio
+
+Istio is an open source service mesh platform that provides a way to control how microservices share data with one another. It includes APIs that let Istio integrate into any logging platform, telemetry, or policy system. Istio is designed to run in a variety of environments: on-premise, cloud-hosted, in Kubernetes containers, in services running on virtual machines, and more.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='red' badgeText='Read' href='https://www.redhat.com/en/topics/microservices/what-is-istio'>What is Istio?</BadgeLink>

content/roadmaps/102-devops/content/105-infrastructure-as-code/100-service-mesh/readme.md

@@ -1 +1,6 @@
-# Service mesh
+# Service Mesh
+
+A service mesh, like the open source project Istio, is a way to control how different parts of an application share data with one another. Unlike other systems for managing this communication, a service mesh is a dedicated infrastructure layer built right into an app. This visible infrastructure layer can document how well (or not) different parts of an app interact, so it becomes easier to optimize communication and avoid downtime as an app grows.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.redhat.com/en/topics/microservices/what-is-a-service-mesh'>What's a service mesh?</BadgeLink>

content/roadmaps/102-devops/content/105-infrastructure-as-code/104-docker-swarm.md

@@ -1 +1,8 @@
-# Docker swarm
+# Docker Swarm
+
+A Docker Swarm is a group of either physical or virtual machines that are running the Docker application and that have been configured to join together in a cluster. Once a group of machines have been clustered together, you can still run the Docker commands that you're used to, but they will now be carried out by the machines in your cluster. The activities of the cluster are controlled by a swarm manager, and machines that have joined the cluster are referred to as nodes.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='blue' badgeText='Official Website' href='https://www.docker.com/'>Official Website</BadgeLink>
+<BadgeLink colorScheme='blue' badgeText='Documentation' href='https://docs.docker.com/engine/swarm/'>Docker Swarm Documentation</BadgeLink>
+<BadgeLink badgeText='Watch' href='https://www.youtube.com/watch?v=Tm0Q5zr3FL4'>Docker Swarm Tutorial for Beginners</BadgeLink>

content/roadmaps/102-devops/content/107-monitoring/100-infrastructure-monitoring/102-datadog.md

@@ -1 +1,6 @@
-# Datadog
+# Datadog
+
+Datadog is a monitoring and analytics platform for large-scale applications. It encompasses infrastructure monitoring, application performance monitoring, log management, and user-experience monitoring. Datadog aggregates data across your entire stack with 400+ integrations for troubleshooting, alerting, and graphing. 
+
+<BadgeLink badgeText='Official Website' colorScheme='blue' href='https://www.datadoghq.com/'>Datadog Website</BadgeLink>
+<BadgeLink badgeText='Official Documentation' colorScheme='blue' href='https://docs.datadoghq.com/'>Official Documentation</BadgeLink>

content/roadmaps/102-devops/content/107-monitoring/100-infrastructure-monitoring/102-zabbix.md

@@ -1 +1,8 @@
-# Zabbix
+# Zabbix
+
+Zabbix is an enterprise-class open source monitoring solution for network monitoring and application monitoring of millions of metrics.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='blue' badgeText='Official Website' href='https://www.zabbix.com/'>Zabbix Website</BadgeLink>
+<BadgeLink colorScheme='blue' badgeText='Read' href='https://www.zabbix.com/manuals'>Official Documentation</BadgeLink>
+<BadgeLink badgeText='Watch' href='https://www.zabbix.com/roadmap'>Zabbix Roadmap</BadgeLink>

content/roadmaps/102-devops/content/107-monitoring/102-logs-management/101-graylog.md

@@ -1 +1,8 @@
-# Graylog
+# Graylog
+
+Graylog is a leading centralized log management solution for capturing, storing, and enabling real-time analysis of terabytes of machine data.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='blue' badgeText='Official Website' href='https://www.graylog.org/'>Graylog Website</BadgeLink>
+<BadgeLink colorScheme='blue' badgeText='Read' href='https://docs.graylog.org/'>Official Documentation</BadgeLink>
+<BadgeLink badgeText='Watch' href='https://www.graylog.org/resources-videos'>Product Videos</BadgeLink>

content/roadmaps/102-devops/content/107-monitoring/102-logs-management/102-papertrail.md

@@ -1 +1,8 @@
-# Papertrail
+# Papertrail
+
+Papertrail is a leading centralized log management solution for capturing, storing, and enabling real-time analysis of terabytes of machine data.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='blue' badgeText='Official Website' href='https://www.papertrail.com/'>Papertrail Website</BadgeLink>
+<BadgeLink colorScheme='blue' badgeText='Read' href='https://www.papertrail.com/solution/guides/'>Official Guides</BadgeLink>
+<BadgeLink colorScheme='blue' badgeText='Read' href='https://www.papertrail.com/blog/'>Official Blog</BadgeLink>

content/roadmaps/102-devops/content/107-monitoring/102-logs-management/102-splunk.md

@@ -1 +1,8 @@
-# Splunk
+# Splunk
+
+The Splunk platform removes the barriers between data and action, empowering observability, IT and security teams to ensure their organizations are secure, resilient and innovative.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='blue' badgeText='Splunk Website' href='https://www.splunk.com/'>Splunk Website</BadgeLink>
+<BadgeLink colorScheme='blue' badgeText='Read' href='https://docs.splunk.com/Documentation'>Official Documentation</BadgeLink>
+<BadgeLink badgeText='Watch' href='https://www.splunk.com/en_us/resources/videos.html'>Splunk Videos</BadgeLink>

content/roadmaps/102-devops/content/108-cloud-providers/104-albaba-cloud.md

@@ -1 +1,7 @@
-# Albaba cloud
+# Alibaba Cloud
+
+Alibaba Cloud is a cloud computing service, offering over 100 products and services with data centers in 24 regions and 74 availability zones around the world.
+
+<BadgeLink badgeText='Official Website' colorScheme='blue' href='https://www.alibabacloud.com/'>Alibaba Cloud Website</BadgeLink>
+<BadgeLink badgeText='Official Documentation' colorScheme='blue' href='https://www.alibabacloud.com/help/en/'>Official Documentation</BadgeLink>
+<BadgeLink badgeText='Get Started Guide' colorScheme='blue' href='https://www.alibabacloud.com/getting-started'>Alibaba Cloud Getting Started Guide</BadgeLink>

content/roadmaps/102-devops/content/108-cloud-providers/105-linode.md

@@ -1 +1,7 @@
-# Linode
+# Linode
+
+Linode is a cloud computing service owned by Akamai Technologies. Linode positions itself as an alternative to AWS, GCP and Azure by offering core services without complexity for most workloads.
+
+<BadgeLink badgeText='Official Website' colorScheme='blue' href='https://www.linode.com/'>Linode Website</BadgeLink>
+<BadgeLink badgeText='Official Documentation' colorScheme='blue' href='https://www.linode.com/docs/'>Official Documentation</BadgeLink>
+<BadgeLink badgeText='Get Started Guide' colorScheme='blue' href='https://www.linode.com/docs/guides/getting-started/'>Linode Getting Started Guide</BadgeLink>

content/roadmaps/102-devops/content/108-cloud-providers/106-vultr.md

@@ -1 +1,6 @@
-# Vultr
+# Vultr
+
+Vultr is an infrastructure focussed cloud computing service, available in 25 locations worldwide. Vultur compute offers 100% SSD and high performance Intel vCPUs.
+
+<BadgeLink badgeText='Official Website' colorScheme='blue' href='https://www.vultr.com/'>Vultr Website</BadgeLink>
+<BadgeLink badgeText='Official Documentation' colorScheme='blue' href='https://www.vultr.com/docs/'>Official Documentation</BadgeLink>

content/roadmaps/107-python/content/100-python-basics/100-basic-syntax.md

@@ -1 +1,11 @@
-# Basic syntax
+# Basic Syntax
+
+Setup the environment for python and get started with the basics.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.w3schools.com/python/'>W3Schools - Python</BadgeLink>
+<BadgeLink colorScheme='red' badgeText='Watch' href='https://www.youtube.com/watch?v=kqtD5dpn9C8'>Python for Beginners - Learn Python in 1 Hour</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.tutorialspoint.com/python/python_basic_syntax.htm'>Python Basics</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://learnxinyminutes.com/docs/python/'>Learn X in Y Minutes / Python</BadgeLink>
+
+

content/roadmaps/107-python/content/100-python-basics/101-variables-and-datatypes.md

@@ -1 +1,22 @@
-# Variables and datatypes
+## Variables
+
+Variables are used to store information to be referenced and manipulated in a computer program. They also provide a way of labeling data with a descriptive name, so our programs can be understood more clearly by the reader and ourselves. It is helpful to think of variables as containers that hold information. Their sole purpose is to label and store data in memory. This data can then be used throughout your program.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://realpython.com/python-variables'>Variables in Python</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.w3schools.com/python/python_variables.asp'>W3Schools — Python Variables</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.geeksforgeeks.org/python-variables/'>Python Variables - Geeks for Geeks</BadgeLink>
+
+## Data Types
+
+Variables in Python can be of different data types. These data types can be text (`str`), numeric (`int`, `float`, `complex`), sequence (`list`, `tuple`, `range`), mapping (`dict`), set (`set`, `frozenset`), boolean (`boolean`), binary (`bytes`, `bytearray`, `memoryview`), or none (`None`).
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.w3schools.com/python/python_datatypes.asp'>Python Data Types</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://realpython.com/python-data-types/'>Basic Data Types in Python</BadgeLink>
+
+
+
+
+
+

content/roadmaps/107-python/content/100-python-basics/102-conditionals.md

@@ -1 +1,9 @@
-# Conditionals
+# Conditionals
+
+Conditional Statement in Python perform different computations or actions depending on whether a specific Boolean constraint evaluates to true or false. Conditional statements are handled by IF statements in Python.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.guru99.com/if-loop-python-conditional-structures.html'>Python Conditional Statements: IF…Else, ELIF & Switch Case</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://realpython.com/python-conditional-statements/'>Conditional Statements in Python</BadgeLink>
+
+

content/roadmaps/107-python/content/100-python-basics/103-typecasting-exceptions.md

@@ -1 +1,19 @@
-# Typecasting exceptions
+## Typecasting 
+
+The process of converting the value of one data type (integer, string, float, etc.) to another data type is called type conversion. Python has two types of type conversion: Implicit and Explicit.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.programiz.com/python-programming/type-conversion-and-casting'>Type Conversion and Casting</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.geeksforgeeks.org/type-casting-in-python-implicit-and-explicit-with-examples/'>Type Casting in Python with Examples</BadgeLink>
+
+## Exceptions
+
+Python has many built-in exceptions that are raised when your program encounters an error (something in the program goes wrong). When these exceptions occur, the Python interpreter stops the current process and passes it to the calling process until it is handled. If not handled, the program will crash.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://realpython.com/python-exceptions/'>Python Exceptions: An Introduction</BadgeLink>
+<BadgeLink colorScheme='blue' badgeText='Official Docs' href='https://docs.python.org/3/tutorial/errors.html'>Errors and Exceptions</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.programiz.com/python-programming/exception-handling'>Python Exception Handling</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.w3schools.com/python/python_try_except.asp'>Python Try Except</BadgeLink>
+
+

content/roadmaps/107-python/content/100-python-basics/104-functions.md

@@ -1 +1,11 @@
-# Functions
+# Functions
+
+In programming, a function is a reusable block of code that executes a certain functionality when it is called. Functions are integral parts of every programming language because they help make your code more modular and reusable.
+
+In Python, you define a function with the `def` keyword, then write the function identifier (name) followed by parentheses and a colon.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.freecodecamp.org/news/python-functions-define-and-call-a-function/'>Python Functions – How to Define and Call a Function</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.w3schools.com/python/python_functions.asp'>Python Functions - W3Schools</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.geeksforgeeks.org/python-functions/'>Python Functions</BadgeLink>
+<BadgeLink colorScheme='blue' badgeText='Official Docs' href='https://docs.python.org/3/library/functions.html'>Built-in Functions in Python</BadgeLink>

content/roadmaps/107-python/content/100-python-basics/105-lists-tuples-sets-dictionaries.md

@@ -1 +1,18 @@
-# Lists tuples sets dictionaries
+# Lists, Tuples, Sets, and Dictionaries
+
+**Lists:** are just like dynamic sized arrays, declared in other languages (vector in C++ and ArrayList in Java). Lists need not be homogeneous always which makes it the most powerful tool in Python.
+
+**Tuple:** A Tuple is a collection of Python objects separated by commas. In some ways, a tuple is similar to a list in terms of indexing, nested objects, and repetition but a tuple is immutable, unlike lists that are mutable.
+
+**Set:** A Set is an unordered collection data type that is iterable, mutable, and has no duplicate elements. Python’s set class represents the mathematical notion of a set.
+
+**Dictionary:** in Python is an ordered (since Py 3.7) [unordered (Py 3.6 & prior)] collection of data values, used to store data values like a map, which, unlike other Data Types that hold only a single value as an element, Dictionary holds key:value pair. Key-value is provided in the dictionary to make it more optimized.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='red' badgeText='Watch' href='https://www.youtube.com/watch?v=n0krwG38SHI'>Difference Between List, Tuple, Set and Dictionary in Python</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.geeksforgeeks.org/differences-and-applications-of-list-tuple-set-and-dictionary-in-python/'>Differences and Applications of List, Tuple, Set and Dictionary in Python</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://jerrynsh.com/tuples-vs-lists-vs-sets-in-python/'>Tuples vs. Lists vs. Sets in Python</BadgeLink>
+
+
+
+

content/roadmaps/107-python/content/100-python-basics/readme.md

@@ -1 +1,10 @@
-# Python basics
+# Python
+
+Python is a high-level, interpreted, general-purpose programming language. Its design philosophy emphasizes code readability with the use of significant indentation. Python is dynamically-typed and garbage-collected. 
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='blue' badgeText='Official Website' href='https://www.python.org/'>Official Website: Python</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.digitalocean.com/community/tutorials/how-to-write-your-first-python-3-program'>Tutorial Series: How to Code in Python</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://en.wikipedia.org/wiki/Python_(programming_language)'>Python Wikipedia</BadgeLink>
+
+

content/roadmaps/107-python/content/101-data-structures-and-algorithms/100-arrays-linked-lists.md

@@ -1 +1,16 @@
-# Arrays linked lists
+# Arrays and Linked lists
+
+Arrays store elements in contiguous memory locations, resulting in easily calculable addresses for the elements stored and this allows faster access to an element at a specific index. Linked lists are less rigid in their storage structure and elements are usually not stored in contiguous locations, hence they need to be stored with additional tags giving a reference to the next element. This difference in the data storage scheme decides which data structure would be more suitable for a given situation.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.geeksforgeeks.org/linked-list-vs-array/'>Linked Lists vs Arrays</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://towardsdatascience.com/a-complete-guide-to-linked-lists-in-python-c52b6cb005'>A Complete Guide to Linked Lists in Python</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.freecodecamp.org/news/python-array-tutorial-define-index-methods/'>Python Array Tutorial</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.geeksforgeeks.org/python-arrays/'>Python Arrays</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.edureka.co/blog/arrays-in-python/'>Arrays in Python</BadgeLink>
+<BadgeLink colorScheme='red' badgeText='Watch' href='https://www.youtube.com/watch?v=QJNwK2uJyGs'>Array Data Structure | Illustrated Data Structures</BadgeLink>
+<BadgeLink colorScheme='red' badgeText='Watch' href='https://www.youtube.com/watch?v=odW9FU8jPRQ'>Linked List Data Structure | Illustrated Data Structures</BadgeLink>
+
+
+
+

content/roadmaps/107-python/content/101-data-structures-and-algorithms/101-heaps-stacks-queues.md

@@ -1 +1,18 @@
-# Heaps stacks queues
+# Heaps Stacks and Queues
+
+**Stacks:** Operations are performed LIFO (last in, first out), which means that the last element added will be the first one removed. A stack can be implemented using an array or a linked list. If the stack runs out of memory, it’s called a stack overflow.
+
+**Queue:** Operations are performed FIFO (first in, first out), which means that the first element added will be the first one removed. A queue can be implemented using an array.
+
+**Heap:** A tree-based data structure in which the value of a parent node is ordered in a certain way with respect to the value of its child node(s). A heap can be either a min heap (the value of a parent node is less than or equal to the value of its children) or a max heap (the value of a parent node is greater than or equal to the value of its children).
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://stephanosterburg.gitbook.io/scrapbook/coding/coding-interview/data-structures/heaps-stacks-queues'>Heaps, Stacks, Queues</BadgeLink>
+<BadgeLink colorScheme='red' badgeText='Watch' href='https://www.youtube.com/watch?v=I5lq6sCuABE'>Stack Data Structure | Illustrated Data Structures</BadgeLink>
+<BadgeLink colorScheme='red' badgeText='Watch' href='https://www.youtube.com/watch?v=mDCi1lXd9hc'>Queue Data Structure | Illustrated Data Structures</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.geeksforgeeks.org/stack-in-python/'>Stack in Python</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://realpython.com/how-to-implement-python-stack/'>How to Implement Python Stack?</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.geeksforgeeks.org/queue-in-python/'>Queue in Python</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://realpython.com/queue-in-python/'>Python Stacks, Queues, and Priority Queues in Practice</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.educative.io/answers/heap-implementation-in-python'>Heap Implementation in Python</BadgeLink>
+

content/roadmaps/107-python/content/101-data-structures-and-algorithms/102-hash-tables.md

@@ -1 +1,9 @@
-# Hash tables
+# Hash Tables
+
+Hash Table, Map, HashMap, Dictionary or Associative are all the names of the same data structure. It is a data structure that implements a set abstract data type, a structure that can map keys to values.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='red' badgeText='Watch' href='https://www.youtube.com/watch?v=jalSiaIi8j4'>Hash Table Data Structure | Illustrated Data Structures</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.edureka.co/blog/hash-tables-and-hashmaps-in-python/'>Hash Tables and Hashmaps in Python</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://realpython.com/python-hash-table/'>Build a Hash Table in Python</BadgeLink>
+

content/roadmaps/107-python/content/101-data-structures-and-algorithms/103-binary-search-trees.md

@@ -1 +1,10 @@
-# Binary search trees
+# Binary Search Trees
+
+A binary search tree, also called an ordered or sorted binary tree, is a rooted binary tree data structure with the key of each internal node being greater than all the keys in the respective node's left subtree and less than the ones in its right subtree
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='red' badgeText='Watch' href='https://www.youtube.com/watch?v=S2W3SXGPVyU'>Tree Data Structure | Illustrated Data Structures</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://blog.boot.dev/computer-science/binary-search-tree-in-python/'>Writing a Binary Search Tree in Python with Examples</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.section.io/engineering-education/implementing-binary-search-tree-using-python/'>How to Implement Binary Search Tree in Python</BadgeLink>
+
+

content/roadmaps/107-python/content/101-data-structures-and-algorithms/104-recursion.md

@@ -1 +1,8 @@
-# Recursion
+# Recursion
+
+Recursion is a method of solving a computational problem where the solution depends on solutions to smaller instances of the same problem. Recursion solves such recursive problems by using functions that call themselves from within their own code.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.geeksforgeeks.org/recursion/'>Recursion in Python</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://realpython.com/python-recursion/'>Recursion in Python: An Introduction</BadgeLink>
+

content/roadmaps/107-python/content/101-data-structures-and-algorithms/105-sorting-algorithms.md

@@ -1 +1,9 @@
-# Sorting algorithms
+# Sorting Algorithms
+
+Sorting refers to arranging data in a particular format. Sorting algorithm specifies the way to arrange data in a particular order. Most common orders are in numerical or lexicographical order.
+
+The importance of sorting lies in the fact that data searching can be optimized to a very high level, if data is stored in a sorted manner. 
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://realpython.com/sorting-algorithms-python/'>Sorting Algorithms in Python</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.tutorialspoint.com/python_data_structure/python_sorting_algorithms.htm'>Python - Sorting Algorithms</BadgeLink>

content/roadmaps/107-python/content/101-data-structures-and-algorithms/readme.md

@@ -1 +1,7 @@
-# Data structures and algorithms
+# Data Structures and Algorithms
+
+A data structure is a named location that can be used to store and organize data. And, an algorithm is a collection of steps to solve a particular problem. Learning data structures and algorithms allow us to write efficient and optimized computer programs.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.programiz.com/dsa'>Learn DS & Algorithms</BadgeLink>
+<BadgeLink colorScheme='red' badgeText='Watch' href='https://www.youtube.com/playlist?list=PLkZYeFmDuaN2-KUIv-mvbjfKszIGJ4FaY'>Data Structures Illustrated</BadgeLink>

content/roadmaps/107-python/content/102-python-advanced-topics/100-oop/100-methods-dunder.md

@@ -1 +1,14 @@
-# Methods dunder
+# Methods and Dunder
+
+A method in python is somewhat similar to a function, except it is associated with object/classes. Methods in python are very similar to functions except for two major differences.
+
+* The method is implicitly used for an object for which it is called.
+* The method is accessible to data that is contained within the class.
+
+Dunder or magic methods in Python are the methods having two prefix and suffix underscores in the method name. Dunder here means “Double Under (Underscores)”. These are commonly used for operator overloading. Few examples for magic methods are: __init__, __add__, __len__, __repr__ etc.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.tutorialspoint.com/difference-between-method-and-function-in-python'>Method vs Function in Python</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.geeksforgeeks.org/dunder-magic-methods-python/'>Dunder or magic methods in Python</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.tutorialsteacher.com/python/magic-methods-in-python'>Python - Magic or Dunder Methods</BadgeLink>
+

content/roadmaps/107-python/content/102-python-advanced-topics/100-oop/101-inheritance.md

@@ -1 +1,8 @@
-# Inheritance
+# Inheritance
+
+Inheritance allows us to define a class that inherits all the methods and properties from another class.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.w3schools.com/python/python_inheritance.asp'>Python Inheritance</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.javatpoint.com/inheritance-in-python'>Inheritance in Python</BadgeLink>
+

content/roadmaps/107-python/content/102-python-advanced-topics/100-oop/102-classes.md

@@ -1 +1,9 @@
-# Classes
+# Classes
+
+A class is a user-defined blueprint or prototype from which objects are created. Classes provide a means of bundling data and functionality together. Creating a new class creates a new type of object, allowing new instances of that type to be made. Each class instance can have attributes attached to it for maintaining its state. Class instances can also have methods (defined by their class) for modifying their state.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='blue' badgeText='Official Docs' href='https://docs.python.org/3/tutorial/classes.html'>Classes in Python</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.geeksforgeeks.org/python-classes-and-objects/'>Python Classes and Objects</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.w3schools.com/python/python_classes.asp'>Python Classes and Objects</BadgeLink>
+

content/roadmaps/107-python/content/102-python-advanced-topics/100-oop/readme.md

@@ -1 +1,8 @@
-# Oop
+# OOP
+
+In Python, object-oriented Programming (OOPs) is a programming paradigm that uses objects and classes in programming. It aims to implement real-world entities like inheritance, polymorphisms, encapsulation, etc. in the programming. The main concept of OOPs is to bind the data and the functions that work on that together as a single unit so that no other part of the code can access this data.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://realpython.com/python3-object-oriented-programming/'>Object Oriented Programming in Python</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.geeksforgeeks.org/python-oops-concepts/'>Python OOP Concepts</BadgeLink>
+

content/roadmaps/107-python/content/102-python-advanced-topics/101-regular-expressions.md

@@ -1 +1,9 @@
-# Regular expressions
+# Regular Expressions
+
+A regular expression is a sequence of characters that specifies a search pattern in text. Usually such patterns are used by string-searching algorithms for "find" or "find and replace" operations on strings, or for input validation.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='blue' badgeText='Official Reference' href='https://docs.python.org/3/library/re.html'>Regular Expressions in Python</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://developers.google.com/edu/python/regular-expressions'>Python Regular Expressions</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='read' href='https://www.tutorialspoint.com/python/python_reg_expressions.htm'>Python - Regular Expressions</BadgeLink>
+

content/roadmaps/107-python/content/102-python-advanced-topics/102-decorators.md

@@ -1 +1,7 @@
-# Decorators
+# Decorators
+
+decorator is a design pattern in Python that allows a user to add new functionality to an existing object without modifying its structure. Decorators are usually called before the definition of a function you want to decorate.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.datacamp.com/tutorial/decorators-python'>Python Decorators</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.geeksforgeeks.org/decorators-in-python/'>Decorators in Python</BadgeLink>

content/roadmaps/107-python/content/102-python-advanced-topics/103-lambdas.md

@@ -1 +1,8 @@
-# Lambdas
+# Lambdas
+
+Python Lambda Functions are anonymous function means that the function is without a name. As we already know that the def keyword is used to define a normal function in Python. Similarly, the lambda keyword is used to define an anonymous function in Python.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.geeksforgeeks.org/python-lambda-anonymous-functions-filter-map-reduce/'>Python Lambda Functions</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.w3schools.com/python/python_lambda.asp'>Lambdas in Python</BadgeLink>
+

content/roadmaps/107-python/content/102-python-advanced-topics/104-iterators.md

@@ -1 +1,7 @@
-# Iterators
+# Iterators
+
+An iterator is an object that contains a countable number of values. An iterator is an object that can be iterated upon, meaning that you can traverse through all the values. Technically, in Python, an iterator is an object which implements the iterator protocol, which consist of the methods __iter__() and __next__() .
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.w3schools.com/python/python_iterators.asp'>Iterators in Python</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.geeksforgeeks.org/iterators-in-python/'>Python Iterators</BadgeLink>

content/roadmaps/107-python/content/102-python-advanced-topics/105-modules/100-builtin-modules.md

@@ -1 +1,8 @@
-# Builtin modules
+# Builtin Modules
+
+Python interpreter has a number of built-in functions. They are always available for use in every interpreter session. Many of them have been discussed in previously. For example `print()` and `input()` for I/O, number conversion functions (`int()`, `float()`, `complex()`), data type conversions (`list()`, `tuple()`, `set()`) etc.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.digitalocean.com/community/tutorials/python-modules'>Python Modules</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.knowledgehut.com/tutorials/python-tutorial/python-built-in-modules'>Python - Built-In Modules</BadgeLink>
+

content/roadmaps/107-python/content/102-python-advanced-topics/105-modules/101-custom-modules.md

@@ -1 +1,8 @@
-# Custom modules
+# Custom Modules
+
+Modules refer to a file containing Python statements and definitions. A file containing Python code, for example: `example.py`, is called a module, and its module name would be example. We use modules to break down large programs into small manageable and organized files. Furthermore, modules provide reusability of code.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='blue' badgeText='Official Reference' href='https://docs.python.org/3/tutorial/modules.html'>Python Modules</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.geeksforgeeks.org/python-modules/'>Python Modules - Geeks for Geeks</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.programiz.com/python-programming/modules'>Modules in Python</BadgeLink>

content/roadmaps/107-python/content/102-python-advanced-topics/105-modules/readme.md

@@ -1 +1,8 @@
-# Modules
+# Modules
+
+Modules refer to a file containing Python statements and definitions. A file containing Python code, for example: `example.py`, is called a module, and its module name would be example. We use modules to break down large programs into small manageable and organized files. Furthermore, modules provide reusability of code.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='blue' badgeText='Official Reference' href='https://docs.python.org/3/tutorial/modules.html'>Python Modules</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.geeksforgeeks.org/python-modules/'>Python Modules - Geeks for Geeks</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.programiz.com/python-programming/modules'>Modules in Python</BadgeLink>

content/roadmaps/107-python/content/102-python-advanced-topics/readme.md

@@ -1 +1,3 @@
-# Python advanced topics
+# Advanced Topics
+
+Now that you have covered the basics of Python, let's move on to some advanced topics. In this section, you will be learning about things like OOP, Lambdas, Decorators, Iterators, Modules, and more.

content/roadmaps/107-python/content/103-version-control-systems/100-basic-git-usage.md

@@ -1 +1,8 @@
-# Basic git usage
+# Git
+
+[Git](https://git-scm.com/) is a free and open source distributed version control system designed to handle everything from small to very large projects with speed and efficiency.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink badgeText='Watch' href='https://www.youtube.com/watch?v=zbKdDsNNOhg'>Version Control System Introduction</BadgeLink>
+<BadgeLink badgeText='Watch' href='https://www.youtube.com/watch?v=SWYqp7iY_Tc'>Git & GitHub Crash Course For Beginners</BadgeLink>
+<BadgeLink badgeText='Watch' href='https://youtu.be/Y9XZQO1n_7c?t=21'>Learn Git in 20 Minutes</BadgeLink>

content/roadmaps/107-python/content/103-version-control-systems/readme.md

@@ -1 +1,8 @@
-# Version control systems
+# Version Control Systems
+
+Version control systems allow you to track changes to your codebase/files over time. They allow you to go back to some previous version of the codebase without any issues. Also, they help in collaborating with people working on the same code – if you’ve ever collaborated with other people on a project, you might already know the frustration of copying and merging the changes from someone else into your codebase; version control systems allow you to get rid of this issue.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink badgeText='Watch' href='https://www.youtube.com/watch?v=zbKdDsNNOhg'>Version Control System Introduction</BadgeLink>
+<BadgeLink badgeText='Watch' href='https://www.youtube.com/watch?v=SWYqp7iY_Tc'>Git & GitHub Crash Course For Beginners</BadgeLink>
+<BadgeLink badgeText='Watch' href='https://youtu.be/Y9XZQO1n_7c?t=21'>Learn Git in 20 Minutes</BadgeLink>

content/roadmaps/107-python/content/104-repo-hosting-services/100-github.md

@@ -1 +1,11 @@
-# Github
+# GitHub
+
+[GitHub](https://github.com) is a provider of internet hosting for software development and version control using Git. It offers the distributed version control and source code management functionality of Git, plus its own features.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+
+<BadgeLink badgeText='Read' href='https://docs.github.com/en/get-started/quickstart/hello-world'>GitHub: Quickstart</BadgeLink>
+<BadgeLink badgeText='Watch' colorScheme='yellow' href='https://www.youtube.com/watch?v=w3jLJU7DT5E'>What is GitHub?</BadgeLink>
+<BadgeLink badgeText='Watch' colorScheme='yellow' href='https://www.youtube.com/watch?v=wpISo9TNjfU'>Git vs. GitHub: What's the difference?</BadgeLink>
+<BadgeLink badgeText='Watch' colorScheme='yellow' href='https://www.youtube.com/watch?v=RGOj5yH7evk'>Git and GitHub for Beginners</BadgeLink>
+<BadgeLink badgeText='Watch' colorScheme='yellow' href='https://www.youtube.com/watch?v=eulnSXkhE7I'>Git and GitHub - CS50 Beyond 2019</BadgeLink>

content/roadmaps/107-python/content/104-repo-hosting-services/101-gitlab.md

@@ -1 +1,8 @@
-# Gitlab
+# GitLab
+
+[GitLab](https://gitlab.com) is a provider of internet hosting for software development and version control using Git. It offers the distributed version control and source code management functionality of Git, plus its own features.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+
+<BadgeLink badgeText='Visit' colorScheme="green" href='https://gitlab.com/'>GitLab Website</BadgeLink>
+<BadgeLink badgeText='Read' href='https://docs.gitlab.com/'>GitLab Documentation</BadgeLink>

content/roadmaps/107-python/content/104-repo-hosting-services/102-bitbucket.md

@@ -1 +1,8 @@
-# Bitbucket
+# BitBucket
+
+[BitBucket](https://bitbucket.com) is a provider of internet hosting for software development and version control using Git. It offers the distributed version control and source code management functionality of Git, plus its own features.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+
+<BadgeLink badgeText='Visit' colorScheme="green" href='https://bitbucket.com/'>BitBucket Website</BadgeLink>
+<BadgeLink badgeText='Read' href='https://bitbucket.org/product/guides'>How to use BitBucket?</BadgeLink>

content/roadmaps/107-python/content/104-repo-hosting-services/readme.md

@@ -1 +1,8 @@
-# Repo hosting services
+# Repo Hosting Services
+
+There are different repository hosting services with the most famous one being GitHub, GitLab and BitBucket. I would recommend creating an account on GitHub because that is where most of the OpenSource work is done and most of the developers are.
+
+<ResourceGroupTitle>Services Links</ResourceGroupTitle>
+<BadgeLink badgeText='Visit' colorScheme="green" href='https://github.com'>GitHub: Where the world builds software</BadgeLink>
+<BadgeLink badgeText='Visit' href='https://gitlab.com'>GitLab: Iterate faster, innovate together</BadgeLink>
+<BadgeLink badgeText='Visit' href='https://bitbucket.com'>BitBucket: The Git solution for professional teams</BadgeLink>

content/roadmaps/107-python/content/105-python-package-managers/100-pypi.md

@@ -1 +1,9 @@
-# Pypi
+# PyPI
+
+PyPI, typically pronounced pie-pee-eye, is a repository containing several hundred thousand packages. These range from trivial Hello, World implementations to advanced deep learning libraries.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='blue' badgeText='Official Website' href='https://pypi.org/'>PyPI Official Website</BadgeLink>
+<BadgeLink colorScheme='red' badgeText='Watch' href='https://www.youtube.com/watch?v=bPSfNKvhooA'>Getting Started with Pip and PyPI in Python</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://realpython.com/pypi-publish-python-package/'>How to Publish an Open-Source Python Package to PyPI</BadgeLink>
+

content/roadmaps/107-python/content/105-python-package-managers/101-pip.md

@@ -1 +1,8 @@
-# Pip
+# Pip
+
+The standard package manager for Python is pip. It allows you to install and manage packages that aren’t part of the Python standard library.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://realpython.com/what-is-pip/'>Using Python's pip to Manage Your Projects' Dependencies</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.w3schools.com/python/python_pip.asp'>Python PIP Introduction</BadgeLink>
+

content/roadmaps/107-python/content/105-python-package-managers/readme.md

@@ -1 +1,3 @@
-# Python package managers
+# Package Managers
+
+Package managers allow you to manage the dependencies (external code written by you or someone else) that your project needs to work correctly.

content/roadmaps/107-python/content/106-python-frameworks/100-synchronous/100-django.md

@@ -1 +1,9 @@
-# Django
+# Django
+
+Django is a free and open-source, Python-based web framework that follows the model–template–views architectural pattern. It is maintained by the Django Software Foundation, an independent organization established in the US as a 501 non-profit
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='blue' badgeText='Official Website' href='https://www.djangoproject.com/'>Django Official Website</BadgeLink>
+<BadgeLink colorScheme='blue' badgeText='Getting Started' href='https://www.djangoproject.com/start/'>Official Getting Started Guide</BadgeLink>
+<BadgeLink colorScheme='red' badgeText='Watch' href='https://www.youtube.com/watch?v=rHux0gMZ3Eg'>Python Django Tutorial for Beginners</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://stackoverflow.com/questions/58548089/django-is-synchronous-or-asynchronous'>Is Django synchronous or asynchronous?</BadgeLink>

content/roadmaps/107-python/content/106-python-frameworks/100-synchronous/101-flask.md

@@ -1 +1,7 @@
-# Flask
+# Flask
+
+Flask is a micro web framework written in Python. It is classified as a microframework because it does not require particular tools or libraries. It has no database abstraction layer, form validation, or any other components where pre-existing third-party libraries provide common functions.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='blue' badgeText='Official Website' href='https://flask.palletsprojects.com/'>Flask - Official Website</BadgeLink>
+

content/roadmaps/107-python/content/106-python-frameworks/100-synchronous/102-pyramid.md

@@ -1 +1,9 @@
-# Pyramid
+# Pyramid
+
+Pyramid is a general, open source, web application development framework built in python. It allows python developer to create web applications with ease. Pyramid is backed by the enterprise knowledge Management System KARL (a George Soros project).
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='blue' badgeText='Official Websiet' href='https://trypyramid.com/'>Pyramid - Official Website</BadgeLink>
+<BadgeLink colorScheme='blue' badgeText='Pyramid Documentation' href='https://docs.pyramid.com/en/latest/'>Pyramid Documentation</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.tutorialspoint.com/python_web_development_libraries/python_web_development_libraries_pyramid_framework.htm'>Pyramid Framework Introduction</BadgeLink>
+

content/roadmaps/107-python/content/106-python-frameworks/100-synchronous/readme.md

@@ -1 +1,6 @@
-# Synchronous
+# Synchronous Frameworks
+
+Synchronous frameworks in python handle the flow of data in a synchronous manner. On a s̲y̲n̲c̲h̲r̲o̲n̲o̲u̲s̲ request, you make the request and stop executing your program until you get a response from the HTTP server (or an error if the server can't be reached, or a timeout if the sever is taking way, way too long to reply) The interpreter is blocked until the request is completed (until you got a definitive answer of what happened with the request: did it go well? was there an error? a timeout?... ).
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://blog.miguelgrinberg.com/post/sync-vs-async-python-what-is-the-difference'>Sync vs. Async Python: What is the Difference?</BadgeLink>

content/roadmaps/107-python/content/106-python-frameworks/101-asynchronous/100-gevent.md

@@ -1 +1,8 @@
-# Gevent
+# gevent
+
+gevent is a Python library that provides a high-level interface to the event loop.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='blue' badgeText='Official Website' href='http://www.gevent.org/'>gevent — Official Website</BadgeLink>
+<BadgeLink colorScheme='blue' badgeText='GitHub Repository' href='https://github.com/gevent/gevent'>GitHub Repository</BadgeLink>
+

content/roadmaps/107-python/content/106-python-frameworks/101-asynchronous/101-aiohttp.md

@@ -1 +1,11 @@
-# Aiohttp
+# AIOHTTP
+
+aiohttp is a Python 3.5+ library that provides a simple and powerful asynchronous HTTP client and server implementation.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='blue' badgeText='Official Website' href='https://docs.aiohttp.org/en/stable/'>Official Docs</BadgeLink>
+<BadgeLink colorScheme='red' badgeText='Watch' href='https://www.youtube.com/watch?v=nFn4_nA_yk8'>Python Asyncio, Requests, Aiohttp | Make faster API Calls</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://tutorialedge.net/python/create-rest-api-python-aiohttp/'>Creating a RESTful API with Python and aiohttp</BadgeLink>
+
+
+

content/roadmaps/107-python/content/106-python-frameworks/101-asynchronous/102-tornado.md

@@ -1 +1,10 @@
-# Tornado
+# Tornado
+
+Tornado is a scalable, non-blocking web server and web application framework written in Python. It was developed for use by FriendFeed; the company was acquired by Facebook in 2009 and Tornado was open-sourced soon after.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='blue' badgeText='Official Website' href='https://www.tornadoweb.org/'>Tornado — Official Website</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://phrase.com/blog/posts/tornado-web-framework-i18n/'>A Step-by-Step Tutorial on Python Tornado</BadgeLink>
+<BadgeLink colorScheme='red' badgeText='Watch' href='https://www.youtube.com/watch?v=-gJ21qzpieA'>Torando Python Framework</BadgeLink>
+
+

content/roadmaps/107-python/content/106-python-frameworks/101-asynchronous/103-sanic.md

@@ -1 +1,8 @@
-# Sanic
+# Sanic
+
+Sanic is a Python 3.7+ web server and web framework that's written to go fast. It allows the usage of the async/await syntax added in Python 3.5, which makes your code non-blocking and speedy.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='blue' badgeText='Official Website' href='https://sanic.dev/en/'>Sanic Official Website</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.geeksforgeeks.org/introduction-to-sanic-web-framework-python/'>Introduction to Sanic Web Framework – Python</BadgeLink>
+

content/roadmaps/107-python/content/106-python-frameworks/101-asynchronous/readme.md

@@ -1 +1,6 @@
-# Asynchronous
+# Asynchronous
+
+Asynchronous programming is a style of programming that is mostly concerned with the asynchronous execution of tasks. Python has several asynchronous frameworks that are used to implement asynchronous programming.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://geekflare.com/python-asynchronous-web-frameworks/'>Top 5 Asynchronous Web Frameworks for Python</BadgeLink>

content/roadmaps/107-python/content/106-python-frameworks/readme.md

@@ -1 +1,5 @@
-# Python frameworks
+# Python Frameworks
+
+Frameworks automate the common implementation of common solutions which gives the flexibility to the users to focus on the application logic instead of the basic routine processes.
+
+Frameworks make the life of web developers easier by giving them a structure for app development. They provide common patterns in a web application that are fast, reliable and easily maintainable.

content/roadmaps/107-python/content/107-python-testing/100-unittest-pyunit.md

@@ -1 +1,8 @@
-# Unittest pyunit
+# PyUnit / Unittest
+
+PyUnit is an easy way to create unit testing programs and UnitTests with Python. (Note that docs.python.org uses the name "unittest", which is also the module name.)
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.digitalocean.com/community/tutorials/how-to-use-unittest-to-write-a-test-case-for-a-function-in-python'>How To Use unittest to Write a Test Case for a Function in Python</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://wiki.python.org/moin/PyUnit%C2%A0'>PyUnit Docs</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://machinelearningmastery.com/a-gentle-introduction-to-unit-testing-in-python/'>A Gentle Introduction to Unit Testing in Python</BadgeLink>

content/roadmaps/107-python/content/107-python-testing/101-pytest.md

@@ -1 +1,9 @@
-# Pytest
+# pytest
+
+pytest is a mature full-featured Python testing tool that helps you write better programs.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='blue' badgeText='Official Docs' href='https://docs.pytest.org/'>Official Docs</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.tutorialspoint.com/pytest/index.htm'>Pytest Tutorial</BadgeLink>
+
+

content/roadmaps/107-python/content/107-python-testing/102-doctest.md

@@ -1 +1,7 @@
-# Doctest
+# Doctest
+
+Python’s standard library comes equipped with a test framework module called doctest. The doctest module programmatically searches Python code for pieces of text within comments that look like interactive Python sessions. Then, the module executes those sessions to confirm that the code referenced by a doctest runs as expected.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='blue' badgeText='Official Docs' href='https://docs.python.org/3/library/doctest.html'>Doctest module reference</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.digitalocean.com/community/tutorials/how-to-write-doctests-in-python'>How To Write Doctests in Python</BadgeLink>

content/roadmaps/107-python/content/107-python-testing/102-nose.md

@@ -1 +1,7 @@
-# Nose
+# Nose
+
+Nose is another opensource testing framework that extends `unittest` to provide a more flexible testing framework.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://nose.readthedocs.io/en/latest/'>Introduction to Nose</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.lambdatest.com/blog/selenium-python-nose-tutorial/'>Getting Started With Nose In Python</BadgeLink>

content/roadmaps/107-python/content/107-python-testing/readme.md

@@ -1 +1,7 @@
-# Python testing
+# Testing
+
+A key to building software that meets requirements without defects is testing. Software testing helps developers know they are building the right software. When tests are run as part of the development process (often with continuous integration tools), they build confidence and prevent regressions in the code.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.guru99.com/software-testing-introduction-importance.html'>What is Software Testing?</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.browserstack.com/guide/testing-pyramid-for-test-automation'>Testing Pyramid</BadgeLink>

content/videos.json

@@ -3,7 +3,7 @@
     "id": "tree-data-structure",
     "title": "Tree Data Structure",
     "description": "Learn everything you need to know about the tree data structure",
-    "isPro": false,
+    "isNew": true,
     "youtubeLink": "https://www.youtube.com/watch?v=S2W3SXGPVyU",
     "authorUsername": "kamranahmedse",
     "duration": "8 minutes",
@@ -14,7 +14,7 @@
     "id": "hash-table-data-structure",
     "title": "Hash Table Data Structure",
     "description": "Learn everything you need to know about the hash table data structure",
-    "isPro": false,
+    "isNew": false,
     "youtubeLink": "https://www.youtube.com/watch?v=jalSiaIi8j4",
     "authorUsername": "kamranahmedse",
     "duration": "8 minutes",
@@ -25,7 +25,7 @@
     "id": "queue-data-structure",
     "title": "Queue Data Structure",
     "description": "Learn everything you need to know about the queue data structure",
-    "isPro": false,
+    "isNew": false,
     "youtubeLink": "https://www.youtube.com/watch?v=mDCi1lXd9hc",
     "authorUsername": "kamranahmedse",
     "duration": "4 minutes",
@@ -36,7 +36,7 @@
     "id": "stack-data-structure",
     "title": "Stack Data Structure",
     "description": "Learn everything you need to know about the stack data structure",
-    "isPro": false,
+    "isNew": false,
     "youtubeLink": "https://www.youtube.com/watch?v=I5lq6sCuABE",
     "authorUsername": "kamranahmedse",
     "duration": "5 minutes",
@@ -47,7 +47,7 @@
     "id": "linked-list-data-structure",
     "title": "Linked List Data Structure",
     "description": "Learn everything you need to know about linked list data structure",
-    "isPro": false,
+    "isNew": false,
     "youtubeLink": "https://www.youtube.com/watch?v=odW9FU8jPRQ",
     "authorUsername": "kamranahmedse",
     "duration": "11 minutes",
@@ -58,7 +58,7 @@
     "id": "array-structure",
     "title": "All about Array Data Structure",
     "description": "Learn everything you need to know about array data structure",
-    "isPro": false,
+    "isNew": false,
     "youtubeLink": "https://www.youtube.com/watch?v=QJNwK2uJyGs",
     "authorUsername": "kamranahmedse",
     "duration": "10 minutes",
@@ -69,7 +69,7 @@
     "id": "what-are-data-structures",
     "title": "What are Data Structures?",
     "description": "Learn about the different data structures in this illustrated series",
-    "isPro": false,
+    "isNew": false,
     "youtubeLink": "https://www.youtube.com/watch?v=9rhT3P1MDHk",
     "authorUsername": "kamranahmedse",
     "duration": "1 minute",
@@ -80,7 +80,7 @@
     "id": "what-is-eventual-consistency",
     "title": "What is Eventual Consistency?",
     "description": "Learn about the different consistency models in distributed systems",
-    "isPro": false,
+    "isNew": false,
     "youtubeLink": "https://www.youtube.com/watch?v=rpqsSkTIdAw",
     "authorUsername": "kamranahmedse",
     "duration": "5 minutes",
@@ -91,7 +91,7 @@
     "id": "ssh-ssl-tls",
     "title": "SSH vs TLS vs SSL",
     "description": "Learn the difference between SSH, TLS and SSL",
-    "isPro": false,
+    "isNew": false,
     "youtubeLink": "https://www.youtube.com/watch?v=k3rFFLmQCuY",
     "authorUsername": "kamranahmedse",
     "duration": "3 minutes",
@@ -102,7 +102,7 @@
     "id": "async-javascript",
     "title": "Asynchronous JavaScript",
     "description": "Learn how to write asynchronous JavaScript using Async/Await",
-    "isPro": false,
+    "isNew": false,
     "youtubeLink": "https://www.youtube.com/watch?v=VyIK6SV5f7o",
     "authorUsername": "kamranahmedse",
     "duration": "15 minutes",
@@ -113,7 +113,7 @@
     "id": "random-number-generators",
     "title": "Random Number Generators",
     "description": "How do random number generators work?",
-    "isPro": false,
+    "isNew": false,
     "youtubeLink": "https://www.youtube.com/watch?v=nDv3yXdD0rk",
     "authorUsername": "kamranahmedse",
     "duration": "8 minutes",
@@ -124,7 +124,7 @@
     "id": "big-o-notation",
     "title": "Big O Notation",
     "description": "Learn what the Big-O notation is and how to calculate the time complexity of an algorithm.",
-    "isPro": false,
+    "isNew": false,
     "youtubeLink": "https://www.youtube.com/watch?v=Z0bH0cMY0E8",
     "authorUsername": "kamranahmedse",
     "duration": "8 minutes",
@@ -135,7 +135,7 @@
     "id": "yaml-in-depth",
     "title": "YAML in Depth",
     "description": "Everything you need to know about YAML",
-    "isPro": false,
+    "isNew": false,
     "youtubeLink": "https://www.youtube.com/watch?v=ImHSpwUlNVc",
     "authorUsername": "kamranahmedse",
     "duration": "8 minutes",
@@ -146,7 +146,7 @@
     "id": "floating-point-arithmetic",
     "title": "Floating Point Arithmetic",
     "description": "Learn how ow the arithmetic operations work on floating-point numbers and why the results might be different from what you may expect.",
-    "isPro": false,
+    "isNew": false,
     "youtubeLink": "https://www.youtube.com/watch?v=RIiq4tTt6rI",
     "authorUsername": "kamranahmedse",
     "duration": "4 minutes",
@@ -157,7 +157,7 @@
     "id": "what-is-cap-theorem",
     "title": "What is CAP Theorem?",
     "description": "An illustrated explanation to CAP theorem with examples and proof.",
-    "isPro": false,
+    "isNew": false,
     "youtubeLink": "https://www.youtube.com/watch?v=_RbsFXWRZ10",
     "authorUsername": "kamranahmedse",
     "duration": "8 minutes",
@@ -168,7 +168,7 @@
     "id": "acid-explained",
     "title": "ACID Explained",
     "description": "Learn what it means for a database to be ACID compliant with examples.",
-    "isPro": false,
+    "isNew": false,
     "youtubeLink": "https://www.youtube.com/watch?v=yaQ5YMWkxq4",
     "authorUsername": "kamranahmedse",
     "duration": "5 minutes",
@@ -179,7 +179,7 @@
     "id": "transport-protocols-tcp-vs-udp",
     "title": "Transport Protocols: TCP vs UDP",
     "description": "Learn about the Transport Layer of the TCP/IP model and different transport protocols.",
-    "isPro": false,
+    "isNew": false,
     "youtubeLink": "https://www.youtube.com/watch?v=37AFBZv4_6Y",
     "authorUsername": "kamranahmedse",
     "duration": "10 minutes",
@@ -190,7 +190,7 @@
     "id": "tcp-ip-model",
     "title": "TCP/IP Model Explained",
     "description": "Learn what is TCP/IP Model and the different layers involved.",
-    "isPro": false,
+    "isNew": false,
     "authorUsername": "kamranahmedse",
     "youtubeLink": "https://www.youtube.com/watch?v=F5rni9fr1yE",
     "duration": "5 minutes",
@@ -201,7 +201,7 @@
     "id": "osi-model",
     "title": "OSI Model Explained",
     "description": "Learn what is OSI Model and the different layers involved.",
-    "isPro": false,
+    "isNew": false,
     "youtubeLink": "https://www.youtube.com/watch?v=dV8mjZd1OtU",
     "authorUsername": "kamranahmedse",
     "duration": "7 minutes",
@@ -213,7 +213,7 @@
     "title": "Freeze and Seal in JavaScript",
     "description": "Learn what is object freeze and seal in JavaScript and how to use them",
     "youtubeLink": "https://www.youtube.com/watch?v=O3uT2l6vgZ8",
-    "isPro": false,
+    "isNew": false,
     "authorUsername": "kamranahmedse",
     "duration": "6 minutes",
     "updatedAt": "2020-10-16T19:59:14.191Z",
@@ -224,7 +224,7 @@
     "title": "All about HTTP Caching",
     "description": "Learn what is HTTP caching, places for caching and different caching headers.",
     "youtubeLink": "https://www.youtube.com/watch?v=HiBDZgTNpXY",
-    "isPro": false,
+    "isNew": false,
     "authorUsername": "kamranahmedse",
     "duration": "13 minutes",
     "updatedAt": "2020-10-04T19:59:14.191Z",
@@ -235,7 +235,7 @@
     "title": "Content Delivery Networks",
     "description": "Learn what the CDNs are and the difference between push CDN vs pull CDN.",
     "youtubeLink": "https://www.youtube.com/watch?v=6DXEPcXKQNY",
-    "isPro": false,
+    "isNew": false,
     "authorUsername": "kamranahmedse",
     "duration": "4 minutes",
     "updatedAt": "2020-09-26T19:59:14.191Z",
@@ -246,7 +246,7 @@
     "title": "Load Balancers 101",
     "description": "Learn the basics of load balancers, types and different algorithms.",
     "youtubeLink": "https://www.youtube.com/watch?v=galcDRNd5Ow",
-    "isPro": false,
+    "isNew": false,
     "authorUsername": "kamranahmedse",
     "duration": "9 minutes",
     "updatedAt": "2020-09-18T19:59:14.191Z",
@@ -257,7 +257,7 @@
     "title": "DNS Records",
     "description": "Learn what the DNS is and how a website is found on the internet.",
     "youtubeLink": "https://www.youtube.com/watch?v=7lxgpKh_fRY",
-    "isPro": false,
+    "isNew": false,
     "authorUsername": "kamranahmedse",
     "duration": "6 minutes",
     "updatedAt": "2020-08-31T19:59:14.191Z",
@@ -268,7 +268,7 @@
     "title": "DNS and how does it work?",
     "description": "Learn what the DNS is and how a website is found on the internet.",
     "youtubeLink": "https://www.youtube.com/watch?v=Wj0od2ag5sk",
-    "isPro": false,
+    "isNew": false,
     "authorUsername": "kamranahmedse",
     "duration": "5 minutes",
     "updatedAt": "2020-08-17T19:59:14.191Z",
@@ -279,7 +279,7 @@
     "title": "System Design 101",
     "description": "Learn about all the bits and pieces of system design.",
     "youtubeLink": "https://www.youtube.com/watch?v=Y-Gl4HEyeUQ",
-    "isPro": false,
+    "isNew": false,
     "authorUsername": "kamranahmedse",
     "duration": "7 minutes",
     "updatedAt": "2020-08-08T19:59:14.191Z",
@@ -290,7 +290,7 @@
     "title": "JavaScript Fetch API",
     "description": "Learn how to use JavaScript's Fetch API to interact with remote API.",
     "youtubeLink": "https://www.youtube.com/watch?v=-ZI0ea5O2oA",
-    "isPro": false,
+    "isNew": false,
     "authorUsername": "kamranahmedse",
     "duration": "3 minutes",
     "updatedAt": "2020-08-02T19:59:14.191Z",
@@ -301,7 +301,7 @@
     "title": "Scaling the Unscalable",
     "description": "Learn the basics of System Design and understand how to build a scalable application.",
     "youtubeLink": "https://www.youtube.com/watch?v=a2rcgzludDU",
-    "isPro": false,
+    "isNew": false,
     "authorUsername": "kamranahmedse",
     "duration": "10 minutes",
     "updatedAt": "2020-07-26T19:59:14.191Z",
@@ -312,7 +312,7 @@
     "title": "All about Promises in JavaScript",
     "youtubeLink": "https://www.youtube.com/watch?v=BvrkobaCVVE",
     "description": "Learn how to write asynchronous code in JavaScript using promises.",
-    "isPro": false,
+    "isNew": false,
     "authorUsername": "kamranahmedse",
     "duration": "8 minutes",
     "updatedAt": "2020-07-20T19:59:14.191Z",
@@ -323,7 +323,7 @@
     "title": "Automate with GitHub Actions",
     "description": "Learn how to implement CI/CD with GitHub Actions",
     "youtubeLink": "https://www.youtube.com/watch?v=nyKZTKQS_EQ",
-    "isPro": false,
+    "isNew": false,
     "authorUsername": "kamranahmedse",
     "duration": "6 minutes",
     "updatedAt": "2020-07-13T19:59:14.191Z",
@@ -334,7 +334,7 @@
     "title": "What is Dependency Injection?",
     "description": "Learn what is dependency injection and how to write better code with the help of it.",
     "youtubeLink": "https://www.youtube.com/watch?v=0yc2UANSDiw",
-    "isPro": false,
+    "isNew": false,
     "authorUsername": "kamranahmedse",
     "duration": "3 minutes",
     "updatedAt": "2020-07-04T19:59:14.191Z",
@@ -345,7 +345,7 @@
     "title": "How to use CSS Variables?",
     "description": "Learn how to write scalable CSS using CSS Variables.",
     "youtubeLink": "https://www.youtube.com/watch?v=lgaxU7CRmxU",
-    "isPro": false,
+    "isNew": false,
     "authorUsername": "kamranahmedse",
     "duration": "5 minutes",
     "updatedAt": "2020-07-03T19:59:14.191Z",
@@ -356,7 +356,7 @@
     "title": "DOM, Shadow DOM, Virtual DOM",
     "description": "Learn what is DOM, Shadow DOM and Virtual DOM and how they work.",
     "youtubeLink": "https://www.youtube.com/watch?v=7Tok22qxPzQ",
-    "isPro": false,
+    "isNew": false,
     "authorUsername": "kamranahmedse",
     "duration": "6 minutes",
     "updatedAt": "2020-07-20T19:59:14.191Z",
@@ -367,7 +367,7 @@
     "title": "Practical Introduction to React",
     "description": "Learn how to create a React Application with practical example.",
     "youtubeLink": "https://www.youtube.com/watch?v=NyG7YJWJd6s&list=PLkZYeFmDuaN3NDLnBG01-sH2-nwn43mYu",
-    "isPro": false,
+    "isNew": false,
     "authorUsername": "kamranahmedse",
     "duration": "40 minutes",
     "updatedAt": "2020-07-09T19:59:14.191Z",
@@ -378,7 +378,7 @@
     "title": "Arrays and Objects in JavaScript",
     "description": "Learn how to manipulate arrays and objects in JavaScript.",
     "youtubeLink": "https://www.youtube.com/watch?v=n3NKGsM3iEw",
-    "isPro": false,
+    "isNew": false,
     "authorUsername": "kamranahmedse",
     "duration": "12 minutes",
     "updatedAt": "2020-05-09T19:59:14.191Z",

lib/guide.ts

@@ -6,7 +6,7 @@ export type GuideType = {
   id: string;
   title: string;
   description: string;
-  isPro: boolean;
+  isNew: boolean;
   isDraft: boolean;
   createdAt: string;
   updatedAt: string;

lib/video.ts

@@ -7,7 +7,7 @@ export type VideoType = {
   title: string;
   description: string;
   youtubeLink?: string;
-  isPro: boolean;
+  isNew: boolean;
   duration: string;
   createdAt: string;
   updatedAt: string;

pages/[roadmap]/interactive.tsx

@@ -133,10 +133,6 @@ export function InteractiveRoadmapRenderer(props: RoadmapProps) {
     minHeight = ['400px', '865px', '1065px', '1400px', '1400px', '1400px'];
   }
 
-  if (roadmap.id === 'python') {
-    minHeight = ['495px', '598px', '919px', '1238px', '1238px', '1238px'];
-  }
-
   return (
     <Container maxW={'container.lg'} position="relative" minHeight={minHeight}>
       {(isLoading || isRendering) && <RoadmapLoader />}

pages/guides/index.tsx

@@ -52,7 +52,7 @@ export default function Guides(props: GuidesProps) {
                 href={`/guides/${oldGuide.id}`}
                 key={oldGuide.id}
                 title={oldGuide.title}
-                badgeText={oldGuide.isPro ? 'PRO' : ''}
+                badgeText={oldGuide.isNew ? 'NEW' : ''}
                 subtitle={oldGuide.formattedUpdatedAt!}
               />
             ))}