6 lines
134 KiB
HTML
6 lines
134 KiB
HTML
<!DOCTYPE html><html><head><meta charSet="UTF-8"/><title>Watch</title><meta name="description" content="Graphical video demonstrations on development topics"/><meta name="author" content="Kamran Ahmed"/><meta name="keywords" content="roadmap,developer roadmaps,developer roadmap,frontend developer,frontend developer roadmap,frontend,frontend roadmap,backend,backend developer,backend developer roadmap,devops,devops roadmap,fullstack developer roadmap,guide to becoming a developer,sre roadmap,sre,operations roadmap,qa roadmap,android roadmap,android developer roadmap,react roadmap,react developer roadmap,dba roadmap,postgresql dba roadmap"/><meta name="viewport" content="width=device-width, user-scalable=yes, initial-scale=1.0, maximum-scale=3.0, minimum-scale=1.0"/><meta http-equiv="Content-Language" content="en"/><meta property="og:title" content="Watch"/><meta property="og:description" content="Graphical video demonstrations on development topics"/><meta property="og:image" content="https://roadmap.sh/brand-square.png"/><meta property="og:url" content="https://roadmap.sh"/><meta property="og:type" content="website"/><meta property="article:publisher" content="https://facebook.com/kamranahmedse"/><meta property="og:site_name" content="roadmap.sh"/><meta property="article:author" content="Kamran Ahmed"/><meta name="twitter:card" content="summary"/><meta name="twitter:site" content="@kamranahmedse"/><meta name="twitter:title" content="Watch"/><meta name="twitter:description" content="Graphical video demonstrations on development topics"/><meta name="twitter:image" content="https://roadmap.sh/brand-square.png"/><meta name="twitter:image:alt" content="roadmap.sh"/><meta name="mobile-web-app-capable" content="yes"/><meta name="apple-mobile-web-app-capable" content="yes"/><meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/><link rel="apple-touch-icon" sizes="180x180" href="/manifest/apple-touch-icon.png"/><meta name="msapplication-TileColor" content="#101010"/><meta name="theme-color" content="#848a9a"/><link rel="manifest" href="/manifest/manifest.json"/><link rel="icon" type="image/png" sizes="32x32" href="/manifest/icon32.png"/><link rel="icon" type="image/png" sizes="16x16" href="/manifest/icon16.png"/><link rel="shortcut icon" href="/manifest/favicon.ico" type="image/x-icon"/><link rel="icon" href="/manifest/favicon.ico" type="image/x-icon"/><script async="" src="https://www.googletagmanager.com/gtag/js?id=UA-139582634-1"></script><script>
|
||
window.dataLayer = window.dataLayer || [];
|
||
function gtag(){dataLayer.push(arguments);}
|
||
gtag('js', new Date());
|
||
gtag('config', 'UA-139582634-1');
|
||
</script><meta name="next-head-count" content="34"/><link rel="preload" href="/_next/static/css/9630938f8579f20e.css" as="style"/><link rel="stylesheet" href="/_next/static/css/9630938f8579f20e.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-5cd94c89d3acac5f.js"></script><script src="/_next/static/chunks/webpack-378e68e29c265886.js" defer=""></script><script src="/_next/static/chunks/framework-dc33c0b5493501f0.js" defer=""></script><script src="/_next/static/chunks/main-056d531d8af152ad.js" defer=""></script><script src="/_next/static/chunks/pages/_app-981db2c906b1d6be.js" defer=""></script><script src="/_next/static/chunks/680-f2ef73bf59f135ea.js" defer=""></script><script src="/_next/static/chunks/515-79757bf997a2c9cf.js" defer=""></script><script src="/_next/static/chunks/pages/watch-c2fbdfcde4d79a92.js" defer=""></script><script src="/_next/static/ooSnr_WJpF8nzY9n_DSAx/_buildManifest.js" defer=""></script><script src="/_next/static/ooSnr_WJpF8nzY9n_DSAx/_ssgManifest.js" defer=""></script><script src="/_next/static/ooSnr_WJpF8nzY9n_DSAx/_middlewareManifest.js" defer=""></script><style data-styled="" data-styled-version="5.3.3"></style></head><body><div id="__next" data-reactroot=""><style data-emotion="css-global brzcv3">:host,:root{--chakra-ring-inset:var(--chakra-empty,/*!*/ /*!*/);--chakra-ring-offset-width:0px;--chakra-ring-offset-color:#fff;--chakra-ring-color:rgba(66, 153, 225, 0.6);--chakra-ring-offset-shadow:0 0 #0000;--chakra-ring-shadow:0 0 #0000;--chakra-space-x-reverse:0;--chakra-space-y-reverse:0;--chakra-colors-transparent:transparent;--chakra-colors-current:currentColor;--chakra-colors-black:#000000;--chakra-colors-white:#FFFFFF;--chakra-colors-whiteAlpha-50:rgba(255, 255, 255, 0.04);--chakra-colors-whiteAlpha-100:rgba(255, 255, 255, 0.06);--chakra-colors-whiteAlpha-200:rgba(255, 255, 255, 0.08);--chakra-colors-whiteAlpha-300:rgba(255, 255, 255, 0.16);--chakra-colors-whiteAlpha-400:rgba(255, 255, 255, 0.24);--chakra-colors-whiteAlpha-500:rgba(255, 255, 255, 0.36);--chakra-colors-whiteAlpha-600:rgba(255, 255, 255, 0.48);--chakra-colors-whiteAlpha-700:rgba(255, 255, 255, 0.64);--chakra-colors-whiteAlpha-800:rgba(255, 255, 255, 0.80);--chakra-colors-whiteAlpha-900:rgba(255, 255, 255, 0.92);--chakra-colors-blackAlpha-50:rgba(0, 0, 0, 0.04);--chakra-colors-blackAlpha-100:rgba(0, 0, 0, 0.06);--chakra-colors-blackAlpha-200:rgba(0, 0, 0, 0.08);--chakra-colors-blackAlpha-300:rgba(0, 0, 0, 0.16);--chakra-colors-blackAlpha-400:rgba(0, 0, 0, 0.24);--chakra-colors-blackAlpha-500:rgba(0, 0, 0, 0.36);--chakra-colors-blackAlpha-600:rgba(0, 0, 0, 0.48);--chakra-colors-blackAlpha-700:rgba(0, 0, 0, 0.64);--chakra-colors-blackAlpha-800:rgba(0, 0, 0, 0.80);--chakra-colors-blackAlpha-900:rgba(0, 0, 0, 0.92);--chakra-colors-gray-50:#F7FAFC;--chakra-colors-gray-100:#EDF2F7;--chakra-colors-gray-200:#E2E8F0;--chakra-colors-gray-300:#CBD5E0;--chakra-colors-gray-400:#A0AEC0;--chakra-colors-gray-500:#718096;--chakra-colors-gray-600:#4A5568;--chakra-colors-gray-700:#2D3748;--chakra-colors-gray-800:#1A202C;--chakra-colors-gray-900:#171923;--chakra-colors-red-50:#FFF5F5;--chakra-colors-red-100:#FED7D7;--chakra-colors-red-200:#FEB2B2;--chakra-colors-red-300:#FC8181;--chakra-colors-red-400:#F56565;--chakra-colors-red-500:#E53E3E;--chakra-colors-red-600:#C53030;--chakra-colors-red-700:#9B2C2C;--chakra-colors-red-800:#822727;--chakra-colors-red-900:#63171B;--chakra-colors-orange-50:#FFFAF0;--chakra-colors-orange-100:#FEEBC8;--chakra-colors-orange-200:#FBD38D;--chakra-colors-orange-300:#F6AD55;--chakra-colors-orange-400:#ED8936;--chakra-colors-orange-500:#DD6B20;--chakra-colors-orange-600:#C05621;--chakra-colors-orange-700:#9C4221;--chakra-colors-orange-800:#7B341E;--chakra-colors-orange-900:#652B19;--chakra-colors-yellow-50:#FFFFF0;--chakra-colors-yellow-100:#FEFCBF;--chakra-colors-yellow-200:#FAF089;--chakra-colors-yellow-300:#F6E05E;--chakra-colors-yellow-400:#ECC94B;--chakra-colors-yellow-500:#D69E2E;--chakra-colors-yellow-600:#B7791F;--chakra-colors-yellow-700:#975A16;--chakra-colors-yellow-800:#744210;--chakra-colors-yellow-900:#5F370E;--chakra-colors-green-50:#F0FFF4;--chakra-colors-green-100:#C6F6D5;--chakra-colors-green-200:#9AE6B4;--chakra-colors-green-300:#68D391;--chakra-colors-green-400:#48BB78;--chakra-colors-green-500:#38A169;--chakra-colors-green-600:#2F855A;--chakra-colors-green-700:#276749;--chakra-colors-green-800:#22543D;--chakra-colors-green-900:#1C4532;--chakra-colors-teal-50:#E6FFFA;--chakra-colors-teal-100:#B2F5EA;--chakra-colors-teal-200:#81E6D9;--chakra-colors-teal-300:#4FD1C5;--chakra-colors-teal-400:#38B2AC;--chakra-colors-teal-500:#319795;--chakra-colors-teal-600:#2C7A7B;--chakra-colors-teal-700:#285E61;--chakra-colors-teal-800:#234E52;--chakra-colors-teal-900:#1D4044;--chakra-colors-blue-50:#ebf8ff;--chakra-colors-blue-100:#bee3f8;--chakra-colors-blue-200:#90cdf4;--chakra-colors-blue-300:#63b3ed;--chakra-colors-blue-400:#4299e1;--chakra-colors-blue-500:#3182ce;--chakra-colors-blue-600:#2b6cb0;--chakra-colors-blue-700:#2c5282;--chakra-colors-blue-800:#2a4365;--chakra-colors-blue-900:#1A365D;--chakra-colors-cyan-50:#EDFDFD;--chakra-colors-cyan-100:#C4F1F9;--chakra-colors-cyan-200:#9DECF9;--chakra-colors-cyan-300:#76E4F7;--chakra-colors-cyan-400:#0BC5EA;--chakra-colors-cyan-500:#00B5D8;--chakra-colors-cyan-600:#00A3C4;--chakra-colors-cyan-700:#0987A0;--chakra-colors-cyan-800:#086F83;--chakra-colors-cyan-900:#065666;--chakra-colors-purple-50:#FAF5FF;--chakra-colors-purple-100:#E9D8FD;--chakra-colors-purple-200:#D6BCFA;--chakra-colors-purple-300:#B794F4;--chakra-colors-purple-400:#9F7AEA;--chakra-colors-purple-500:#805AD5;--chakra-colors-purple-600:#6B46C1;--chakra-colors-purple-700:#553C9A;--chakra-colors-purple-800:#44337A;--chakra-colors-purple-900:#322659;--chakra-colors-pink-50:#FFF5F7;--chakra-colors-pink-100:#FED7E2;--chakra-colors-pink-200:#FBB6CE;--chakra-colors-pink-300:#F687B3;--chakra-colors-pink-400:#ED64A6;--chakra-colors-pink-500:#D53F8C;--chakra-colors-pink-600:#B83280;--chakra-colors-pink-700:#97266D;--chakra-colors-pink-800:#702459;--chakra-colors-pink-900:#521B41;--chakra-colors-linkedin-50:#E8F4F9;--chakra-colors-linkedin-100:#CFEDFB;--chakra-colors-linkedin-200:#9BDAF3;--chakra-colors-linkedin-300:#68C7EC;--chakra-colors-linkedin-400:#34B3E4;--chakra-colors-linkedin-500:#00A0DC;--chakra-colors-linkedin-600:#008CC9;--chakra-colors-linkedin-700:#0077B5;--chakra-colors-linkedin-800:#005E93;--chakra-colors-linkedin-900:#004471;--chakra-colors-facebook-50:#E8F4F9;--chakra-colors-facebook-100:#D9DEE9;--chakra-colors-facebook-200:#B7C2DA;--chakra-colors-facebook-300:#6482C0;--chakra-colors-facebook-400:#4267B2;--chakra-colors-facebook-500:#385898;--chakra-colors-facebook-600:#314E89;--chakra-colors-facebook-700:#29487D;--chakra-colors-facebook-800:#223B67;--chakra-colors-facebook-900:#1E355B;--chakra-colors-messenger-50:#D0E6FF;--chakra-colors-messenger-100:#B9DAFF;--chakra-colors-messenger-200:#A2CDFF;--chakra-colors-messenger-300:#7AB8FF;--chakra-colors-messenger-400:#2E90FF;--chakra-colors-messenger-500:#0078FF;--chakra-colors-messenger-600:#0063D1;--chakra-colors-messenger-700:#0052AC;--chakra-colors-messenger-800:#003C7E;--chakra-colors-messenger-900:#002C5C;--chakra-colors-whatsapp-50:#dffeec;--chakra-colors-whatsapp-100:#b9f5d0;--chakra-colors-whatsapp-200:#90edb3;--chakra-colors-whatsapp-300:#65e495;--chakra-colors-whatsapp-400:#3cdd78;--chakra-colors-whatsapp-500:#22c35e;--chakra-colors-whatsapp-600:#179848;--chakra-colors-whatsapp-700:#0c6c33;--chakra-colors-whatsapp-800:#01421c;--chakra-colors-whatsapp-900:#001803;--chakra-colors-twitter-50:#E5F4FD;--chakra-colors-twitter-100:#C8E9FB;--chakra-colors-twitter-200:#A8DCFA;--chakra-colors-twitter-300:#83CDF7;--chakra-colors-twitter-400:#57BBF5;--chakra-colors-twitter-500:#1DA1F2;--chakra-colors-twitter-600:#1A94DA;--chakra-colors-twitter-700:#1681BF;--chakra-colors-twitter-800:#136B9E;--chakra-colors-twitter-900:#0D4D71;--chakra-colors-telegram-50:#E3F2F9;--chakra-colors-telegram-100:#C5E4F3;--chakra-colors-telegram-200:#A2D4EC;--chakra-colors-telegram-300:#7AC1E4;--chakra-colors-telegram-400:#47A9DA;--chakra-colors-telegram-500:#0088CC;--chakra-colors-telegram-600:#007AB8;--chakra-colors-telegram-700:#006BA1;--chakra-colors-telegram-800:#005885;--chakra-colors-telegram-900:#003F5E;--chakra-colors-brand-bg:#06020d;--chakra-colors-brand-hero:#06020d;--chakra-colors-brand-footer:#0d041e;--chakra-borders-none:0;--chakra-borders-1px:1px solid;--chakra-borders-2px:2px solid;--chakra-borders-4px:4px solid;--chakra-borders-8px:8px solid;--chakra-fonts-heading:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--chakra-fonts-body:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--chakra-fonts-mono:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--chakra-fontSizes-xs:0.75rem;--chakra-fontSizes-sm:0.875rem;--chakra-fontSizes-md:1rem;--chakra-fontSizes-lg:1.125rem;--chakra-fontSizes-xl:1.25rem;--chakra-fontSizes-2xl:1.5rem;--chakra-fontSizes-3xl:1.875rem;--chakra-fontSizes-4xl:2.25rem;--chakra-fontSizes-5xl:3rem;--chakra-fontSizes-6xl:3.75rem;--chakra-fontSizes-7xl:4.5rem;--chakra-fontSizes-8xl:6rem;--chakra-fontSizes-9xl:8rem;--chakra-fontWeights-hairline:100;--chakra-fontWeights-thin:200;--chakra-fontWeights-light:300;--chakra-fontWeights-normal:400;--chakra-fontWeights-medium:500;--chakra-fontWeights-semibold:600;--chakra-fontWeights-bold:700;--chakra-fontWeights-extrabold:800;--chakra-fontWeights-black:900;--chakra-letterSpacings-tighter:-0.05em;--chakra-letterSpacings-tight:-0.025em;--chakra-letterSpacings-normal:0;--chakra-letterSpacings-wide:0.025em;--chakra-letterSpacings-wider:0.05em;--chakra-letterSpacings-widest:0.1em;--chakra-lineHeights-3:.75rem;--chakra-lineHeights-4:1rem;--chakra-lineHeights-5:1.25rem;--chakra-lineHeights-6:1.5rem;--chakra-lineHeights-7:1.75rem;--chakra-lineHeights-8:2rem;--chakra-lineHeights-9:2.25rem;--chakra-lineHeights-10:2.5rem;--chakra-lineHeights-normal:normal;--chakra-lineHeights-none:1;--chakra-lineHeights-shorter:1.25;--chakra-lineHeights-short:1.375;--chakra-lineHeights-base:1.5;--chakra-lineHeights-tall:1.625;--chakra-lineHeights-taller:2;--chakra-radii-none:0;--chakra-radii-sm:0.125rem;--chakra-radii-base:0.25rem;--chakra-radii-md:0.375rem;--chakra-radii-lg:0.5rem;--chakra-radii-xl:0.75rem;--chakra-radii-2xl:1rem;--chakra-radii-3xl:1.5rem;--chakra-radii-full:9999px;--chakra-space-1:0.25rem;--chakra-space-2:0.5rem;--chakra-space-3:0.75rem;--chakra-space-4:1rem;--chakra-space-5:1.25rem;--chakra-space-6:1.5rem;--chakra-space-7:1.75rem;--chakra-space-8:2rem;--chakra-space-9:2.25rem;--chakra-space-10:2.5rem;--chakra-space-12:3rem;--chakra-space-14:3.5rem;--chakra-space-16:4rem;--chakra-space-20:5rem;--chakra-space-24:6rem;--chakra-space-28:7rem;--chakra-space-32:8rem;--chakra-space-36:9rem;--chakra-space-40:10rem;--chakra-space-44:11rem;--chakra-space-48:12rem;--chakra-space-52:13rem;--chakra-space-56:14rem;--chakra-space-60:15rem;--chakra-space-64:16rem;--chakra-space-72:18rem;--chakra-space-80:20rem;--chakra-space-96:24rem;--chakra-space-px:1px;--chakra-space-0\.5:0.125rem;--chakra-space-1\.5:0.375rem;--chakra-space-2\.5:0.625rem;--chakra-space-3\.5:0.875rem;--chakra-shadows-xs:0 0 0 1px rgba(0, 0, 0, 0.05);--chakra-shadows-sm:0 1px 2px 0 rgba(0, 0, 0, 0.05);--chakra-shadows-base:0 1px 3px 0 rgba(0, 0, 0, 0.1),0 1px 2px 0 rgba(0, 0, 0, 0.06);--chakra-shadows-md:0 4px 6px -1px rgba(0, 0, 0, 0.1),0 2px 4px -1px rgba(0, 0, 0, 0.06);--chakra-shadows-lg:0 10px 15px -3px rgba(0, 0, 0, 0.1),0 4px 6px -2px rgba(0, 0, 0, 0.05);--chakra-shadows-xl:0 20px 25px -5px rgba(0, 0, 0, 0.1),0 10px 10px -5px rgba(0, 0, 0, 0.04);--chakra-shadows-2xl:0 25px 50px -12px rgba(0, 0, 0, 0.25);--chakra-shadows-outline:0 0 0 3px rgba(66, 153, 225, 0.6);--chakra-shadows-inner:inset 0 2px 4px 0 rgba(0,0,0,0.06);--chakra-shadows-none:none;--chakra-shadows-dark-lg:rgba(0, 0, 0, 0.1) 0px 0px 0px 1px,rgba(0, 0, 0, 0.2) 0px 5px 10px,rgba(0, 0, 0, 0.4) 0px 15px 40px;--chakra-sizes-1:0.25rem;--chakra-sizes-2:0.5rem;--chakra-sizes-3:0.75rem;--chakra-sizes-4:1rem;--chakra-sizes-5:1.25rem;--chakra-sizes-6:1.5rem;--chakra-sizes-7:1.75rem;--chakra-sizes-8:2rem;--chakra-sizes-9:2.25rem;--chakra-sizes-10:2.5rem;--chakra-sizes-12:3rem;--chakra-sizes-14:3.5rem;--chakra-sizes-16:4rem;--chakra-sizes-20:5rem;--chakra-sizes-24:6rem;--chakra-sizes-28:7rem;--chakra-sizes-32:8rem;--chakra-sizes-36:9rem;--chakra-sizes-40:10rem;--chakra-sizes-44:11rem;--chakra-sizes-48:12rem;--chakra-sizes-52:13rem;--chakra-sizes-56:14rem;--chakra-sizes-60:15rem;--chakra-sizes-64:16rem;--chakra-sizes-72:18rem;--chakra-sizes-80:20rem;--chakra-sizes-96:24rem;--chakra-sizes-px:1px;--chakra-sizes-0\.5:0.125rem;--chakra-sizes-1\.5:0.375rem;--chakra-sizes-2\.5:0.625rem;--chakra-sizes-3\.5:0.875rem;--chakra-sizes-max:max-content;--chakra-sizes-min:min-content;--chakra-sizes-full:100%;--chakra-sizes-3xs:14rem;--chakra-sizes-2xs:16rem;--chakra-sizes-xs:20rem;--chakra-sizes-sm:24rem;--chakra-sizes-md:28rem;--chakra-sizes-lg:32rem;--chakra-sizes-xl:36rem;--chakra-sizes-2xl:42rem;--chakra-sizes-3xl:48rem;--chakra-sizes-4xl:56rem;--chakra-sizes-5xl:64rem;--chakra-sizes-6xl:72rem;--chakra-sizes-7xl:80rem;--chakra-sizes-8xl:90rem;--chakra-sizes-container-sm:640px;--chakra-sizes-container-md:768px;--chakra-sizes-container-lg:1024px;--chakra-sizes-container-xl:1280px;--chakra-zIndices-hide:-1;--chakra-zIndices-auto:auto;--chakra-zIndices-base:0;--chakra-zIndices-docked:10;--chakra-zIndices-dropdown:1000;--chakra-zIndices-sticky:1100;--chakra-zIndices-banner:1200;--chakra-zIndices-overlay:1300;--chakra-zIndices-modal:1400;--chakra-zIndices-popover:1500;--chakra-zIndices-skipLink:1600;--chakra-zIndices-toast:1700;--chakra-zIndices-tooltip:1800;--chakra-transition-property-common:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;--chakra-transition-property-colors:background-color,border-color,color,fill,stroke;--chakra-transition-property-dimensions:width,height;--chakra-transition-property-position:left,right,top,bottom;--chakra-transition-property-background:background-color,background-image,background-position;--chakra-transition-easing-ease-in:cubic-bezier(0.4, 0, 1, 1);--chakra-transition-easing-ease-out:cubic-bezier(0, 0, 0.2, 1);--chakra-transition-easing-ease-in-out:cubic-bezier(0.4, 0, 0.2, 1);--chakra-transition-duration-ultra-fast:50ms;--chakra-transition-duration-faster:100ms;--chakra-transition-duration-fast:150ms;--chakra-transition-duration-normal:200ms;--chakra-transition-duration-slow:300ms;--chakra-transition-duration-slower:400ms;--chakra-transition-duration-ultra-slow:500ms;--chakra-blur-none:0;--chakra-blur-sm:4px;--chakra-blur-base:8px;--chakra-blur-md:12px;--chakra-blur-lg:16px;--chakra-blur-xl:24px;--chakra-blur-2xl:40px;--chakra-blur-3xl:64px;}</style><style data-emotion="css-global 1jqlf9g">html{line-height:1.5;-webkit-text-size-adjust:100%;font-family:system-ui,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;touch-action:manipulation;}body{position:relative;min-height:100%;font-feature-settings:'kern';}*,*::before,*::after{border-width:0;border-style:solid;box-sizing:border-box;}main{display:block;}hr{border-top-width:1px;box-sizing:content-box;height:0;overflow:visible;}pre,code,kbd,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:1em;}a{background-color:transparent;color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bold;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{-webkit-appearance:none!important;}input[type="number"]{-moz-appearance:textfield;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none!important;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none!important;}body,blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0;}button{background:transparent;padding:0;}fieldset{margin:0;padding:0;}ol,ul{margin:0;padding:0;}textarea{resize:vertical;}button,[role="button"]{cursor:pointer;}button::-moz-focus-inner{border:0!important;}table{border-collapse:collapse;}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;}button,input,optgroup,select,textarea{padding:0;line-height:inherit;color:inherit;}img,svg,video,canvas,audio,iframe,embed,object{display:block;}img,video{max-width:100%;height:auto;}[data-js-focus-visible] :focus:not([data-focus-visible-added]){outline:none;box-shadow:none;}select::-ms-expand{display:none;}</style><style data-emotion="css-global 1baqkrf">body{font-family:var(--chakra-fonts-body);color:var(--chakra-colors-gray-800);background:var(--chakra-colors-white);transition-property:background-color;transition-duration:var(--chakra-transition-duration-normal);line-height:var(--chakra-lineHeights-base);}*::-webkit-input-placeholder{color:var(--chakra-colors-gray-400);}*::-moz-placeholder{color:var(--chakra-colors-gray-400);}*:-ms-input-placeholder{color:var(--chakra-colors-gray-400);}*::placeholder{color:var(--chakra-colors-gray-400);}*,*::before,::after{border-color:var(--chakra-colors-gray-200);word-wrap:break-word;}</style><style data-emotion="css-global 1v09d1a">.js-focus-visible :focus:not([data-focus-visible-added]){outline:none;box-shadow:none;}svg text tspan{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeSpeed;}code{background:#1e1e3f;color:#9efeff;padding:3px 5px;font-size:14px;border-radius:3px;}svg .clickable-group{cursor:pointer;}svg .clickable-group:hover>[fill="rgb(65,53,214)"]{fill:#232381;stroke:#232381;}svg .clickable-group:hover>[fill="rgb(255,255,0)"]{fill:#d6d700;}svg .clickable-group:hover>[fill="rgb(255,229,153)"]{fill:#f3c950;}svg .clickable-group:hover>[fill="rgb(153,153,153)"]{fill:#646464;}svg .clickable-group:hover>[fill="rgb(255,255,255)"]{fill:#d7d7d7;}svg .done rect{fill:#cbcbcb!important;}svg .done text{-webkit-text-decoration:line-through;text-decoration:line-through;}</style><style data-emotion="css gk6shj">.css-gk6shj{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;background:var(--chakra-colors-yellow-200);color:var(--chakra-colors-gray-900);position:-webkit-sticky;position:sticky;top:0px;z-index:999;padding-top:8px;padding-bottom:8px;}.css-gk6shj:hover,.css-gk6shj[data-hover]{-webkit-text-decoration:none;text-decoration:none;background:var(--chakra-colors-yellow-400);}</style><style data-emotion="css n1ed3e">.css-n1ed3e{transition-property:var(--chakra-transition-property-common);transition-duration:var(--chakra-transition-duration-fast);transition-timing-function:var(--chakra-transition-easing-ease-out);cursor:pointer;-webkit-text-decoration:none;text-decoration:none;outline:2px solid transparent;outline-offset:2px;color:inherit;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;background:var(--chakra-colors-yellow-200);color:var(--chakra-colors-gray-900);position:-webkit-sticky;position:sticky;top:0px;z-index:999;padding-top:8px;padding-bottom:8px;}.css-n1ed3e:hover,.css-n1ed3e[data-hover]{-webkit-text-decoration:underline;text-decoration:underline;}.css-n1ed3e:focus,.css-n1ed3e[data-focus]{box-shadow:var(--chakra-shadows-outline);}.css-n1ed3e:hover,.css-n1ed3e[data-hover]{-webkit-text-decoration:none;text-decoration:none;background:var(--chakra-colors-yellow-400);}</style><a target="_blank" class="chakra-link css-n1ed3e" href="https://youtube.com/theroadmap?sub_confirmation=1"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="currentColor" style="height:20px;display:inline-block;margin-right:7px"><path d="M19.615 3.184c-3.604-.246-11.631-.245-15.23 0C.488 3.45.029 5.804 0 12c.029 6.185.484 8.549 4.385 8.816 3.6.245 11.626.246 15.23 0C23.512 20.55 23.971 18.196 24 12c-.029-6.185-.484-8.549-4.385-8.816zM9 16V8l8 3.993L9 16z"></path></svg><style data-emotion="css 17vuvug">.css-17vuvug{font-weight:500;font-size:14px;}</style><span class="chakra-text css-17vuvug"><span class="chakra-text css-0">We now have a YouTube Channel. <style data-emotion="css 13wfqy8">.css-13wfqy8{display:none;}@media screen and (min-width: 30em){.css-13wfqy8{display:inline;}}</style><span class="chakra-text css-13wfqy8">Subscribe for the video content.</span></span></span></a><style data-emotion="css 123acky">.css-123acky{background:var(--chakra-colors-white);min-height:100vh;}</style><div class="css-123acky"><style data-emotion="css sttgv9">.css-sttgv9{background:var(--chakra-colors-gray-900);padding:20px 0;}</style><div class="css-sttgv9"><style data-emotion="css nm5t63">.css-nm5t63{width:100%;-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;max-width:var(--chakra-sizes-container-md);-webkit-padding-start:1rem;padding-inline-start:1rem;-webkit-padding-end:1rem;padding-inline-end:1rem;}</style><div class="chakra-container css-nm5t63"><style data-emotion="css 1lekzkb">.css-1lekzkb{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}</style><div class="css-1lekzkb"><div class="css-0"><style data-emotion="css 140fodl">.css-140fodl{transition-property:var(--chakra-transition-property-common);transition-duration:var(--chakra-transition-duration-fast);transition-timing-function:var(--chakra-transition-easing-ease-out);cursor:pointer;-webkit-text-decoration:none;text-decoration:none;outline:2px solid transparent;outline-offset:2px;color:var(--chakra-colors-white);width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-weight:600;font-size:18px;}.css-140fodl:hover,.css-140fodl[data-hover]{-webkit-text-decoration:none;text-decoration:none;}.css-140fodl:focus,.css-140fodl[data-focus]{box-shadow:var(--chakra-shadows-outline);}</style><a class="chakra-link css-140fodl" href="/"><svg width="30" height="30" viewBox="0 0 283 283" fill="none" xmlns="http://www.w3.org/2000/svg" style="height:30px;width:30px;margin-right:10px"><path d="M0 39C0 17.46 17.46 0 39 0h205c21.539 0 39 17.46 39 39v205c0 21.539-17.461 39-39 39H39c-21.54 0-39-17.461-39-39V39Z" fill="#000"></path><path d="M121.215 210.72c-1.867.56-4.854 1.12-8.96 1.68-3.92.56-8.027.84-12.32.84-4.107 0-7.84-.28-11.2-.84-3.174-.56-5.88-1.68-8.12-3.36-2.24-1.68-4.014-3.92-5.32-6.72-1.12-2.987-1.68-6.813-1.68-11.48v-84c0-4.293.746-7.933 2.24-10.92 1.68-3.173 4.013-5.973 7-8.4 2.986-2.427 6.626-4.573 10.92-6.44 4.48-2.053 9.24-3.827 14.28-5.32a106.176 106.176 0 0 1 15.68-3.36 95.412 95.412 0 0 1 16.24-1.4c8.96 0 16.053 1.773 21.28 5.32 5.226 3.36 7.84 8.96 7.84 16.8 0 2.613-.374 5.227-1.12 7.84-.747 2.427-1.68 4.667-2.8 6.72-3.92 0-7.934.187-12.04.56-4.107.373-8.12.933-12.04 1.68-3.92.747-7.654 1.587-11.2 2.52-3.36.747-6.254 1.68-8.68 2.8v95.48Zm45.172-22.4c0-7.84 2.426-14.373 7.28-19.6 4.853-5.227 11.48-7.84 19.88-7.84 8.4 0 15.026 2.613 19.88 7.84 4.853 5.227 7.28 11.76 7.28 19.6 0 7.84-2.427 14.373-7.28 19.6-4.854 5.227-11.48 7.84-19.88 7.84-8.4 0-15.027-2.613-19.88-7.84-4.854-5.227-7.28-11.76-7.28-19.6Z" fill="#fff"></path></svg><style data-emotion="css 1youuz0">.css-1youuz0{display:block;}@media screen and (min-width: 30em){.css-1youuz0{display:none;}}@media screen and (min-width: 48em){.css-1youuz0{display:block;}}</style><span class="chakra-text css-1youuz0">roadmap.sh</span></a></div><style data-emotion="css 1w38872">.css-1w38872{display:none;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;color:var(--chakra-colors-gray-50);font-size:15px;}.css-1w38872>*:not(style)~*:not(style){margin-top:0px;-webkit-margin-end:0px;margin-inline-end:0px;margin-bottom:0px;-webkit-margin-start:15px;margin-inline-start:15px;}@media screen and (min-width: 30em){.css-1w38872{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}}@media screen and (min-width: 48em){.css-1w38872{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}}</style><div class="chakra-stack css-1w38872"><style data-emotion="css 1qy82gu">.css-1qy82gu{display:inline-block;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;min-width:0px;}</style><div class="chakra-stack__item css-1qy82gu"><style data-emotion="css lstwx6">.css-lstwx6{transition-property:var(--chakra-transition-property-common);transition-duration:var(--chakra-transition-duration-fast);transition-timing-function:var(--chakra-transition-easing-ease-out);cursor:pointer;-webkit-text-decoration:none;text-decoration:none;outline:2px solid transparent;outline-offset:2px;color:inherit;border-bottom-width:0;border-bottom-color:var(--chakra-colors-gray-500);font-weight:500;}.css-lstwx6:hover,.css-lstwx6[data-hover]{-webkit-text-decoration:none;text-decoration:none;border-bottom-color:var(--chakra-colors-white);}.css-lstwx6:focus,.css-lstwx6[data-focus]{box-shadow:var(--chakra-shadows-outline);}</style><a class="chakra-link css-lstwx6" href="/roadmaps">Roadmaps</a></div><div class="chakra-stack__item css-1qy82gu"><a class="chakra-link css-lstwx6" href="/guides">Guides</a></div><div class="chakra-stack__item css-1qy82gu"><a class="chakra-link css-lstwx6" href="/watch">Videos</a></div><div class="chakra-stack__item css-1qy82gu"><a class="chakra-link css-lstwx6" href="/thanks">Thanks</a></div><div class="chakra-stack__item css-1qy82gu"><style data-emotion="css t88ydv">.css-t88ydv{transition-property:var(--chakra-transition-property-common);transition-duration:var(--chakra-transition-duration-fast);transition-timing-function:var(--chakra-transition-easing-ease-out);cursor:pointer;-webkit-text-decoration:none;text-decoration:none;outline:2px solid transparent;outline-offset:2px;color:inherit;margin-left:10px;background-image:linear-gradient(to left, var(--chakra-colors-yellow-700), var(--chakra-colors-red-600));padding:7px 10px;border-radius:4px;font-weight:500;}.css-t88ydv:hover,.css-t88ydv[data-hover]{-webkit-text-decoration:none;text-decoration:none;background-image:linear-gradient(to left, var(--chakra-colors-red-800), var(--chakra-colors-yellow-700));}.css-t88ydv:focus,.css-t88ydv[data-focus]{box-shadow:var(--chakra-shadows-outline);}</style><a class="chakra-link css-t88ydv" href="/signup">Subscribe</a></div></div><style data-emotion="css lpr56g">.css-lpr56g{display:block;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;white-space:nowrap;vertical-align:middle;outline:2px solid transparent;outline-offset:2px;width:auto;line-height:1.2;border-radius:5px;font-weight:var(--chakra-fontWeights-semibold);transition-property:var(--chakra-transition-property-common);transition-duration:var(--chakra-transition-duration-normal);height:auto;min-width:var(--chakra-sizes-10);font-size:var(--chakra-fontSizes-md);-webkit-padding-start:var(--chakra-space-4);padding-inline-start:var(--chakra-space-4);-webkit-padding-end:var(--chakra-space-4);padding-inline-end:var(--chakra-space-4);background:var(--chakra-colors-transparent);padding:0px;color:var(--chakra-colors-white);cursor:pointer;}.css-lpr56g:focus,.css-lpr56g[data-focus]{background:var(--chakra-colors-transparent);}.css-lpr56g[disabled],.css-lpr56g[aria-disabled=true],.css-lpr56g[data-disabled]{opacity:0.4;cursor:not-allowed;box-shadow:var(--chakra-shadows-none);}.css-lpr56g:hover,.css-lpr56g[data-hover]{background:var(--chakra-colors-transparent);}.css-lpr56g:active,.css-lpr56g[data-active]{background:var(--chakra-colors-transparent);}@media screen and (min-width: 30em){.css-lpr56g{display:none;}}@media screen and (min-width: 48em){.css-lpr56g{display:none;}}</style><button type="button" class="chakra-button css-lpr56g" aria-label="Menu"><style data-emotion="css 17elikm">.css-17elikm{width:25px;height:25px;display:inline-block;line-height:1em;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;color:var(--chakra-colors-white);vertical-align:middle;}</style><svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-17elikm" aria-hidden="true"><path fill="currentColor" d="M 3 5 A 1.0001 1.0001 0 1 0 3 7 L 21 7 A 1.0001 1.0001 0 1 0 21 5 L 3 5 z M 3 11 A 1.0001 1.0001 0 1 0 3 13 L 21 13 A 1.0001 1.0001 0 1 0 21 11 L 3 11 z M 3 17 A 1.0001 1.0001 0 1 0 3 19 L 21 19 A 1.0001 1.0001 0 1 0 21 17 L 3 17 z"></path></svg></button></div></div></div><style data-emotion="css flpniz">.css-flpniz{margin-bottom:60px;}</style><div class="css-flpniz"><style data-emotion="css gs1c7k">.css-gs1c7k{padding-top:25px;padding-bottom:20px;border-bottom-width:1px;margin-bottom:30px;}@media screen and (min-width: 30em){.css-gs1c7k{padding-top:20px;padding-bottom:15px;}}@media screen and (min-width: 48em){.css-gs1c7k{padding-top:45px;padding-bottom:30px;}}</style><div class="css-gs1c7k"><style data-emotion="css ms16h5">.css-ms16h5{width:100%;-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;max-width:var(--chakra-sizes-container-md);-webkit-padding-start:1rem;padding-inline-start:1rem;-webkit-padding-end:1rem;padding-inline-end:1rem;position:relative;}</style><div class="chakra-container css-ms16h5"><style data-emotion="css icqtwo">.css-icqtwo{font-family:var(--chakra-fonts-heading);font-weight:700;font-size:28px;line-height:1.33;color:var(--chakra-colors-black);margin-bottom:2px;}@media screen and (min-width: 30em){.css-icqtwo{font-size:33px;margin-bottom:2px;}}@media screen and (min-width: 48em){.css-icqtwo{font-size:40px;line-height:1.2;margin-bottom:5px;}}</style><h1 class="chakra-heading css-icqtwo">Watch</h1><style data-emotion="css 7zsnf3">.css-7zsnf3{font-size:13px;}@media screen and (min-width: 30em){.css-7zsnf3{font-size:14px;}}@media screen and (min-width: 48em){.css-7zsnf3{font-size:15px;}}</style><p class="chakra-text css-7zsnf3">Graphical video demonstrations on development topics</p></div></div><div class="chakra-container css-ms16h5"><style data-emotion="css iscts4">.css-iscts4{display:grid;grid-gap:10px;grid-template-columns:repeat(1, minmax(0, 1fr));margin-bottom:30px;}@media screen and (min-width: 30em){.css-iscts4{grid-gap:10px;grid-template-columns:repeat(1, minmax(0, 1fr));}}@media screen and (min-width: 48em){.css-iscts4{grid-gap:15px;grid-template-columns:repeat(2, minmax(0, 1fr));}}</style><div class="css-iscts4"><style data-emotion="css wgubxb">.css-wgubxb{box-shadow:var(--chakra-shadows-xl);padding:20px;border-radius:10px;background:var(--chakra-colors-gray-900);-webkit-flex:1;-ms-flex:1;flex:1;}.css-wgubxb:hover,.css-wgubxb[data-hover]{-webkit-text-decoration:none;text-decoration:none;-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02);}</style><style data-emotion="css ksagad">.css-ksagad{transition-property:var(--chakra-transition-property-common);transition-duration:var(--chakra-transition-duration-fast);transition-timing-function:var(--chakra-transition-easing-ease-out);cursor:pointer;-webkit-text-decoration:none;text-decoration:none;outline:2px solid transparent;outline-offset:2px;color:inherit;box-shadow:var(--chakra-shadows-xl);padding:20px;border-radius:10px;background:var(--chakra-colors-gray-900);-webkit-flex:1;-ms-flex:1;flex:1;}.css-ksagad:hover,.css-ksagad[data-hover]{-webkit-text-decoration:underline;text-decoration:underline;}.css-ksagad:focus,.css-ksagad[data-focus]{box-shadow:var(--chakra-shadows-outline);}.css-ksagad:hover,.css-ksagad[data-hover]{-webkit-text-decoration:none;text-decoration:none;-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02);}</style><a target="_blank" class="chakra-link css-ksagad" href="https://www.youtube.com/watch?v=jalSiaIi8j4"><style data-emotion="css 13chb0j">.css-13chb0j{margin-bottom:7px;font-size:12px;color:var(--chakra-colors-gray-400);}</style><p class="chakra-text css-13chb0j"><style data-emotion="css s3vp3q">.css-s3vp3q{display:inline-block;white-space:nowrap;vertical-align:middle;-webkit-padding-start:var(--chakra-space-1);padding-inline-start:var(--chakra-space-1);-webkit-padding-end:var(--chakra-space-1);padding-inline-end:var(--chakra-space-1);text-transform:uppercase;font-size:var(--chakra-fontSizes-xs);border-radius:var(--chakra-radii-sm);font-weight:var(--chakra-fontWeights-bold);background:var(--chakra-colors-yellow-100);color:var(--chakra-colors-yellow-800);margin-right:10px;}</style><span class="chakra-badge css-s3vp3q">New</span>February 21, 2022</p><style data-emotion="css 1ji7tii">.css-1ji7tii{font-family:var(--chakra-fonts-heading);font-weight:var(--chakra-fontWeights-bold);font-size:20px;line-height:28px;color:var(--chakra-colors-white);margin-bottom:6px;}</style><h2 class="chakra-heading css-1ji7tii">Hash Table Data Structure</h2><style data-emotion="css w1cw8v">.css-w1cw8v{color:var(--chakra-colors-gray-300);font-size:14px;}</style><p class="chakra-text css-w1cw8v">Learn everything you need to know about the hash table data structure</p></a><style data-emotion="css kimkbx">.css-kimkbx{box-shadow:var(--chakra-shadows-xl);padding:20px;border-radius:10px;background:var(--chakra-colors-purple-900);-webkit-flex:1;-ms-flex:1;flex:1;}.css-kimkbx:hover,.css-kimkbx[data-hover]{-webkit-text-decoration:none;text-decoration:none;-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02);}</style><style data-emotion="css 1rcq1ly">.css-1rcq1ly{transition-property:var(--chakra-transition-property-common);transition-duration:var(--chakra-transition-duration-fast);transition-timing-function:var(--chakra-transition-easing-ease-out);cursor:pointer;-webkit-text-decoration:none;text-decoration:none;outline:2px solid transparent;outline-offset:2px;color:inherit;box-shadow:var(--chakra-shadows-xl);padding:20px;border-radius:10px;background:var(--chakra-colors-purple-900);-webkit-flex:1;-ms-flex:1;flex:1;}.css-1rcq1ly:hover,.css-1rcq1ly[data-hover]{-webkit-text-decoration:underline;text-decoration:underline;}.css-1rcq1ly:focus,.css-1rcq1ly[data-focus]{box-shadow:var(--chakra-shadows-outline);}.css-1rcq1ly:hover,.css-1rcq1ly[data-hover]{-webkit-text-decoration:none;text-decoration:none;-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02);}</style><a target="_blank" class="chakra-link css-1rcq1ly" href="https://www.youtube.com/watch?v=mDCi1lXd9hc"><p class="chakra-text css-13chb0j"><span class="chakra-badge css-s3vp3q">New</span>February 14, 2022</p><h2 class="chakra-heading css-1ji7tii">Queue Data Structure</h2><p class="chakra-text css-w1cw8v">Learn everything you need to know about the queue data structure</p></a><style data-emotion="css 1uikblr">.css-1uikblr{box-shadow:var(--chakra-shadows-xl);padding:20px;border-radius:10px;background:var(--chakra-colors-blue-900);-webkit-flex:1;-ms-flex:1;flex:1;}.css-1uikblr:hover,.css-1uikblr[data-hover]{-webkit-text-decoration:none;text-decoration:none;-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02);}</style><style data-emotion="css 30d1bg">.css-30d1bg{transition-property:var(--chakra-transition-property-common);transition-duration:var(--chakra-transition-duration-fast);transition-timing-function:var(--chakra-transition-easing-ease-out);cursor:pointer;-webkit-text-decoration:none;text-decoration:none;outline:2px solid transparent;outline-offset:2px;color:inherit;box-shadow:var(--chakra-shadows-xl);padding:20px;border-radius:10px;background:var(--chakra-colors-blue-900);-webkit-flex:1;-ms-flex:1;flex:1;}.css-30d1bg:hover,.css-30d1bg[data-hover]{-webkit-text-decoration:underline;text-decoration:underline;}.css-30d1bg:focus,.css-30d1bg[data-focus]{box-shadow:var(--chakra-shadows-outline);}.css-30d1bg:hover,.css-30d1bg[data-hover]{-webkit-text-decoration:none;text-decoration:none;-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02);}</style><a target="_blank" class="chakra-link css-30d1bg" href="https://www.youtube.com/watch?v=I5lq6sCuABE"><p class="chakra-text css-13chb0j">February 7, 2022</p><h2 class="chakra-heading css-1ji7tii">Stack Data Structure</h2><p class="chakra-text css-w1cw8v">Learn everything you need to know about the stack data structure</p></a><style data-emotion="css axelf">.css-axelf{box-shadow:var(--chakra-shadows-xl);padding:20px;border-radius:10px;background:var(--chakra-colors-red-900);-webkit-flex:1;-ms-flex:1;flex:1;}.css-axelf:hover,.css-axelf[data-hover]{-webkit-text-decoration:none;text-decoration:none;-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02);}</style><style data-emotion="css hepq4q">.css-hepq4q{transition-property:var(--chakra-transition-property-common);transition-duration:var(--chakra-transition-duration-fast);transition-timing-function:var(--chakra-transition-easing-ease-out);cursor:pointer;-webkit-text-decoration:none;text-decoration:none;outline:2px solid transparent;outline-offset:2px;color:inherit;box-shadow:var(--chakra-shadows-xl);padding:20px;border-radius:10px;background:var(--chakra-colors-red-900);-webkit-flex:1;-ms-flex:1;flex:1;}.css-hepq4q:hover,.css-hepq4q[data-hover]{-webkit-text-decoration:underline;text-decoration:underline;}.css-hepq4q:focus,.css-hepq4q[data-focus]{box-shadow:var(--chakra-shadows-outline);}.css-hepq4q:hover,.css-hepq4q[data-hover]{-webkit-text-decoration:none;text-decoration:none;-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02);}</style><a target="_blank" class="chakra-link css-hepq4q" href="https://www.youtube.com/watch?v=odW9FU8jPRQ"><p class="chakra-text css-13chb0j">January 31, 2022</p><h2 class="chakra-heading css-1ji7tii">Linked List Data Structure</h2><p class="chakra-text css-w1cw8v">Learn everything you need to know about linked list data structure</p></a><style data-emotion="css 1dxgie3">.css-1dxgie3{box-shadow:var(--chakra-shadows-xl);padding:20px;border-radius:10px;background:var(--chakra-colors-green-900);-webkit-flex:1;-ms-flex:1;flex:1;}.css-1dxgie3:hover,.css-1dxgie3[data-hover]{-webkit-text-decoration:none;text-decoration:none;-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02);}</style><style data-emotion="css 186jvry">.css-186jvry{transition-property:var(--chakra-transition-property-common);transition-duration:var(--chakra-transition-duration-fast);transition-timing-function:var(--chakra-transition-easing-ease-out);cursor:pointer;-webkit-text-decoration:none;text-decoration:none;outline:2px solid transparent;outline-offset:2px;color:inherit;box-shadow:var(--chakra-shadows-xl);padding:20px;border-radius:10px;background:var(--chakra-colors-green-900);-webkit-flex:1;-ms-flex:1;flex:1;}.css-186jvry:hover,.css-186jvry[data-hover]{-webkit-text-decoration:underline;text-decoration:underline;}.css-186jvry:focus,.css-186jvry[data-focus]{box-shadow:var(--chakra-shadows-outline);}.css-186jvry:hover,.css-186jvry[data-hover]{-webkit-text-decoration:none;text-decoration:none;-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02);}</style><a target="_blank" class="chakra-link css-186jvry" href="https://www.youtube.com/watch?v=QJNwK2uJyGs"><p class="chakra-text css-13chb0j">January 9, 2022</p><h2 class="chakra-heading css-1ji7tii">All about Array Data Structure</h2><p class="chakra-text css-w1cw8v">Learn everything you need to know about array data structure</p></a><style data-emotion="css fn0wk8">.css-fn0wk8{box-shadow:var(--chakra-shadows-xl);padding:20px;border-radius:10px;background:var(--chakra-colors-teal-900);-webkit-flex:1;-ms-flex:1;flex:1;}.css-fn0wk8:hover,.css-fn0wk8[data-hover]{-webkit-text-decoration:none;text-decoration:none;-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02);}</style><style data-emotion="css 1oo5t4l">.css-1oo5t4l{transition-property:var(--chakra-transition-property-common);transition-duration:var(--chakra-transition-duration-fast);transition-timing-function:var(--chakra-transition-easing-ease-out);cursor:pointer;-webkit-text-decoration:none;text-decoration:none;outline:2px solid transparent;outline-offset:2px;color:inherit;box-shadow:var(--chakra-shadows-xl);padding:20px;border-radius:10px;background:var(--chakra-colors-teal-900);-webkit-flex:1;-ms-flex:1;flex:1;}.css-1oo5t4l:hover,.css-1oo5t4l[data-hover]{-webkit-text-decoration:underline;text-decoration:underline;}.css-1oo5t4l:focus,.css-1oo5t4l[data-focus]{box-shadow:var(--chakra-shadows-outline);}.css-1oo5t4l:hover,.css-1oo5t4l[data-hover]{-webkit-text-decoration:none;text-decoration:none;-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02);}</style><a target="_blank" class="chakra-link css-1oo5t4l" href="https://www.youtube.com/watch?v=9rhT3P1MDHk"><p class="chakra-text css-13chb0j">December 12, 2021</p><h2 class="chakra-heading css-1ji7tii">What are Data Structures?</h2><p class="chakra-text css-w1cw8v">Learn about the different data structures in this illustrated series</p></a><style data-emotion="css f0rx1x">.css-f0rx1x{box-shadow:var(--chakra-shadows-xl);padding:20px;border-radius:10px;background:var(--chakra-colors-yellow-900);-webkit-flex:1;-ms-flex:1;flex:1;}.css-f0rx1x:hover,.css-f0rx1x[data-hover]{-webkit-text-decoration:none;text-decoration:none;-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02);}</style><style data-emotion="css 1xpvtvn">.css-1xpvtvn{transition-property:var(--chakra-transition-property-common);transition-duration:var(--chakra-transition-duration-fast);transition-timing-function:var(--chakra-transition-easing-ease-out);cursor:pointer;-webkit-text-decoration:none;text-decoration:none;outline:2px solid transparent;outline-offset:2px;color:inherit;box-shadow:var(--chakra-shadows-xl);padding:20px;border-radius:10px;background:var(--chakra-colors-yellow-900);-webkit-flex:1;-ms-flex:1;flex:1;}.css-1xpvtvn:hover,.css-1xpvtvn[data-hover]{-webkit-text-decoration:underline;text-decoration:underline;}.css-1xpvtvn:focus,.css-1xpvtvn[data-focus]{box-shadow:var(--chakra-shadows-outline);}.css-1xpvtvn:hover,.css-1xpvtvn[data-hover]{-webkit-text-decoration:none;text-decoration:none;-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02);}</style><a target="_blank" class="chakra-link css-1xpvtvn" href="https://www.youtube.com/watch?v=rpqsSkTIdAw"><p class="chakra-text css-13chb0j">November 30, 2021</p><h2 class="chakra-heading css-1ji7tii">What is Eventual Consistency?</h2><p class="chakra-text css-w1cw8v">Learn about the different consistency models in distributed systems</p></a><style data-emotion="css 4nayzw">.css-4nayzw{box-shadow:var(--chakra-shadows-xl);padding:20px;border-radius:10px;background:var(--chakra-colors-cyan-900);-webkit-flex:1;-ms-flex:1;flex:1;}.css-4nayzw:hover,.css-4nayzw[data-hover]{-webkit-text-decoration:none;text-decoration:none;-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02);}</style><style data-emotion="css 1xyv70t">.css-1xyv70t{transition-property:var(--chakra-transition-property-common);transition-duration:var(--chakra-transition-duration-fast);transition-timing-function:var(--chakra-transition-easing-ease-out);cursor:pointer;-webkit-text-decoration:none;text-decoration:none;outline:2px solid transparent;outline-offset:2px;color:inherit;box-shadow:var(--chakra-shadows-xl);padding:20px;border-radius:10px;background:var(--chakra-colors-cyan-900);-webkit-flex:1;-ms-flex:1;flex:1;}.css-1xyv70t:hover,.css-1xyv70t[data-hover]{-webkit-text-decoration:underline;text-decoration:underline;}.css-1xyv70t:focus,.css-1xyv70t[data-focus]{box-shadow:var(--chakra-shadows-outline);}.css-1xyv70t:hover,.css-1xyv70t[data-hover]{-webkit-text-decoration:none;text-decoration:none;-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02);}</style><a target="_blank" class="chakra-link css-1xyv70t" href="https://www.youtube.com/watch?v=k3rFFLmQCuY"><p class="chakra-text css-13chb0j">November 25, 2021</p><h2 class="chakra-heading css-1ji7tii">SSH vs TLS vs SSL</h2><p class="chakra-text css-w1cw8v">Learn the difference between SSH, TLS and SSL</p></a><style data-emotion="css 1idjm0">.css-1idjm0{box-shadow:var(--chakra-shadows-xl);padding:20px;border-radius:10px;background:var(--chakra-colors-pink-900);-webkit-flex:1;-ms-flex:1;flex:1;}.css-1idjm0:hover,.css-1idjm0[data-hover]{-webkit-text-decoration:none;text-decoration:none;-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02);}</style><style data-emotion="css 53hrno">.css-53hrno{transition-property:var(--chakra-transition-property-common);transition-duration:var(--chakra-transition-duration-fast);transition-timing-function:var(--chakra-transition-easing-ease-out);cursor:pointer;-webkit-text-decoration:none;text-decoration:none;outline:2px solid transparent;outline-offset:2px;color:inherit;box-shadow:var(--chakra-shadows-xl);padding:20px;border-radius:10px;background:var(--chakra-colors-pink-900);-webkit-flex:1;-ms-flex:1;flex:1;}.css-53hrno:hover,.css-53hrno[data-hover]{-webkit-text-decoration:underline;text-decoration:underline;}.css-53hrno:focus,.css-53hrno[data-focus]{box-shadow:var(--chakra-shadows-outline);}.css-53hrno:hover,.css-53hrno[data-hover]{-webkit-text-decoration:none;text-decoration:none;-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02);}</style><a target="_blank" class="chakra-link css-53hrno" href="https://www.youtube.com/watch?v=VyIK6SV5f7o"><p class="chakra-text css-13chb0j">November 14, 2021</p><h2 class="chakra-heading css-1ji7tii">Asynchronous JavaScript</h2><p class="chakra-text css-w1cw8v">Learn how to write asynchronous JavaScript using Async/Await</p></a><style data-emotion="css zf79v9">.css-zf79v9{box-shadow:var(--chakra-shadows-xl);padding:20px;border-radius:10px;background:var(--chakra-colors-gray-800);-webkit-flex:1;-ms-flex:1;flex:1;}.css-zf79v9:hover,.css-zf79v9[data-hover]{-webkit-text-decoration:none;text-decoration:none;-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02);}</style><style data-emotion="css 1iwxj1">.css-1iwxj1{transition-property:var(--chakra-transition-property-common);transition-duration:var(--chakra-transition-duration-fast);transition-timing-function:var(--chakra-transition-easing-ease-out);cursor:pointer;-webkit-text-decoration:none;text-decoration:none;outline:2px solid transparent;outline-offset:2px;color:inherit;box-shadow:var(--chakra-shadows-xl);padding:20px;border-radius:10px;background:var(--chakra-colors-gray-800);-webkit-flex:1;-ms-flex:1;flex:1;}.css-1iwxj1:hover,.css-1iwxj1[data-hover]{-webkit-text-decoration:underline;text-decoration:underline;}.css-1iwxj1:focus,.css-1iwxj1[data-focus]{box-shadow:var(--chakra-shadows-outline);}.css-1iwxj1:hover,.css-1iwxj1[data-hover]{-webkit-text-decoration:none;text-decoration:none;-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02);}</style><a target="_blank" class="chakra-link css-1iwxj1" href="https://www.youtube.com/watch?v=nDv3yXdD0rk"><p class="chakra-text css-13chb0j">November 3, 2021</p><h2 class="chakra-heading css-1ji7tii">Random Number Generators</h2><p class="chakra-text css-w1cw8v">How do random number generators work?</p></a><style data-emotion="css gqm5wg">.css-gqm5wg{box-shadow:var(--chakra-shadows-xl);padding:20px;border-radius:10px;background:var(--chakra-colors-purple-800);-webkit-flex:1;-ms-flex:1;flex:1;}.css-gqm5wg:hover,.css-gqm5wg[data-hover]{-webkit-text-decoration:none;text-decoration:none;-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02);}</style><style data-emotion="css 15c3oln">.css-15c3oln{transition-property:var(--chakra-transition-property-common);transition-duration:var(--chakra-transition-duration-fast);transition-timing-function:var(--chakra-transition-easing-ease-out);cursor:pointer;-webkit-text-decoration:none;text-decoration:none;outline:2px solid transparent;outline-offset:2px;color:inherit;box-shadow:var(--chakra-shadows-xl);padding:20px;border-radius:10px;background:var(--chakra-colors-purple-800);-webkit-flex:1;-ms-flex:1;flex:1;}.css-15c3oln:hover,.css-15c3oln[data-hover]{-webkit-text-decoration:underline;text-decoration:underline;}.css-15c3oln:focus,.css-15c3oln[data-focus]{box-shadow:var(--chakra-shadows-outline);}.css-15c3oln:hover,.css-15c3oln[data-hover]{-webkit-text-decoration:none;text-decoration:none;-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02);}</style><a target="_blank" class="chakra-link css-15c3oln" href="https://www.youtube.com/watch?v=Z0bH0cMY0E8"><p class="chakra-text css-13chb0j">October 25, 2021</p><h2 class="chakra-heading css-1ji7tii">Big O Notation</h2><p class="chakra-text css-w1cw8v">Learn what the Big-O notation is and how to calculate the time complexity of an algorithm.</p></a><style data-emotion="css ojt1t1">.css-ojt1t1{box-shadow:var(--chakra-shadows-xl);padding:20px;border-radius:10px;background:var(--chakra-colors-blue-800);-webkit-flex:1;-ms-flex:1;flex:1;}.css-ojt1t1:hover,.css-ojt1t1[data-hover]{-webkit-text-decoration:none;text-decoration:none;-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02);}</style><style data-emotion="css 3scahn">.css-3scahn{transition-property:var(--chakra-transition-property-common);transition-duration:var(--chakra-transition-duration-fast);transition-timing-function:var(--chakra-transition-easing-ease-out);cursor:pointer;-webkit-text-decoration:none;text-decoration:none;outline:2px solid transparent;outline-offset:2px;color:inherit;box-shadow:var(--chakra-shadows-xl);padding:20px;border-radius:10px;background:var(--chakra-colors-blue-800);-webkit-flex:1;-ms-flex:1;flex:1;}.css-3scahn:hover,.css-3scahn[data-hover]{-webkit-text-decoration:underline;text-decoration:underline;}.css-3scahn:focus,.css-3scahn[data-focus]{box-shadow:var(--chakra-shadows-outline);}.css-3scahn:hover,.css-3scahn[data-hover]{-webkit-text-decoration:none;text-decoration:none;-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02);}</style><a target="_blank" class="chakra-link css-3scahn" href="https://www.youtube.com/watch?v=ImHSpwUlNVc"><p class="chakra-text css-13chb0j">October 18, 2021</p><h2 class="chakra-heading css-1ji7tii">YAML in Depth</h2><p class="chakra-text css-w1cw8v">Everything you need to know about YAML</p></a><style data-emotion="css 57dpdg">.css-57dpdg{box-shadow:var(--chakra-shadows-xl);padding:20px;border-radius:10px;background:var(--chakra-colors-red-800);-webkit-flex:1;-ms-flex:1;flex:1;}.css-57dpdg:hover,.css-57dpdg[data-hover]{-webkit-text-decoration:none;text-decoration:none;-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02);}</style><style data-emotion="css b23cm8">.css-b23cm8{transition-property:var(--chakra-transition-property-common);transition-duration:var(--chakra-transition-duration-fast);transition-timing-function:var(--chakra-transition-easing-ease-out);cursor:pointer;-webkit-text-decoration:none;text-decoration:none;outline:2px solid transparent;outline-offset:2px;color:inherit;box-shadow:var(--chakra-shadows-xl);padding:20px;border-radius:10px;background:var(--chakra-colors-red-800);-webkit-flex:1;-ms-flex:1;flex:1;}.css-b23cm8:hover,.css-b23cm8[data-hover]{-webkit-text-decoration:underline;text-decoration:underline;}.css-b23cm8:focus,.css-b23cm8[data-focus]{box-shadow:var(--chakra-shadows-outline);}.css-b23cm8:hover,.css-b23cm8[data-hover]{-webkit-text-decoration:none;text-decoration:none;-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02);}</style><a target="_blank" class="chakra-link css-b23cm8" href="https://www.youtube.com/watch?v=RIiq4tTt6rI"><p class="chakra-text css-13chb0j">October 10, 2021</p><h2 class="chakra-heading css-1ji7tii">Floating Point Arithmetic</h2><p class="chakra-text css-w1cw8v">Learn how ow the arithmetic operations work on floating-point numbers and why the results might be different from what you may expect.</p></a><style data-emotion="css 1otr1jn">.css-1otr1jn{box-shadow:var(--chakra-shadows-xl);padding:20px;border-radius:10px;background:var(--chakra-colors-green-800);-webkit-flex:1;-ms-flex:1;flex:1;}.css-1otr1jn:hover,.css-1otr1jn[data-hover]{-webkit-text-decoration:none;text-decoration:none;-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02);}</style><style data-emotion="css fdnmlu">.css-fdnmlu{transition-property:var(--chakra-transition-property-common);transition-duration:var(--chakra-transition-duration-fast);transition-timing-function:var(--chakra-transition-easing-ease-out);cursor:pointer;-webkit-text-decoration:none;text-decoration:none;outline:2px solid transparent;outline-offset:2px;color:inherit;box-shadow:var(--chakra-shadows-xl);padding:20px;border-radius:10px;background:var(--chakra-colors-green-800);-webkit-flex:1;-ms-flex:1;flex:1;}.css-fdnmlu:hover,.css-fdnmlu[data-hover]{-webkit-text-decoration:underline;text-decoration:underline;}.css-fdnmlu:focus,.css-fdnmlu[data-focus]{box-shadow:var(--chakra-shadows-outline);}.css-fdnmlu:hover,.css-fdnmlu[data-hover]{-webkit-text-decoration:none;text-decoration:none;-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02);}</style><a target="_blank" class="chakra-link css-fdnmlu" href="https://www.youtube.com/watch?v=_RbsFXWRZ10"><p class="chakra-text css-13chb0j">October 5, 2021</p><h2 class="chakra-heading css-1ji7tii">What is CAP Theorem?</h2><p class="chakra-text css-w1cw8v">An illustrated explanation to CAP theorem with examples and proof.</p></a><style data-emotion="css 1cfj2bx">.css-1cfj2bx{box-shadow:var(--chakra-shadows-xl);padding:20px;border-radius:10px;background:var(--chakra-colors-teal-800);-webkit-flex:1;-ms-flex:1;flex:1;}.css-1cfj2bx:hover,.css-1cfj2bx[data-hover]{-webkit-text-decoration:none;text-decoration:none;-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02);}</style><style data-emotion="css 14nem8b">.css-14nem8b{transition-property:var(--chakra-transition-property-common);transition-duration:var(--chakra-transition-duration-fast);transition-timing-function:var(--chakra-transition-easing-ease-out);cursor:pointer;-webkit-text-decoration:none;text-decoration:none;outline:2px solid transparent;outline-offset:2px;color:inherit;box-shadow:var(--chakra-shadows-xl);padding:20px;border-radius:10px;background:var(--chakra-colors-teal-800);-webkit-flex:1;-ms-flex:1;flex:1;}.css-14nem8b:hover,.css-14nem8b[data-hover]{-webkit-text-decoration:underline;text-decoration:underline;}.css-14nem8b:focus,.css-14nem8b[data-focus]{box-shadow:var(--chakra-shadows-outline);}.css-14nem8b:hover,.css-14nem8b[data-hover]{-webkit-text-decoration:none;text-decoration:none;-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02);}</style><a target="_blank" class="chakra-link css-14nem8b" href="https://www.youtube.com/watch?v=yaQ5YMWkxq4"><p class="chakra-text css-13chb0j">September 26, 2021</p><h2 class="chakra-heading css-1ji7tii">ACID Explained</h2><p class="chakra-text css-w1cw8v">Learn what it means for a database to be ACID compliant with examples.</p></a><style data-emotion="css 1vrhhjo">.css-1vrhhjo{box-shadow:var(--chakra-shadows-xl);padding:20px;border-radius:10px;background:var(--chakra-colors-yellow-800);-webkit-flex:1;-ms-flex:1;flex:1;}.css-1vrhhjo:hover,.css-1vrhhjo[data-hover]{-webkit-text-decoration:none;text-decoration:none;-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02);}</style><style data-emotion="css 18bx0c6">.css-18bx0c6{transition-property:var(--chakra-transition-property-common);transition-duration:var(--chakra-transition-duration-fast);transition-timing-function:var(--chakra-transition-easing-ease-out);cursor:pointer;-webkit-text-decoration:none;text-decoration:none;outline:2px solid transparent;outline-offset:2px;color:inherit;box-shadow:var(--chakra-shadows-xl);padding:20px;border-radius:10px;background:var(--chakra-colors-yellow-800);-webkit-flex:1;-ms-flex:1;flex:1;}.css-18bx0c6:hover,.css-18bx0c6[data-hover]{-webkit-text-decoration:underline;text-decoration:underline;}.css-18bx0c6:focus,.css-18bx0c6[data-focus]{box-shadow:var(--chakra-shadows-outline);}.css-18bx0c6:hover,.css-18bx0c6[data-hover]{-webkit-text-decoration:none;text-decoration:none;-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02);}</style><a target="_blank" class="chakra-link css-18bx0c6" href="https://www.youtube.com/watch?v=37AFBZv4_6Y"><p class="chakra-text css-13chb0j">November 21, 2020</p><h2 class="chakra-heading css-1ji7tii">Transport Protocols: TCP vs UDP</h2><p class="chakra-text css-w1cw8v">Learn about the Transport Layer of the TCP/IP model and different transport protocols.</p></a><style data-emotion="css 1uozfiy">.css-1uozfiy{box-shadow:var(--chakra-shadows-xl);padding:20px;border-radius:10px;background:var(--chakra-colors-cyan-800);-webkit-flex:1;-ms-flex:1;flex:1;}.css-1uozfiy:hover,.css-1uozfiy[data-hover]{-webkit-text-decoration:none;text-decoration:none;-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02);}</style><style data-emotion="css 15mfk37">.css-15mfk37{transition-property:var(--chakra-transition-property-common);transition-duration:var(--chakra-transition-duration-fast);transition-timing-function:var(--chakra-transition-easing-ease-out);cursor:pointer;-webkit-text-decoration:none;text-decoration:none;outline:2px solid transparent;outline-offset:2px;color:inherit;box-shadow:var(--chakra-shadows-xl);padding:20px;border-radius:10px;background:var(--chakra-colors-cyan-800);-webkit-flex:1;-ms-flex:1;flex:1;}.css-15mfk37:hover,.css-15mfk37[data-hover]{-webkit-text-decoration:underline;text-decoration:underline;}.css-15mfk37:focus,.css-15mfk37[data-focus]{box-shadow:var(--chakra-shadows-outline);}.css-15mfk37:hover,.css-15mfk37[data-hover]{-webkit-text-decoration:none;text-decoration:none;-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02);}</style><a target="_blank" class="chakra-link css-15mfk37" href="https://www.youtube.com/watch?v=F5rni9fr1yE"><p class="chakra-text css-13chb0j">November 6, 2020</p><h2 class="chakra-heading css-1ji7tii">TCP/IP Model Explained</h2><p class="chakra-text css-w1cw8v">Learn what is TCP/IP Model and the different layers involved.</p></a><style data-emotion="css 53ewx7">.css-53ewx7{box-shadow:var(--chakra-shadows-xl);padding:20px;border-radius:10px;background:var(--chakra-colors-pink-800);-webkit-flex:1;-ms-flex:1;flex:1;}.css-53ewx7:hover,.css-53ewx7[data-hover]{-webkit-text-decoration:none;text-decoration:none;-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02);}</style><style data-emotion="css 1585yov">.css-1585yov{transition-property:var(--chakra-transition-property-common);transition-duration:var(--chakra-transition-duration-fast);transition-timing-function:var(--chakra-transition-easing-ease-out);cursor:pointer;-webkit-text-decoration:none;text-decoration:none;outline:2px solid transparent;outline-offset:2px;color:inherit;box-shadow:var(--chakra-shadows-xl);padding:20px;border-radius:10px;background:var(--chakra-colors-pink-800);-webkit-flex:1;-ms-flex:1;flex:1;}.css-1585yov:hover,.css-1585yov[data-hover]{-webkit-text-decoration:underline;text-decoration:underline;}.css-1585yov:focus,.css-1585yov[data-focus]{box-shadow:var(--chakra-shadows-outline);}.css-1585yov:hover,.css-1585yov[data-hover]{-webkit-text-decoration:none;text-decoration:none;-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02);}</style><a target="_blank" class="chakra-link css-1585yov" href="https://www.youtube.com/watch?v=dV8mjZd1OtU"><p class="chakra-text css-13chb0j">October 24, 2020</p><h2 class="chakra-heading css-1ji7tii">OSI Model Explained</h2><p class="chakra-text css-w1cw8v">Learn what is OSI Model and the different layers involved.</p></a><style data-emotion="css 3x4hid">.css-3x4hid{box-shadow:var(--chakra-shadows-xl);padding:20px;border-radius:10px;background:var(--chakra-colors-gray-700);-webkit-flex:1;-ms-flex:1;flex:1;}.css-3x4hid:hover,.css-3x4hid[data-hover]{-webkit-text-decoration:none;text-decoration:none;-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02);}</style><style data-emotion="css 1o5safe">.css-1o5safe{transition-property:var(--chakra-transition-property-common);transition-duration:var(--chakra-transition-duration-fast);transition-timing-function:var(--chakra-transition-easing-ease-out);cursor:pointer;-webkit-text-decoration:none;text-decoration:none;outline:2px solid transparent;outline-offset:2px;color:inherit;box-shadow:var(--chakra-shadows-xl);padding:20px;border-radius:10px;background:var(--chakra-colors-gray-700);-webkit-flex:1;-ms-flex:1;flex:1;}.css-1o5safe:hover,.css-1o5safe[data-hover]{-webkit-text-decoration:underline;text-decoration:underline;}.css-1o5safe:focus,.css-1o5safe[data-focus]{box-shadow:var(--chakra-shadows-outline);}.css-1o5safe:hover,.css-1o5safe[data-hover]{-webkit-text-decoration:none;text-decoration:none;-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02);}</style><a target="_blank" class="chakra-link css-1o5safe" href="https://www.youtube.com/watch?v=O3uT2l6vgZ8"><p class="chakra-text css-13chb0j">October 16, 2020</p><h2 class="chakra-heading css-1ji7tii">Freeze and Seal in JavaScript</h2><p class="chakra-text css-w1cw8v">Learn what is object freeze and seal in JavaScript and how to use them</p></a><style data-emotion="css c2bl81">.css-c2bl81{box-shadow:var(--chakra-shadows-xl);padding:20px;border-radius:10px;background:var(--chakra-colors-purple-700);-webkit-flex:1;-ms-flex:1;flex:1;}.css-c2bl81:hover,.css-c2bl81[data-hover]{-webkit-text-decoration:none;text-decoration:none;-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02);}</style><style data-emotion="css ssmpb6">.css-ssmpb6{transition-property:var(--chakra-transition-property-common);transition-duration:var(--chakra-transition-duration-fast);transition-timing-function:var(--chakra-transition-easing-ease-out);cursor:pointer;-webkit-text-decoration:none;text-decoration:none;outline:2px solid transparent;outline-offset:2px;color:inherit;box-shadow:var(--chakra-shadows-xl);padding:20px;border-radius:10px;background:var(--chakra-colors-purple-700);-webkit-flex:1;-ms-flex:1;flex:1;}.css-ssmpb6:hover,.css-ssmpb6[data-hover]{-webkit-text-decoration:underline;text-decoration:underline;}.css-ssmpb6:focus,.css-ssmpb6[data-focus]{box-shadow:var(--chakra-shadows-outline);}.css-ssmpb6:hover,.css-ssmpb6[data-hover]{-webkit-text-decoration:none;text-decoration:none;-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02);}</style><a target="_blank" class="chakra-link css-ssmpb6" href="https://www.youtube.com/watch?v=HiBDZgTNpXY"><p class="chakra-text css-13chb0j">October 4, 2020</p><h2 class="chakra-heading css-1ji7tii">All about HTTP Caching</h2><p class="chakra-text css-w1cw8v">Learn what is HTTP caching, places for caching and different caching headers.</p></a><style data-emotion="css yycits">.css-yycits{box-shadow:var(--chakra-shadows-xl);padding:20px;border-radius:10px;background:var(--chakra-colors-blue-700);-webkit-flex:1;-ms-flex:1;flex:1;}.css-yycits:hover,.css-yycits[data-hover]{-webkit-text-decoration:none;text-decoration:none;-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02);}</style><style data-emotion="css 1weh7pq">.css-1weh7pq{transition-property:var(--chakra-transition-property-common);transition-duration:var(--chakra-transition-duration-fast);transition-timing-function:var(--chakra-transition-easing-ease-out);cursor:pointer;-webkit-text-decoration:none;text-decoration:none;outline:2px solid transparent;outline-offset:2px;color:inherit;box-shadow:var(--chakra-shadows-xl);padding:20px;border-radius:10px;background:var(--chakra-colors-blue-700);-webkit-flex:1;-ms-flex:1;flex:1;}.css-1weh7pq:hover,.css-1weh7pq[data-hover]{-webkit-text-decoration:underline;text-decoration:underline;}.css-1weh7pq:focus,.css-1weh7pq[data-focus]{box-shadow:var(--chakra-shadows-outline);}.css-1weh7pq:hover,.css-1weh7pq[data-hover]{-webkit-text-decoration:none;text-decoration:none;-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02);}</style><a target="_blank" class="chakra-link css-1weh7pq" href="https://www.youtube.com/watch?v=6DXEPcXKQNY"><p class="chakra-text css-13chb0j">September 26, 2020</p><h2 class="chakra-heading css-1ji7tii">Content Delivery Networks</h2><p class="chakra-text css-w1cw8v">Learn what the CDNs are and the difference between push CDN vs pull CDN.</p></a><style data-emotion="css chk3v4">.css-chk3v4{box-shadow:var(--chakra-shadows-xl);padding:20px;border-radius:10px;background:var(--chakra-colors-red-700);-webkit-flex:1;-ms-flex:1;flex:1;}.css-chk3v4:hover,.css-chk3v4[data-hover]{-webkit-text-decoration:none;text-decoration:none;-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02);}</style><style data-emotion="css 1es24c9">.css-1es24c9{transition-property:var(--chakra-transition-property-common);transition-duration:var(--chakra-transition-duration-fast);transition-timing-function:var(--chakra-transition-easing-ease-out);cursor:pointer;-webkit-text-decoration:none;text-decoration:none;outline:2px solid transparent;outline-offset:2px;color:inherit;box-shadow:var(--chakra-shadows-xl);padding:20px;border-radius:10px;background:var(--chakra-colors-red-700);-webkit-flex:1;-ms-flex:1;flex:1;}.css-1es24c9:hover,.css-1es24c9[data-hover]{-webkit-text-decoration:underline;text-decoration:underline;}.css-1es24c9:focus,.css-1es24c9[data-focus]{box-shadow:var(--chakra-shadows-outline);}.css-1es24c9:hover,.css-1es24c9[data-hover]{-webkit-text-decoration:none;text-decoration:none;-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02);}</style><a target="_blank" class="chakra-link css-1es24c9" href="https://www.youtube.com/watch?v=galcDRNd5Ow"><p class="chakra-text css-13chb0j">September 18, 2020</p><h2 class="chakra-heading css-1ji7tii">Load Balancers 101</h2><p class="chakra-text css-w1cw8v">Learn the basics of load balancers, types and different algorithms.</p></a><style data-emotion="css p7ijgy">.css-p7ijgy{box-shadow:var(--chakra-shadows-xl);padding:20px;border-radius:10px;background:var(--chakra-colors-green-700);-webkit-flex:1;-ms-flex:1;flex:1;}.css-p7ijgy:hover,.css-p7ijgy[data-hover]{-webkit-text-decoration:none;text-decoration:none;-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02);}</style><style data-emotion="css 13lbkr3">.css-13lbkr3{transition-property:var(--chakra-transition-property-common);transition-duration:var(--chakra-transition-duration-fast);transition-timing-function:var(--chakra-transition-easing-ease-out);cursor:pointer;-webkit-text-decoration:none;text-decoration:none;outline:2px solid transparent;outline-offset:2px;color:inherit;box-shadow:var(--chakra-shadows-xl);padding:20px;border-radius:10px;background:var(--chakra-colors-green-700);-webkit-flex:1;-ms-flex:1;flex:1;}.css-13lbkr3:hover,.css-13lbkr3[data-hover]{-webkit-text-decoration:underline;text-decoration:underline;}.css-13lbkr3:focus,.css-13lbkr3[data-focus]{box-shadow:var(--chakra-shadows-outline);}.css-13lbkr3:hover,.css-13lbkr3[data-hover]{-webkit-text-decoration:none;text-decoration:none;-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02);}</style><a target="_blank" class="chakra-link css-13lbkr3" href="https://www.youtube.com/watch?v=7lxgpKh_fRY"><p class="chakra-text css-13chb0j">August 31, 2020</p><h2 class="chakra-heading css-1ji7tii">DNS Records</h2><p class="chakra-text css-w1cw8v">Learn what the DNS is and how a website is found on the internet.</p></a><style data-emotion="css b22rml">.css-b22rml{box-shadow:var(--chakra-shadows-xl);padding:20px;border-radius:10px;background:var(--chakra-colors-teal-700);-webkit-flex:1;-ms-flex:1;flex:1;}.css-b22rml:hover,.css-b22rml[data-hover]{-webkit-text-decoration:none;text-decoration:none;-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02);}</style><style data-emotion="css vrlmoh">.css-vrlmoh{transition-property:var(--chakra-transition-property-common);transition-duration:var(--chakra-transition-duration-fast);transition-timing-function:var(--chakra-transition-easing-ease-out);cursor:pointer;-webkit-text-decoration:none;text-decoration:none;outline:2px solid transparent;outline-offset:2px;color:inherit;box-shadow:var(--chakra-shadows-xl);padding:20px;border-radius:10px;background:var(--chakra-colors-teal-700);-webkit-flex:1;-ms-flex:1;flex:1;}.css-vrlmoh:hover,.css-vrlmoh[data-hover]{-webkit-text-decoration:underline;text-decoration:underline;}.css-vrlmoh:focus,.css-vrlmoh[data-focus]{box-shadow:var(--chakra-shadows-outline);}.css-vrlmoh:hover,.css-vrlmoh[data-hover]{-webkit-text-decoration:none;text-decoration:none;-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02);}</style><a target="_blank" class="chakra-link css-vrlmoh" href="https://www.youtube.com/watch?v=Wj0od2ag5sk"><p class="chakra-text css-13chb0j">August 17, 2020</p><h2 class="chakra-heading css-1ji7tii">DNS and how does it work?</h2><p class="chakra-text css-w1cw8v">Learn what the DNS is and how a website is found on the internet.</p></a><style data-emotion="css l4w8sh">.css-l4w8sh{box-shadow:var(--chakra-shadows-xl);padding:20px;border-radius:10px;background:var(--chakra-colors-yellow-700);-webkit-flex:1;-ms-flex:1;flex:1;}.css-l4w8sh:hover,.css-l4w8sh[data-hover]{-webkit-text-decoration:none;text-decoration:none;-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02);}</style><style data-emotion="css 17du6dx">.css-17du6dx{transition-property:var(--chakra-transition-property-common);transition-duration:var(--chakra-transition-duration-fast);transition-timing-function:var(--chakra-transition-easing-ease-out);cursor:pointer;-webkit-text-decoration:none;text-decoration:none;outline:2px solid transparent;outline-offset:2px;color:inherit;box-shadow:var(--chakra-shadows-xl);padding:20px;border-radius:10px;background:var(--chakra-colors-yellow-700);-webkit-flex:1;-ms-flex:1;flex:1;}.css-17du6dx:hover,.css-17du6dx[data-hover]{-webkit-text-decoration:underline;text-decoration:underline;}.css-17du6dx:focus,.css-17du6dx[data-focus]{box-shadow:var(--chakra-shadows-outline);}.css-17du6dx:hover,.css-17du6dx[data-hover]{-webkit-text-decoration:none;text-decoration:none;-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02);}</style><a target="_blank" class="chakra-link css-17du6dx" href="https://www.youtube.com/watch?v=Y-Gl4HEyeUQ"><p class="chakra-text css-13chb0j">August 8, 2020</p><h2 class="chakra-heading css-1ji7tii">System Design 101</h2><p class="chakra-text css-w1cw8v">Learn about all the bits and pieces of system design.</p></a><style data-emotion="css 1tjyr3n">.css-1tjyr3n{box-shadow:var(--chakra-shadows-xl);padding:20px;border-radius:10px;background:var(--chakra-colors-cyan-700);-webkit-flex:1;-ms-flex:1;flex:1;}.css-1tjyr3n:hover,.css-1tjyr3n[data-hover]{-webkit-text-decoration:none;text-decoration:none;-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02);}</style><style data-emotion="css 18nbk4e">.css-18nbk4e{transition-property:var(--chakra-transition-property-common);transition-duration:var(--chakra-transition-duration-fast);transition-timing-function:var(--chakra-transition-easing-ease-out);cursor:pointer;-webkit-text-decoration:none;text-decoration:none;outline:2px solid transparent;outline-offset:2px;color:inherit;box-shadow:var(--chakra-shadows-xl);padding:20px;border-radius:10px;background:var(--chakra-colors-cyan-700);-webkit-flex:1;-ms-flex:1;flex:1;}.css-18nbk4e:hover,.css-18nbk4e[data-hover]{-webkit-text-decoration:underline;text-decoration:underline;}.css-18nbk4e:focus,.css-18nbk4e[data-focus]{box-shadow:var(--chakra-shadows-outline);}.css-18nbk4e:hover,.css-18nbk4e[data-hover]{-webkit-text-decoration:none;text-decoration:none;-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02);}</style><a target="_blank" class="chakra-link css-18nbk4e" href="https://www.youtube.com/watch?v=-ZI0ea5O2oA"><p class="chakra-text css-13chb0j">August 2, 2020</p><h2 class="chakra-heading css-1ji7tii">JavaScript Fetch API</h2><p class="chakra-text css-w1cw8v">Learn how to use JavaScript's Fetch API to interact with remote API.</p></a><style data-emotion="css u7gpue">.css-u7gpue{box-shadow:var(--chakra-shadows-xl);padding:20px;border-radius:10px;background:var(--chakra-colors-pink-700);-webkit-flex:1;-ms-flex:1;flex:1;}.css-u7gpue:hover,.css-u7gpue[data-hover]{-webkit-text-decoration:none;text-decoration:none;-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02);}</style><style data-emotion="css stxvk2">.css-stxvk2{transition-property:var(--chakra-transition-property-common);transition-duration:var(--chakra-transition-duration-fast);transition-timing-function:var(--chakra-transition-easing-ease-out);cursor:pointer;-webkit-text-decoration:none;text-decoration:none;outline:2px solid transparent;outline-offset:2px;color:inherit;box-shadow:var(--chakra-shadows-xl);padding:20px;border-radius:10px;background:var(--chakra-colors-pink-700);-webkit-flex:1;-ms-flex:1;flex:1;}.css-stxvk2:hover,.css-stxvk2[data-hover]{-webkit-text-decoration:underline;text-decoration:underline;}.css-stxvk2:focus,.css-stxvk2[data-focus]{box-shadow:var(--chakra-shadows-outline);}.css-stxvk2:hover,.css-stxvk2[data-hover]{-webkit-text-decoration:none;text-decoration:none;-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02);}</style><a target="_blank" class="chakra-link css-stxvk2" href="https://www.youtube.com/watch?v=a2rcgzludDU"><p class="chakra-text css-13chb0j">July 26, 2020</p><h2 class="chakra-heading css-1ji7tii">Scaling the Unscalable</h2><p class="chakra-text css-w1cw8v">Learn the basics of System Design and understand how to build a scalable application.</p></a><style data-emotion="css 1s3lyc0">.css-1s3lyc0{box-shadow:var(--chakra-shadows-xl);padding:20px;border-radius:10px;background:var(--chakra-colors-gray-600);-webkit-flex:1;-ms-flex:1;flex:1;}.css-1s3lyc0:hover,.css-1s3lyc0[data-hover]{-webkit-text-decoration:none;text-decoration:none;-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02);}</style><style data-emotion="css 1rsmd1v">.css-1rsmd1v{transition-property:var(--chakra-transition-property-common);transition-duration:var(--chakra-transition-duration-fast);transition-timing-function:var(--chakra-transition-easing-ease-out);cursor:pointer;-webkit-text-decoration:none;text-decoration:none;outline:2px solid transparent;outline-offset:2px;color:inherit;box-shadow:var(--chakra-shadows-xl);padding:20px;border-radius:10px;background:var(--chakra-colors-gray-600);-webkit-flex:1;-ms-flex:1;flex:1;}.css-1rsmd1v:hover,.css-1rsmd1v[data-hover]{-webkit-text-decoration:underline;text-decoration:underline;}.css-1rsmd1v:focus,.css-1rsmd1v[data-focus]{box-shadow:var(--chakra-shadows-outline);}.css-1rsmd1v:hover,.css-1rsmd1v[data-hover]{-webkit-text-decoration:none;text-decoration:none;-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02);}</style><a target="_blank" class="chakra-link css-1rsmd1v" href="https://www.youtube.com/watch?v=BvrkobaCVVE"><p class="chakra-text css-13chb0j">July 20, 2020</p><h2 class="chakra-heading css-1ji7tii">All about Promises in JavaScript</h2><p class="chakra-text css-w1cw8v">Learn how to write asynchronous code in JavaScript using promises.</p></a><style data-emotion="css 1yo5c4r">.css-1yo5c4r{box-shadow:var(--chakra-shadows-xl);padding:20px;border-radius:10px;background:var(--chakra-colors-purple-600);-webkit-flex:1;-ms-flex:1;flex:1;}.css-1yo5c4r:hover,.css-1yo5c4r[data-hover]{-webkit-text-decoration:none;text-decoration:none;-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02);}</style><style data-emotion="css 10a4ll8">.css-10a4ll8{transition-property:var(--chakra-transition-property-common);transition-duration:var(--chakra-transition-duration-fast);transition-timing-function:var(--chakra-transition-easing-ease-out);cursor:pointer;-webkit-text-decoration:none;text-decoration:none;outline:2px solid transparent;outline-offset:2px;color:inherit;box-shadow:var(--chakra-shadows-xl);padding:20px;border-radius:10px;background:var(--chakra-colors-purple-600);-webkit-flex:1;-ms-flex:1;flex:1;}.css-10a4ll8:hover,.css-10a4ll8[data-hover]{-webkit-text-decoration:underline;text-decoration:underline;}.css-10a4ll8:focus,.css-10a4ll8[data-focus]{box-shadow:var(--chakra-shadows-outline);}.css-10a4ll8:hover,.css-10a4ll8[data-hover]{-webkit-text-decoration:none;text-decoration:none;-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02);}</style><a target="_blank" class="chakra-link css-10a4ll8" href="https://www.youtube.com/watch?v=7Tok22qxPzQ"><p class="chakra-text css-13chb0j">July 20, 2020</p><h2 class="chakra-heading css-1ji7tii">DOM, Shadow DOM, Virtual DOM</h2><p class="chakra-text css-w1cw8v">Learn what is DOM, Shadow DOM and Virtual DOM and how they work.</p></a><style data-emotion="css zwh2j8">.css-zwh2j8{box-shadow:var(--chakra-shadows-xl);padding:20px;border-radius:10px;background:var(--chakra-colors-blue-600);-webkit-flex:1;-ms-flex:1;flex:1;}.css-zwh2j8:hover,.css-zwh2j8[data-hover]{-webkit-text-decoration:none;text-decoration:none;-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02);}</style><style data-emotion="css j8brgn">.css-j8brgn{transition-property:var(--chakra-transition-property-common);transition-duration:var(--chakra-transition-duration-fast);transition-timing-function:var(--chakra-transition-easing-ease-out);cursor:pointer;-webkit-text-decoration:none;text-decoration:none;outline:2px solid transparent;outline-offset:2px;color:inherit;box-shadow:var(--chakra-shadows-xl);padding:20px;border-radius:10px;background:var(--chakra-colors-blue-600);-webkit-flex:1;-ms-flex:1;flex:1;}.css-j8brgn:hover,.css-j8brgn[data-hover]{-webkit-text-decoration:underline;text-decoration:underline;}.css-j8brgn:focus,.css-j8brgn[data-focus]{box-shadow:var(--chakra-shadows-outline);}.css-j8brgn:hover,.css-j8brgn[data-hover]{-webkit-text-decoration:none;text-decoration:none;-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02);}</style><a target="_blank" class="chakra-link css-j8brgn" href="https://www.youtube.com/watch?v=nyKZTKQS_EQ"><p class="chakra-text css-13chb0j">July 13, 2020</p><h2 class="chakra-heading css-1ji7tii">Automate with GitHub Actions</h2><p class="chakra-text css-w1cw8v">Learn how to implement CI/CD with GitHub Actions</p></a><style data-emotion="css u4dts5">.css-u4dts5{box-shadow:var(--chakra-shadows-xl);padding:20px;border-radius:10px;background:var(--chakra-colors-red-600);-webkit-flex:1;-ms-flex:1;flex:1;}.css-u4dts5:hover,.css-u4dts5[data-hover]{-webkit-text-decoration:none;text-decoration:none;-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02);}</style><style data-emotion="css jyn12k">.css-jyn12k{transition-property:var(--chakra-transition-property-common);transition-duration:var(--chakra-transition-duration-fast);transition-timing-function:var(--chakra-transition-easing-ease-out);cursor:pointer;-webkit-text-decoration:none;text-decoration:none;outline:2px solid transparent;outline-offset:2px;color:inherit;box-shadow:var(--chakra-shadows-xl);padding:20px;border-radius:10px;background:var(--chakra-colors-red-600);-webkit-flex:1;-ms-flex:1;flex:1;}.css-jyn12k:hover,.css-jyn12k[data-hover]{-webkit-text-decoration:underline;text-decoration:underline;}.css-jyn12k:focus,.css-jyn12k[data-focus]{box-shadow:var(--chakra-shadows-outline);}.css-jyn12k:hover,.css-jyn12k[data-hover]{-webkit-text-decoration:none;text-decoration:none;-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02);}</style><a target="_blank" class="chakra-link css-jyn12k" href="https://www.youtube.com/watch?v=NyG7YJWJd6s&list=PLkZYeFmDuaN3NDLnBG01-sH2-nwn43mYu"><p class="chakra-text css-13chb0j">July 9, 2020</p><h2 class="chakra-heading css-1ji7tii">Practical Introduction to React</h2><p class="chakra-text css-w1cw8v">Learn how to create a React Application with practical example.</p></a><style data-emotion="css 1px3qy4">.css-1px3qy4{box-shadow:var(--chakra-shadows-xl);padding:20px;border-radius:10px;background:var(--chakra-colors-green-600);-webkit-flex:1;-ms-flex:1;flex:1;}.css-1px3qy4:hover,.css-1px3qy4[data-hover]{-webkit-text-decoration:none;text-decoration:none;-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02);}</style><style data-emotion="css 1igka5e">.css-1igka5e{transition-property:var(--chakra-transition-property-common);transition-duration:var(--chakra-transition-duration-fast);transition-timing-function:var(--chakra-transition-easing-ease-out);cursor:pointer;-webkit-text-decoration:none;text-decoration:none;outline:2px solid transparent;outline-offset:2px;color:inherit;box-shadow:var(--chakra-shadows-xl);padding:20px;border-radius:10px;background:var(--chakra-colors-green-600);-webkit-flex:1;-ms-flex:1;flex:1;}.css-1igka5e:hover,.css-1igka5e[data-hover]{-webkit-text-decoration:underline;text-decoration:underline;}.css-1igka5e:focus,.css-1igka5e[data-focus]{box-shadow:var(--chakra-shadows-outline);}.css-1igka5e:hover,.css-1igka5e[data-hover]{-webkit-text-decoration:none;text-decoration:none;-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02);}</style><a target="_blank" class="chakra-link css-1igka5e" href="https://www.youtube.com/watch?v=0yc2UANSDiw"><p class="chakra-text css-13chb0j">July 4, 2020</p><h2 class="chakra-heading css-1ji7tii">What is Dependency Injection?</h2><p class="chakra-text css-w1cw8v">Learn what is dependency injection and how to write better code with the help of it.</p></a><style data-emotion="css 1lis6dt">.css-1lis6dt{box-shadow:var(--chakra-shadows-xl);padding:20px;border-radius:10px;background:var(--chakra-colors-teal-600);-webkit-flex:1;-ms-flex:1;flex:1;}.css-1lis6dt:hover,.css-1lis6dt[data-hover]{-webkit-text-decoration:none;text-decoration:none;-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02);}</style><style data-emotion="css 1f7ntof">.css-1f7ntof{transition-property:var(--chakra-transition-property-common);transition-duration:var(--chakra-transition-duration-fast);transition-timing-function:var(--chakra-transition-easing-ease-out);cursor:pointer;-webkit-text-decoration:none;text-decoration:none;outline:2px solid transparent;outline-offset:2px;color:inherit;box-shadow:var(--chakra-shadows-xl);padding:20px;border-radius:10px;background:var(--chakra-colors-teal-600);-webkit-flex:1;-ms-flex:1;flex:1;}.css-1f7ntof:hover,.css-1f7ntof[data-hover]{-webkit-text-decoration:underline;text-decoration:underline;}.css-1f7ntof:focus,.css-1f7ntof[data-focus]{box-shadow:var(--chakra-shadows-outline);}.css-1f7ntof:hover,.css-1f7ntof[data-hover]{-webkit-text-decoration:none;text-decoration:none;-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02);}</style><a target="_blank" class="chakra-link css-1f7ntof" href="https://www.youtube.com/watch?v=lgaxU7CRmxU"><p class="chakra-text css-13chb0j">July 3, 2020</p><h2 class="chakra-heading css-1ji7tii">How to use CSS Variables?</h2><p class="chakra-text css-w1cw8v">Learn how to write scalable CSS using CSS Variables.</p></a><style data-emotion="css dic03k">.css-dic03k{box-shadow:var(--chakra-shadows-xl);padding:20px;border-radius:10px;background:var(--chakra-colors-yellow-600);-webkit-flex:1;-ms-flex:1;flex:1;}.css-dic03k:hover,.css-dic03k[data-hover]{-webkit-text-decoration:none;text-decoration:none;-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02);}</style><style data-emotion="css 10ubf72">.css-10ubf72{transition-property:var(--chakra-transition-property-common);transition-duration:var(--chakra-transition-duration-fast);transition-timing-function:var(--chakra-transition-easing-ease-out);cursor:pointer;-webkit-text-decoration:none;text-decoration:none;outline:2px solid transparent;outline-offset:2px;color:inherit;box-shadow:var(--chakra-shadows-xl);padding:20px;border-radius:10px;background:var(--chakra-colors-yellow-600);-webkit-flex:1;-ms-flex:1;flex:1;}.css-10ubf72:hover,.css-10ubf72[data-hover]{-webkit-text-decoration:underline;text-decoration:underline;}.css-10ubf72:focus,.css-10ubf72[data-focus]{box-shadow:var(--chakra-shadows-outline);}.css-10ubf72:hover,.css-10ubf72[data-hover]{-webkit-text-decoration:none;text-decoration:none;-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02);}</style><a target="_blank" class="chakra-link css-10ubf72" href="https://www.youtube.com/watch?v=n3NKGsM3iEw"><p class="chakra-text css-13chb0j">May 9, 2020</p><h2 class="chakra-heading css-1ji7tii">Arrays and Objects in JavaScript</h2><p class="chakra-text css-w1cw8v">Learn how to manipulate arrays and objects in JavaScript.</p></a></div></div></div><style data-emotion="css zeuzl6">.css-zeuzl6{background:var(--chakra-colors-white);border-top-width:1px;padding-top:45px;padding-bottom:60px;text-align:center;}@media screen and (min-width: 30em){.css-zeuzl6{padding-top:45px;padding-bottom:60px;}}@media screen and (min-width: 48em){.css-zeuzl6{padding-top:70px;padding-bottom:90px;}}</style><div class="css-zeuzl6"><div class="chakra-container css-nm5t63"><style data-emotion="css 482acf">.css-482acf{font-family:var(--chakra-fonts-heading);font-weight:var(--chakra-fontWeights-bold);font-size:25px;line-height:1.33;margin-bottom:10px;}@media screen and (min-width: 30em){.css-482acf{font-size:25px;margin-bottom:10px;}}@media screen and (min-width: 48em){.css-482acf{font-size:35px;line-height:1.2;margin-bottom:20px;}}</style><h2 class="chakra-heading css-482acf">Open Source</h2><style data-emotion="css tmji1h">.css-tmji1h{line-height:26px;font-size:15px;margin-bottom:20px;}@media screen and (min-width: 30em){.css-tmji1h{font-size:15px;}}@media screen and (min-width: 48em){.css-tmji1h{font-size:16px;}}</style><p class="chakra-text css-tmji1h">The project is OpenSource, <style data-emotion="css 1om4i6h">.css-1om4i6h{transition-property:var(--chakra-transition-property-common);transition-duration:var(--chakra-transition-duration-fast);transition-timing-function:var(--chakra-transition-easing-ease-out);cursor:pointer;-webkit-text-decoration:none;text-decoration:none;outline:2px solid transparent;outline-offset:2px;color:inherit;border-bottom-width:1px;font-weight:600;}.css-1om4i6h:hover,.css-1om4i6h[data-hover]{-webkit-text-decoration:none;text-decoration:none;}.css-1om4i6h:focus,.css-1om4i6h[data-focus]{box-shadow:var(--chakra-shadows-outline);}</style><a target="_blank" class="chakra-link css-1om4i6h" href="https://github.com/search?o=desc&q=stars%3A%3E100000&s=stars&type=Repositories">7th most starred project on GitHub</a> and is visited by hundreds of thousands of developers every month.</p><iframe src="https://ghbtns.com/github-btn.html?user=kamranahmedse&repo=developer-roadmap&type=star&count=true&size=large" frameBorder="0" scrolling="0" width="170" height="30" style="margin:auto;margin-bottom:30px" title="GitHub"></iframe><style data-emotion="css mz2q9v">.css-mz2q9v{line-height:25px;font-size:15px;margin-bottom:15px;}@media screen and (min-width: 30em){.css-mz2q9v{line-height:25px;font-size:15px;}}@media screen and (min-width: 48em){.css-mz2q9v{line-height:26px;font-size:16px;}}</style><p class="chakra-text css-mz2q9v">A considerable amount of my time is spent doing unpaid community work on things that I hope will help humanity in some way. Your sponsorship helps me continue to produce more open-source and free educational material consumed by hundreds of thousands of developers every month.</p><div class="css-0"><iframe src="https://ghbtns.com/github-btn.html?user=kamranahmedse&type=sponsor&size=large" frameBorder="0" scrolling="0" width="260" height="30" title="GitHub" style="margin:auto"></iframe></div></div></div><style data-emotion="css llwly4">.css-llwly4{border-top-width:1px;padding-top:40px;padding-bottom:40px;text-align:left;background:var(--chakra-colors-brand-footer);}@media screen and (min-width: 30em){.css-llwly4{padding-top:40px;padding-bottom:45px;}}@media screen and (min-width: 48em){.css-llwly4{padding-top:70px;padding-bottom:80px;}}</style><div class="css-llwly4"><div class="chakra-container css-nm5t63"><style data-emotion="css 1bjthgu">.css-1bjthgu{font-family:var(--chakra-fonts-heading);font-weight:var(--chakra-fontWeights-bold);font-size:25px;line-height:1.33;color:var(--chakra-colors-gray-100);margin-bottom:5px;}@media screen and (min-width: 30em){.css-1bjthgu{font-size:25px;margin-bottom:5px;}}@media screen and (min-width: 48em){.css-1bjthgu{font-size:35px;line-height:1.2;margin-bottom:15px;}}</style><h2 class="chakra-heading css-1bjthgu">Stay Informed</h2><style data-emotion="css 1ne3i1y">.css-1ne3i1y{color:var(--chakra-colors-gray-400);line-height:26px;font-size:15px;margin-bottom:20px;}@media screen and (min-width: 30em){.css-1ne3i1y{font-size:15px;}}@media screen and (min-width: 48em){.css-1ne3i1y{font-size:16px;}}</style><p class="chakra-text css-1ne3i1y">Subscribe yourself to get updates, new guides, videos and roadmaps in your inbox.</p><style data-emotion="css u91i2o">.css-u91i2o{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}@media screen and (min-width: 30em){.css-u91i2o{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}}@media screen and (min-width: 48em){.css-u91i2o{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}}</style><div class="css-u91i2o"><style data-emotion="css bjg6se">.css-bjg6se{margin-right:0px;margin-bottom:15px;}@media screen and (min-width: 30em){.css-bjg6se{margin-right:0px;margin-bottom:15px;}}@media screen and (min-width: 48em){.css-bjg6se{margin-right:20px;margin-bottom:0px;}}</style><div class="css-bjg6se"><style data-emotion="css 6cpjh7">.css-6cpjh7{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;white-space:nowrap;vertical-align:middle;outline:2px solid transparent;outline-offset:2px;width:var(--chakra-sizes-full);line-height:1.2;border-radius:var(--chakra-radii-md);font-weight:var(--chakra-fontWeights-semibold);transition-property:var(--chakra-transition-property-common);transition-duration:var(--chakra-transition-duration-normal);height:var(--chakra-sizes-10);min-width:var(--chakra-sizes-10);font-size:14px;-webkit-padding-start:var(--chakra-space-4);padding-inline-start:var(--chakra-space-4);-webkit-padding-end:var(--chakra-space-4);padding-inline-end:var(--chakra-space-4);border:1px solid;border-color:currentColor;color:var(--chakra-colors-green-600);background:var(--chakra-colors-transparent);border-width:2px;}@media screen and (min-width: 30em){.css-6cpjh7{width:auto;font-size:14px;}}.css-6cpjh7:focus,.css-6cpjh7[data-focus]{box-shadow:var(--chakra-shadows-outline);}.css-6cpjh7[disabled],.css-6cpjh7[aria-disabled=true],.css-6cpjh7[data-disabled]{opacity:0.4;cursor:not-allowed;box-shadow:var(--chakra-shadows-none);}.css-6cpjh7:hover,.css-6cpjh7[data-hover]{color:var(--chakra-colors-green-200);-webkit-text-decoration:none;text-decoration:none;}@media screen and (min-width: 48em){.css-6cpjh7{font-size:16px;}}.css-6cpjh7:active,.css-6cpjh7[data-active]{background:var(--chakra-colors-green-100);}</style><style data-emotion="css 198h90r">.css-198h90r{transition-property:var(--chakra-transition-property-common);transition-duration:var(--chakra-transition-duration-fast);transition-timing-function:var(--chakra-transition-easing-ease-out);cursor:pointer;-webkit-text-decoration:none;text-decoration:none;outline:2px solid transparent;outline-offset:2px;color:inherit;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;white-space:nowrap;vertical-align:middle;outline:2px solid transparent;outline-offset:2px;width:var(--chakra-sizes-full);line-height:1.2;border-radius:var(--chakra-radii-md);font-weight:var(--chakra-fontWeights-semibold);transition-property:var(--chakra-transition-property-common);transition-duration:var(--chakra-transition-duration-normal);height:var(--chakra-sizes-10);min-width:var(--chakra-sizes-10);font-size:14px;-webkit-padding-start:var(--chakra-space-4);padding-inline-start:var(--chakra-space-4);-webkit-padding-end:var(--chakra-space-4);padding-inline-end:var(--chakra-space-4);border:1px solid;border-color:currentColor;color:var(--chakra-colors-green-600);background:var(--chakra-colors-transparent);border-width:2px;}.css-198h90r:hover,.css-198h90r[data-hover]{-webkit-text-decoration:underline;text-decoration:underline;}.css-198h90r:focus,.css-198h90r[data-focus]{box-shadow:var(--chakra-shadows-outline);}@media screen and (min-width: 30em){.css-198h90r{width:auto;font-size:14px;}}.css-198h90r:focus,.css-198h90r[data-focus]{box-shadow:var(--chakra-shadows-outline);}.css-198h90r[disabled],.css-198h90r[aria-disabled=true],.css-198h90r[data-disabled]{opacity:0.4;cursor:not-allowed;box-shadow:var(--chakra-shadows-none);}.css-198h90r:hover,.css-198h90r[data-hover]{color:var(--chakra-colors-green-200);-webkit-text-decoration:none;text-decoration:none;}@media screen and (min-width: 48em){.css-198h90r{font-size:16px;}}.css-198h90r:active,.css-198h90r[data-active]{background:var(--chakra-colors-green-100);}</style><a class="chakra-link chakra-button css-198h90r" href="/signup">Subscribe to Updates</a><style data-emotion="css ilygfh">.css-ilygfh{color:var(--chakra-colors-gray-500);font-size:13px;margin-top:5px;}</style><p class="chakra-text css-ilygfh">Free subscription for updates</p></div><div class="css-0"><style data-emotion="css 1o5lodd">.css-1o5lodd{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;white-space:nowrap;vertical-align:middle;outline:2px solid transparent;outline-offset:2px;width:var(--chakra-sizes-full);line-height:1.2;border-radius:var(--chakra-radii-md);font-weight:var(--chakra-fontWeights-semibold);transition-property:var(--chakra-transition-property-common);transition-duration:var(--chakra-transition-duration-normal);height:var(--chakra-sizes-10);min-width:var(--chakra-sizes-10);font-size:14px;-webkit-padding-start:var(--chakra-space-4);padding-inline-start:var(--chakra-space-4);-webkit-padding-end:var(--chakra-space-4);padding-inline-end:var(--chakra-space-4);background:var(--chakra-colors-yellow-400);color:var(--chakra-colors-black);}@media screen and (min-width: 30em){.css-1o5lodd{width:auto;font-size:14px;}}.css-1o5lodd:focus,.css-1o5lodd[data-focus]{box-shadow:var(--chakra-shadows-outline);}.css-1o5lodd[disabled],.css-1o5lodd[aria-disabled=true],.css-1o5lodd[data-disabled]{opacity:0.4;cursor:not-allowed;box-shadow:var(--chakra-shadows-none);}.css-1o5lodd:hover,.css-1o5lodd[data-hover]{-webkit-text-decoration:none;text-decoration:none;background:var(--chakra-colors-yellow-500);}@media screen and (min-width: 48em){.css-1o5lodd{font-size:16px;}}.css-1o5lodd:active,.css-1o5lodd[data-active]{background:var(--chakra-colors-yellow-600);}</style><style data-emotion="css 1matfw4">.css-1matfw4{transition-property:var(--chakra-transition-property-common);transition-duration:var(--chakra-transition-duration-fast);transition-timing-function:var(--chakra-transition-easing-ease-out);cursor:pointer;-webkit-text-decoration:none;text-decoration:none;outline:2px solid transparent;outline-offset:2px;color:inherit;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;white-space:nowrap;vertical-align:middle;outline:2px solid transparent;outline-offset:2px;width:var(--chakra-sizes-full);line-height:1.2;border-radius:var(--chakra-radii-md);font-weight:var(--chakra-fontWeights-semibold);transition-property:var(--chakra-transition-property-common);transition-duration:var(--chakra-transition-duration-normal);height:var(--chakra-sizes-10);min-width:var(--chakra-sizes-10);font-size:14px;-webkit-padding-start:var(--chakra-space-4);padding-inline-start:var(--chakra-space-4);-webkit-padding-end:var(--chakra-space-4);padding-inline-end:var(--chakra-space-4);background:var(--chakra-colors-yellow-400);color:var(--chakra-colors-black);}.css-1matfw4:hover,.css-1matfw4[data-hover]{-webkit-text-decoration:underline;text-decoration:underline;}.css-1matfw4:focus,.css-1matfw4[data-focus]{box-shadow:var(--chakra-shadows-outline);}@media screen and (min-width: 30em){.css-1matfw4{width:auto;font-size:14px;}}.css-1matfw4:focus,.css-1matfw4[data-focus]{box-shadow:var(--chakra-shadows-outline);}.css-1matfw4[disabled],.css-1matfw4[aria-disabled=true],.css-1matfw4[data-disabled]{opacity:0.4;cursor:not-allowed;box-shadow:var(--chakra-shadows-none);}.css-1matfw4:hover,.css-1matfw4[data-hover]{-webkit-text-decoration:none;text-decoration:none;background:var(--chakra-colors-yellow-500);}@media screen and (min-width: 48em){.css-1matfw4{font-size:16px;}}.css-1matfw4:active,.css-1matfw4[data-active]{background:var(--chakra-colors-yellow-600);}</style><a target="_blank" class="chakra-link chakra-button css-1matfw4" href="https://github.com/sponsors/kamranahmedse">Updates & Paid Content</a><p class="chakra-text css-ilygfh">Support the project by paying as little as<!-- --> <style data-emotion="css 35ezg3">.css-35ezg3{font-weight:600;}</style><span class="chakra-text css-35ezg3">5$ per month</span></p></div></div></div></div><style data-emotion="css t1u31f">.css-t1u31f{background:var(--chakra-colors-brand-hero);padding:25px 0;}@media screen and (min-width: 30em){.css-t1u31f{padding:25px 0;}}@media screen and (min-width: 48em){.css-t1u31f{padding:40px 0;}}</style><div class="css-t1u31f"><div class="chakra-container css-nm5t63"><style data-emotion="css 1cvpnh4">.css-1cvpnh4{display:none;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;color:var(--chakra-colors-gray-400);font-weight:600;}.css-1cvpnh4>*:not(style)~*:not(style){margin-top:0px;-webkit-margin-end:0px;margin-inline-end:0px;margin-bottom:0px;-webkit-margin-start:30px;margin-inline-start:30px;}@media screen and (min-width: 30em){.css-1cvpnh4{display:none;}}@media screen and (min-width: 48em){.css-1cvpnh4{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}}</style><div class="chakra-stack css-1cvpnh4"><style data-emotion="css 1807wg8">.css-1807wg8{transition-property:var(--chakra-transition-property-common);transition-duration:var(--chakra-transition-duration-fast);transition-timing-function:var(--chakra-transition-easing-ease-out);cursor:pointer;-webkit-text-decoration:none;text-decoration:none;outline:2px solid transparent;outline-offset:2px;color:inherit;}.css-1807wg8:hover,.css-1807wg8[data-hover]{color:var(--chakra-colors-white);}.css-1807wg8:focus,.css-1807wg8[data-focus]{box-shadow:var(--chakra-shadows-outline);}</style><a class="chakra-link css-1807wg8" href="/roadmaps">Roadmaps</a><a class="chakra-link css-1807wg8" href="/guides">Guides</a><a class="chakra-link css-1807wg8" href="/watch">Videos</a><a class="chakra-link css-1807wg8" href="/about">About</a><a target="_blank" class="chakra-link css-1807wg8" href="https://youtube.com/theroadmap?sub_confirmation=1">YouTube</a></div><style data-emotion="css 1ehdw1x">.css-1ehdw1x{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;color:var(--chakra-colors-gray-400);font-weight:600;}.css-1ehdw1x>*:not(style)~*:not(style){margin-top:0px;-webkit-margin-end:0px;margin-inline-end:0px;margin-bottom:0px;-webkit-margin-start:0px;margin-inline-start:0px;}@media screen and (min-width: 30em){.css-1ehdw1x{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}}@media screen and (min-width: 48em){.css-1ehdw1x{display:none;}}</style><div class="chakra-stack css-1ehdw1x"><style data-emotion="css vsan9l">.css-vsan9l{transition-property:var(--chakra-transition-property-common);transition-duration:var(--chakra-transition-duration-fast);transition-timing-function:var(--chakra-transition-easing-ease-out);cursor:pointer;-webkit-text-decoration:none;text-decoration:none;outline:2px solid transparent;outline-offset:2px;color:inherit;padding-top:7px;padding-bottom:7px;border-bottom-width:1px;border-bottom-color:var(--chakra-colors-gray-800);}.css-vsan9l:hover,.css-vsan9l[data-hover]{color:var(--chakra-colors-white);}.css-vsan9l:focus,.css-vsan9l[data-focus]{box-shadow:var(--chakra-shadows-outline);}</style><a class="chakra-link css-vsan9l" href="/roadmaps">Roadmaps</a><a class="chakra-link css-vsan9l" href="/guides">Guides</a><a class="chakra-link css-vsan9l" href="/watch">Videos</a><a class="chakra-link css-vsan9l" href="/thanks">Thanks</a><a class="chakra-link css-vsan9l" href="/about">About</a><style data-emotion="css ex4by1">.css-ex4by1{transition-property:var(--chakra-transition-property-common);transition-duration:var(--chakra-transition-duration-fast);transition-timing-function:var(--chakra-transition-easing-ease-out);cursor:pointer;-webkit-text-decoration:none;text-decoration:none;outline:2px solid transparent;outline-offset:2px;color:inherit;padding-top:7px;padding-bottom:7px;}.css-ex4by1:hover,.css-ex4by1[data-hover]{color:var(--chakra-colors-white);}.css-ex4by1:focus,.css-ex4by1[data-focus]{box-shadow:var(--chakra-shadows-outline);}</style><a target="_blank" class="chakra-link css-ex4by1" href="https://youtube.com/theroadmap?sub_confirmation=1">YouTube</a></div><style data-emotion="css opw3zq">.css-opw3zq{margin-top:40px;margin-bottom:40px;max-width:500px;}@media screen and (min-width: 30em){.css-opw3zq{margin-top:40px;}}@media screen and (min-width: 48em){.css-opw3zq{margin-top:50px;}}</style><div class="css-opw3zq"><style data-emotion="css 1r78w6">.css-1r78w6{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--chakra-colors-gray-400);}</style><div spacing="0" class="css-1r78w6"><style data-emotion="css 1cdtrts">.css-1cdtrts{transition-property:var(--chakra-transition-property-common);transition-duration:var(--chakra-transition-duration-fast);transition-timing-function:var(--chakra-transition-easing-ease-out);cursor:pointer;-webkit-text-decoration:none;text-decoration:none;outline:2px solid transparent;outline-offset:2px;color:inherit;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-weight:600;}.css-1cdtrts:hover,.css-1cdtrts[data-hover]{-webkit-text-decoration:none;text-decoration:none;color:var(--chakra-colors-white);}.css-1cdtrts:focus,.css-1cdtrts[data-focus]{box-shadow:var(--chakra-shadows-outline);}</style><a class="chakra-link css-1cdtrts" href="/"><style data-emotion="css 1l24g6b">.css-1l24g6b{height:25px;width:25px;margin-right:6px;}</style><img alt="" src="/logo.svg" class="chakra-image css-1l24g6b"/>roadmap.sh</a><style data-emotion="css qh3ecy">.css-qh3ecy{-webkit-margin-start:7px;margin-inline-start:7px;-webkit-margin-end:7px;margin-inline-end:7px;}</style><span class="chakra-text css-qh3ecy">by</span><style data-emotion="css 1svda2y">.css-1svda2y{transition-property:var(--chakra-transition-property-common);transition-duration:var(--chakra-transition-duration-fast);transition-timing-function:var(--chakra-transition-easing-ease-out);cursor:pointer;-webkit-text-decoration:none;text-decoration:none;outline:2px solid transparent;outline-offset:2px;color:var(--chakra-colors-white);background:var(--chakra-colors-blue-500);-webkit-padding-start:6px;padding-inline-start:6px;-webkit-padding-end:6px;padding-inline-end:6px;padding-top:2px;padding-bottom:2px;border-radius:4px;font-weight:600;font-size:13px;}.css-1svda2y:hover,.css-1svda2y[data-hover]{-webkit-text-decoration:none;text-decoration:none;background:var(--chakra-colors-blue-600);}.css-1svda2y:focus,.css-1svda2y[data-focus]{box-shadow:var(--chakra-shadows-outline);}</style><a target="_blank" class="chakra-link css-1svda2y" href="https://twitter.com/kamranahmedse">@kamranahmedse</a></div><style data-emotion="css gp4krv">.css-gp4krv{margin-top:15px;margin-bottom:15px;font-size:14px;color:var(--chakra-colors-gray-500);}</style><p class="chakra-text css-gp4krv">Community created roadmaps, articles, resources and journeys to help you choose your path and grow in your career.</p><style data-emotion="css 1vf9ext">.css-1vf9ext{font-size:14px;color:var(--chakra-colors-gray-500);}</style><p class="chakra-text css-1vf9ext"><style data-emotion="css lvyu5j">.css-lvyu5j{margin-right:10px;}</style><span class="chakra-text css-lvyu5j">© roadmap.sh</span>·<style data-emotion="css q9uhdd">.css-q9uhdd{transition-property:var(--chakra-transition-property-common);transition-duration:var(--chakra-transition-duration-fast);transition-timing-function:var(--chakra-transition-easing-ease-out);cursor:pointer;-webkit-text-decoration:none;text-decoration:none;outline:2px solid transparent;outline-offset:2px;color:var(--chakra-colors-gray-400);-webkit-margin-start:10px;margin-inline-start:10px;-webkit-margin-end:10px;margin-inline-end:10px;}.css-q9uhdd:hover,.css-q9uhdd[data-hover]{-webkit-text-decoration:none;text-decoration:none;color:var(--chakra-colors-white);}.css-q9uhdd:focus,.css-q9uhdd[data-focus]{box-shadow:var(--chakra-shadows-outline);}</style><a class="chakra-link css-q9uhdd" href="/about">FAQs</a>·<a class="chakra-link css-q9uhdd" href="/terms">Terms</a>·<a class="chakra-link css-q9uhdd" href="/privacy">Privacy</a></p></div></div></div></div><span></span></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"videos":[{"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,"youtubeLink":"https://www.youtube.com/watch?v=jalSiaIi8j4","authorUsername":"kamranahmedse","duration":"8 minutes","updatedAt":"2022-02-21T19:59:14.191Z","createdAt":"2022-02-21T19:59:14.191Z","formattedCreatedAt":"February 21, 2022","formattedUpdatedAt":"February 21, 2022","author":{"username":"kamranahmedse","name":"Kamran Ahmed","twitter":"kamranahmedse","picture":"/authors/kamranahmedse.jpeg","bio":"Lead engineer at Tajawal. Lover of all things web and opensource. Created roadmap.sh to help the confused ones."}},{"id":"queue-data-structure","title":"Queue Data Structure","description":"Learn everything you need to know about the queue data structure","isPro":false,"youtubeLink":"https://www.youtube.com/watch?v=mDCi1lXd9hc","authorUsername":"kamranahmedse","duration":"4 minutes","updatedAt":"2022-02-14T19:59:14.191Z","createdAt":"2022-02-14T19:59:14.191Z","formattedCreatedAt":"February 14, 2022","formattedUpdatedAt":"February 14, 2022","author":{"username":"kamranahmedse","name":"Kamran Ahmed","twitter":"kamranahmedse","picture":"/authors/kamranahmedse.jpeg","bio":"Lead engineer at Tajawal. Lover of all things web and opensource. Created roadmap.sh to help the confused ones."}},{"id":"stack-data-structure","title":"Stack Data Structure","description":"Learn everything you need to know about the stack data structure","isPro":false,"youtubeLink":"https://www.youtube.com/watch?v=I5lq6sCuABE","authorUsername":"kamranahmedse","duration":"5 minutes","updatedAt":"2022-02-07T19:59:14.191Z","createdAt":"2022-02-07T19:59:14.191Z","formattedCreatedAt":"February 7, 2022","formattedUpdatedAt":"February 7, 2022","author":{"username":"kamranahmedse","name":"Kamran Ahmed","twitter":"kamranahmedse","picture":"/authors/kamranahmedse.jpeg","bio":"Lead engineer at Tajawal. Lover of all things web and opensource. Created roadmap.sh to help the confused ones."}},{"id":"linked-list-data-structure","title":"Linked List Data Structure","description":"Learn everything you need to know about linked list data structure","isPro":false,"youtubeLink":"https://www.youtube.com/watch?v=odW9FU8jPRQ","authorUsername":"kamranahmedse","duration":"11 minutes","updatedAt":"2022-01-31T19:59:14.191Z","createdAt":"2022-01-31T19:59:14.191Z","formattedCreatedAt":"January 31, 2022","formattedUpdatedAt":"January 31, 2022","author":{"username":"kamranahmedse","name":"Kamran Ahmed","twitter":"kamranahmedse","picture":"/authors/kamranahmedse.jpeg","bio":"Lead engineer at Tajawal. Lover of all things web and opensource. Created roadmap.sh to help the confused ones."}},{"id":"array-structure","title":"All about Array Data Structure","description":"Learn everything you need to know about array data structure","isPro":false,"youtubeLink":"https://www.youtube.com/watch?v=QJNwK2uJyGs","authorUsername":"kamranahmedse","duration":"10 minutes","updatedAt":"2022-01-09T19:59:14.191Z","createdAt":"2022-01-09T19:59:14.191Z","formattedCreatedAt":"January 9, 2022","formattedUpdatedAt":"January 9, 2022","author":{"username":"kamranahmedse","name":"Kamran Ahmed","twitter":"kamranahmedse","picture":"/authors/kamranahmedse.jpeg","bio":"Lead engineer at Tajawal. Lover of all things web and opensource. Created roadmap.sh to help the confused ones."}},{"id":"what-are-data-structures","title":"What are Data Structures?","description":"Learn about the different data structures in this illustrated series","isPro":false,"youtubeLink":"https://www.youtube.com/watch?v=9rhT3P1MDHk","authorUsername":"kamranahmedse","duration":"1 minute","updatedAt":"2021-12-12T19:59:14.191Z","createdAt":"2021-12-12T19:59:14.191Z","formattedCreatedAt":"December 12, 2021","formattedUpdatedAt":"December 12, 2021","author":{"username":"kamranahmedse","name":"Kamran Ahmed","twitter":"kamranahmedse","picture":"/authors/kamranahmedse.jpeg","bio":"Lead engineer at Tajawal. Lover of all things web and opensource. Created roadmap.sh to help the confused ones."}},{"id":"what-is-eventual-consistency","title":"What is Eventual Consistency?","description":"Learn about the different consistency models in distributed systems","isPro":false,"youtubeLink":"https://www.youtube.com/watch?v=rpqsSkTIdAw","authorUsername":"kamranahmedse","duration":"5 minutes","updatedAt":"2021-11-30T19:59:14.191Z","createdAt":"2021-11-30T19:59:14.191Z","formattedCreatedAt":"November 30, 2021","formattedUpdatedAt":"November 30, 2021","author":{"username":"kamranahmedse","name":"Kamran Ahmed","twitter":"kamranahmedse","picture":"/authors/kamranahmedse.jpeg","bio":"Lead engineer at Tajawal. Lover of all things web and opensource. Created roadmap.sh to help the confused ones."}},{"id":"ssh-ssl-tls","title":"SSH vs TLS vs SSL","description":"Learn the difference between SSH, TLS and SSL","isPro":false,"youtubeLink":"https://www.youtube.com/watch?v=k3rFFLmQCuY","authorUsername":"kamranahmedse","duration":"3 minutes","updatedAt":"2021-11-25T19:59:14.191Z","createdAt":"2021-11-25T19:59:14.191Z","formattedCreatedAt":"November 25, 2021","formattedUpdatedAt":"November 25, 2021","author":{"username":"kamranahmedse","name":"Kamran Ahmed","twitter":"kamranahmedse","picture":"/authors/kamranahmedse.jpeg","bio":"Lead engineer at Tajawal. Lover of all things web and opensource. Created roadmap.sh to help the confused ones."}},{"id":"async-javascript","title":"Asynchronous JavaScript","description":"Learn how to write asynchronous JavaScript using Async/Await","isPro":false,"youtubeLink":"https://www.youtube.com/watch?v=VyIK6SV5f7o","authorUsername":"kamranahmedse","duration":"15 minutes","updatedAt":"2021-11-14T19:59:14.191Z","createdAt":"2021-11-14T19:59:14.191Z","formattedCreatedAt":"November 14, 2021","formattedUpdatedAt":"November 14, 2021","author":{"username":"kamranahmedse","name":"Kamran Ahmed","twitter":"kamranahmedse","picture":"/authors/kamranahmedse.jpeg","bio":"Lead engineer at Tajawal. Lover of all things web and opensource. Created roadmap.sh to help the confused ones."}},{"id":"random-number-generators","title":"Random Number Generators","description":"How do random number generators work?","isPro":false,"youtubeLink":"https://www.youtube.com/watch?v=nDv3yXdD0rk","authorUsername":"kamranahmedse","duration":"8 minutes","updatedAt":"2021-11-03T19:59:14.191Z","createdAt":"2021-11-03T19:59:14.191Z","formattedCreatedAt":"November 3, 2021","formattedUpdatedAt":"November 3, 2021","author":{"username":"kamranahmedse","name":"Kamran Ahmed","twitter":"kamranahmedse","picture":"/authors/kamranahmedse.jpeg","bio":"Lead engineer at Tajawal. Lover of all things web and opensource. Created roadmap.sh to help the confused ones."}},{"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,"youtubeLink":"https://www.youtube.com/watch?v=Z0bH0cMY0E8","authorUsername":"kamranahmedse","duration":"8 minutes","updatedAt":"2021-10-25T19:59:14.191Z","createdAt":"2021-10-25T19:59:14.191Z","formattedCreatedAt":"October 25, 2021","formattedUpdatedAt":"October 25, 2021","author":{"username":"kamranahmedse","name":"Kamran Ahmed","twitter":"kamranahmedse","picture":"/authors/kamranahmedse.jpeg","bio":"Lead engineer at Tajawal. Lover of all things web and opensource. Created roadmap.sh to help the confused ones."}},{"id":"yaml-in-depth","title":"YAML in Depth","description":"Everything you need to know about YAML","isPro":false,"youtubeLink":"https://www.youtube.com/watch?v=ImHSpwUlNVc","authorUsername":"kamranahmedse","duration":"8 minutes","updatedAt":"2021-10-18T19:59:14.191Z","createdAt":"2021-10-18T19:59:14.191Z","formattedCreatedAt":"October 18, 2021","formattedUpdatedAt":"October 18, 2021","author":{"username":"kamranahmedse","name":"Kamran Ahmed","twitter":"kamranahmedse","picture":"/authors/kamranahmedse.jpeg","bio":"Lead engineer at Tajawal. Lover of all things web and opensource. Created roadmap.sh to help the confused ones."}},{"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,"youtubeLink":"https://www.youtube.com/watch?v=RIiq4tTt6rI","authorUsername":"kamranahmedse","duration":"4 minutes","updatedAt":"2021-10-10T19:59:14.191Z","createdAt":"2021-10-10T19:59:14.191Z","formattedCreatedAt":"October 10, 2021","formattedUpdatedAt":"October 10, 2021","author":{"username":"kamranahmedse","name":"Kamran Ahmed","twitter":"kamranahmedse","picture":"/authors/kamranahmedse.jpeg","bio":"Lead engineer at Tajawal. Lover of all things web and opensource. Created roadmap.sh to help the confused ones."}},{"id":"what-is-cap-theorem","title":"What is CAP Theorem?","description":"An illustrated explanation to CAP theorem with examples and proof.","isPro":false,"youtubeLink":"https://www.youtube.com/watch?v=_RbsFXWRZ10","authorUsername":"kamranahmedse","duration":"8 minutes","updatedAt":"2021-10-05T19:59:14.191Z","createdAt":"2021-10-05T19:59:14.191Z","formattedCreatedAt":"October 5, 2021","formattedUpdatedAt":"October 5, 2021","author":{"username":"kamranahmedse","name":"Kamran Ahmed","twitter":"kamranahmedse","picture":"/authors/kamranahmedse.jpeg","bio":"Lead engineer at Tajawal. Lover of all things web and opensource. Created roadmap.sh to help the confused ones."}},{"id":"acid-explained","title":"ACID Explained","description":"Learn what it means for a database to be ACID compliant with examples.","isPro":false,"youtubeLink":"https://www.youtube.com/watch?v=yaQ5YMWkxq4","authorUsername":"kamranahmedse","duration":"5 minutes","updatedAt":"2021-09-26T19:59:14.191Z","createdAt":"2021-09-26T19:59:14.191Z","formattedCreatedAt":"September 26, 2021","formattedUpdatedAt":"September 26, 2021","author":{"username":"kamranahmedse","name":"Kamran Ahmed","twitter":"kamranahmedse","picture":"/authors/kamranahmedse.jpeg","bio":"Lead engineer at Tajawal. Lover of all things web and opensource. Created roadmap.sh to help the confused ones."}},{"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,"youtubeLink":"https://www.youtube.com/watch?v=37AFBZv4_6Y","authorUsername":"kamranahmedse","duration":"10 minutes","updatedAt":"2020-11-21T19:59:14.191Z","createdAt":"2020-11-21T19:59:14.191Z","formattedCreatedAt":"November 21, 2020","formattedUpdatedAt":"November 21, 2020","author":{"username":"kamranahmedse","name":"Kamran Ahmed","twitter":"kamranahmedse","picture":"/authors/kamranahmedse.jpeg","bio":"Lead engineer at Tajawal. Lover of all things web and opensource. Created roadmap.sh to help the confused ones."}},{"id":"tcp-ip-model","title":"TCP/IP Model Explained","description":"Learn what is TCP/IP Model and the different layers involved.","isPro":false,"authorUsername":"kamranahmedse","youtubeLink":"https://www.youtube.com/watch?v=F5rni9fr1yE","duration":"5 minutes","updatedAt":"2020-11-06T19:59:14.191Z","createdAt":"2020-11-06T19:59:14.191Z","formattedCreatedAt":"November 6, 2020","formattedUpdatedAt":"November 6, 2020","author":{"username":"kamranahmedse","name":"Kamran Ahmed","twitter":"kamranahmedse","picture":"/authors/kamranahmedse.jpeg","bio":"Lead engineer at Tajawal. Lover of all things web and opensource. Created roadmap.sh to help the confused ones."}},{"id":"osi-model","title":"OSI Model Explained","description":"Learn what is OSI Model and the different layers involved.","isPro":false,"youtubeLink":"https://www.youtube.com/watch?v=dV8mjZd1OtU","authorUsername":"kamranahmedse","duration":"7 minutes","updatedAt":"2020-10-24T19:59:14.191Z","createdAt":"2020-10-24T19:59:14.191Z","formattedCreatedAt":"October 24, 2020","formattedUpdatedAt":"October 24, 2020","author":{"username":"kamranahmedse","name":"Kamran Ahmed","twitter":"kamranahmedse","picture":"/authors/kamranahmedse.jpeg","bio":"Lead engineer at Tajawal. Lover of all things web and opensource. Created roadmap.sh to help the confused ones."}},{"id":"freeze-and-seal-objects-in-javascript","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,"authorUsername":"kamranahmedse","duration":"6 minutes","updatedAt":"2020-10-16T19:59:14.191Z","createdAt":"2020-10-16T19:59:14.191Z","formattedCreatedAt":"October 16, 2020","formattedUpdatedAt":"October 16, 2020","author":{"username":"kamranahmedse","name":"Kamran Ahmed","twitter":"kamranahmedse","picture":"/authors/kamranahmedse.jpeg","bio":"Lead engineer at Tajawal. Lover of all things web and opensource. Created roadmap.sh to help the confused ones."}},{"id":"all-about-http-caching","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,"authorUsername":"kamranahmedse","duration":"13 minutes","updatedAt":"2020-10-04T19:59:14.191Z","createdAt":"2020-10-04T19:59:14.191Z","formattedCreatedAt":"October 4, 2020","formattedUpdatedAt":"October 4, 2020","author":{"username":"kamranahmedse","name":"Kamran Ahmed","twitter":"kamranahmedse","picture":"/authors/kamranahmedse.jpeg","bio":"Lead engineer at Tajawal. Lover of all things web and opensource. Created roadmap.sh to help the confused ones."}},{"id":"content-delivery-networks","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,"authorUsername":"kamranahmedse","duration":"4 minutes","updatedAt":"2020-09-26T19:59:14.191Z","createdAt":"2020-09-26T19:59:14.191Z","formattedCreatedAt":"September 26, 2020","formattedUpdatedAt":"September 26, 2020","author":{"username":"kamranahmedse","name":"Kamran Ahmed","twitter":"kamranahmedse","picture":"/authors/kamranahmedse.jpeg","bio":"Lead engineer at Tajawal. Lover of all things web and opensource. Created roadmap.sh to help the confused ones."}},{"id":"load-balancers-101","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,"authorUsername":"kamranahmedse","duration":"9 minutes","updatedAt":"2020-09-18T19:59:14.191Z","createdAt":"2020-09-18T19:59:14.191Z","formattedCreatedAt":"September 18, 2020","formattedUpdatedAt":"September 18, 2020","author":{"username":"kamranahmedse","name":"Kamran Ahmed","twitter":"kamranahmedse","picture":"/authors/kamranahmedse.jpeg","bio":"Lead engineer at Tajawal. Lover of all things web and opensource. Created roadmap.sh to help the confused ones."}},{"id":"dns-records","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,"authorUsername":"kamranahmedse","duration":"6 minutes","updatedAt":"2020-08-31T19:59:14.191Z","createdAt":"2020-08-31T19:59:14.191Z","formattedCreatedAt":"August 31, 2020","formattedUpdatedAt":"August 31, 2020","author":{"username":"kamranahmedse","name":"Kamran Ahmed","twitter":"kamranahmedse","picture":"/authors/kamranahmedse.jpeg","bio":"Lead engineer at Tajawal. Lover of all things web and opensource. Created roadmap.sh to help the confused ones."}},{"id":"dns-explained","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,"authorUsername":"kamranahmedse","duration":"5 minutes","updatedAt":"2020-08-17T19:59:14.191Z","createdAt":"2020-08-17T19:59:14.191Z","formattedCreatedAt":"August 17, 2020","formattedUpdatedAt":"August 17, 2020","author":{"username":"kamranahmedse","name":"Kamran Ahmed","twitter":"kamranahmedse","picture":"/authors/kamranahmedse.jpeg","bio":"Lead engineer at Tajawal. Lover of all things web and opensource. Created roadmap.sh to help the confused ones."}},{"id":"system-design-101","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,"authorUsername":"kamranahmedse","duration":"7 minutes","updatedAt":"2020-08-08T19:59:14.191Z","createdAt":"2020-08-08T19:59:14.191Z","formattedCreatedAt":"August 8, 2020","formattedUpdatedAt":"August 8, 2020","author":{"username":"kamranahmedse","name":"Kamran Ahmed","twitter":"kamranahmedse","picture":"/authors/kamranahmedse.jpeg","bio":"Lead engineer at Tajawal. Lover of all things web and opensource. Created roadmap.sh to help the confused ones."}},{"id":"javascript-fetch-api","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,"authorUsername":"kamranahmedse","duration":"3 minutes","updatedAt":"2020-08-02T19:59:14.191Z","createdAt":"2020-08-02T19:59:14.191Z","formattedCreatedAt":"August 2, 2020","formattedUpdatedAt":"August 2, 2020","author":{"username":"kamranahmedse","name":"Kamran Ahmed","twitter":"kamranahmedse","picture":"/authors/kamranahmedse.jpeg","bio":"Lead engineer at Tajawal. Lover of all things web and opensource. Created roadmap.sh to help the confused ones."}},{"id":"scaling-the-unscalable","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,"authorUsername":"kamranahmedse","duration":"10 minutes","updatedAt":"2020-07-26T19:59:14.191Z","createdAt":"2020-07-26T19:59:14.191Z","formattedCreatedAt":"July 26, 2020","formattedUpdatedAt":"July 26, 2020","author":{"username":"kamranahmedse","name":"Kamran Ahmed","twitter":"kamranahmedse","picture":"/authors/kamranahmedse.jpeg","bio":"Lead engineer at Tajawal. Lover of all things web and opensource. Created roadmap.sh to help the confused ones."}},{"id":"promises-in-javascript","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,"authorUsername":"kamranahmedse","duration":"8 minutes","updatedAt":"2020-07-20T19:59:14.191Z","createdAt":"2020-07-20T19:59:14.191Z","formattedCreatedAt":"July 20, 2020","formattedUpdatedAt":"July 20, 2020","author":{"username":"kamranahmedse","name":"Kamran Ahmed","twitter":"kamranahmedse","picture":"/authors/kamranahmedse.jpeg","bio":"Lead engineer at Tajawal. Lover of all things web and opensource. Created roadmap.sh to help the confused ones."}},{"id":"what-is-dom-shadow-dom-virtual-dom","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,"authorUsername":"kamranahmedse","duration":"6 minutes","updatedAt":"2020-07-20T19:59:14.191Z","createdAt":"2020-07-20T19:59:14.191Z","formattedCreatedAt":"July 20, 2020","formattedUpdatedAt":"July 20, 2020","author":{"username":"kamranahmedse","name":"Kamran Ahmed","twitter":"kamranahmedse","picture":"/authors/kamranahmedse.jpeg","bio":"Lead engineer at Tajawal. Lover of all things web and opensource. Created roadmap.sh to help the confused ones."}},{"id":"how-to-use-github-actions","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,"authorUsername":"kamranahmedse","duration":"6 minutes","updatedAt":"2020-07-13T19:59:14.191Z","createdAt":"2020-07-13T19:59:14.191Z","formattedCreatedAt":"July 13, 2020","formattedUpdatedAt":"July 13, 2020","author":{"username":"kamranahmedse","name":"Kamran Ahmed","twitter":"kamranahmedse","picture":"/authors/kamranahmedse.jpeg","bio":"Lead engineer at Tajawal. Lover of all things web and opensource. Created roadmap.sh to help the confused ones."}},{"id":"practical-intro-to-react","title":"Practical Introduction to React","description":"Learn how to create a React Application with practical example.","youtubeLink":"https://www.youtube.com/watch?v=NyG7YJWJd6s\u0026list=PLkZYeFmDuaN3NDLnBG01-sH2-nwn43mYu","isPro":false,"authorUsername":"kamranahmedse","duration":"40 minutes","updatedAt":"2020-07-09T19:59:14.191Z","createdAt":"2020-07-09T19:59:14.191Z","formattedCreatedAt":"July 9, 2020","formattedUpdatedAt":"July 9, 2020","author":{"username":"kamranahmedse","name":"Kamran Ahmed","twitter":"kamranahmedse","picture":"/authors/kamranahmedse.jpeg","bio":"Lead engineer at Tajawal. Lover of all things web and opensource. Created roadmap.sh to help the confused ones."}},{"id":"what-is-dependency-injection","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,"authorUsername":"kamranahmedse","duration":"3 minutes","updatedAt":"2020-07-04T19:59:14.191Z","createdAt":"2020-07-04T19:59:14.191Z","formattedCreatedAt":"July 4, 2020","formattedUpdatedAt":"July 4, 2020","author":{"username":"kamranahmedse","name":"Kamran Ahmed","twitter":"kamranahmedse","picture":"/authors/kamranahmedse.jpeg","bio":"Lead engineer at Tajawal. Lover of all things web and opensource. Created roadmap.sh to help the confused ones."}},{"id":"how-to-use-css-variables","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,"authorUsername":"kamranahmedse","duration":"5 minutes","updatedAt":"2020-07-03T19:59:14.191Z","createdAt":"2020-07-03T19:59:14.191Z","formattedCreatedAt":"July 3, 2020","formattedUpdatedAt":"July 3, 2020","author":{"username":"kamranahmedse","name":"Kamran Ahmed","twitter":"kamranahmedse","picture":"/authors/kamranahmedse.jpeg","bio":"Lead engineer at Tajawal. Lover of all things web and opensource. Created roadmap.sh to help the confused ones."}},{"id":"arrays-and-objects-in-javascript","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,"authorUsername":"kamranahmedse","duration":"12 minutes","updatedAt":"2020-05-09T19:59:14.191Z","createdAt":"2020-05-09T19:59:14.191Z","formattedCreatedAt":"May 9, 2020","formattedUpdatedAt":"May 9, 2020","author":{"username":"kamranahmedse","name":"Kamran Ahmed","twitter":"kamranahmedse","picture":"/authors/kamranahmedse.jpeg","bio":"Lead engineer at Tajawal. Lover of all things web and opensource. Created roadmap.sh to help the confused ones."}}]},"__N_SSG":true},"page":"/watch","query":{},"buildId":"ooSnr_WJpF8nzY9n_DSAx","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html> |