6 lines
230 KiB
HTML
6 lines
230 KiB
HTML
<!DOCTYPE html><html><head><meta charSet="UTF-8"/><title>Learn to become a modern frontend developer</title><meta name="description" content="Community driven, articles, resources, guides, interview questions, quizzes for modern frontend development. Learn to become a modern frontend developer by following the steps, skills, resources and guides listed in this roadmap."/><meta name="author" content="Kamran Ahmed"/><meta name="keywords" content="guide to becoming a developer,guide to becoming a frontend developer,frontend developer,frontend engineer,frontend skills,frontend development,javascript developer,frontend development skills,frontend development skills test,frontend engineer roadmap,frontend developer roadmap,become a frontend developer,frontend developer career path,javascript developer,modern javascript developer,node developer,skills for frontend development,learn frontend development,what is frontend development,frontend developer quiz,frontend developer interview questions"/><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="Learn to become a modern frontend developer"/><meta property="og:description" content="Community driven, articles, resources, guides, interview questions, quizzes for modern frontend development. Learn to become a modern frontend developer by following the steps, skills, resources and guides listed in this roadmap."/><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="Learn to become a modern frontend developer"/><meta name="twitter:description" content="Community driven, articles, resources, guides, interview questions, quizzes for modern frontend development. Learn to become a modern frontend developer by following the steps, skills, resources and guides listed in this roadmap."/><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/e04f03d5f7fd936c.css" as="style"/><link rel="stylesheet" href="/_next/static/css/e04f03d5f7fd936c.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-91d7f78b5b4003c8.js" defer=""></script><script src="/_next/static/chunks/main-7a5ae73f0e3e91d3.js" defer=""></script><script src="/_next/static/chunks/pages/_app-a9b7869f2e3c14f1.js" defer=""></script><script src="/_next/static/chunks/709-e21506a95db1e17e.js" defer=""></script><script src="/_next/static/chunks/22-5e16bc1f52d67473.js" defer=""></script><script src="/_next/static/chunks/74-87a5757c99643fdb.js" defer=""></script><script src="/_next/static/chunks/515-100e7e5de90f7342.js" defer=""></script><script src="/_next/static/chunks/231-92d23ee85aedb3de.js" defer=""></script><script src="/_next/static/chunks/70-0e8008ae0f695c42.js" defer=""></script><script src="/_next/static/chunks/636-52036803fc755265.js" defer=""></script><script src="/_next/static/chunks/280-d7db09bae2b29a1a.js" defer=""></script><script src="/_next/static/chunks/pages/%5Broadmap%5D/interactive-a447b7635ed62a4a.js" defer=""></script><script src="/_next/static/bKcOOKrVxcd5L5jOn5c4r/_buildManifest.js" defer=""></script><script src="/_next/static/bKcOOKrVxcd5L5jOn5c4r/_ssgManifest.js" defer=""></script><script src="/_next/static/bKcOOKrVxcd5L5jOn5c4r/_middlewareManifest.js" defer=""></script><style data-styled="" data-styled-version="5.3.3"></style></head><body><div id="__next"><style data-emotion="css-global 1665pni">: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:#222222;--chakra-colors-brand-hero:#161616;--chakra-colors-brand-footer:#1c1c1c;--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 1mrfcpj">.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;}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;}</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 rbknhh">.css-rbknhh{display:block;color:var(--chakra-colors-red-700);font-size:var(--chakra-fontSizes-sm);margin-bottom:10px;font-weight:500;}.css-rbknhh:hover,.css-rbknhh[data-hover]{-webkit-text-decoration:none;text-decoration:none;color:var(--chakra-colors-blue-700);}.css-rbknhh:hover .new-badge,.css-rbknhh[data-hover] .new-badge{background:var(--chakra-colors-blue-700);}</style><style data-emotion="css 8rku7f">.css-8rku7f{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:block;color:var(--chakra-colors-red-700);font-size:var(--chakra-fontSizes-sm);margin-bottom:10px;font-weight:500;}.css-8rku7f:hover,.css-8rku7f[data-hover]{-webkit-text-decoration:underline;text-decoration:underline;}.css-8rku7f:focus,.css-8rku7f[data-focus]{box-shadow:var(--chakra-shadows-outline);}.css-8rku7f:hover,.css-8rku7f[data-hover]{-webkit-text-decoration:none;text-decoration:none;color:var(--chakra-colors-blue-700);}.css-8rku7f:hover .new-badge,.css-8rku7f[data-hover] .new-badge{background:var(--chakra-colors-blue-700);}</style><a target="_blank" class="chakra-link chakra-text css-8rku7f" href="https://youtube.com/theroadmap?sub_confirmation=1"><style data-emotion="css tte0u6">.css-tte0u6{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-red-500);color:var(--chakra-colors-white);-webkit-transition:all 300ms;transition:all 300ms;margin-right:7px;}</style><span class="chakra-badge new-badge css-tte0u6">New</span><style data-emotion="css fl3k9t">.css-fl3k9t{-webkit-text-decoration:underline;text-decoration:underline;display:none;}@media screen and (min-width: 30em){.css-fl3k9t{display:inline;}}</style><span class="chakra-text css-fl3k9t">Roadmap topics to be covered on our YouTube Channel</span><style data-emotion="css 22e5fy">.css-22e5fy{-webkit-text-decoration:underline;text-decoration:underline;display:inline;}@media screen and (min-width: 30em){.css-22e5fy{display:none;}}</style><span class="chakra-text css-22e5fy">Topic videos being made on YouTube</span><style data-emotion="css o5uqvq">.css-o5uqvq{margin-left:5px;}</style><span class="chakra-text css-o5uqvq">»</span></a><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">Frontend Developer</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">Step by step guide to becoming a modern frontend developer in 2021</p></div><div class="chakra-container css-nm5t63"><style data-emotion="css 9jtzp6">.css-9jtzp6{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;margin-top:20px;}.css-9jtzp6>*:not(style)~*:not(style){margin-top:0px;-webkit-margin-end:0px;margin-inline-end:0px;margin-bottom:0px;-webkit-margin-start:0.5rem;margin-inline-start:0.5rem;}</style><div class="chakra-stack css-9jtzp6"><style data-emotion="css d3hcrr">.css-d3hcrr{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display: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:auto;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-6);min-width:var(--chakra-sizes-6);font-size:var(--chakra-fontSizes-xs);-webkit-padding-start:10px;padding-inline-start:10px;-webkit-padding-end:10px;padding-inline-end:10px;background:var(--chakra-colors-teal-500);color:var(--chakra-colors-white);padding-top:14px;padding-bottom:14px;}.css-d3hcrr:focus,.css-d3hcrr[data-focus]{box-shadow:var(--chakra-shadows-outline);}.css-d3hcrr[disabled],.css-d3hcrr[aria-disabled=true],.css-d3hcrr[data-disabled]{opacity:0.4;cursor:not-allowed;box-shadow:var(--chakra-shadows-none);}.css-d3hcrr:hover,.css-d3hcrr[data-hover]{-webkit-text-decoration:none;text-decoration:none;}.css-d3hcrr:active,.css-d3hcrr[data-active]{background:var(--chakra-colors-teal-700);}@media screen and (min-width: 30em){.css-d3hcrr{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}}</style><style data-emotion="css 1rjxa1y">.css-1rjxa1y{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-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: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-6);min-width:var(--chakra-sizes-6);font-size:var(--chakra-fontSizes-xs);-webkit-padding-start:10px;padding-inline-start:10px;-webkit-padding-end:10px;padding-inline-end:10px;background:var(--chakra-colors-teal-500);color:var(--chakra-colors-white);padding-top:14px;padding-bottom:14px;}.css-1rjxa1y:hover,.css-1rjxa1y[data-hover]{-webkit-text-decoration:underline;text-decoration:underline;}.css-1rjxa1y:focus,.css-1rjxa1y[data-focus]{box-shadow:var(--chakra-shadows-outline);}.css-1rjxa1y:focus,.css-1rjxa1y[data-focus]{box-shadow:var(--chakra-shadows-outline);}.css-1rjxa1y[disabled],.css-1rjxa1y[aria-disabled=true],.css-1rjxa1y[data-disabled]{opacity:0.4;cursor:not-allowed;box-shadow:var(--chakra-shadows-none);}.css-1rjxa1y:hover,.css-1rjxa1y[data-hover]{-webkit-text-decoration:none;text-decoration:none;}.css-1rjxa1y:active,.css-1rjxa1y[data-active]{background:var(--chakra-colors-teal-700);}@media screen and (min-width: 30em){.css-1rjxa1y{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}}</style><a class="chakra-link chakra-button css-1rjxa1y" href="/roadmaps">← <style data-emotion="css y2a47q">.css-y2a47q{display:none;margin-left:5px;}@media screen and (min-width: 30em){.css-y2a47q{display:inline;}}</style><span class="chakra-text css-y2a47q">All Roadmaps</span></a><style data-emotion="css 1chpn3">.css-1chpn3{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:auto;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-6);min-width:var(--chakra-sizes-6);font-size:var(--chakra-fontSizes-xs);-webkit-padding-start:10px;padding-inline-start:10px;-webkit-padding-end:10px;padding-inline-end:10px;background:var(--chakra-colors-yellow-400);color:var(--chakra-colors-black);padding-top:14px;padding-bottom:14px;}.css-1chpn3:focus,.css-1chpn3[data-focus]{box-shadow:var(--chakra-shadows-outline);}.css-1chpn3[disabled],.css-1chpn3[aria-disabled=true],.css-1chpn3[data-disabled]{opacity:0.4;cursor:not-allowed;box-shadow:var(--chakra-shadows-none);}.css-1chpn3:hover,.css-1chpn3[data-hover]{-webkit-text-decoration:none;text-decoration:none;}.css-1chpn3:active,.css-1chpn3[data-active]{background:var(--chakra-colors-yellow-600);}</style><style data-emotion="css f8pa1y">.css-f8pa1y{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:auto;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-6);min-width:var(--chakra-sizes-6);font-size:var(--chakra-fontSizes-xs);-webkit-padding-start:10px;padding-inline-start:10px;-webkit-padding-end:10px;padding-inline-end:10px;background:var(--chakra-colors-yellow-400);color:var(--chakra-colors-black);padding-top:14px;padding-bottom:14px;}.css-f8pa1y:hover,.css-f8pa1y[data-hover]{-webkit-text-decoration:underline;text-decoration:underline;}.css-f8pa1y:focus,.css-f8pa1y[data-focus]{box-shadow:var(--chakra-shadows-outline);}.css-f8pa1y:focus,.css-f8pa1y[data-focus]{box-shadow:var(--chakra-shadows-outline);}.css-f8pa1y[disabled],.css-f8pa1y[aria-disabled=true],.css-f8pa1y[data-disabled]{opacity:0.4;cursor:not-allowed;box-shadow:var(--chakra-shadows-none);}.css-f8pa1y:hover,.css-f8pa1y[data-hover]{-webkit-text-decoration:none;text-decoration:none;}.css-f8pa1y:active,.css-f8pa1y[data-active]{background:var(--chakra-colors-yellow-600);}</style><a target="_blank" class="chakra-link chakra-button css-f8pa1y" href="https://kamranahmedse.gumroad.com/l/frontend-roadmap"><style data-emotion="css 1wh2kri">.css-1wh2kri{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-margin-end:0.5rem;margin-inline-end:0.5rem;}</style><span class="chakra-button__icon css-1wh2kri"><style data-emotion="css onkibi">.css-onkibi{width:1em;height:1em;display:inline-block;line-height:1em;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;color:currentColor;vertical-align:middle;}</style><svg viewBox="0 0 14 14" focusable="false" class="chakra-icon css-onkibi" aria-hidden="true"><path fill="currentColor" d="M11.2857,6.05714 L10.08571,4.85714 L7.85714,7.14786 L7.85714,1 L6.14286,1 L6.14286,7.14786 L3.91429,4.85714 L2.71429,6.05714 L7,10.42857 L11.2857,6.05714 Z M1,11.2857 L1,13 L13,13 L13,11.2857 L1,11.2857 Z"></path></svg></span>Download</a><a class="chakra-link chakra-button css-f8pa1y" href="/signup"><span class="chakra-button__icon css-1wh2kri"><svg viewBox="0 0 24 24" focusable="false" class="chakra-icon css-onkibi" aria-hidden="true"><path fill="currentColor" d="M12,.5A11.634,11.634,0,0,0,.262,12,11.634,11.634,0,0,0,12,23.5a11.836,11.836,0,0,0,6.624-2,1.25,1.25,0,1,0-1.393-2.076A9.34,9.34,0,0,1,12,21a9.132,9.132,0,0,1-9.238-9A9.132,9.132,0,0,1,12,3a9.132,9.132,0,0,1,9.238,9v.891a1.943,1.943,0,0,1-3.884,0V12A5.355,5.355,0,1,0,12,17.261a5.376,5.376,0,0,0,3.861-1.634,4.438,4.438,0,0,0,7.877-2.736V12A11.634,11.634,0,0,0,12,.5Zm0,14.261A2.763,2.763,0,1,1,14.854,12,2.812,2.812,0,0,1,12,14.761Z"></path></svg></span>Subscribe</a></div></div></div><style data-emotion="css 4xgnqx">.css-4xgnqx{width:100%;-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;max-width:var(--chakra-sizes-container-lg);-webkit-padding-start:1rem;padding-inline-start:1rem;-webkit-padding-end:1rem;padding-inline-end:1rem;position:relative;}</style><div class="chakra-container css-4xgnqx"><div></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><script async="" type="text/javascript" src="//cdn.carbonads.com/carbon.js?serve=CE7DLK3Y&placement=roadmapsh" id="_carbonads_js"></script></div></div><span></span></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"roadmap":{"seo":{"title":"Learn to become a modern frontend developer","description":"Community driven, articles, resources, guides, interview questions, quizzes for modern frontend development. Learn to become a modern frontend developer by following the steps, skills, resources and guides listed in this roadmap.","keywords":["guide to becoming a developer","guide to becoming a frontend developer","frontend developer","frontend engineer","frontend skills","frontend development","javascript developer","frontend development skills","frontend development skills test","frontend engineer roadmap","frontend developer roadmap","become a frontend developer","frontend developer career path","javascript developer","modern javascript developer","node developer","skills for frontend development","learn frontend development","what is frontend development","frontend developer quiz","frontend developer interview questions"]},"title":"Frontend Developer","description":"Step by step guide to becoming a modern frontend developer in 2021","featuredTitle":"Frontend","featuredDescription":"Step by step guide to becoming a frontend developer in 2021","author":{"name":"Kamran Ahmed","url":"https://twitter.com/kamranahmedse"},"featured":true,"imagePath":"/roadmaps/frontend.png","resourcesPath":"/roadmaps/100-frontend/resources.md","pdfUrl":"https://kamranahmedse.gumroad.com/l/frontend-roadmap","contentPathsFilePath":"/roadmaps/100-frontend/content-paths.json","id":"frontend","metaPath":"/roadmaps/100-frontend/meta.json","isUpcoming":false},"json":{"mockup":{"controls":{"control":[{"ID":"711","typeID":"Arrow","zOrder":"6","w":"105","h":"43","measuredW":"150","measuredH":"100","x":"952","y":"2014","properties":{"color":"10027263","curvature":"-1","direction":"bottom","leftArrow":"false","p0":{"x":0,"y":42},"p1":{"x":0.3246422893481717,"y":0.04197138314785374},"p2":{"x":104,"y":0},"rightArrow":"false","stroke":"dotted"}},{"ID":"712","typeID":"Arrow","zOrder":"7","w":"128","h":"9","measuredW":"150","measuredH":"100","x":"940","y":"2060","properties":{"color":"10027263","curvature":"-1","direction":"bottom","leftArrow":"false","p0":{"x":0,"y":8},"p1":{"x":0.3321152059461133,"y":0.04465778878909879},"p2":{"x":127,"y":4},"rightArrow":"false","stroke":"dotted"}},{"ID":"713","typeID":"Arrow","zOrder":"8","w":"129","h":"34","measuredW":"150","measuredH":"100","x":"941","y":"2075","properties":{"color":"10027263","curvature":"0","leftArrow":"false","p0":{"x":0,"y":0},"p1":{"x":0.3458601686475002,"y":-0.005245335635083992},"p2":{"x":128,"y":33},"rightArrow":"false","stroke":"dotted"}},{"ID":"714","typeID":"Arrow","zOrder":"9","w":"119","h":"123","measuredW":"150","measuredH":"100","x":"617","y":"2067","properties":{"color":"2848996","direction":"bottom","leftArrow":"false","rightArrow":"false","p0":{"x":119,"y":0},"p1":{"x":0.5330602565484531,"y":-0.2424921849735906},"p2":{"x":0,"y":122.5}}},{"ID":"715","typeID":"Arrow","zOrder":"10","w":"140","h":"73","measuredW":"150","measuredH":"100","x":"588","y":"1981","properties":{"color":"2848996","curvature":"-1","leftArrow":"false","p0":{"x":0,"y":0},"p1":{"x":0.3865808955652986,"y":-0.19467404585639328},"p2":{"x":139,"y":72},"rightArrow":"false"}},{"ID":"716","typeID":"Arrow","zOrder":"11","w":"135","h":"49","measuredW":"150","measuredH":"100","x":"367","y":"1974","properties":{"color":"10027263","curvature":"0","direction":"bottom","leftArrow":"false","p0":{"x":134,"y":0},"p1":{"x":0.503622802344166,"y":0.003676078849227487},"p2":{"x":0,"y":48},"rightArrow":"false","stroke":"dotted"}},{"ID":"717","typeID":"Arrow","zOrder":"12","w":"98","h":"3","measuredW":"150","measuredH":"100","x":"1073","y":"1947","properties":{"color":"10027263","leftArrow":"false","p0":{"x":0,"y":2},"p1":{"x":0.30434782608695654,"y":0.014492753623188411},"p2":{"x":97,"y":2},"rightArrow":"false","stroke":"dotted"}},{"ID":"719","typeID":"Arrow","zOrder":"13","w":"148","h":"1","measuredW":"150","measuredH":"100","x":"353","y":"1972","properties":{"color":"10027263","curvature":"0","leftArrow":"false","p0":{"x":147,"y":0},"p1":{"x":0.5036228023441662,"y":0.003676078849227491},"p2":{"x":0,"y":0},"rightArrow":"false","stroke":"dotted"}},{"ID":"720","typeID":"Arrow","zOrder":"14","w":"137","h":"33","measuredW":"150","measuredH":"100","x":"358","y":"1937","properties":{"color":"10027263","curvature":"-1","leftArrow":"false","p0":{"x":136,"y":32},"p1":{"x":0.5049180327868853,"y":-0.02090163934426227},"p2":{"x":0,"y":0},"rightArrow":"false","stroke":"dotted"}},{"ID":"721","typeID":"Arrow","zOrder":"15","w":"146","h":"65","measuredW":"150","measuredH":"100","x":"350","y":"1900","properties":{"color":"10027263","curvature":"-1","leftArrow":"false","p0":{"x":145,"y":64},"p1":{"x":0.49185940050157245,"y":-0.05186895426137495},"p2":{"x":0,"y":0},"rightArrow":"false","stroke":"dotted"}},{"ID":"722","typeID":"Arrow","zOrder":"16","w":"105","h":"89","measuredW":"150","measuredH":"100","x":"653","y":"1881","properties":{"color":"2848996","curvature":"-1","direction":"bottom","leftArrow":"false","p0":{"x":104,"y":0},"p1":{"x":0.5150450252580716,"y":0.2856358444981331},"p2":{"x":0,"y":86},"rightArrow":"false"}},{"ID":"723","typeID":"Arrow","zOrder":"17","w":"118","h":"26","measuredW":"150","measuredH":"100","x":"1065","y":"1871","properties":{"color":"2848996","curvature":"0","leftArrow":"false","p0":{"x":117,"y":25},"p1":{"x":0.47388515577275486,"y":0.002290775809407195},"p2":{"x":0,"y":0},"rightArrow":"false","stroke":"dotted"}},{"ID":"724","typeID":"Arrow","zOrder":"18","w":"124","h":"21","measuredW":"150","measuredH":"100","x":"1059","y":"1847","properties":{"color":"2848996","curvature":"0","direction":"bottom","leftArrow":"false","p0":{"x":123,"y":0},"p1":{"x":0.473885155772755,"y":0.00229077580940721},"p2":{"x":0,"y":20},"rightArrow":"false","stroke":"dotted"}},{"ID":"725","typeID":"Arrow","zOrder":"19","w":"117","h":"18","measuredW":"150","measuredH":"100","x":"1056","y":"1773","properties":{"color":"10027263","leftArrow":"false","p0":{"x":0,"y":2},"p1":{"x":0.3238461538461538,"y":0.04076923076923073},"p2":{"x":116,"y":17},"rightArrow":"false","stroke":"dotted"}},{"ID":"726","typeID":"Arrow","zOrder":"20","w":"108","h":"23","measuredW":"150","measuredH":"100","x":"1053","y":"1748","properties":{"color":"10027263","direction":"bottom","leftArrow":"false","p0":{"x":107,"y":0},"p1":{"x":0.3813139650049522,"y":-0.013865962363816473},"p2":{"x":0,"y":22},"rightArrow":"false","stroke":"dotted"}},{"ID":"727","typeID":"Arrow","zOrder":"21","w":"112","h":"58","measuredW":"150","measuredH":"100","x":"854","y":"1889","properties":{"color":"10027263","leftArrow":"false","p0":{"x":111,"y":57},"p1":{"x":0.4939621628874279,"y":0.14832953173218838},"p2":{"x":0,"y":0},"rightArrow":"false","stroke":"dotted"}},{"ID":"728","typeID":"Arrow","zOrder":"22","w":"117","h":"5","measuredW":"150","measuredH":"100","x":"864","y":"1864","properties":{"color":"10027263","direction":"bottom","leftArrow":"false","p0":{"x":116,"y":1},"p1":{"x":0.5309292397129627,"y":-0.01571441547824508},"p2":{"x":0,"y":4},"rightArrow":"false","stroke":"dotted"}},{"ID":"729","typeID":"Arrow","zOrder":"23","w":"86","h":"96","measuredW":"150","measuredH":"100","x":"850","y":"1768","properties":{"color":"10027263","direction":"bottom","leftArrow":"false","p0":{"x":85,"y":0},"p1":{"x":0.48716362511599137,"y":-0.18836993504485},"p2":{"x":0,"y":95},"rightArrow":"false","stroke":"dotted"}},{"ID":"730","typeID":"Arrow","zOrder":"24","w":"57","h":"244","measuredW":"150","measuredH":"100","x":"689","y":"1629","properties":{"color":"2848996","curvature":"-1","leftArrow":"false","p0":{"x":39,"y":0},"p1":{"x":0.5504287774151931,"y":-0.19435379828489027},"p2":{"x":56,"y":243},"rightArrow":"false"}},{"ID":"731","typeID":"Arrow","zOrder":"25","w":"51","h":"116","measuredW":"150","measuredH":"100","x":"576","y":"1632","properties":{"color":"2848996","curvature":"-1","direction":"bottom","leftArrow":"false","p0":{"x":50,"y":0},"p1":{"x":0.6557048619594426,"y":0.20855118494991431},"p2":{"x":0,"y":115},"rightArrow":"false","stroke":"dotted"}},{"ID":"732","typeID":"Arrow","zOrder":"26","w":"116","h":"8","measuredW":"150","measuredH":"100","x":"302","y":"1753","properties":{"color":"10027263","direction":"bottom","leftArrow":"false","rightArrow":"false","stroke":"dotted","p0":{"x":0,"y":8},"p1":{"x":0.44386976428692576,"y":-0.021282007800576565},"p2":{"x":116,"y":0}}},{"ID":"733","typeID":"Arrow","zOrder":"27","w":"102","h":"75","measuredW":"150","measuredH":"100","x":"316","y":"1672","properties":{"color":"10027263","direction":"bottom","leftArrow":"false","rightArrow":"false","stroke":"dotted","p0":{"x":0,"y":0},"p1":{"x":0.40594249201277954,"y":-0.011437699680511216},"p2":{"x":102,"y":75}}},{"ID":"734","typeID":"Arrow","zOrder":"28","w":"71","h":"36","measuredW":"150","measuredH":"100","x":"1081","y":"1631","properties":{"color":"10027263","curvature":"-1","leftArrow":"false","p0":{"x":70,"y":35},"p1":{"x":0.5309292397129621,"y":-0.01571441547824513},"p2":{"x":0,"y":0},"rightArrow":"false","stroke":"dotted"}},{"ID":"735","typeID":"Arrow","zOrder":"29","w":"106","h":"10","measuredW":"150","measuredH":"100","x":"1079","y":"1621","properties":{"color":"10027263","direction":"bottom","leftArrow":"false","p0":{"x":105,"y":0},"p1":{"x":0.5309292397129626,"y":-0.01571441547824508},"p2":{"x":0,"y":9},"rightArrow":"false","stroke":"dotted"}},{"ID":"736","typeID":"Arrow","zOrder":"30","w":"85","h":"59","measuredW":"150","measuredH":"100","x":"1079","y":"1570","properties":{"color":"10027263","direction":"bottom","leftArrow":"false","p0":{"x":84,"y":0},"p1":{"x":0.4951386388188694,"y":-0.0763413755851639},"p2":{"x":-0.5,"y":59},"rightArrow":"false","stroke":"dotted"}},{"ID":"737","typeID":"Arrow","zOrder":"31","w":"133","h":"4","measuredW":"150","measuredH":"100","x":"780","y":"1629","properties":{"color":"2848996","leftArrow":"false","p0":{"x":0,"y":2},"p1":{"x":0.4434300336167677,"y":0.014243775690876917},"p2":{"x":132,"y":3},"rightArrow":"false","stroke":"dotted"}},{"ID":"738","typeID":"Arrow","zOrder":"32","w":"129","h":"54","measuredW":"150","measuredH":"100","x":"482","y":"1572","properties":{"color":"2848996","leftArrow":"false","rightArrow":"false","stroke":"dotted","p0":{"x":0,"y":0.5},"p1":{"x":0.3865623561895996,"y":0.07654548243595644},"p2":{"x":129,"y":54.5}}},{"ID":"740","typeID":"Arrow","zOrder":"33","w":"104","h":"3","measuredW":"150","measuredH":"100","x":"297","y":"1569","properties":{"color":"2848996","leftArrow":"false","rightArrow":"false","stroke":"dotted","p0":{"x":0,"y":0.5},"p1":{"x":0.44339622641509424,"y":0.014150943396226412},"p2":{"x":104,"y":2.5}}},{"ID":"741","typeID":"Arrow","zOrder":"34","w":"41","h":"110","measuredW":"150","measuredH":"100","x":"772","y":"1500","properties":{"color":"2848996","curvature":"-1","direction":"bottom","leftArrow":"false","p0":{"x":36,"y":0},"p1":{"x":0.4797753661683236,"y":0.15845791910146467},"p2":{"x":0,"y":109},"rightArrow":"false"}},{"ID":"742","typeID":"Arrow","zOrder":"35","w":"50","h":"2","measuredW":"150","measuredH":"100","x":"301","y":"1447","properties":{"color":"2848996","curvature":"-1","leftArrow":"false","p0":{"x":49,"y":1},"p1":{"x":0.4872751951136748,"y":-0.01187648456057007},"p2":{"x":0,"y":1},"rightArrow":"false","stroke":"dotted"}},{"ID":"743","typeID":"Arrow","zOrder":"36","w":"165","h":"43","measuredW":"150","measuredH":"100","x":"660","y":"1411","properties":{"color":"2848996","curvature":"-1","leftArrow":"false","p0":{"x":0,"y":0},"p1":{"x":0.46185893674451367,"y":-0.10438915620232368},"p2":{"x":164,"y":40},"rightArrow":"false"}},{"ID":"744","typeID":"Arrow","zOrder":"37","w":"85","h":"3","measuredW":"150","measuredH":"100","x":"1091","y":"1449","properties":{"color":"2848996","curvature":"-1","leftArrow":"false","p0":{"x":83,"y":1},"p1":{"x":0.4872751951136748,"y":-0.01187648456057007},"p2":{"x":0,"y":1},"rightArrow":"false","stroke":"dotted"}},{"ID":"745","typeID":"Arrow","zOrder":"38","w":"54","h":"129","measuredW":"150","measuredH":"100","x":"607","y":"1283","properties":{"color":"2848996","curvature":"-1","leftArrow":"false","p0":{"x":1,"y":0},"p1":{"x":0.4618589367445136,"y":-0.10438915620232368},"p2":{"x":53,"y":128},"rightArrow":"false"}},{"ID":"746","typeID":"Arrow","zOrder":"39","w":"21","h":"98","measuredW":"150","measuredH":"100","x":"877","y":"1112","properties":{"color":"2848996","curvature":"-1","leftArrow":"false","p0":{"x":0,"y":0},"p1":{"x":0.4592720970537261,"y":-0.022530329289428077},"p2":{"x":20,"y":97},"rightArrow":"false","stroke":"dotted"}},{"ID":"747","typeID":"Arrow","zOrder":"40","w":"117","h":"139","measuredW":"150","measuredH":"100","x":"607","y":"1115","properties":{"color":"2848996","direction":"bottom","leftArrow":"false","p0":{"x":116,"y":0},"p1":{"x":0.5113995183302114,"y":-0.17615734546427614},"p2":{"x":0,"y":138},"rightArrow":"false"}},{"ID":"748","typeID":"Arrow","zOrder":"41","w":"175","h":"55","measuredW":"150","measuredH":"100","x":"361","y":"1273","properties":{"color":"2848996","curvature":"-1","direction":"bottom","leftArrow":"false","p0":{"x":0,"y":54},"p1":{"x":0.4434300336167671,"y":0.014243775690876872},"p2":{"x":174,"y":0},"rightArrow":"false","stroke":"dotted"}},{"ID":"750","typeID":"Arrow","zOrder":"43","w":"171","h":"9","measuredW":"150","measuredH":"100","x":"352","y":"1258","properties":{"color":"2848996","curvature":"0","leftArrow":"false","p0":{"x":170,"y":8},"p1":{"x":0.4651735508633531,"y":-0.0009522699259062856},"p2":{"x":0,"y":0},"rightArrow":"false","stroke":"dotted"}},{"ID":"751","typeID":"Arrow","zOrder":"44","w":"109","h":"161","measuredW":"150","measuredH":"100","x":"748","y":"931","properties":{"color":"2848996","leftArrow":"false","p0":{"x":0,"y":0},"p1":{"x":0.5674918262494162,"y":0.22092480149462868},"p2":{"x":102,"y":160},"rightArrow":"false"}},{"ID":"752","typeID":"Arrow","zOrder":"45","w":"1","h":"77","measuredW":"150","measuredH":"100","x":"1114","y":"934","properties":{"color":"2848996","curvature":"-1","leftArrow":"false","p0":{"x":0,"y":76},"p1":{"x":0.487275195113675,"y":-0.01187648456057007},"p2":{"x":0,"y":0},"rightArrow":"false","stroke":"dotted"}},{"ID":"753","typeID":"Arrow","zOrder":"46","w":"85","h":"3","measuredW":"150","measuredH":"100","x":"845","y":"918","properties":{"color":"2848996","curvature":"-1","leftArrow":"false","p0":{"x":83,"y":1},"p1":{"x":0.4872751951136748,"y":-0.01187648456057007},"p2":{"x":0,"y":1},"rightArrow":"false","stroke":"dotted"}},{"ID":"754","typeID":"Arrow","zOrder":"47","w":"2","h":"74","measuredW":"150","measuredH":"100","x":"622","y":"924","properties":{"color":"2848996","curvature":"-1","leftArrow":"false","p0":{"x":1,"y":73},"p1":{"x":0.4872751951136749,"y":-0.01187648456057007},"p2":{"x":0,"y":0},"rightArrow":"false","stroke":"dotted"}},{"ID":"755","typeID":"Arrow","zOrder":"48","w":"120","h":"3","measuredW":"150","measuredH":"100","x":"772","y":"706","properties":{"color":"2848996","curvature":"0","leftArrow":"false","p0":{"x":119,"y":2},"p1":{"x":0.5436210493779461,"y":0.006954640290549417},"p2":{"x":0,"y":0},"rightArrow":"false","stroke":"dotted"}},{"ID":"756","typeID":"Arrow","zOrder":"49","w":"108","h":"5","measuredW":"150","measuredH":"100","x":"783","y":"653","properties":{"color":"2848996","leftArrow":"false","p0":{"x":107,"y":2},"p1":{"x":0.589278350515464,"y":0.035876288659793816},"p2":{"x":0,"y":0},"rightArrow":"false","stroke":"dotted"}},{"ID":"757","typeID":"Arrow","zOrder":"50","w":"100","h":"45","measuredW":"150","measuredH":"100","x":"783","y":"607","properties":{"color":"2848996","direction":"bottom","leftArrow":"false","p0":{"x":99,"y":0},"p1":{"x":0.5773195876288659,"y":-0.06466729147141519},"p2":{"x":0,"y":44},"rightArrow":"false","stroke":"dotted"}},{"ID":"758","typeID":"Arrow","zOrder":"51","w":"40","h":"139","measuredW":"150","measuredH":"100","x":"656","y":"490","properties":{"color":"2848996","leftArrow":"false","p0":{"x":0,"y":0},"p1":{"x":0.5674918262494162,"y":0.22092480149462868},"p2":{"x":15,"y":138},"rightArrow":"false"}},{"ID":"759","typeID":"Arrow","zOrder":"52","w":"151","h":"29","measuredW":"150","measuredH":"100","x":"737","y":"482","properties":{"color":"2848996","leftArrow":"false","p0":{"x":150,"y":28},"p1":{"x":0.4823054457996908,"y":0.02336368321594228},"p2":{"x":0,"y":0},"rightArrow":"false","stroke":"dotted"}},{"ID":"760","typeID":"Arrow","zOrder":"53","w":"153","h":"13","measuredW":"150","measuredH":"100","x":"739","y":"465","properties":{"color":"2848996","curvature":"0","direction":"bottom","leftArrow":"false","p0":{"x":152,"y":0},"p1":{"x":0.4798692360633173,"y":-0.004989676531314521},"p2":{"x":0,"y":12},"rightArrow":"false","stroke":"dotted"}},{"ID":"761","typeID":"Arrow","zOrder":"54","h":"60","measuredW":"150","measuredH":"100","x":"737","y":"416","properties":{"color":"2848996","direction":"bottom","leftArrow":"false","p0":{"x":149,"y":0},"p1":{"x":0.4552212800557556,"y":-0.05494250203275647},"p2":{"x":0,"y":59},"rightArrow":"false","stroke":"dotted"}},{"ID":"762","typeID":"Arrow","zOrder":"55","w":"134","h":"36","measuredW":"150","measuredH":"100","x":"447","y":"483","properties":{"color":"2848996","curvature":"0","direction":"bottom","leftArrow":"false","p0":{"x":132,"y":0},"p1":{"x":0.4652789342214826,"y":-0.001332223147377271},"p2":{"x":0,"y":34},"rightArrow":"false","stroke":"dotted"}},{"ID":"763","typeID":"Arrow","zOrder":"56","w":"131","h":"9","measuredW":"150","measuredH":"100","x":"447","y":"470","properties":{"color":"2848996","curvature":"0","leftArrow":"false","p0":{"x":129,"y":7},"p1":{"x":0.4652789342214826,"y":-0.001332223147377271},"p2":{"x":0,"y":0},"rightArrow":"false","stroke":"dotted"}},{"ID":"764","typeID":"Arrow","zOrder":"57","w":"143","h":"53","measuredW":"150","measuredH":"100","x":"437","y":"423","properties":{"color":"2848996","curvature":"-1","leftArrow":"false","p0":{"x":141,"y":51},"p1":{"x":0.45522128005575574,"y":-0.054942502032756434},"p2":{"x":0,"y":0},"rightArrow":"false","stroke":"dotted"}},{"ID":"765","typeID":"Arrow","zOrder":"58","w":"45","h":"139","measuredW":"150","measuredH":"100","x":"634","y":"327","properties":{"color":"2848996","direction":"bottom","leftArrow":"false","p0":{"x":44,"y":0},"p1":{"x":0.540933899332929,"y":-0.1946634323832626},"p2":{"x":16,"y":138},"rightArrow":"false"}},{"ID":"766","typeID":"HRule","zOrder":"59","measuredW":"100","measuredH":"10","x":"1136","y":"754","properties":{"color":"10027263","stroke":"dotted"}},{"ID":"767","typeID":"Arrow","zOrder":"60","w":"71","h":"134","measuredW":"150","measuredH":"100","x":"646","y":"765","properties":{"color":"2848996","curvature":"-1","leftArrow":"false","p0":{"x":9,"y":0},"p1":{"x":0.5549276224469561,"y":-0.26264128494943484},"p2":{"x":70,"y":133},"rightArrow":"false"}},{"ID":"768","typeID":"Arrow","zOrder":"61","w":"130","h":"213","measuredW":"150","measuredH":"100","x":"428","y":"776","properties":{"color":"2848996","curvature":"-1","direction":"bottom","leftArrow":"false","p0":{"x":129,"y":0},"p1":{"x":0.5007550539904198,"y":0.04527076398473655},"p2":{"x":0,"y":212},"rightArrow":"false","stroke":"dotted"}},{"ID":"769","typeID":"Arrow","zOrder":"62","w":"110","h":"157","measuredW":"150","measuredH":"100","x":"442","y":"769","properties":{"color":"2848996","curvature":"0","direction":"bottom","leftArrow":"false","p0":{"x":109,"y":0},"p1":{"x":0.46686783637115814,"y":0.0018494634122600195},"p2":{"x":0,"y":156},"rightArrow":"false","stroke":"dotted"}},{"ID":"770","typeID":"Arrow","zOrder":"63","w":"119","h":"120","measuredW":"150","measuredH":"100","x":"434","y":"762","properties":{"color":"2848996","curvature":"0","direction":"bottom","leftArrow":"false","p0":{"x":118,"y":0},"p1":{"x":0.46376334167874567,"y":-0.006127289497957557},"p2":{"x":0,"y":119},"rightArrow":"false","stroke":"dotted"}},{"ID":"771","typeID":"Arrow","zOrder":"64","w":"128","h":"82","measuredW":"150","measuredH":"100","x":"429","y":"751","properties":{"color":"2848996","curvature":"0","direction":"bottom","leftArrow":"false","p0":{"x":127,"y":0},"p1":{"x":0.4682571775171856,"y":0.0018196522442377747},"p2":{"x":0,"y":81},"rightArrow":"false","stroke":"dotted"}},{"ID":"772","typeID":"Arrow","zOrder":"65","w":"123","h":"34","measuredW":"150","measuredH":"100","x":"429","y":"753","properties":{"color":"2848996","curvature":"0","direction":"bottom","leftArrow":"false","p0":{"x":122,"y":0},"p1":{"x":0.4501850789844116,"y":0.009280016683176094},"p2":{"x":0,"y":33},"rightArrow":"false","stroke":"dotted"}},{"ID":"773","typeID":"Arrow","zOrder":"66","w":"106","h":"99","measuredW":"150","measuredH":"100","x":"784","y":"713","properties":{"color":"2848996","curvature":"-1","leftArrow":"false","p0":{"x":105,"y":98},"p1":{"x":0.48727519511367495,"y":-0.011876484560570073},"p2":{"x":0,"y":0},"rightArrow":"false","stroke":"dotted"}},{"ID":"774","typeID":"Arrow","zOrder":"67","w":"109","h":"54","measuredW":"150","measuredH":"100","x":"781","y":"707","properties":{"color":"2848996","curvature":"0","leftArrow":"false","p0":{"x":108,"y":53},"p1":{"x":0.44795435569162256,"y":-0.008627887559142778},"p2":{"x":0,"y":0},"rightArrow":"false","stroke":"dotted"}},{"ID":"775","typeID":"Arrow","zOrder":"68","w":"111","h":"59","measuredW":"150","measuredH":"100","x":"432","y":"579","properties":{"color":"2848996","curvature":"-1","leftArrow":"false","p0":{"x":110,"y":58},"p1":{"x":0.45522128005575574,"y":-0.054942502032756434},"p2":{"x":0,"y":0},"rightArrow":"false","stroke":"dotted"}},{"ID":"776","typeID":"Arrow","zOrder":"69","w":"112","h":"58","measuredW":"150","measuredH":"100","x":"430","y":"661","properties":{"color":"2848996","curvature":"-1","direction":"bottom","leftArrow":"false","p0":{"x":111,"y":0},"p1":{"x":0.47938350680544434,"y":0.06064851881505207},"p2":{"x":0,"y":57},"rightArrow":"false","stroke":"dotted"}},{"ID":"777","typeID":"Arrow","zOrder":"70","w":"112","h":"23","measuredW":"150","measuredH":"100","x":"434","y":"651","properties":{"color":"2848996","curvature":"-1","direction":"bottom","leftArrow":"false","p0":{"x":111,"y":0},"p1":{"x":0.4453729012104649,"y":0.01983600156188987},"p2":{"x":0,"y":22},"rightArrow":"false","stroke":"dotted"}},{"ID":"778","typeID":"Arrow","zOrder":"71","w":"120","h":"20","measuredW":"150","measuredH":"100","x":"431","y":"628","properties":{"color":"2848996","curvature":"0","leftArrow":"false","p0":{"x":119,"y":19},"p1":{"x":0.4652789342214826,"y":-0.001332223147377271},"p2":{"x":0,"y":0},"rightArrow":"false","stroke":"dotted"}},{"ID":"781","typeID":"Arrow","zOrder":"72","w":"19","h":"80","measuredW":"150","measuredH":"100","x":"721","y":"186","properties":{"color":"2848996","curvature":"-1","direction":"bottom","leftArrow":"false","p0":{"x":17,"y":0},"p1":{"x":0.4835868694955965,"y":0.10168134507606086},"p2":{"x":0,"y":79},"rightArrow":"false","stroke":"dotted"}},{"ID":"816","typeID":"Canvas","zOrder":"83","w":"350","h":"141","measuredW":"100","measuredH":"70","x":"933","y":"169"},{"ID":"817","typeID":"Label","zOrder":"84","measuredW":"314","measuredH":"25","x":"947","y":"186","properties":{"size":"17","text":"Find the detailed version of this roadmap"}},{"ID":"818","typeID":"Label","zOrder":"85","measuredW":"319","measuredH":"25","x":"947","y":"214","properties":{"size":"17","text":"along with resources and other roadmaps"}},{"ID":"923","typeID":"Arrow","zOrder":"106","w":"96","h":"111","measuredW":"150","measuredH":"100","x":"318","y":"1626","properties":{"color":"10027263","curvature":"-1","leftArrow":"false","rightArrow":"false","stroke":"dotted","p0":{"x":0,"y":0},"p1":{"x":0.4514556344894832,"y":-0.030087755954868366},"p2":{"x":96,"y":111}}},{"ID":"976","typeID":"Arrow","zOrder":"123","w":"201","h":"4","measuredW":"150","measuredH":"100","x":"603","y":"3042","properties":{"color":"2848996","leftArrow":"false","p0":{"x":200,"y":0},"p1":{"x":0.5976298194338792,"y":0.018096648917003643},"p2":{"x":0,"y":0},"rightArrow":"false"}},{"ID":"977","typeID":"Arrow","zOrder":"124","w":"41","h":"124","measuredW":"150","measuredH":"100","x":"742","y":"2909","properties":{"color":"2848996","curvature":"-1","leftArrow":"false","p0":{"x":37,"y":0},"p1":{"x":0.5697582243361078,"y":-0.30657946888624726},"p2":{"x":40,"y":123},"rightArrow":"false"}},{"ID":"978","typeID":"Arrow","zOrder":"125","w":"97","h":"17","measuredW":"150","measuredH":"100","x":"897","y":"2880","properties":{"color":"2848996","curvature":"0","direction":"bottom","leftArrow":"false","p0":{"x":96,"y":0},"p1":{"x":0.4835193355826628,"y":0.007267064624967626},"p2":{"x":0,"y":16},"rightArrow":"false","stroke":"dotted"}},{"ID":"979","typeID":"Arrow","zOrder":"126","w":"78","h":"22","measuredW":"150","measuredH":"100","x":"903","y":"2911","properties":{"color":"2848996","curvature":"0","leftArrow":"false","p0":{"x":77,"y":21},"p1":{"x":0.4835193355826629,"y":0.0072670646249675805},"p2":{"x":0,"y":0},"rightArrow":"false","stroke":"dotted"}},{"ID":"981","typeID":"Arrow","zOrder":"127","w":"158","h":"72","measuredW":"150","measuredH":"100","x":"286","y":"2958","properties":{"color":"2848996","curvature":"0","leftArrow":"false","p0":{"x":0,"y":0},"p1":{"x":0.4319942611190819,"y":-0.006169296987087513},"p2":{"x":157,"y":71},"rightArrow":"false","stroke":"dotted"}},{"ID":"982","typeID":"Arrow","zOrder":"128","w":"134","h":"145","measuredW":"150","measuredH":"100","x":"1059","y":"3059","properties":{"color":"2848996","leftArrow":"false","p0":{"x":133,"y":144},"p1":{"x":0.5642023346303501,"y":0.02723735408560301},"p2":{"x":0,"y":0},"rightArrow":"false","stroke":"dotted"}},{"ID":"983","typeID":"Arrow","zOrder":"129","w":"144","h":"111","measuredW":"150","measuredH":"100","x":"1049","y":"3049","properties":{"color":"2848996","curvature":"0","leftArrow":"false","p0":{"x":143,"y":110},"p1":{"x":0.5591257349884183,"y":0.009087129536140616},"p2":{"x":0,"y":0},"rightArrow":"false","stroke":"dotted"}},{"ID":"984","typeID":"Arrow","zOrder":"130","w":"145","h":"78","measuredW":"150","measuredH":"100","x":"1053","y":"3043","properties":{"color":"2848996","leftArrow":"false","p0":{"x":144,"y":77},"p1":{"x":0.5642023346303502,"y":0.027237354085603124},"p2":{"x":0,"y":0},"rightArrow":"false","stroke":"dotted"}},{"ID":"985","typeID":"Arrow","zOrder":"131","w":"29","h":"229","measuredW":"150","measuredH":"100","x":"824","y":"2678","properties":{"color":"2848996","direction":"bottom","leftArrow":"false","p0":{"x":0,"y":228},"p1":{"x":0.4409025564097753,"y":-0.09294330895680976},"p2":{"x":15,"y":0},"rightArrow":"false"}},{"ID":"986","typeID":"Arrow","zOrder":"133","h":"33","measuredW":"150","measuredH":"100","x":"1049","y":"3040","properties":{"color":"2848996","curvature":"-1","leftArrow":"false","p0":{"x":149,"y":32},"p1":{"x":0.5905801701155262,"y":-0.014345563031611016},"p2":{"x":0,"y":0},"rightArrow":"false","stroke":"dotted"}},{"ID":"987","typeID":"Arrow","zOrder":"134","w":"141","h":"16","measuredW":"150","measuredH":"100","x":"1054","y":"3022","properties":{"color":"2848996","curvature":"0","direction":"bottom","leftArrow":"false","p0":{"x":140,"y":0},"p1":{"x":0.5446556671449067,"y":-0.004842180774748907},"p2":{"x":0,"y":15},"rightArrow":"false","stroke":"dotted"}},{"ID":"988","typeID":"Arrow","zOrder":"135","w":"144","h":"60","measuredW":"150","measuredH":"100","x":"1048","y":"2973","properties":{"color":"2848996","curvature":"-1","direction":"bottom","leftArrow":"false","p0":{"x":143,"y":0},"p1":{"x":0.5359734790789354,"y":0.012722874294418268},"p2":{"x":0,"y":59},"rightArrow":"false","stroke":"dotted"}},{"ID":"1001","typeID":"Arrow","zOrder":"140","w":"2","h":"104","measuredW":"150","measuredH":"100","x":"564","y":"3059","properties":{"color":"2848996","curvature":"0","leftArrow":"false","p0":{"x":0,"y":0},"p1":{"x":0.523291249455812,"y":0.00130605137135394},"p2":{"x":1,"y":103},"rightArrow":"false"}},{"ID":"1002","typeID":"Arrow","zOrder":"141","w":"180","h":"45","measuredW":"150","measuredH":"100","x":"280","y":"3052","properties":{"color":"2848996","curvature":"0","direction":"bottom","leftArrow":"false","p0":{"x":0,"y":44},"p1":{"x":0.4319942611190816,"y":-0.0061692969870875015},"p2":{"x":179,"y":0},"rightArrow":"false","stroke":"dotted"}},{"ID":"1003","typeID":"Arrow","zOrder":"142","w":"87","h":"128","measuredW":"150","measuredH":"100","x":"995","y":"2689","properties":{"color":"2848996","leftArrow":"false","p0":{"x":86,"y":127},"p1":{"x":0.3984434389140272,"y":0.2406877828054298},"p2":{"x":1,"y":0},"rightArrow":"false","stroke":"dotted"}},{"ID":"1004","typeID":"Arrow","zOrder":"143","w":"71","h":"81","measuredW":"150","measuredH":"100","x":"1007","y":"2686","properties":{"color":"2848996","leftArrow":"false","p0":{"x":70,"y":80},"p1":{"x":0.4436256975246818,"y":0.1679067105451423},"p2":{"x":0,"y":0},"rightArrow":"false","stroke":"dotted"}},{"ID":"1005","typeID":"Arrow","zOrder":"144","w":"98","h":"1","measuredW":"150","measuredH":"100","x":"997","y":"2676","properties":{"color":"2848996","curvature":"0","leftArrow":"false","p0":{"x":97,"y":0},"p1":{"x":0.48351933558266286,"y":0.007267064624967593},"p2":{"x":0,"y":0},"rightArrow":"false","stroke":"dotted"}},{"ID":"1006","typeID":"Arrow","zOrder":"146","w":"134","h":"109","measuredW":"150","measuredH":"100","x":"697","y":"2562","properties":{"color":"2848996","leftArrow":"false","p0":{"x":0,"y":0},"p1":{"x":0.6566784235546694,"y":0.1877932832387666},"p2":{"x":132,"y":108},"rightArrow":"false"}},{"ID":"1007","typeID":"Arrow","zOrder":"147","w":"1","h":"86","measuredW":"150","measuredH":"100","x":"554","y":"2562","properties":{"color":"2848996","curvature":"0","leftArrow":"false","p0":{"x":0,"y":0},"p1":{"x":0.4770488047048041,"y":0.005193614908729856},"p2":{"x":0,"y":85},"rightArrow":"false","stroke":"dotted"}},{"ID":"1008","typeID":"Arrow","zOrder":"148","w":"177","h":"1","measuredW":"150","measuredH":"100","x":"358","y":"2552","properties":{"color":"2848996","curvature":"0","leftArrow":"false","p0":{"x":176,"y":0},"p1":{"x":0.477048804704804,"y":0.005193614908729856},"p2":{"x":0,"y":0},"rightArrow":"false","stroke":"dotted"}},{"ID":"1009","typeID":"Arrow","zOrder":"150","w":"116","h":"1","measuredW":"150","measuredH":"100","x":"729","y":"2551","properties":{"color":"2848996","curvature":"0","leftArrow":"false","p0":{"x":115,"y":0},"p1":{"x":0.477048804704804,"y":0.005193614908729856},"p2":{"x":0,"y":0},"rightArrow":"false"}},{"ID":"1010","typeID":"Arrow","zOrder":"151","w":"119","h":"88","measuredW":"150","measuredH":"100","x":"800","y":"2446","properties":{"color":"2848996","curvature":"-1","leftArrow":"false","p0":{"x":118,"y":87},"p1":{"x":0.3818452519424929,"y":-0.18457172102545016},"p2":{"x":0,"y":0},"rightArrow":"false"}},{"ID":"1011","typeID":"Arrow","zOrder":"152","w":"76","h":"5","measuredW":"150","measuredH":"100","x":"343","y":"2366","properties":{"color":"10027263","direction":"bottom","leftArrow":"false","p0":{"x":74,"y":1},"p1":{"x":0.5049180327868853,"y":-0.02090163934426228},"p2":{"x":0,"y":3},"rightArrow":"false","stroke":"dotted"}},{"ID":"1012","typeID":"Arrow","zOrder":"154","w":"1","h":"81","measuredW":"150","measuredH":"100","x":"616","y":"2209","properties":{"color":"2848996","curvature":"0","leftArrow":"false","p0":{"x":0,"y":0},"p1":{"x":0.5750000000000001,"y":0},"p2":{"x":0,"y":80},"rightArrow":"false"}},{"ID":"1013","typeID":"Arrow","zOrder":"155","w":"191","h":"3","measuredW":"150","measuredH":"100","x":"682","y":"2199","properties":{"color":"10027263","curvature":"0","leftArrow":"false","p0":{"x":190,"y":2},"p1":{"x":0.5105398742417108,"y":-0.0025761059250436276},"p2":{"x":0,"y":1},"rightArrow":"false","stroke":"dotted"}},{"ID":"1066","typeID":"Arrow","zOrder":"164","w":"79","h":"16","measuredW":"150","measuredH":"100","x":"1026","y":"2558","properties":{"color":"2848996","curvature":"0","leftArrow":"false","p0":{"x":0,"y":0},"p1":{"x":0.4835193355826628,"y":0.007267064624967568},"p2":{"x":78,"y":15},"rightArrow":"false","stroke":"dotted"}},{"ID":"1067","typeID":"Arrow","zOrder":"165","w":"85","h":"23","measuredW":"150","measuredH":"100","x":"1030","y":"2528","properties":{"color":"2848996","curvature":"0","direction":"bottom","leftArrow":"false","p0":{"x":84,"y":0},"p1":{"x":0.48351933558266297,"y":0.007267064624967475},"p2":{"x":0,"y":22},"rightArrow":"false","stroke":"dotted"}},{"ID":"1095","typeID":"Arrow","zOrder":"172","w":"66","h":"23","measuredW":"150","measuredH":"100","x":"1169","y":"2677","properties":{"color":"2848996","curvature":"0","leftArrow":"false","p0":{"x":65,"y":22},"p1":{"x":0.4835193355826627,"y":0.007267064624967518},"p2":{"x":0,"y":0},"rightArrow":"false","stroke":"dotted"}},{"ID":"1096","typeID":"Arrow","zOrder":"173","w":"96","h":"27","measuredW":"150","measuredH":"100","x":"1168","y":"2651","properties":{"color":"2848996","curvature":"0","direction":"bottom","leftArrow":"false","p0":{"x":95,"y":0},"p1":{"x":0.48351933558266286,"y":0.007267064624967588},"p2":{"x":0,"y":26},"rightArrow":"false","stroke":"dotted"}},{"ID":"1103","typeID":"Arrow","zOrder":"177","w":"65","h":"4","measuredW":"150","measuredH":"100","x":"1172","y":"2763","properties":{"color":"2848996","direction":"bottom","leftArrow":"false","p0":{"x":0,"y":3},"p1":{"x":0.4807692307692308,"y":-0.01923076923076923},"p2":{"x":64,"y":0},"rightArrow":"false","stroke":"dotted"}},{"ID":"1108","typeID":"Arrow","zOrder":"179","w":"65","h":"2","measuredW":"150","measuredH":"100","x":"1172","y":"2819","properties":{"color":"2848996","curvature":"-1","leftArrow":"false","p0":{"x":0,"y":0},"p1":{"x":0.4807692307692308,"y":-0.01923076923076923},"p2":{"x":64,"y":1},"rightArrow":"false","stroke":"dotted"}},{"ID":"1113","typeID":"Arrow","zOrder":"181","w":"87","h":"43","measuredW":"150","measuredH":"100","x":"673","y":"3175","properties":{"color":"2848996","curvature":"0","leftArrow":"false","p0":{"x":0,"y":0},"p1":{"x":0.43199426111908185,"y":-0.006169296987087567},"p2":{"x":86,"y":42},"rightArrow":"false","stroke":"dotted"}},{"ID":"1114","typeID":"Arrow","zOrder":"182","w":"95","h":"8","measuredW":"150","measuredH":"100","x":"666","y":"3165","properties":{"color":"2848996","curvature":"0","leftArrow":"false","p0":{"x":0,"y":0},"p1":{"x":0.43199426111908185,"y":-0.006169296987087555},"p2":{"x":94,"y":7},"rightArrow":"false","stroke":"dotted"}},{"ID":"1115","typeID":"Arrow","zOrder":"183","w":"98","h":"36","measuredW":"150","measuredH":"100","x":"665","y":"3129","properties":{"color":"2848996","curvature":"0","direction":"bottom","leftArrow":"false","p0":{"x":0,"y":35},"p1":{"x":0.4319942611190818,"y":-0.006169296987087552},"p2":{"x":97,"y":0},"rightArrow":"false","stroke":"dotted"}},{"ID":"1122","typeID":"Arrow","zOrder":"186","w":"179","h":"2","measuredW":"150","measuredH":"100","x":"280","y":"3045","properties":{"color":"2848996","curvature":"0","direction":"bottom","leftArrow":"false","p0":{"x":0,"y":1},"p1":{"x":0.431994261119082,"y":-0.006169296987087527},"p2":{"x":178,"y":0},"rightArrow":"false","stroke":"dotted"}},{"ID":"1123","typeID":"Arrow","zOrder":"187","w":"161","h":"34","measuredW":"150","measuredH":"100","x":"286","y":"3002","properties":{"color":"2848996","curvature":"0","leftArrow":"false","p0":{"x":0,"y":0},"p1":{"x":0.4319942611190819,"y":-0.006169296987087513},"p2":{"x":160,"y":33},"rightArrow":"false","stroke":"dotted"}},{"ID":"1141","typeID":"Arrow","zOrder":"191","w":"2","h":"89","measuredW":"150","measuredH":"100","x":"296","y":"3529","properties":{"color":"2848996","curvature":"0","leftArrow":"false","p0":{"x":1,"y":88},"p1":{"x":0.4072427393330943,"y":0.00953746862674794},"p2":{"x":1,"y":0},"rightArrow":"false","stroke":"dotted"}},{"ID":"1142","typeID":"Arrow","zOrder":"1","w":"166","h":"171","measuredW":"150","measuredH":"100","x":"279","y":"3163","properties":{"color":"2848996","direction":"bottom","leftArrow":"false","p0":{"x":165,"y":0},"p1":{"x":0.5101799412144239,"y":-0.2666499390637321},"p2":{"x":1,"y":170},"rightArrow":"false"}},{"ID":"1143","typeID":"Arrow","zOrder":"192","w":"8","h":"166","measuredW":"150","measuredH":"100","x":"286","y":"3351","properties":{"color":"2848996","curvature":"0","leftArrow":"false","p0":{"x":7,"y":165},"p1":{"x":0.4072427393330943,"y":0.009537468626747932},"p2":{"x":0,"y":0},"rightArrow":"false"}},{"ID":"1395","typeID":"Arrow","zOrder":"199","w":"128","h":"180","measuredW":"150","measuredH":"100","x":"1055","y":"3064","properties":{"color":"2848996","leftArrow":"false","p0":{"x":128,"y":180},"p1":{"x":0.56420233463035,"y":0.027237354085603037},"p2":{"x":0.142857142856883,"y":-0.12135922330026006},"rightArrow":"false","stroke":"dotted"}},{"ID":"1396","typeID":"__group__","zOrder":"114","measuredW":"408","measuredH":"162","w":"408","h":"162","x":"151","y":"183","children":{"controls":{"control":[{"ID":"0","typeID":"Canvas","zOrder":"0","w":"408","h":"162","measuredW":"100","measuredH":"70","x":"0","y":"0"},{"ID":"1","typeID":"Icon","zOrder":"1","measuredW":"24","measuredH":"24","x":"23","y":"21","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"2","typeID":"Icon","zOrder":"2","measuredW":"24","measuredH":"24","x":"23","y":"21","properties":{"color":"10027263","icon":{"ID":"check-circle","size":"small"}}},{"ID":"3","typeID":"Label","zOrder":"3","measuredW":"269","measuredH":"24","x":"59","y":"21","properties":{"size":"16","text":"Personal Recommendation / Opinion"}},{"ID":"4","typeID":"Label","zOrder":"4","measuredW":"159","measuredH":"24","x":"59","y":"118","properties":{"size":"16","text":"I wouldn't recommend"}},{"ID":"5","typeID":"Icon","zOrder":"5","measuredW":"24","measuredH":"24","x":"23","y":"118","properties":{"color":"10066329","icon":{"ID":"circle","size":"small"}}},{"ID":"6","typeID":"Label","zOrder":"6","w":"324","measuredW":"315","measuredH":"24","x":"60","y":"86","properties":{"size":"16","text":"Order in roadmap not strict (Learn anytime)"}},{"ID":"7","typeID":"Icon","zOrder":"7","measuredW":"24","measuredH":"24","x":"23","y":"86","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"8","typeID":"Icon","zOrder":"8","measuredW":"24","measuredH":"24","x":"23","y":"86","properties":{"color":"10066329","icon":{"ID":"check-circle","size":"small"}}},{"ID":"9","typeID":"Label","zOrder":"9","measuredW":"272","measuredH":"24","x":"59","y":"54","properties":{"size":"16","text":"Alternative Option - Pick this or purple"}},{"ID":"10","typeID":"Icon","zOrder":"10","measuredW":"24","measuredH":"24","x":"23","y":"53","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"11","typeID":"Icon","zOrder":"11","measuredW":"24","measuredH":"24","x":"23","y":"53","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"12","typeID":"Icon","zOrder":"12","measuredW":"24","measuredH":"24","x":"23","y":"53","properties":{"color":"3700253","icon":{"ID":"check-circle","size":"small"}}}]}}},{"ID":"1398","typeID":"__group__","zOrder":"93","measuredW":"320","measuredH":"45","w":"320","h":"45","x":"948","y":"250","properties":{"controlName":"ext_link:roadmap.sh"},"children":{"controls":{"control":[{"ID":"0","typeID":"Canvas","zOrder":"0","w":"320","h":"45","measuredW":"100","measuredH":"70","x":"0","y":"0","properties":{"borderColor":"4273622","color":"4273622"}},{"ID":"1","typeID":"Label","zOrder":"1","measuredW":"105","measuredH":"28","x":"139","y":"8","properties":{"color":"16777215","size":"20","text":"roadmap.sh"}},{"ID":"2","typeID":"Label","zOrder":"2","measuredW":"35","measuredH":"28","x":"76","y":"8","properties":{"color":"16777215","size":"20","text":"http"}},{"ID":"3","typeID":"Label","zOrder":"3","measuredW":"5","measuredH":"28","x":"113","y":"8","properties":{"bold":"true","color":"16777215","size":"20","text":":"}},{"ID":"4","typeID":"Label","zOrder":"4","measuredW":"10","measuredH":"28","x":"120","y":"9","properties":{"color":"16777215","size":"20","text":"/"}},{"ID":"5","typeID":"Label","zOrder":"5","measuredW":"10","measuredH":"28","x":"128","y":"9","properties":{"color":"16777215","size":"20","text":"/"}}]}}},{"ID":"1399","typeID":"__group__","zOrder":"74","measuredW":"145","measuredH":"40","w":"145","h":"40","x":"624","y":"273","properties":{"controlName":"roadmap:frontend"},"children":{"controls":{"control":[{"ID":"0","typeID":"Label","zOrder":"0","measuredW":"145","measuredH":"40","x":"0","y":"0","properties":{"size":"32","text":"Front-end","bold":"true"}}]}}},{"ID":"1400","typeID":"__group__","zOrder":"95","measuredW":"306","measuredH":"53","w":"306","h":"53","x":"153","y":"391","properties":{"controlName":"100-internet:how-does-the-internet-work"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"299","h":"44","measuredW":"200","measuredH":"140","x":"7","y":"9","properties":{"color":"16770457"}},{"ID":"1","typeID":"Label","zOrder":"1","w":"223","measuredW":"219","measuredH":"25","x":"45","y":"19","properties":{"size":"17","text":"How does the internet work?"}},{"ID":"2","typeID":"Icon","zOrder":"2","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"3","typeID":"Icon","zOrder":"3","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"10027263","icon":{"ID":"check-circle","size":"small"}}}]}}},{"ID":"1401","typeID":"__group__","zOrder":"94","measuredW":"187","measuredH":"60","w":"187","h":"60","x":"564","y":"439","properties":{"controlName":"100-internet"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"178","h":"50","measuredW":"200","measuredH":"140","x":"9","y":"10","properties":{"color":"16776960"}},{"ID":"1","typeID":"Label","zOrder":"1","w":"75","measuredW":"63","measuredH":"25","x":"64","y":"23","properties":{"size":"17","text":"Internet","bold":"true"}},{"ID":"2","typeID":"Icon","zOrder":"2","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"3","typeID":"Icon","zOrder":"3","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"10027263","icon":{"ID":"check-circle","size":"small"}}}]}}},{"ID":"1402","typeID":"__group__","zOrder":"96","measuredW":"307","measuredH":"47","w":"307","h":"47","x":"152","y":"443","properties":{"controlName":"101-internet:what-is-http"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"299","h":"40","measuredW":"200","measuredH":"140","x":"8","y":"7","properties":{"color":"16770457"}},{"ID":"1","typeID":"Label","zOrder":"1","w":"119","measuredW":"113","measuredH":"25","x":"98","y":"15","properties":{"size":"17","text":"What is HTTP?"}},{"ID":"2","typeID":"Icon","zOrder":"2","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"3","typeID":"Icon","zOrder":"3","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"10027263","icon":{"ID":"check-circle","size":"small"}}}]}}},{"ID":"1403","typeID":"__group__","zOrder":"97","measuredW":"307","measuredH":"48","w":"307","h":"48","x":"152","y":"488","properties":{"controlName":"102-internet:browsers-and-how-they-work"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"299","h":"40","measuredW":"200","measuredH":"140","x":"8","y":"8","properties":{"color":"16770457"}},{"ID":"1","typeID":"Label","zOrder":"1","w":"230","measuredW":"225","measuredH":"25","x":"42","y":"16","properties":{"size":"17","text":"Browsers and how they work?"}},{"ID":"2","typeID":"Icon","zOrder":"2","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"3","typeID":"Icon","zOrder":"3","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"10027263","icon":{"ID":"check-circle","size":"small"}}}]}}},{"ID":"1404","typeID":"__group__","zOrder":"98","measuredW":"289","measuredH":"49","w":"289","h":"49","x":"875","y":"388","properties":{"controlName":"103-internet:dns-and-how-it-works"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"280","h":"40","measuredW":"200","measuredH":"140","x":"0","y":"9","properties":{"color":"16770457"}},{"ID":"1","typeID":"Label","zOrder":"1","w":"179","measuredW":"175","measuredH":"25","x":"51","y":"17","properties":{"size":"17","text":"DNS and how it works?"}},{"ID":"2","typeID":"Icon","zOrder":"2","measuredW":"24","measuredH":"24","x":"265","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"3","typeID":"Icon","zOrder":"3","measuredW":"24","measuredH":"24","x":"265","y":"0","properties":{"color":"10027263","icon":{"ID":"check-circle","size":"small"}}}]}}},{"ID":"1405","typeID":"__group__","zOrder":"99","measuredW":"289","measuredH":"45","w":"289","h":"45","x":"874","y":"438","properties":{"controlName":"104-internet:what-is-domain-name"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"280","h":"40","measuredW":"200","measuredH":"140","x":"0","y":"5","properties":{"color":"16770457"}},{"ID":"1","typeID":"Label","zOrder":"1","w":"189","measuredW":"180","measuredH":"25","x":"51","y":"13","properties":{"size":"17","text":"What is Domain Name?"}},{"ID":"2","typeID":"Icon","zOrder":"2","measuredW":"24","measuredH":"24","x":"265","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"3","typeID":"Icon","zOrder":"3","measuredW":"24","measuredH":"24","x":"265","y":"0","properties":{"color":"10027263","icon":{"ID":"check-circle","size":"small"}}}]}}},{"ID":"1406","typeID":"__group__","zOrder":"100","measuredW":"288","measuredH":"46","w":"288","h":"46","x":"875","y":"483","properties":{"controlName":"105-internet:what-is-hosting"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"280","h":"40","measuredW":"200","measuredH":"140","x":"0","y":"6","properties":{"color":"16770457"}},{"ID":"1","typeID":"Label","zOrder":"1","w":"133","measuredW":"126","measuredH":"25","x":"74","y":"14","properties":{"size":"17","text":"What is hosting?"}},{"ID":"2","typeID":"Icon","zOrder":"2","measuredW":"24","measuredH":"24","x":"264","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"3","typeID":"Icon","zOrder":"3","measuredW":"24","measuredH":"24","x":"264","y":"0","properties":{"color":"10027263","icon":{"ID":"check-circle","size":"small"}}}]}}},{"ID":"1407","typeID":"__group__","zOrder":"73","measuredW":"250","measuredH":"55","w":"250","h":"55","x":"543","y":"619","properties":{"controlName":"101-html"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"250","h":"55","measuredW":"200","measuredH":"140","x":"0","y":"0","properties":{"color":"16776960"}},{"ID":"1","typeID":"Label","zOrder":"1","measuredW":"47","measuredH":"25","x":"101","y":"16","properties":{"bold":"true","size":"17","text":"HTML"}}]}}},{"ID":"1409","typeID":"__group__","zOrder":"75","measuredW":"304","measuredH":"47","w":"304","h":"47","x":"152","y":"552","properties":{"controlName":"100-html:learn-the-basics"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"296","h":"40","measuredW":"200","measuredH":"140","x":"8","y":"7","properties":{"color":"16770457"}},{"ID":"1","typeID":"Label","zOrder":"1","w":"134","measuredW":"128","measuredH":"25","x":"90","y":"15","properties":{"size":"17","text":"Learn the basics"}},{"ID":"2","typeID":"Icon","zOrder":"2","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"3","typeID":"Icon","zOrder":"3","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"10027263","icon":{"ID":"check-circle","size":"small"}}}]}}},{"ID":"1410","typeID":"__group__","zOrder":"76","measuredW":"304","measuredH":"45","w":"304","h":"45","x":"152","y":"601","properties":{"controlName":"101-html:writing-semantic-html"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"296","h":"40","measuredW":"200","measuredH":"140","x":"8","y":"5","properties":{"color":"16770457"}},{"ID":"1","typeID":"Label","zOrder":"1","w":"189","measuredW":"183","measuredH":"25","x":"63","y":"13","properties":{"size":"17","text":"Writing Semantic HTML"}},{"ID":"2","typeID":"Icon","zOrder":"2","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"3","typeID":"Icon","zOrder":"3","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"10066329","icon":{"ID":"check-circle","size":"small"}}}]}}},{"ID":"1411","typeID":"__group__","zOrder":"77","measuredW":"304","measuredH":"45","w":"304","h":"45","x":"152","y":"647","properties":{"controlName":"102-html:forms-and-validations"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"296","h":"40","measuredW":"200","measuredH":"140","x":"8","y":"5","properties":{"color":"16770457"}},{"ID":"1","typeID":"Label","zOrder":"1","w":"172","measuredW":"169","measuredH":"25","x":"71","y":"13","properties":{"size":"17","text":"Forms and Validations"}},{"ID":"2","typeID":"Icon","zOrder":"2","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"3","typeID":"Icon","zOrder":"3","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"10027263","icon":{"ID":"check-circle","size":"small"}}}]}}},{"ID":"1412","typeID":"__group__","zOrder":"78","measuredW":"304","measuredH":"49","w":"304","h":"49","x":"152","y":"690","properties":{"controlName":"103-html:conventions-and-best-practices"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"296","h":"40","measuredW":"200","measuredH":"140","x":"8","y":"9","properties":{"color":"16770457"}},{"ID":"1","typeID":"Label","zOrder":"1","w":"248","measuredW":"246","measuredH":"25","x":"33","y":"17","properties":{"size":"17","text":"Conventions and Best Practices"}},{"ID":"2","typeID":"Icon","zOrder":"2","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"3","typeID":"Icon","zOrder":"3","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"10027263","icon":{"ID":"check-circle","size":"small"}}}]}}},{"ID":"1413","typeID":"__group__","zOrder":"101","measuredW":"288","measuredH":"48","w":"288","h":"48","x":"875","y":"581","properties":{"controlName":"104-html:accessibility"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"280","h":"40","measuredW":"200","measuredH":"140","x":"0","y":"8","properties":{"color":"16770457"}},{"ID":"1","typeID":"Label","zOrder":"1","w":"101","measuredW":"94","measuredH":"25","x":"89","y":"16","properties":{"size":"17","text":"Accessibility"}},{"ID":"2","typeID":"Icon","zOrder":"2","measuredW":"24","measuredH":"24","x":"264","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"3","typeID":"Icon","zOrder":"3","measuredW":"24","measuredH":"24","x":"264","y":"0","properties":{"color":"10066329","icon":{"ID":"check-circle","size":"small"}}}]}}},{"ID":"1415","typeID":"__group__","zOrder":"102","measuredW":"289","measuredH":"46","w":"289","h":"46","x":"875","y":"630","properties":{"controlName":"105-html:seo-basics"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"280","h":"40","measuredW":"200","measuredH":"140","x":"0","y":"6","properties":{"color":"16770457"}},{"ID":"1","typeID":"Label","zOrder":"1","w":"94","measuredW":"90","measuredH":"25","x":"93","y":"14","properties":{"size":"17","text":"SEO Basics"}},{"ID":"2","typeID":"Icon","zOrder":"2","measuredW":"24","measuredH":"24","x":"265","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"3","typeID":"Icon","zOrder":"3","measuredW":"24","measuredH":"24","x":"265","y":"0","properties":{"color":"10066329","icon":{"ID":"check-circle","size":"small"}}}]}}},{"ID":"1416","typeID":"__group__","zOrder":"79","measuredW":"250","measuredH":"50","w":"250","h":"50","x":"543","y":"681","properties":{"controlName":"102-css"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"250","h":"50","measuredW":"200","measuredH":"140","x":"0","y":"0","properties":{"color":"16776960"}},{"ID":"1","typeID":"Label","zOrder":"1","measuredW":"33","measuredH":"25","x":"108","y":"14","properties":{"bold":"true","size":"17","text":"CSS"}}]}}},{"ID":"1417","typeID":"__group__","zOrder":"81","measuredW":"289","measuredH":"47","w":"289","h":"47","x":"875","y":"679","properties":{"controlName":"100-css:learn-the-basics"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"280","h":"43","measuredW":"200","measuredH":"140","x":"0","y":"4","properties":{"color":"16770457"}},{"ID":"1","typeID":"Label","zOrder":"1","w":"140","measuredW":"128","measuredH":"25","x":"70","y":"13","properties":{"size":"17","text":"Learn the basics"}},{"ID":"2","typeID":"Icon","zOrder":"2","measuredW":"24","measuredH":"24","x":"265","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"3","typeID":"Icon","zOrder":"3","measuredW":"24","measuredH":"24","x":"265","y":"0","properties":{"color":"10027263","icon":{"ID":"check-circle","size":"small"}}}]}}},{"ID":"1418","typeID":"__group__","zOrder":"82","measuredW":"290","measuredH":"51","w":"290","h":"51","x":"874","y":"728","properties":{"controlName":"101-css:making-layouts"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"281","h":"47","measuredW":"200","measuredH":"140","x":"0","y":"4","properties":{"color":"16770457"}},{"ID":"1","typeID":"Label","zOrder":"1","w":"130","measuredW":"120","measuredH":"25","x":"76","y":"15","properties":{"size":"17","text":"Making Layouts"}},{"ID":"2","typeID":"Icon","zOrder":"2","measuredW":"24","measuredH":"24","x":"266","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"3","typeID":"Icon","zOrder":"3","measuredW":"24","measuredH":"24","x":"266","y":"0","properties":{"color":"10027263","icon":{"ID":"check-circle","size":"small"}}}]}}},{"ID":"1419","typeID":"__group__","zOrder":"86","measuredW":"288","measuredH":"45","w":"288","h":"45","x":"874","y":"783","properties":{"controlName":"102-css:responsive-design-and-media-queries"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"280","h":"43","measuredW":"200","measuredH":"140","x":"0","y":"2","properties":{"color":"16770457"}},{"ID":"1","typeID":"Label","zOrder":"1","w":"248","measuredW":"246","measuredH":"22","x":"18","y":"12","properties":{"size":"14","text":"Responsive design and Media Queries"}},{"ID":"2","typeID":"Icon","zOrder":"2","measuredW":"24","measuredH":"24","x":"264","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"3","typeID":"Icon","zOrder":"3","measuredW":"24","measuredH":"24","x":"264","y":"0","properties":{"color":"10027263","icon":{"ID":"check-circle","size":"small"}}}]}}},{"ID":"1420","typeID":"__group__","zOrder":"80","measuredW":"123","measuredH":"193","w":"123","h":"193","x":"1183","y":"652","properties":{"controlName":"101-css:making-layouts"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"116","h":"185","measuredW":"200","measuredH":"140","x":"0","y":"8","properties":{"color":"16770457"}},{"ID":"1","typeID":"Label","zOrder":"1","measuredW":"47","measuredH":"25","x":"35","y":"21","properties":{"size":"17","text":"Floats"}},{"ID":"2","typeID":"Label","zOrder":"2","measuredW":"84","measuredH":"25","x":"16","y":"48","properties":{"size":"17","text":"Positioning"}},{"ID":"3","typeID":"Label","zOrder":"3","measuredW":"56","measuredH":"25","x":"30","y":"75","properties":{"size":"17","text":"Display"}},{"ID":"4","typeID":"Label","zOrder":"4","measuredW":"82","measuredH":"25","x":"19","y":"102","properties":{"size":"17","text":"Box Model"}},{"ID":"5","typeID":"Label","zOrder":"5","measuredW":"70","measuredH":"25","x":"22","y":"129","properties":{"size":"17","text":"CSS Grid"}},{"ID":"6","typeID":"Label","zOrder":"6","measuredW":"65","measuredH":"25","x":"26","y":"156","properties":{"size":"17","text":"Flex Box"}},{"ID":"7","typeID":"Icon","zOrder":"7","measuredW":"24","measuredH":"24","x":"99","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"8","typeID":"Icon","zOrder":"8","measuredW":"24","measuredH":"24","x":"99","y":"0","properties":{"color":"10027263","icon":{"ID":"check-circle","size":"small"}}}]}}},{"ID":"1421","typeID":"__group__","zOrder":"87","measuredW":"250","measuredH":"50","w":"250","h":"50","x":"543","y":"738","properties":{"controlName":"103-javascript"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"250","h":"50","measuredW":"200","measuredH":"140","x":"0","y":"0","properties":{"color":"16776960"}},{"ID":"1","typeID":"Label","zOrder":"1","measuredW":"82","measuredH":"25","x":"82","y":"13","properties":{"bold":"true","size":"17","text":"JavaScript"}}]}}},{"ID":"1424","typeID":"__group__","zOrder":"88","measuredW":"304","measuredH":"48","w":"304","h":"48","x":"152","y":"753","properties":{"controlName":"100-javascript:syntax-and-basic-constructs"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"296","h":"40","measuredW":"200","measuredH":"140","x":"8","y":"8","properties":{"color":"16770457"}},{"ID":"1","typeID":"Label","zOrder":"1","w":"228","measuredW":"219","measuredH":"25","x":"43","y":"16","properties":{"size":"17","text":"Syntax and Basic Constructs"}},{"ID":"2","typeID":"Icon","zOrder":"2","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"3","typeID":"Icon","zOrder":"3","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"10027263","icon":{"ID":"check-circle","size":"small"}}}]}}},{"ID":"1425","typeID":"__group__","zOrder":"89","measuredW":"305","measuredH":"45","w":"305","h":"45","x":"152","y":"802","properties":{"controlName":"101-javascript:learn-dom-manipulation"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"297","h":"40","measuredW":"200","measuredH":"140","x":"8","y":"5","properties":{"color":"16770457"}},{"ID":"1","typeID":"Label","zOrder":"1","w":"197","measuredW":"193","measuredH":"25","x":"59","y":"13","properties":{"size":"17","text":"Learn DOM Manipulation"}},{"ID":"2","typeID":"Icon","zOrder":"2","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"3","typeID":"Icon","zOrder":"3","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"10027263","icon":{"ID":"check-circle","size":"small"}}}]}}},{"ID":"1426","typeID":"__group__","zOrder":"91","measuredW":"304","measuredH":"45","w":"304","h":"45","x":"152","y":"849","properties":{"controlName":"102-javascript:learn-fetch-api-ajax-xhr"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"296","h":"40","measuredW":"200","measuredH":"140","x":"8","y":"5","properties":{"color":"16770457"}},{"ID":"1","typeID":"Label","zOrder":"1","w":"234","measuredW":"224","measuredH":"25","x":"40","y":"13","properties":{"size":"17","text":"Learn Fetch API / Ajax (XHR)"}},{"ID":"2","typeID":"Icon","zOrder":"2","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"3","typeID":"Icon","zOrder":"3","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"10027263","icon":{"ID":"check-circle","size":"small"}}}]}}},{"ID":"1427","typeID":"__group__","zOrder":"92","measuredW":"305","measuredH":"47","w":"305","h":"47","x":"151","y":"895","properties":{"controlName":"103-javascript:es6-and-modular-javascript"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"296","h":"40","measuredW":"200","measuredH":"140","x":"9","y":"7","properties":{"color":"16770457"}},{"ID":"1","typeID":"Label","zOrder":"1","w":"234","measuredW":"228","measuredH":"25","x":"41","y":"15","properties":{"size":"17","text":"ES6+ and modular JavaScript"}},{"ID":"2","typeID":"Icon","zOrder":"2","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"3","typeID":"Icon","zOrder":"3","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"10027263","icon":{"ID":"check-circle","size":"small"}}}]}}},{"ID":"1428","typeID":"__group__","zOrder":"90","measuredW":"305","measuredH":"117","w":"305","h":"117","x":"151","y":"947","properties":{"controlName":"104-javascript:concepts"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"296","h":"113","measuredW":"200","measuredH":"140","x":"9","y":"4","properties":{"color":"16770457"}},{"ID":"1","typeID":"Label","zOrder":"1","w":"247","measuredW":"246","measuredH":"25","x":"34","y":"49","properties":{"size":"17","text":"Hoisting, Event Bubbling, Scope,"}},{"ID":"2","typeID":"Label","zOrder":"2","w":"245","measuredW":"234","measuredH":"25","x":"36","y":"78","properties":{"size":"17","text":"Prototype, Shadow DOM, strict,"}},{"ID":"3","typeID":"Label","zOrder":"3","w":"202","measuredW":"195","measuredH":"25","x":"57","y":"19","properties":{"size":"17","text":"Understand the concepts"}},{"ID":"4","typeID":"Icon","zOrder":"4","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"5","typeID":"Icon","zOrder":"5","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"10027263","icon":{"ID":"check-circle","size":"small"}}}]}}},{"ID":"1429","typeID":"__group__","zOrder":"107","measuredW":"336","measuredH":"77","w":"336","h":"77","x":"522","y":"882","properties":{"controlName":"104-version-control-systems"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"336","h":"77","measuredW":"200","measuredH":"140","x":"0","y":"0","properties":{"color":"16776960"}},{"ID":"1","typeID":"Label","zOrder":"1","w":"201","measuredW":"189","measuredH":"25","x":"65","y":"15","properties":{"bold":"true","size":"17","text":"Version Control Systems"}},{"ID":"2","typeID":"Label","zOrder":"2","w":"292","measuredW":"285","measuredH":"23","x":"19","y":"40","properties":{"size":"15","text":"What are they and why you should use one"}}]}}},{"ID":"1430","typeID":"__group__","zOrder":"103","measuredW":"225","measuredH":"62","w":"225","h":"62","x":"513","y":"972","properties":{"controlName":"100-version-control-systems:basic-usage-of-git"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"216","h":"54","measuredW":"200","measuredH":"140","x":"9","y":"8","properties":{"color":"16776960"}},{"ID":"1","typeID":"Label","zOrder":"1","w":"155","measuredW":"146","measuredH":"25","x":"40","y":"23","properties":{"bold":"true","size":"17","text":"Basic Usage of Git"}},{"ID":"2","typeID":"Icon","zOrder":"2","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"3","typeID":"Icon","zOrder":"3","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"10027263","icon":{"ID":"check-circle","size":"small"}}}]}}},{"ID":"1431","typeID":"__group__","zOrder":"105","measuredW":"352","measuredH":"78","w":"352","h":"78","x":"885","y":"882","properties":{"controlName":"105-repo-hosting-services"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"352","h":"78","measuredW":"200","measuredH":"140","x":"0","y":"0","properties":{"color":"16776960"}},{"ID":"1","typeID":"Label","zOrder":"1","w":"189","measuredW":"171","measuredH":"25","x":"77","y":"15","properties":{"bold":"true","size":"17","text":"Repo hosting services"}},{"ID":"2","typeID":"Label","zOrder":"2","w":"279","measuredW":"275","measuredH":"23","x":"32","y":"41","properties":{"size":"15","text":"Create account and Learn to use GitHub"}}]}}},{"ID":"1432","typeID":"__group__","zOrder":"104","measuredW":"240","measuredH":"58","w":"240","h":"58","x":"994","y":"974","properties":{"controlName":"100-repo-hosting-services:github"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"230","h":"49","measuredW":"200","measuredH":"140","x":"10","y":"9","properties":{"color":"16776960"}},{"ID":"1","typeID":"Label","zOrder":"1","w":"64","measuredW":"55","measuredH":"25","x":"97","y":"22","properties":{"bold":"true","size":"17","text":"GitHub"}},{"ID":"2","typeID":"Icon","zOrder":"2","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"3","typeID":"Icon","zOrder":"3","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"10027263","icon":{"ID":"check-circle","size":"small"}}}]}}},{"ID":"1433","typeID":"__group__","zOrder":"112","measuredW":"238","measuredH":"55","w":"238","h":"55","x":"996","y":"1033","properties":{"controlName":"101-repo-hosting-services:gitlab"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"230","h":"49","measuredW":"200","measuredH":"140","x":"8","y":"6","properties":{"backgroundAlpha":"0.5","borderColor":"16777215","color":"10066329"}},{"ID":"1","typeID":"Label","zOrder":"1","measuredW":"52","measuredH":"25","x":"93","y":"18","properties":{"bold":"true","color":"3355443","size":"17","text":"GitLab"}},{"ID":"2","typeID":"TextArea","zOrder":"2","w":"230","h":"49","measuredW":"200","measuredH":"140","x":"8","y":"6","properties":{"backgroundAlpha":"0.25","borderColor":"6710886","color":"15658734"}},{"ID":"3","typeID":"Icon","zOrder":"3","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"4","typeID":"Icon","zOrder":"4","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"5","typeID":"Icon","zOrder":"5","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"3700253","icon":{"ID":"check-circle","size":"small"}}}]}}},{"ID":"1434","typeID":"__group__","zOrder":"111","measuredW":"238","measuredH":"54","w":"238","h":"54","x":"996","y":"1090","properties":{"controlName":"102-repo-hosting-services:bitbucket"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"230","h":"49","measuredW":"200","measuredH":"140","x":"8","y":"5","properties":{"backgroundAlpha":"0.5","borderColor":"16777215","color":"10066329"}},{"ID":"1","typeID":"Label","zOrder":"1","w":"80","measuredW":"75","measuredH":"25","x":"83","y":"17","properties":{"bold":"true","color":"3355443","size":"17","text":"Bitbucket"}},{"ID":"2","typeID":"TextArea","zOrder":"2","w":"230","h":"48","measuredW":"200","measuredH":"140","x":"8","y":"5","properties":{"backgroundAlpha":"0.25","borderColor":"6710886","color":"15658734"}},{"ID":"3","typeID":"Icon","zOrder":"3","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"4","typeID":"Icon","zOrder":"4","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"5","typeID":"Icon","zOrder":"5","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"3700253","icon":{"ID":"check-circle","size":"small"}}}]}}},{"ID":"1435","typeID":"__group__","zOrder":"113","measuredW":"381","measuredH":"62","w":"381","h":"62","x":"564","y":"1065","properties":{"controlName":"106-web-security-knowledge"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"372","h":"54","measuredW":"200","measuredH":"140","x":"9","y":"8","properties":{"color":"16776960"}},{"ID":"1","typeID":"Label","zOrder":"1","w":"203","measuredW":"192","measuredH":"25","x":"94","y":"23","properties":{"bold":"true","size":"17","text":"Web Security Knowledge"}},{"ID":"2","typeID":"Icon","zOrder":"2","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"3","typeID":"Icon","zOrder":"3","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"10066329","icon":{"ID":"check-circle","size":"small"}}}]}}},{"ID":"1437","typeID":"__group__","zOrder":"110","measuredW":"297","measuredH":"107","w":"297","h":"107","x":"160","y":"1108","properties":{"controlName":"package-managers"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"297","h":"107","measuredW":"200","measuredH":"140","x":"0","y":"0"},{"ID":"1","typeID":"Label","zOrder":"1","w":"261","measuredW":"244","measuredH":"25","x":"16","y":"14","properties":{"size":"17","text":"npm and yarn both are fine, pick"}},{"ID":"2","typeID":"Label","zOrder":"2","w":"132","measuredW":"127","measuredH":"25","x":"16","y":"67","properties":{"size":"17","text":"much difference."}},{"ID":"3","typeID":"Label","zOrder":"3","w":"248","measuredW":"226","measuredH":"25","x":"16","y":"41","properties":{"size":"17","text":"one or learn both, there is not"}}]}}},{"ID":"1438","typeID":"__group__","zOrder":"108","measuredW":"211","measuredH":"53","w":"211","h":"53","x":"508","y":"1244","properties":{"controlName":"107-package-managers"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"211","h":"53","measuredW":"200","measuredH":"140","x":"0","y":"0","properties":{"color":"16776960"}},{"ID":"1","typeID":"Label","zOrder":"1","w":"154","measuredW":"150","measuredH":"25","x":"29","y":"14","properties":{"bold":"true","size":"17","text":"Package Managers"}}]}}},{"ID":"1439","typeID":"__group__","zOrder":"109","measuredW":"158","measuredH":"58","w":"158","h":"58","x":"228","y":"1229","properties":{"controlName":"100-package-managers:npm"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"151","h":"49","measuredW":"200","measuredH":"140","x":"7","y":"9","properties":{"color":"16770457"}},{"ID":"1","typeID":"Label","zOrder":"1","w":"36","measuredW":"34","measuredH":"25","x":"64","y":"21","properties":{"bold":"true","size":"17","text":"npm"}},{"ID":"2","typeID":"Icon","zOrder":"2","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"3","typeID":"Icon","zOrder":"3","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"10027263","icon":{"ID":"check-circle","size":"small"}}}]}}},{"ID":"1440","typeID":"__group__","zOrder":"42","measuredW":"158","measuredH":"56","w":"158","h":"56","x":"228","y":"1290","properties":{"controlName":"101-package-managers:yarn"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"151","h":"49","measuredW":"200","measuredH":"140","x":"7","y":"7","properties":{"color":"16770457"}},{"ID":"1","typeID":"Label","zOrder":"1","w":"36","measuredW":"34","measuredH":"25","x":"65","y":"19","properties":{"bold":"true","size":"17","text":"yarn"}},{"ID":"2","typeID":"Icon","zOrder":"2","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"3","typeID":"Icon","zOrder":"3","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"10027263","icon":{"ID":"check-circle","size":"small"}}}]}}},{"ID":"1441","typeID":"__group__","zOrder":"136","measuredW":"392","measuredH":"141","w":"392","h":"141","x":"312","y":"1378","properties":{"controlName":"108-css-architecture"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"392","h":"141","measuredW":"200","measuredH":"140","x":"0","y":"0","properties":{"color":"16776960"}},{"ID":"1","typeID":"Label","zOrder":"1","w":"148","measuredW":"133","measuredH":"25","x":"122","y":"18","properties":{"bold":"true","size":"17","text":"CSS Architecture"}},{"ID":"2","typeID":"Label","zOrder":"2","w":"351","measuredW":"335","measuredH":"23","x":"19","y":"51","properties":{"size":"15","text":"With modern frameworks and CSS-in-JS you don't"}},{"ID":"3","typeID":"Label","zOrder":"3","w":"359","measuredW":"344","measuredH":"23","x":"19","y":"77","properties":{"size":"15","text":"have to worry about these anymore but still it would"}},{"ID":"4","typeID":"Label","zOrder":"4","w":"359","measuredW":"347","measuredH":"23","x":"19","y":"103","properties":{"size":"15","text":"be a good idea to get familiarized with BEM atleast."}}]}}},{"ID":"1442","typeID":"__group__","zOrder":"137","measuredW":"156","measuredH":"48","w":"156","h":"48","x":"141","y":"1369","properties":{"controlName":"100-css-architecture:bem"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"146","h":"40","measuredW":"200","measuredH":"140","x":"10","y":"8","properties":{"color":"16776960"}},{"ID":"1","typeID":"Label","zOrder":"1","w":"45","measuredW":"38","measuredH":"25","x":"66","y":"16","properties":{"size":"17","text":"BEM"}},{"ID":"2","typeID":"Icon","zOrder":"2","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"3","typeID":"Icon","zOrder":"3","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"10066329","icon":{"ID":"check-circle","size":"small"}}}]}}},{"ID":"1443","typeID":"__group__","zOrder":"139","measuredW":"145","measuredH":"44","w":"145","h":"44","x":"152","y":"1423","properties":{"controlName":"101-css-architecture:oocss"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"145","h":"44","measuredW":"200","measuredH":"140","x":"0","y":"0","properties":{"backgroundAlpha":"0.5","borderColor":"16777215","color":"10066329"}},{"ID":"1","typeID":"Label","zOrder":"1","w":"62","measuredW":"58","measuredH":"25","x":"42","y":"10","properties":{"bold":"true","color":"3355443","size":"17","text":"OOCSS"}},{"ID":"2","typeID":"TextArea","zOrder":"2","w":"145","h":"44","measuredW":"200","measuredH":"140","x":"0","y":"0","properties":{"backgroundAlpha":"0.25","borderColor":"6710886","color":"15658734"}}]}}},{"ID":"1444","typeID":"__group__","zOrder":"138","measuredW":"145","measuredH":"44","w":"145","h":"44","x":"151","y":"1474","properties":{"controlName":"102-css-architecture:smacss"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"145","h":"44","measuredW":"200","measuredH":"140","x":"0","y":"0","properties":{"backgroundAlpha":"0.5","borderColor":"16777215","color":"10066329"}},{"ID":"1","typeID":"Label","zOrder":"1","w":"73","measuredW":"68","measuredH":"25","x":"36","y":"10","properties":{"bold":"true","color":"3355443","size":"17","text":"SMACSS"}},{"ID":"2","typeID":"TextArea","zOrder":"2","w":"145","h":"44","measuredW":"200","measuredH":"140","x":"0","y":"0","properties":{"backgroundAlpha":"0.25","borderColor":"6710886","color":"15658734"}}]}}},{"ID":"1445","typeID":"__group__","zOrder":"132","measuredW":"392","measuredH":"141","w":"392","h":"141","x":"723","y":"1381","properties":{"controlName":"109-css-preprocessors"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"392","h":"141","measuredW":"200","measuredH":"140","x":"0","y":"0","properties":{"color":"16776960"}},{"ID":"1","typeID":"Label","zOrder":"1","w":"157","measuredW":"151","measuredH":"25","x":"113","y":"17","properties":{"bold":"true","size":"17","text":"CSS Preprocessors"}},{"ID":"2","typeID":"Label","zOrder":"2","w":"350","measuredW":"332","measuredH":"23","x":"18","y":"49","properties":{"size":"15","text":"With how the modern frameworks there has been"}},{"ID":"3","typeID":"Label","zOrder":"3","w":"356","measuredW":"344","measuredH":"23","x":"18","y":"76","properties":{"size":"15","text":"more push towards CSS-in-JS so you may not need"}},{"ID":"4","typeID":"Label","zOrder":"4","w":"350","measuredW":"324","measuredH":"23","x":"18","y":"102","properties":{"size":"15","text":"these but still a good idea to familiarize yourself."}}]}}},{"ID":"1446","typeID":"__group__","zOrder":"248","measuredW":"156","measuredH":"48","w":"156","h":"48","x":"1147","y":"1374","properties":{"controlName":"100-css-preprocessors:sass"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"146","h":"41","measuredW":"200","measuredH":"140","x":"0","y":"7","properties":{"color":"16776960"}},{"ID":"1","typeID":"Label","zOrder":"1","w":"46","measuredW":"37","measuredH":"25","x":"50","y":"15","properties":{"size":"17","text":"Sass"}},{"ID":"2","typeID":"Icon","zOrder":"2","measuredW":"24","measuredH":"24","x":"132","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"3","typeID":"Icon","zOrder":"3","measuredW":"24","measuredH":"24","x":"132","y":"0","properties":{"color":"10066329","icon":{"ID":"check-circle","size":"small"}}}]}}},{"ID":"1447","typeID":"__group__","zOrder":"247","measuredW":"155","measuredH":"48","w":"155","h":"48","x":"1147","y":"1423","properties":{"controlName":"101-css-preprocessors:postcss"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"146","h":"43","measuredW":"200","measuredH":"140","x":"0","y":"5","properties":{"color":"16770457"}},{"ID":"1","typeID":"Label","zOrder":"1","w":"74","measuredW":"66","measuredH":"25","x":"39","y":"15","properties":{"size":"17","text":"PostCSS"}},{"ID":"2","typeID":"Icon","zOrder":"2","measuredW":"24","measuredH":"24","x":"131","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"3","typeID":"Icon","zOrder":"3","measuredW":"24","measuredH":"24","x":"131","y":"0","properties":{"color":"10066329","icon":{"ID":"check-circle","size":"small"}}}]}}},{"ID":"1448","typeID":"__group__","zOrder":"175","measuredW":"145","measuredH":"44","w":"145","h":"44","x":"1148","y":"1476","properties":{"controlName":"102-css-preprocessors:less"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"145","h":"44","measuredW":"200","measuredH":"140","x":"0","y":"0","properties":{"backgroundAlpha":"0.5","borderColor":"16777215","color":"10066329"}},{"ID":"1","typeID":"Label","zOrder":"1","w":"41","measuredW":"37","measuredH":"25","x":"52","y":"10","properties":{"bold":"true","color":"3355443","size":"17","text":"Less"}},{"ID":"2","typeID":"TextArea","zOrder":"2","w":"145","h":"44","measuredW":"200","measuredH":"140","x":"0","y":"0","properties":{"backgroundAlpha":"0.25","borderColor":"6710886","color":"15658734"}}]}}},{"ID":"1449","typeID":"__group__","zOrder":"145","measuredW":"214","measuredH":"50","w":"214","h":"50","x":"596","y":"1603","properties":{"controlName":"110-build-tools"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"214","h":"50","measuredW":"200","measuredH":"140","x":"0","y":"0","properties":{"color":"16776960"}},{"ID":"1","typeID":"Label","zOrder":"1","measuredW":"85","measuredH":"25","x":"62","y":"13","properties":{"bold":"true","size":"17","text":"Build Tools"}}]}}},{"ID":"1450","typeID":"__group__","zOrder":"149","measuredW":"138","measuredH":"50","w":"138","h":"50","x":"365","y":"1546","properties":{"controlName":"100-build-tools:task-runners"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"138","h":"50","measuredW":"200","measuredH":"140","x":"0","y":"0","properties":{"color":"16776960"}},{"ID":"1","typeID":"Label","zOrder":"1","measuredW":"105","measuredH":"25","x":"17","y":"14","properties":{"bold":"true","size":"17","text":"Task Runners"}}]}}},{"ID":"1451","typeID":"__group__","zOrder":"156","measuredW":"225","measuredH":"50","w":"225","h":"50","x":"868","y":"1604","properties":{"controlName":"102-build-tools:linters-formatters"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"225","h":"50","measuredW":"200","measuredH":"140","x":"0","y":"0","properties":{"color":"16776960"}},{"ID":"1","typeID":"Label","zOrder":"1","measuredW":"179","measuredH":"25","x":"19","y":"13","properties":{"bold":"true","size":"17","text":"Linters and Formatters"}}]}}},{"ID":"1452","typeID":"__group__","zOrder":"157","measuredW":"155","measuredH":"46","w":"155","h":"46","x":"1150","y":"1549","properties":{"controlName":"100-build-tools:linters-formatters:prettier"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"145","h":"40","measuredW":"200","measuredH":"140","x":"0","y":"6","properties":{"color":"16776960"}},{"ID":"1","typeID":"Label","zOrder":"1","w":"66","measuredW":"58","measuredH":"25","x":"44","y":"14","properties":{"size":"17","text":"Prettier"}},{"ID":"2","typeID":"Icon","zOrder":"2","measuredW":"24","measuredH":"24","x":"131","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"3","typeID":"Icon","zOrder":"3","measuredW":"24","measuredH":"24","x":"131","y":"0","properties":{"color":"10066329","icon":{"ID":"check-circle","size":"small"}}}]}}},{"ID":"1453","typeID":"__group__","zOrder":"158","measuredW":"155","measuredH":"44","w":"155","h":"44","x":"1150","y":"1596","properties":{"controlName":"101-build-tools:linters-formatters:eslint"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"145","h":"40","measuredW":"200","measuredH":"140","x":"0","y":"4","properties":{"color":"16776960"}},{"ID":"1","typeID":"Label","zOrder":"1","w":"53","measuredW":"51","measuredH":"25","x":"46","y":"12","properties":{"size":"17","text":"ESLint"}},{"ID":"2","typeID":"Icon","zOrder":"2","measuredW":"24","measuredH":"24","x":"131","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"3","typeID":"Icon","zOrder":"3","measuredW":"24","measuredH":"24","x":"131","y":"0","properties":{"color":"10066329","icon":{"ID":"check-circle","size":"small"}}}]}}},{"ID":"1454","typeID":"__group__","zOrder":"159","measuredW":"145","measuredH":"44","w":"145","h":"44","x":"1151","y":"1646","properties":{"controlName":"102-build-tools:linters-formatters:standardjs"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"145","h":"44","measuredW":"200","measuredH":"140","x":"0","y":"0","properties":{"backgroundAlpha":"0.5","borderColor":"16777215","color":"10066329"}},{"ID":"1","typeID":"Label","zOrder":"1","measuredW":"91","measuredH":"25","x":"26","y":"10","properties":{"bold":"true","color":"3355443","size":"17","text":"StandardJS"}},{"ID":"2","typeID":"TextArea","zOrder":"2","w":"145","h":"44","measuredW":"200","measuredH":"140","x":"0","y":"0","properties":{"backgroundAlpha":"0.25","borderColor":"6710886","color":"15658734"}}]}}},{"ID":"1455","typeID":"__group__","zOrder":"153","measuredW":"183","measuredH":"56","w":"183","h":"56","x":"146","y":"1536","properties":{"controlName":"100-build-tools:task-runners:npm-scripts"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"176","h":"45","measuredW":"200","measuredH":"140","x":"7","y":"11","properties":{"color":"16776960"}},{"ID":"1","typeID":"Label","zOrder":"1","w":"97","measuredW":"89","measuredH":"25","x":"47","y":"21","properties":{"size":"17","text":"npm scripts"}},{"ID":"2","typeID":"Icon","zOrder":"2","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"3","typeID":"Icon","zOrder":"3","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"10027263","icon":{"ID":"check-circle","size":"small"}}}]}}},{"ID":"1457","typeID":"__group__","zOrder":"163","measuredW":"177","measuredH":"50","w":"177","h":"50","x":"411","y":"1723","properties":{"controlName":"101-build-tools:module-bundlers"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"177","h":"50","measuredW":"200","measuredH":"140","x":"0","y":"0","properties":{"color":"16776960"}},{"ID":"1","typeID":"Label","zOrder":"1","measuredW":"133","measuredH":"25","x":"23","y":"13","properties":{"bold":"true","size":"17","text":"Module Bundlers"}}]}}},{"ID":"1458","typeID":"__group__","zOrder":"160","measuredW":"185","measuredH":"47","w":"185","h":"47","x":"143","y":"1601","properties":{"controlName":"100-build-tools:module-bundlers:webpack"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"176","h":"40","measuredW":"200","measuredH":"140","x":"9","y":"7","properties":{"color":"16776960"}},{"ID":"1","typeID":"Label","zOrder":"1","w":"72","measuredW":"72","measuredH":"25","x":"61","y":"15","properties":{"size":"17","text":"Webpack"}},{"ID":"2","typeID":"TextArea","zOrder":"2","w":"176","h":"40","measuredW":"200","measuredH":"140","x":"9","y":"7","properties":{"color":"16776960"}},{"ID":"3","typeID":"Label","zOrder":"3","w":"90","measuredW":"72","measuredH":"25","x":"61","y":"15","properties":{"size":"17","text":"Webpack"}},{"ID":"4","typeID":"Icon","zOrder":"4","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"5","typeID":"Icon","zOrder":"5","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"10027263","icon":{"ID":"check-circle","size":"small"}}}]}}},{"ID":"1465","typeID":"__group__","zOrder":"250","measuredW":"185","measuredH":"47","w":"185","h":"47","x":"142","y":"1648","properties":{"controlName":"101-build-tools:module-bundlers:esbuild"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"176","h":"40","measuredW":"200","measuredH":"140","x":"9","y":"7","properties":{"color":"16776960"}},{"ID":"1","typeID":"Label","zOrder":"1","w":"72","measuredW":"72","measuredH":"25","x":"61","y":"15","properties":{"size":"17","text":"Webpack"}},{"ID":"2","typeID":"TextArea","zOrder":"2","w":"176","h":"40","measuredW":"200","measuredH":"140","x":"9","y":"7","properties":{"color":"16776960"}},{"ID":"3","typeID":"Label","zOrder":"3","measuredW":"55","measuredH":"25","x":"69","y":"14","properties":{"size":"17","text":"esbuild"}},{"ID":"4","typeID":"Icon","zOrder":"4","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"5","typeID":"Icon","zOrder":"5","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"10027263","icon":{"ID":"check-circle","size":"small"}}}]}}},{"ID":"1468","typeID":"__group__","zOrder":"161","measuredW":"184","measuredH":"44","w":"184","h":"44","x":"143","y":"1696","properties":{"controlName":"102-build-tools:module-bundlers:rollup"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"176","h":"40","measuredW":"200","measuredH":"140","x":"8","y":"4","properties":{"color":"16770457"}},{"ID":"1","typeID":"Label","zOrder":"1","w":"46","measuredW":"49","measuredH":"25","x":"73","y":"12","properties":{"size":"17","text":"Rollup"}},{"ID":"2","typeID":"TextArea","zOrder":"2","w":"176","h":"40","measuredW":"200","measuredH":"140","x":"8","y":"4","properties":{"color":"16770457"}},{"ID":"3","typeID":"Label","zOrder":"3","w":"63","measuredW":"49","measuredH":"25","x":"73","y":"12","properties":{"size":"17","text":"Rollup"}},{"ID":"4","typeID":"Icon","zOrder":"4","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"5","typeID":"Icon","zOrder":"5","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"6","typeID":"Icon","zOrder":"6","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"3700253","icon":{"ID":"check-circle","size":"small"}}}]}}},{"ID":"1469","typeID":"__group__","zOrder":"162","measuredW":"184","measuredH":"44","w":"184","h":"44","x":"143","y":"1741","properties":{"controlName":"103-build-tools:module-bundlers:parcel"},"children":{"controls":{"control":[{"ID":"0","typeID":"Label","zOrder":"0","w":"46","measuredW":"49","measuredH":"25","x":"73","y":"12","properties":{"size":"17","text":"Parcel"}},{"ID":"1","typeID":"TextArea","zOrder":"1","w":"176","h":"40","measuredW":"200","measuredH":"140","x":"8","y":"4","properties":{"color":"16770457"}},{"ID":"2","typeID":"Label","zOrder":"2","w":"63","measuredW":"49","measuredH":"25","x":"73","y":"12","properties":{"size":"17","text":"Parcel"}},{"ID":"3","typeID":"Icon","zOrder":"3","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"4","typeID":"Icon","zOrder":"4","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"5","typeID":"Icon","zOrder":"5","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"3700253","icon":{"ID":"check-circle","size":"small"}}}]}}},{"ID":"1470","typeID":"Arrow","zOrder":"4","w":"111","h":"37","measuredW":"150","measuredH":"100","x":"307","y":"1714","properties":{"color":"10027263","direction":"bottom","leftArrow":"false","rightArrow":"false","stroke":"dotted","p0":{"x":0,"y":0},"p1":{"x":0.40594249201277954,"y":-0.011437699680511181},"p2":{"x":111,"y":37}}},{"ID":"1471","typeID":"__group__","zOrder":"251","measuredW":"184","measuredH":"44","w":"184","h":"44","x":"143","y":"1787","properties":{"controlName":"104-build-tools:module-bundlers:vite"},"children":{"controls":{"control":[{"ID":"0","typeID":"Label","zOrder":"0","w":"46","measuredW":"49","measuredH":"25","x":"73","y":"12","properties":{"size":"17","text":"Parcel"}},{"ID":"1","typeID":"TextArea","zOrder":"1","w":"176","h":"40","measuredW":"200","measuredH":"140","x":"8","y":"4","properties":{"color":"16770457"}},{"ID":"2","typeID":"Label","zOrder":"2","measuredW":"30","measuredH":"25","x":"81","y":"11","properties":{"size":"17","text":"Vite"}},{"ID":"3","typeID":"Icon","zOrder":"3","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"4","typeID":"Icon","zOrder":"4","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"5","typeID":"Icon","zOrder":"5","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"3700253","icon":{"ID":"check-circle","size":"small"}}}]}}},{"ID":"1473","typeID":"Arrow","zOrder":"3","w":"114","h":"62","measuredW":"150","measuredH":"100","x":"311","y":"1749","properties":{"color":"10027263","direction":"bottom","leftArrow":"false","rightArrow":"false","stroke":"dotted","p0":{"x":0,"y":62},"p1":{"x":0.4230344065220394,"y":-0.06791488185712315},"p2":{"x":114,"y":0}}},{"ID":"1474","typeID":"__group__","zOrder":"166","measuredW":"267","measuredH":"53","w":"267","h":"53","x":"622","y":"1840","properties":{"controlName":"111-pick-a-framework"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"267","h":"53","measuredW":"200","measuredH":"140","x":"0","y":"0","properties":{"color":"16776960"}},{"ID":"1","typeID":"Label","zOrder":"1","w":"142","measuredW":"138","measuredH":"25","x":"63","y":"14","properties":{"bold":"true","size":"17","text":"Pick a Framework"}}]}}},{"ID":"1475","typeID":"__group__","zOrder":"167","measuredW":"152","measuredH":"48","w":"152","h":"48","x":"913","y":"1742","properties":{"controlName":"100-pick-a-framework:react-js"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"145","h":"40","measuredW":"200","measuredH":"140","x":"7","y":"8","properties":{"color":"16776960"}},{"ID":"1","typeID":"Label","zOrder":"1","w":"68","measuredW":"62","measuredH":"25","x":"46","y":"16","properties":{"size":"17","text":"React.js"}},{"ID":"2","typeID":"Icon","zOrder":"2","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"3","typeID":"Icon","zOrder":"3","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"10027263","icon":{"ID":"check-circle","size":"small"}}}]}}},{"ID":"1483","typeID":"__group__","zOrder":"252","measuredW":"93","measuredH":"41","w":"93","h":"41","x":"1246","y":"1770","properties":{"controlName":"102-pick-a-framework:react-js:recoil"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"85","h":"40","measuredW":"200","measuredH":"140","x":"0","y":"1","properties":{"color":"16770457"}},{"ID":"1","typeID":"Label","zOrder":"1","measuredW":"49","measuredH":"25","x":"14","y":"8","properties":{"size":"17","text":"Recoil"}},{"ID":"2","typeID":"Icon","zOrder":"2","measuredW":"24","measuredH":"24","x":"69","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"3","typeID":"Icon","zOrder":"3","measuredW":"24","measuredH":"24","x":"69","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"4","typeID":"Icon","zOrder":"4","measuredW":"24","measuredH":"24","x":"69","y":"0","properties":{"color":"3700253","icon":{"ID":"check-circle","size":"small"}}}]}}},{"ID":"1484","typeID":"__group__","zOrder":"170","measuredW":"185","measuredH":"47","w":"185","h":"47","x":"1155","y":"1719","properties":{"controlName":"100-pick-a-framework:react-js:redux"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"177","h":"40","measuredW":"200","measuredH":"140","x":"0","y":"7","properties":{"color":"16776960"}},{"ID":"1","typeID":"Label","zOrder":"1","w":"52","measuredW":"50","measuredH":"25","x":"63","y":"15","properties":{"size":"17","text":"Redux"}},{"ID":"2","typeID":"Icon","zOrder":"2","measuredW":"24","measuredH":"24","x":"161","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"3","typeID":"Icon","zOrder":"3","measuredW":"24","measuredH":"24","x":"161","y":"0","properties":{"color":"10027263","icon":{"ID":"check-circle","size":"small"}}}]}}},{"ID":"1486","typeID":"__group__","zOrder":"171","measuredW":"88","measuredH":"43","w":"88","h":"43","x":"1155","y":"1768","properties":{"controlName":"101-pick-a-framework:react-js:mobx"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"84","h":"40","measuredW":"200","measuredH":"140","x":"0","y":"3","properties":{"color":"16770457"}},{"ID":"1","typeID":"Label","zOrder":"1","w":"47","measuredW":"44","measuredH":"25","x":"13","y":"10","properties":{"size":"17","text":"MobX"}},{"ID":"2","typeID":"Icon","zOrder":"2","measuredW":"24","measuredH":"24","x":"64","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"3","typeID":"Icon","zOrder":"3","measuredW":"24","measuredH":"24","x":"64","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"4","typeID":"Icon","zOrder":"4","measuredW":"24","measuredH":"24","x":"64","y":"0","properties":{"color":"3700253","icon":{"ID":"check-circle","size":"small"}}}]}}},{"ID":"1487","typeID":"__group__","zOrder":"168","measuredW":"153","measuredH":"50","w":"153","h":"50","x":"944","y":"1833","properties":{"controlName":"101-pick-a-framework:angular"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"145","h":"40","measuredW":"200","measuredH":"140","x":"8","y":"10","properties":{"color":"16770457"}},{"ID":"1","typeID":"Label","zOrder":"1","w":"64","measuredW":"59","measuredH":"25","x":"49","y":"18","properties":{"size":"17","text":"Angular"}},{"ID":"2","typeID":"Icon","zOrder":"2","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"3","typeID":"Icon","zOrder":"3","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"4","typeID":"Icon","zOrder":"4","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"3700253","icon":{"ID":"check-circle","size":"small"}}}]}}},{"ID":"1488","typeID":"__group__","zOrder":"178","measuredW":"185","measuredH":"48","w":"185","h":"48","x":"1155","y":"1818","properties":{"controlName":"100-pick-a-framework:angular:rxjs"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"177","h":"40","measuredW":"200","measuredH":"140","x":"0","y":"8","properties":{"color":"16776960"}},{"ID":"1","typeID":"Label","zOrder":"1","w":"44","measuredW":"40","measuredH":"25","x":"67","y":"16","properties":{"size":"17","text":"RxJS"}},{"ID":"2","typeID":"Icon","zOrder":"2","measuredW":"24","measuredH":"24","x":"161","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"3","typeID":"Icon","zOrder":"3","measuredW":"24","measuredH":"24","x":"161","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"4","typeID":"Icon","zOrder":"4","measuredW":"24","measuredH":"24","x":"161","y":"0","properties":{"color":"3700253","icon":{"ID":"check-circle","size":"small"}}}]}}},{"ID":"1489","typeID":"__group__","zOrder":"180","measuredW":"185","measuredH":"44","w":"185","h":"44","x":"1155","y":"1868","properties":{"controlName":"101-pick-a-framework:angular:ngrx"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"177","h":"40","measuredW":"200","measuredH":"140","x":"0","y":"4","properties":{"color":"16776960"}},{"ID":"1","typeID":"Label","zOrder":"1","w":"46","measuredW":"43","measuredH":"25","x":"67","y":"12","properties":{"size":"17","text":"NgRx"}},{"ID":"2","typeID":"Icon","zOrder":"2","measuredW":"24","measuredH":"24","x":"161","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"3","typeID":"Icon","zOrder":"3","measuredW":"24","measuredH":"24","x":"161","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"4","typeID":"Icon","zOrder":"4","measuredW":"24","measuredH":"24","x":"161","y":"0","properties":{"color":"3700253","icon":{"ID":"check-circle","size":"small"}}}]}}},{"ID":"1490","typeID":"__group__","zOrder":"169","measuredW":"152","measuredH":"50","w":"152","h":"50","x":"945","y":"1917","properties":{"controlName":"102-pick-a-framework:vue-js"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"145","h":"40","measuredW":"200","measuredH":"140","x":"7","y":"10","properties":{"color":"16770457"}},{"ID":"1","typeID":"Label","zOrder":"1","measuredW":"45","measuredH":"25","x":"58","y":"17","properties":{"text":"Vue.js","size":"17"}},{"ID":"2","typeID":"Icon","zOrder":"2","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"3","typeID":"Icon","zOrder":"3","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"4","typeID":"Icon","zOrder":"4","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"3700253","icon":{"ID":"check-circle","size":"small"}}}]}}},{"ID":"1491","typeID":"__group__","zOrder":"176","measuredW":"185","measuredH":"49","w":"185","h":"49","x":"1155","y":"1918","properties":{"controlName":"100-pick-a-framework:vue-js:vuex"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"177","h":"40","measuredW":"200","measuredH":"140","x":"0","y":"9","properties":{"color":"16776960"}},{"ID":"1","typeID":"Label","zOrder":"1","w":"44","measuredW":"39","measuredH":"25","x":"64","y":"18","properties":{"size":"17","text":"VueX"}},{"ID":"2","typeID":"Icon","zOrder":"2","measuredW":"24","measuredH":"24","x":"161","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"3","typeID":"Icon","zOrder":"3","measuredW":"24","measuredH":"24","x":"161","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"4","typeID":"Icon","zOrder":"4","measuredW":"24","measuredH":"24","x":"161","y":"0","properties":{"color":"40463","icon":{"ID":"check-circle","size":"small"}}}]}}},{"ID":"1492","typeID":"__group__","zOrder":"174","measuredW":"203","measuredH":"50","w":"203","h":"50","x":"483","y":"1942","properties":{"controlName":"112-modern-css"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"203","h":"50","measuredW":"200","measuredH":"140","x":"0","y":"0","properties":{"color":"16776960"}},{"ID":"1","typeID":"Label","zOrder":"1","measuredW":"98","measuredH":"25","x":"53","y":"13","properties":{"bold":"true","size":"17","text":"Modern CSS"}}]}}},{"ID":"1493","typeID":"__group__","zOrder":"184","measuredW":"229","measuredH":"48","w":"229","h":"48","x":"141","y":"1856","properties":{"controlName":"100-modern-css:styled-components"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"221","h":"40","measuredW":"200","measuredH":"140","x":"8","y":"8","properties":{"color":"16776960"}},{"ID":"1","typeID":"Label","zOrder":"1","w":"151","measuredW":"150","measuredH":"25","x":"43","y":"16","properties":{"size":"17","text":"Styled Components"}},{"ID":"2","typeID":"Icon","zOrder":"2","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"3","typeID":"Icon","zOrder":"3","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"10027263","icon":{"ID":"check-circle","size":"small"}}}]}}},{"ID":"1494","typeID":"__group__","zOrder":"185","measuredW":"230","measuredH":"44","w":"230","h":"44","x":"140","y":"1904","properties":{"controlName":"101-modern-css:css-modules"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"221","h":"40","measuredW":"200","measuredH":"140","x":"9","y":"4","properties":{"color":"16776960"}},{"ID":"1","typeID":"Label","zOrder":"1","w":"103","measuredW":"103","measuredH":"25","x":"68","y":"12","properties":{"size":"17","text":"CSS Modules"}},{"ID":"2","typeID":"Icon","zOrder":"2","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"3","typeID":"Icon","zOrder":"3","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"10027263","icon":{"ID":"check-circle","size":"small"}}}]}}},{"ID":"1495","typeID":"__group__","zOrder":"249","measuredW":"230","measuredH":"44","w":"230","h":"44","x":"139","y":"1950","properties":{"controlName":"102-modern-css:styled-jsx"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"221","h":"40","measuredW":"200","measuredH":"140","x":"9","y":"4","properties":{"color":"16770457"}},{"ID":"1","typeID":"Label","zOrder":"1","w":"90","measuredW":"80","measuredH":"25","x":"75","y":"12","properties":{"size":"17","text":"Styled JSX"}},{"ID":"2","typeID":"Icon","zOrder":"2","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"3","typeID":"Icon","zOrder":"3","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"4","typeID":"Icon","zOrder":"4","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"3700253","icon":{"ID":"check-circle","size":"small"}}}]}}},{"ID":"1496","typeID":"__group__","zOrder":"188","measuredW":"229","measuredH":"44","w":"229","h":"44","x":"140","y":"1996","properties":{"controlName":"103-modern-css:emotion"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"221","h":"40","measuredW":"200","measuredH":"140","x":"8","y":"4","properties":{"color":"16770457"}},{"ID":"1","typeID":"Label","zOrder":"1","measuredW":"64","measuredH":"25","x":"88","y":"12","properties":{"text":"Emotion","size":"17"}},{"ID":"2","typeID":"Icon","zOrder":"2","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"3","typeID":"Icon","zOrder":"3","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"4","typeID":"Icon","zOrder":"4","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"3700253","icon":{"ID":"check-circle","size":"small"}}}]}}},{"ID":"1497","typeID":"__group__","zOrder":"242","measuredW":"238","measuredH":"60","w":"238","h":"60","x":"722","y":"2028","properties":{"controlName":"113-web-components"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"230","h":"50","measuredW":"200","measuredH":"140","x":"0","y":"10","properties":{"color":"16776960"}},{"ID":"1","typeID":"Label","zOrder":"1","measuredW":"138","measuredH":"25","x":"44","y":"23","properties":{"bold":"true","size":"17","text":"Web Components"}},{"ID":"2","typeID":"Icon","zOrder":"2","measuredW":"24","measuredH":"24","x":"214","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"3","typeID":"Icon","zOrder":"3","measuredW":"24","measuredH":"24","x":"214","y":"0","properties":{"color":"10066329","icon":{"ID":"check-circle","size":"small"}}}]}}},{"ID":"1498","typeID":"__group__","zOrder":"243","measuredW":"199","measuredH":"46","w":"199","h":"46","x":"1047","y":"1991","properties":{"controlName":"100-web-components:html-templates"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"190","h":"40","measuredW":"200","measuredH":"140","x":"0","y":"6","properties":{"color":"16770457"}},{"ID":"1","typeID":"Label","zOrder":"1","w":"132","measuredW":"131","measuredH":"25","x":"30","y":"14","properties":{"size":"17","text":"HTML Templates"}},{"ID":"2","typeID":"Icon","zOrder":"2","measuredW":"24","measuredH":"24","x":"175","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"3","typeID":"Icon","zOrder":"3","measuredW":"24","measuredH":"24","x":"175","y":"0","properties":{"color":"10066329","icon":{"ID":"check-circle","size":"small"}}}]}}},{"ID":"1499","typeID":"__group__","zOrder":"244","measuredW":"199","measuredH":"42","w":"199","h":"42","x":"1047","y":"2040","properties":{"controlName":"101-web-components:custom-elements"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"190","h":"40","measuredW":"200","measuredH":"140","x":"0","y":"2","properties":{"color":"16770457"}},{"ID":"1","typeID":"Label","zOrder":"1","w":"139","measuredW":"136","measuredH":"25","x":"30","y":"10","properties":{"size":"17","text":"Custom Elements"}},{"ID":"2","typeID":"Icon","zOrder":"2","measuredW":"24","measuredH":"24","x":"175","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"3","typeID":"Icon","zOrder":"3","measuredW":"24","measuredH":"24","x":"175","y":"0","properties":{"color":"10066329","icon":{"ID":"check-circle","size":"small"}}}]}}},{"ID":"1500","typeID":"__group__","zOrder":"245","measuredW":"199","measuredH":"44","w":"199","h":"44","x":"1047","y":"2083","properties":{"controlName":"102-web-components:shadow-dom"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"190","h":"40","measuredW":"200","measuredH":"140","x":"0","y":"4","properties":{"color":"16770457"}},{"ID":"1","typeID":"Label","zOrder":"1","w":"105","measuredW":"105","measuredH":"25","x":"38","y":"12","properties":{"size":"17","text":"Shadow DOM"}},{"ID":"2","typeID":"Icon","zOrder":"2","measuredW":"24","measuredH":"24","x":"175","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"3","typeID":"Icon","zOrder":"3","measuredW":"24","measuredH":"24","x":"175","y":"0","properties":{"color":"10066329","icon":{"ID":"check-circle","size":"small"}}}]}}},{"ID":"1501","typeID":"__group__","zOrder":"200","measuredW":"261","measuredH":"50","w":"261","h":"50","x":"526","y":"2173","properties":{"controlName":"114-css-frameworks"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"261","h":"50","measuredW":"200","measuredH":"140","x":"0","y":"0","properties":{"color":"16776960"}},{"ID":"1","typeID":"Label","zOrder":"1","measuredW":"132","measuredH":"25","x":"63","y":"13","properties":{"size":"17","text":"CSS Frameworks","bold":"true"}}]}}},{"ID":"1510","typeID":"__group__","zOrder":"207","measuredW":"213","measuredH":"42","w":"213","h":"42","x":"844","y":"2211","properties":{"controlName":"101-css-frameworks:js-first:chakra-ui"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"205","h":"39","measuredW":"200","measuredH":"140","x":"8","y":"3","properties":{"color":"16776960"}},{"ID":"1","typeID":"Label","zOrder":"1","measuredW":"78","measuredH":"25","x":"72","y":"11","properties":{"size":"17","text":"Chakra UI"}},{"ID":"2","typeID":"Icon","zOrder":"2","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"3","typeID":"Icon","zOrder":"3","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"4","typeID":"Icon","zOrder":"4","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"3700253","icon":{"ID":"check-circle","size":"small"}}}]}}},{"ID":"1511","typeID":"__group__","zOrder":"206","measuredW":"213","measuredH":"41","w":"213","h":"41","x":"844","y":"2256","properties":{"controlName":"102-css-frameworks:js-first:material-ui"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"205","h":"37","measuredW":"200","measuredH":"140","x":"8","y":"4","properties":{"color":"16776960"}},{"ID":"1","typeID":"Label","zOrder":"1","measuredW":"86","measuredH":"25","x":"68","y":"11","properties":{"size":"17","text":"Material UI"}},{"ID":"2","typeID":"Icon","zOrder":"2","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"3","typeID":"Icon","zOrder":"3","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"4","typeID":"Icon","zOrder":"4","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"3700253","icon":{"ID":"check-circle","size":"small"}}}]}}},{"ID":"1512","typeID":"__group__","zOrder":"253","measuredW":"213","measuredH":"41","w":"213","h":"41","x":"844","y":"2300","properties":{"controlName":"103-css-frameworks:js-first:radix-ui"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"205","h":"37","measuredW":"200","measuredH":"140","x":"8","y":"4","properties":{"color":"16776960"}},{"ID":"1","typeID":"Label","zOrder":"1","measuredW":"66","measuredH":"25","x":"78","y":"11","properties":{"size":"17","text":"Radix UI"}},{"ID":"2","typeID":"Icon","zOrder":"2","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"3","typeID":"Icon","zOrder":"3","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"4","typeID":"Icon","zOrder":"4","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"3700253","icon":{"ID":"check-circle","size":"small"}}}]}}},{"ID":"1514","typeID":"__group__","zOrder":"205","measuredW":"210","measuredH":"46","w":"210","h":"46","x":"847","y":"2161","properties":{"controlName":"100-css-frameworks:js-first:tailwind-css"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"205","h":"40","measuredW":"200","measuredH":"140","x":"5","y":"6","properties":{"color":"16776960"}},{"ID":"1","typeID":"Label","zOrder":"1","measuredW":"98","measuredH":"25","x":"59","y":"13","properties":{"size":"17","text":"Tailwind CSS"}},{"ID":"2","typeID":"Icon","zOrder":"2","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"3","typeID":"Icon","zOrder":"3","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"4","typeID":"Icon","zOrder":"4","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"3700253","icon":{"ID":"check-circle","size":"small"}}}]}}},{"ID":"1532","typeID":"Arrow","zOrder":"2","w":"102","h":"1","measuredW":"150","measuredH":"100","x":"479","y":"2198","properties":{"color":"10027263","curvature":"0","leftArrow":"false","rightArrow":"false","stroke":"dotted","p0":{"x":101,"y":0},"p1":{"x":0.5105398742417109,"y":-0.0025761059250436276},"p2":{"x":-0.5,"y":0}}},{"ID":"1534","typeID":"__group__","zOrder":"202","measuredW":"130","measuredH":"57","w":"130","h":"57","x":"143","y":"2096","properties":{"controlName":"100-css-frameworks:css-first:bootstrap"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"127","h":"52","measuredW":"200","measuredH":"140","x":"0","y":"5","properties":{"color":"16770457"}},{"ID":"1","typeID":"Label","zOrder":"1","w":"81","measuredW":"75","measuredH":"25","x":"27","y":"18","properties":{"size":"17","text":"Bootstrap"}},{"ID":"2","typeID":"Icon","zOrder":"2","measuredW":"24","measuredH":"24","x":"106","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"3","typeID":"Icon","zOrder":"3","measuredW":"24","measuredH":"24","x":"106","y":"0","properties":{"icon":{"ID":"check-circle","size":"small"},"color":"3700253"}}]}}},{"ID":"1535","typeID":"__group__","zOrder":"203","measuredW":"133","measuredH":"52","w":"133","h":"52","x":"143","y":"2155","properties":{"controlName":"101-css-frameworks:css-first:bulma"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"127","h":"49","measuredW":"200","measuredH":"140","x":"0","y":"3","properties":{"color":"16770457"}},{"ID":"1","typeID":"Label","zOrder":"1","w":"50","measuredW":"49","measuredH":"25","x":"39","y":"15","properties":{"size":"17","text":"Bulma"}},{"ID":"2","typeID":"Icon","zOrder":"2","measuredW":"24","measuredH":"24","x":"109","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"3","typeID":"Icon","zOrder":"3","measuredW":"24","measuredH":"24","x":"109","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"4","typeID":"Icon","zOrder":"4","measuredW":"24","measuredH":"24","x":"109","y":"0","properties":{"color":"3700253","icon":{"ID":"check-circle","size":"small"}}}]}}},{"ID":"1537","typeID":"__group__","zOrder":"201","measuredW":"369","measuredH":"137","w":"369","h":"137","x":"127","y":"2086","properties":{"controlName":"114-css-frameworks:css-first"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"369","h":"137","measuredW":"200","measuredH":"140","x":"0","y":"0"},{"ID":"2","typeID":"Label","zOrder":"1","w":"206","measuredW":"195","measuredH":"24","x":"154","y":"13","properties":{"size":"16","text":"CSS first frameworks which"}},{"ID":"3","typeID":"Label","zOrder":"2","w":"206","measuredW":"192","measuredH":"24","x":"154","y":"41","properties":{"size":"16","text":"don't come with JavaScript"}},{"ID":"4","typeID":"Label","zOrder":"3","measuredW":"190","measuredH":"24","x":"154","y":"69","properties":{"size":"16","text":"framework components by"}},{"ID":"5","typeID":"Label","zOrder":"4","measuredW":"53","measuredH":"24","x":"153","y":"97","properties":{"size":"16","text":"default."}}]}}},{"ID":"1538","typeID":"__group__","zOrder":"204","measuredW":"236","measuredH":"281","w":"236","h":"281","x":"836","y":"2149","properties":{"controlName":"114-css-frameworks:js-first"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"236","h":"281","measuredW":"200","measuredH":"140","x":"0","y":"0"},{"ID":"1","typeID":"Label","zOrder":"1","w":"205","measuredW":"196","measuredH":"24","x":"16","y":"198","properties":{"size":"16","text":"JS based and better to use"}},{"ID":"2","typeID":"Label","zOrder":"2","w":"201","measuredW":"192","measuredH":"24","x":"16","y":"223","properties":{"size":"16","text":"with your framework based"}},{"ID":"3","typeID":"Label","zOrder":"3","w":"205","measuredW":"171","measuredH":"24","x":"16","y":"247","properties":{"size":"16","text":"JavaScript applications."}}]}}},{"ID":"1539","typeID":"__group__","zOrder":"213","measuredW":"405","measuredH":"158","w":"405","h":"158","x":"395","y":"2259","properties":{"controlName":"115-testing-your-apps"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"405","h":"158","measuredW":"200","measuredH":"140","x":"0","y":"0","properties":{"color":"16776960"}},{"ID":"1","typeID":"Label","zOrder":"1","measuredW":"144","measuredH":"26","x":"125","y":"19","properties":{"size":"18","text":"Testing your Apps","bold":"true"}},{"ID":"2","typeID":"Label","zOrder":"2","w":"349","measuredW":"328","measuredH":"25","x":"22","y":"86","properties":{"size":"17","text":"and {color:blue}Functional{color} tests and learn how to write"}},{"ID":"3","typeID":"Label","zOrder":"3","w":"302","measuredW":"275","measuredH":"25","x":"21","y":"115","properties":{"size":"17","text":"them with the tools listed on the left."}},{"ID":"4","typeID":"Label","zOrder":"4","w":"362","measuredW":"361","measuredH":"25","x":"21","y":"56","properties":{"size":"17","text":"Learn the difference between {color:blue}Unit{color}, {color:blue}Integration{color}, "}}]}}},{"ID":"1544","typeID":"__group__","zOrder":"208","measuredW":"247","measuredH":"257","w":"247","h":"257","x":"125","y":"2255","properties":{"controlName":"115-testing-your-apps"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"247","h":"257","measuredW":"200","measuredH":"140","x":"0","y":"0"},{"ID":"1","typeID":"Label","zOrder":"1","w":"205","measuredW":"185","measuredH":"24","x":"22","y":"193","properties":{"size":"16","text":"You can fill all your testing"}},{"ID":"2","typeID":"Label","zOrder":"2","w":"165","measuredW":"155","measuredH":"24","x":"22","y":"218","properties":{"size":"16","text":"needs with just these."}}]}}},{"ID":"1545","typeID":"__group__","zOrder":"211","measuredW":"223","measuredH":"46","w":"223","h":"46","x":"134","y":"2263","properties":{"controlName":"100-testing-your-apps:jest"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"216","h":"40","measuredW":"200","measuredH":"140","x":"7","y":"6","properties":{"color":"16776960"}},{"ID":"1","typeID":"Label","zOrder":"1","w":"39","measuredW":"33","measuredH":"25","x":"96","y":"14","properties":{"size":"17","text":"Jest"}},{"ID":"2","typeID":"Icon","zOrder":"2","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"3","typeID":"Icon","zOrder":"3","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"10027263","icon":{"ID":"check-circle","size":"small"}}}]}}},{"ID":"1546","typeID":"__group__","zOrder":"209","measuredW":"223","measuredH":"42","w":"223","h":"42","x":"134","y":"2312","properties":{"controlName":"101-testing-your-apps:react-testing-library"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"216","h":"40","measuredW":"200","measuredH":"140","x":"7","y":"2","properties":{"color":"16776960"}},{"ID":"1","typeID":"Label","zOrder":"1","w":"164","measuredW":"152","measuredH":"25","x":"33","y":"10","properties":{"size":"17","text":"react-testing-library"}},{"ID":"2","typeID":"Icon","zOrder":"2","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"3","typeID":"Icon","zOrder":"3","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"10027263","icon":{"ID":"check-circle","size":"small"}}}]}}},{"ID":"1547","typeID":"__group__","zOrder":"212","measuredW":"223","measuredH":"42","w":"223","h":"42","x":"134","y":"2355","properties":{"controlName":"102-testing-your-apps:cypress"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"216","h":"39","measuredW":"200","measuredH":"140","x":"7","y":"3","properties":{"color":"16776960"}},{"ID":"1","typeID":"Label","zOrder":"1","w":"70","measuredW":"63","measuredH":"25","x":"81","y":"10","properties":{"size":"17","text":"Cypress"}},{"ID":"2","typeID":"Icon","zOrder":"2","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"3","typeID":"Icon","zOrder":"3","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"10027263","icon":{"ID":"check-circle","size":"small"}}}]}}},{"ID":"1548","typeID":"__group__","zOrder":"210","measuredW":"223","measuredH":"41","w":"223","h":"41","x":"134","y":"2398","properties":{"controlName":"103-testing-your-apps:enzyme"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"216","h":"37","measuredW":"200","measuredH":"140","x":"7","y":"4","properties":{"color":"16776960"}},{"ID":"1","typeID":"Label","zOrder":"1","w":"68","measuredW":"61","measuredH":"25","x":"82","y":"10","properties":{"size":"17","text":"Enzyme"}},{"ID":"2","typeID":"Icon","zOrder":"2","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"3","typeID":"Icon","zOrder":"3","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"10027263","icon":{"ID":"check-circle","size":"small"}}}]}}},{"ID":"1549","typeID":"__group__","zOrder":"215","measuredW":"234","measuredH":"60","w":"234","h":"60","x":"819","y":"2517","properties":{"controlName":"116-type-checkers"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"226","h":"50","measuredW":"200","measuredH":"140","x":"0","y":"10","properties":{"color":"16776960"}},{"ID":"1","typeID":"Label","zOrder":"1","measuredW":"115","measuredH":"25","x":"53","y":"23","properties":{"size":"17","bold":"true","text":"Type Checkers"}},{"ID":"2","typeID":"Icon","zOrder":"2","measuredW":"24","measuredH":"24","x":"210","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"3","typeID":"Icon","zOrder":"3","measuredW":"24","measuredH":"24","x":"210","y":"0","properties":{"color":"10066329","icon":{"ID":"check-circle","size":"small"}}}]}}},{"ID":"1550","typeID":"__group__","zOrder":"216","measuredW":"206","measuredH":"48","w":"206","h":"48","x":"1104","y":"2501","properties":{"controlName":"100-type-checkers:typescript"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"199","h":"41","measuredW":"200","measuredH":"140","x":"0","y":"7","properties":{"color":"16776960"}},{"ID":"1","typeID":"Label","zOrder":"1","w":"91","measuredW":"81","measuredH":"25","x":"54","y":"15","properties":{"size":"17","text":"TypeScript"}},{"ID":"2","typeID":"Icon","zOrder":"2","measuredW":"24","measuredH":"24","x":"182","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"3","typeID":"Icon","zOrder":"3","measuredW":"24","measuredH":"24","x":"182","y":"0","properties":{"color":"10027263","icon":{"ID":"check-circle","size":"small"}}},{"ID":"4","typeID":"Icon","zOrder":"4","measuredW":"24","measuredH":"24","x":"156","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"5","typeID":"Icon","zOrder":"5","measuredW":"24","measuredH":"24","x":"156","y":"0","properties":{"color":"10066329","icon":{"ID":"check-circle","size":"small"}}}]}}},{"ID":"1551","typeID":"__group__","zOrder":"189","measuredW":"199","measuredH":"41","w":"199","h":"41","x":"1104","y":"2557","properties":{"controlName":"101-type-checkers:flow"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"199","h":"41","measuredW":"200","measuredH":"140","x":"0","y":"0","properties":{"backgroundAlpha":"0.5","color":"10066329"}},{"ID":"1","typeID":"Label","zOrder":"1","w":"38","measuredW":"35","measuredH":"25","x":"81","y":"8","properties":{"color":"3355443","size":"17","text":"Flow"}}]}}},{"ID":"1552","typeID":"__group__","zOrder":"217","measuredW":"247","measuredH":"61","w":"247","h":"61","x":"496","y":"2516","properties":{"controlName":"117-progressive-web-apps"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"241","h":"50","measuredW":"200","measuredH":"140","x":"6","y":"11","properties":{"color":"16776960"}},{"ID":"1","typeID":"Label","zOrder":"1","measuredW":"173","measuredH":"25","x":"37","y":"24","properties":{"size":"17","text":"Progressive Web Apps","bold":"true"}},{"ID":"2","typeID":"Icon","zOrder":"2","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"3","typeID":"Icon","zOrder":"3","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"10066329","icon":{"ID":"check-circle","size":"small"}}}]}}},{"ID":"1553","typeID":"__group__","zOrder":"219","measuredW":"269","measuredH":"290","w":"269","h":"290","x":"388","y":"2626","properties":{"controlName":"101-progressive-web-apps:performance"},"children":{"controls":{"control":[{"ID":"0","typeID":"Canvas","zOrder":"0","w":"262","h":"281","measuredW":"100","measuredH":"70","x":"7","y":"9"},{"ID":"1","typeID":"TextInput","zOrder":"1","w":"225","measuredW":"124","measuredH":"32","x":"27","y":"28","properties":{"align":"center","color":"16776960","size":"18","text":"PRPL Pattern"}},{"ID":"2","typeID":"TextInput","zOrder":"2","w":"225","measuredW":"110","measuredH":"32","x":"27","y":"66","properties":{"align":"center","color":"16776960","size":"18","text":"RAIL Model"}},{"ID":"3","typeID":"TextInput","zOrder":"3","w":"225","measuredW":"185","measuredH":"32","x":"27","y":"104","properties":{"align":"center","color":"16776960","size":"18","text":"Performance Metrics"}},{"ID":"4","typeID":"TextInput","zOrder":"4","w":"225","measuredW":"156","measuredH":"32","x":"27","y":"141","properties":{"align":"center","color":"16776960","size":"18","text":"Using Lighthouse"}},{"ID":"5","typeID":"TextInput","zOrder":"5","w":"225","measuredW":"141","measuredH":"32","x":"27","y":"179","properties":{"align":"center","color":"16776960","size":"18","text":"Using DevTools"}},{"ID":"6","typeID":"Label","zOrder":"6","w":"185","measuredW":"176","measuredH":"25","x":"47","y":"224","properties":{"size":"17","text":"Calculating, Measuring"}},{"ID":"7","typeID":"Label","zOrder":"7","w":"224","measuredW":"212","measuredH":"25","x":"27","y":"251","properties":{"size":"17","text":"and improving performance"}},{"ID":"8","typeID":"Icon","zOrder":"8","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"9","typeID":"Icon","zOrder":"9","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"10066329","icon":{"ID":"check-circle","size":"small"}}}]}}},{"ID":"1554","typeID":"__group__","zOrder":"218","measuredW":"237","measuredH":"400","w":"237","h":"400","x":"134","y":"2516","properties":{"controlName":"100-progressive-web-apps:apis"},"children":{"controls":{"control":[{"ID":"0","typeID":"Canvas","zOrder":"0","w":"228","h":"389","measuredW":"100","measuredH":"70","x":"9","y":"11"},{"ID":"1","typeID":"TextInput","zOrder":"1","w":"177","measuredW":"147","measuredH":"32","x":"35","y":"100","properties":{"align":"center","color":"16776960","size":"18","text":"Service Workers"}},{"ID":"2","typeID":"TextInput","zOrder":"2","w":"177","measuredW":"78","measuredH":"32","x":"35","y":"26","properties":{"align":"center","color":"16776960","size":"18","text":"Storage"}},{"ID":"3","typeID":"TextInput","zOrder":"3","w":"177","measuredW":"84","measuredH":"32","x":"35","y":"137","properties":{"align":"center","color":"16770457","size":"18","text":"Location"}},{"ID":"4","typeID":"TextInput","zOrder":"4","w":"177","measuredW":"115","measuredH":"32","x":"35","y":"175","properties":{"align":"center","color":"16770457","size":"18","text":"Notifications"}},{"ID":"5","typeID":"TextInput","zOrder":"5","w":"177","measuredW":"167","measuredH":"32","x":"35","y":"212","properties":{"align":"center","color":"16770457","size":"18","text":"Device Orientation"}},{"ID":"6","typeID":"TextInput","zOrder":"6","w":"177","measuredW":"94","measuredH":"32","x":"35","y":"249","properties":{"align":"center","color":"16770457","size":"18","text":"Payments"}},{"ID":"7","typeID":"TextInput","zOrder":"7","w":"177","measuredW":"108","measuredH":"32","x":"35","y":"286","properties":{"align":"center","color":"16770457","size":"18","text":"Credentials"}},{"ID":"8","typeID":"TextInput","zOrder":"8","w":"177","measuredW":"120","measuredH":"32","x":"35","y":"63","properties":{"align":"center","color":"16776960","size":"18","text":"Web Sockets"}},{"ID":"9","typeID":"Label","zOrder":"9","w":"156","measuredW":"151","measuredH":"25","x":"46","y":"331","properties":{"size":"17","text":"Learn different Web"}},{"ID":"10","typeID":"Label","zOrder":"10","w":"148","measuredW":"143","measuredH":"25","x":"50","y":"357","properties":{"size":"17","text":"APIs used in PWAs"}},{"ID":"11","typeID":"Icon","zOrder":"11","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"12","typeID":"Icon","zOrder":"12","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"10066329","icon":{"ID":"check-circle","size":"small"}}}]}}},{"ID":"1555","typeID":"__group__","zOrder":"220","measuredW":"285","measuredH":"59","w":"285","h":"59","x":"740","y":"2641","properties":{"controlName":"118-server-side-rendering"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"278","h":"50","measuredW":"200","measuredH":"140","x":"0","y":"9","properties":{"color":"16776960"}},{"ID":"1","typeID":"Label","zOrder":"1","measuredW":"225","measuredH":"25","x":"22","y":"22","properties":{"size":"17","text":"Server Side Rendering (SSR)","bold":"true"}},{"ID":"2","typeID":"Icon","zOrder":"2","measuredW":"24","measuredH":"24","x":"261","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"3","typeID":"Icon","zOrder":"3","measuredW":"24","measuredH":"24","x":"261","y":"0","properties":{"color":"10066329","icon":{"ID":"check-circle","size":"small"}}}]}}},{"ID":"1556","typeID":"__group__","zOrder":"221","measuredW":"125","measuredH":"52","w":"125","h":"52","x":"1062","y":"2644","properties":{"controlName":"100-server-side-rendering:react-js"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"116","h":"41","measuredW":"200","measuredH":"140","x":"0","y":"11","properties":{"color":"16776960"}},{"ID":"1","typeID":"Label","zOrder":"1","w":"69","measuredW":"62","measuredH":"25","x":"23","y":"19","properties":{"size":"17","text":"React.js"}},{"ID":"2","typeID":"Icon","zOrder":"2","measuredW":"24","measuredH":"24","x":"101","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"3","typeID":"Icon","zOrder":"3","measuredW":"24","measuredH":"24","x":"101","y":"0","properties":{"color":"10027263","icon":{"ID":"check-circle","size":"small"}}}]}}},{"ID":"1557","typeID":"__group__","zOrder":"222","measuredW":"104","measuredH":"49","w":"104","h":"49","x":"1235","y":"2627","properties":{"controlName":"100-server-side-rendering:react-js:next-js"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"94","h":"41","measuredW":"200","measuredH":"140","x":"0","y":"8","properties":{"color":"16776960"}},{"ID":"1","typeID":"Label","zOrder":"1","w":"61","measuredW":"52","measuredH":"25","x":"20","y":"16","properties":{"size":"17","text":"Next.js"}},{"ID":"2","typeID":"Icon","zOrder":"2","measuredW":"24","measuredH":"24","x":"80","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"3","typeID":"Icon","zOrder":"3","measuredW":"24","measuredH":"24","x":"80","y":"0","properties":{"color":"10027263","icon":{"ID":"check-circle","size":"small"}}}]}}},{"ID":"1558","typeID":"__group__","zOrder":"223","measuredW":"94","measuredH":"41","w":"94","h":"41","x":"1235","y":"2682","properties":{"controlName":"101-server-side-rendering:react-js:after-js"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"94","h":"41","measuredW":"200","measuredH":"140","x":"0","y":"0","properties":{"backgroundAlpha":"0.5","color":"10066329"}},{"ID":"1","typeID":"Label","zOrder":"1","w":"60","measuredW":"52","measuredH":"25","x":"21","y":"8","properties":{"color":"3355443","size":"17","text":"After.js"}}]}}},{"ID":"1560","typeID":"__group__","zOrder":"224","measuredW":"123","measuredH":"52","w":"123","h":"52","x":"1066","y":"2735","properties":{"controlName":"101-server-side-rendering:angular"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"115","h":"41","measuredW":"200","measuredH":"140","x":"0","y":"11","properties":{"color":"16770457"}},{"ID":"1","typeID":"Label","zOrder":"1","w":"69","measuredW":"59","measuredH":"25","x":"31","y":"19","properties":{"size":"17","text":"Angular"}},{"ID":"2","typeID":"Icon","zOrder":"2","measuredW":"24","measuredH":"24","x":"99","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"3","typeID":"Icon","zOrder":"3","measuredW":"24","measuredH":"24","x":"99","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"4","typeID":"Icon","zOrder":"4","measuredW":"24","measuredH":"24","x":"99","y":"0","properties":{"color":"3700253","icon":{"ID":"check-circle","size":"small"}}}]}}},{"ID":"1561","typeID":"__group__","zOrder":"225","measuredW":"121","measuredH":"52","w":"121","h":"52","x":"1218","y":"2735","properties":{"controlName":"100-server-side-rendering:angular:universal"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"111","h":"41","measuredW":"200","measuredH":"140","x":"0","y":"11","properties":{"color":"16770457"}},{"ID":"1","typeID":"Label","zOrder":"1","w":"73","measuredW":"72","measuredH":"25","x":"19","y":"19","properties":{"size":"17","text":"Universal"}},{"ID":"2","typeID":"Icon","zOrder":"2","measuredW":"24","measuredH":"24","x":"97","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"3","typeID":"Icon","zOrder":"3","measuredW":"24","measuredH":"24","x":"97","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"4","typeID":"Icon","zOrder":"4","measuredW":"24","measuredH":"24","x":"97","y":"0","properties":{"color":"3700253","icon":{"ID":"check-circle","size":"small"}}}]}}},{"ID":"1562","typeID":"__group__","zOrder":"226","measuredW":"124","measuredH":"51","w":"124","h":"51","x":"1066","y":"2789","properties":{"controlName":"102-server-side-rendering:vue-js"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"115","h":"41","measuredW":"200","measuredH":"140","x":"0","y":"10","properties":{"color":"16770457"}},{"ID":"1","typeID":"Label","zOrder":"1","w":"48","measuredW":"45","measuredH":"25","x":"34","y":"18","properties":{"size":"17","text":"Vue.js"}},{"ID":"2","typeID":"Icon","zOrder":"2","measuredW":"24","measuredH":"24","x":"100","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"3","typeID":"Icon","zOrder":"3","measuredW":"24","measuredH":"24","x":"100","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"4","typeID":"Icon","zOrder":"4","measuredW":"24","measuredH":"24","x":"100","y":"0","properties":{"color":"3700253","icon":{"ID":"check-circle","size":"small"}}}]}}},{"ID":"1563","typeID":"__group__","zOrder":"227","measuredW":"122","measuredH":"51","w":"122","h":"51","x":"1218","y":"2789","properties":{"controlName":"100-server-side-rendering:vue-js:nuxt-js"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"111","h":"41","measuredW":"200","measuredH":"140","x":"0","y":"10","properties":{"color":"16770457"}},{"ID":"1","typeID":"Label","zOrder":"1","w":"55","measuredW":"52","measuredH":"25","x":"28","y":"18","properties":{"size":"17","text":"Nuxt.js"}},{"ID":"2","typeID":"Icon","zOrder":"2","measuredW":"24","measuredH":"24","x":"98","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"3","typeID":"Icon","zOrder":"3","measuredW":"24","measuredH":"24","x":"98","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"4","typeID":"Icon","zOrder":"4","measuredW":"24","measuredH":"24","x":"98","y":"0","properties":{"color":"3700253","icon":{"ID":"check-circle","size":"small"}}}]}}},{"ID":"1564","typeID":"__group__","zOrder":"237","measuredW":"154","measuredH":"59","w":"154","h":"59","x":"759","y":"2869","properties":{"controlName":"119-graphql"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"146","h":"50","measuredW":"200","measuredH":"140","x":"8","y":"9","properties":{"color":"16776960"}},{"ID":"1","typeID":"Label","zOrder":"1","measuredW":"71","measuredH":"25","x":"45","y":"22","properties":{"size":"17","text":"GraphQL","bold":"true"}},{"ID":"2","typeID":"Icon","zOrder":"2","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"3","typeID":"Icon","zOrder":"3","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"10066329","icon":{"ID":"check-circle","size":"small"}}}]}}},{"ID":"1565","typeID":"__group__","zOrder":"190","measuredW":"177","measuredH":"47","w":"177","h":"47","x":"975","y":"2854","properties":{"controlName":"100-graphql:apollo"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"167","h":"41","measuredW":"200","measuredH":"140","x":"0","y":"6","properties":{"color":"16776960"}},{"ID":"1","typeID":"Label","zOrder":"1","w":"49","measuredW":"48","measuredH":"25","x":"50","y":"14","properties":{"size":"17","text":"Apollo"}},{"ID":"2","typeID":"Icon","zOrder":"2","measuredW":"24","measuredH":"24","x":"153","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"3","typeID":"Icon","zOrder":"3","measuredW":"24","measuredH":"24","x":"153","y":"0","properties":{"color":"10027263","icon":{"ID":"check-circle","size":"small"}}}]}}},{"ID":"1566","typeID":"__group__","zOrder":"238","measuredW":"178","measuredH":"45","w":"178","h":"45","x":"975","y":"2905","properties":{"controlName":"101-graphql:relay-modern"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"168","h":"41","measuredW":"200","measuredH":"140","x":"0","y":"4","properties":{"color":"16776960"}},{"ID":"1","typeID":"Label","zOrder":"1","w":"115","measuredW":"107","measuredH":"25","x":"33","y":"12","properties":{"size":"17","text":"Relay Modern"}},{"ID":"2","typeID":"Icon","zOrder":"2","measuredW":"24","measuredH":"24","x":"154","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"3","typeID":"Icon","zOrder":"3","measuredW":"24","measuredH":"24","x":"154","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"4","typeID":"Icon","zOrder":"4","measuredW":"24","measuredH":"24","x":"154","y":"0","properties":{"color":"3700253","icon":{"ID":"check-circle","size":"small"}}}]}}},{"ID":"1567","typeID":"__group__","zOrder":"193","measuredW":"285","measuredH":"59","w":"285","h":"59","x":"776","y":"3006","properties":{"controlName":"120-static-site-generators"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"281","h":"50","measuredW":"200","measuredH":"140","x":"0","y":"9","properties":{"color":"16776960"}},{"ID":"1","typeID":"Label","zOrder":"1","measuredW":"172","measuredH":"25","x":"49","y":"22","properties":{"size":"17","text":"Static Site Generators","bold":"true"}},{"ID":"2","typeID":"Icon","zOrder":"2","measuredW":"24","measuredH":"24","x":"261","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"3","typeID":"Icon","zOrder":"3","measuredW":"24","measuredH":"24","x":"261","y":"0","properties":{"color":"10066329","icon":{"ID":"check-circle","size":"small"}}}]}}},{"ID":"1568","typeID":"__group__","zOrder":"195","measuredW":"157","measuredH":"50","w":"157","h":"50","x":"1183","y":"2944","properties":{"controlName":"100-static-site-generators:next-js"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"147","h":"41","measuredW":"200","measuredH":"140","x":"0","y":"9","properties":{"color":"16776960"}},{"ID":"1","typeID":"Label","zOrder":"1","w":"58","measuredW":"52","measuredH":"25","x":"45","y":"17","properties":{"size":"17","text":"Next.js"}},{"ID":"2","typeID":"Icon","zOrder":"2","measuredW":"24","measuredH":"24","x":"133","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"3","typeID":"Icon","zOrder":"3","measuredW":"24","measuredH":"24","x":"133","y":"0","properties":{"color":"10027263","icon":{"ID":"check-circle","size":"small"}}}]}}},{"ID":"1569","typeID":"__group__","zOrder":"194","measuredW":"156","measuredH":"45","w":"156","h":"45","x":"1183","y":"2995","properties":{"controlName":"101-static-site-generators:gatsbyjs"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"147","h":"41","measuredW":"200","measuredH":"140","x":"0","y":"4","properties":{"color":"16776960"}},{"ID":"1","typeID":"Label","zOrder":"1","w":"78","measuredW":"73","measuredH":"25","x":"35","y":"12","properties":{"size":"17","text":"GatsbyJS"}},{"ID":"2","typeID":"Icon","zOrder":"2","measuredW":"24","measuredH":"24","x":"132","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"3","typeID":"Icon","zOrder":"3","measuredW":"24","measuredH":"24","x":"132","y":"0","properties":{"color":"10027263","icon":{"ID":"check-circle","size":"small"}}}]}}},{"ID":"1570","typeID":"__group__","zOrder":"196","measuredW":"156","measuredH":"44","w":"156","h":"44","x":"1183","y":"3042","properties":{"controlName":"102-static-site-generators:nuxt-js"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"147","h":"41","measuredW":"200","measuredH":"140","x":"0","y":"3","properties":{"color":"16770457"}},{"ID":"1","typeID":"Label","zOrder":"1","w":"56","measuredW":"52","measuredH":"25","x":"46","y":"11","properties":{"size":"17","text":"Nuxt.js"}},{"ID":"2","typeID":"Icon","zOrder":"2","measuredW":"24","measuredH":"24","x":"132","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"3","typeID":"Icon","zOrder":"3","measuredW":"24","measuredH":"24","x":"132","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"4","typeID":"Icon","zOrder":"4","measuredW":"24","measuredH":"24","x":"132","y":"0","properties":{"color":"3700253","icon":{"ID":"check-circle","size":"small"}}}]}}},{"ID":"1571","typeID":"__group__","zOrder":"197","measuredW":"156","measuredH":"43","w":"156","h":"43","x":"1183","y":"3088","properties":{"controlName":"103-static-site-generators:vuepress"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"147","h":"41","measuredW":"200","measuredH":"140","x":"0","y":"2","properties":{"color":"16770457"}},{"ID":"1","typeID":"Label","zOrder":"1","w":"76","measuredW":"72","measuredH":"25","x":"40","y":"10","properties":{"size":"17","text":"Vuepress"}},{"ID":"2","typeID":"Icon","zOrder":"2","measuredW":"24","measuredH":"24","x":"132","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"3","typeID":"Icon","zOrder":"3","measuredW":"24","measuredH":"24","x":"132","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"4","typeID":"Icon","zOrder":"4","measuredW":"24","measuredH":"24","x":"132","y":"0","properties":{"color":"3700253","icon":{"ID":"check-circle","size":"small"}}}]}}},{"ID":"1572","typeID":"__group__","zOrder":"198","measuredW":"157","measuredH":"45","w":"157","h":"45","x":"1183","y":"3132","properties":{"controlName":"104-static-site-generators:jekyll"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"147","h":"41","measuredW":"200","measuredH":"140","x":"0","y":"4","properties":{"color":"16770457"}},{"ID":"1","typeID":"Label","zOrder":"1","w":"49","measuredW":"43","measuredH":"25","x":"52","y":"12","properties":{"size":"17","text":"Jekyll"}},{"ID":"2","typeID":"Icon","zOrder":"2","measuredW":"24","measuredH":"24","x":"133","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"3","typeID":"Icon","zOrder":"3","measuredW":"24","measuredH":"24","x":"133","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"4","typeID":"Icon","zOrder":"4","measuredW":"24","measuredH":"24","x":"133","y":"0","properties":{"color":"3700253","icon":{"ID":"check-circle","size":"small"}}}]}}},{"ID":"1573","typeID":"__group__","zOrder":"235","measuredW":"157","measuredH":"44","w":"157","h":"44","x":"1183","y":"3179","properties":{"controlName":"105-static-site-generators:hugo"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"147","h":"41","measuredW":"200","measuredH":"140","x":"0","y":"3","properties":{"color":"16770457"}},{"ID":"1","typeID":"Label","zOrder":"1","w":"43","measuredW":"42","measuredH":"25","x":"52","y":"11","properties":{"size":"17","text":"Hugo"}},{"ID":"2","typeID":"Icon","zOrder":"2","measuredW":"24","measuredH":"24","x":"133","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"3","typeID":"Icon","zOrder":"3","measuredW":"24","measuredH":"24","x":"133","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"4","typeID":"Icon","zOrder":"4","measuredW":"24","measuredH":"24","x":"133","y":"0","properties":{"color":"3700253","icon":{"ID":"check-circle","size":"small"}}}]}}},{"ID":"1574","typeID":"__group__","zOrder":"5","measuredW":"157","measuredH":"41","w":"157","h":"41","x":"1183","y":"3228","properties":{"controlName":"106-static-site-generators:gridsome"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"147","h":"41","measuredW":"200","measuredH":"140","x":"0","y":"0","properties":{"color":"16770457","align":"center","size":"17"}},{"ID":"1","typeID":"Icon","zOrder":"1","measuredW":"24","measuredH":"24","x":"133","y":"5","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"2","typeID":"Icon","zOrder":"2","measuredW":"24","measuredH":"24","x":"133","y":"5","properties":{"color":"3700253","icon":{"ID":"check-circle","size":"small"}}},{"ID":"3","typeID":"Label","zOrder":"3","w":"87","measuredW":"75","measuredH":"25","x":"41","y":"9","properties":{"text":"Gridsome","size":"17"}}]}}},{"ID":"1575","typeID":"__group__","zOrder":"231","measuredW":"220","measuredH":"59","w":"220","h":"59","x":"437","y":"3009","properties":{"controlName":"121-mobile-applications"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"210","h":"50","measuredW":"200","measuredH":"140","x":"0","y":"9","properties":{"color":"16776960"}},{"ID":"1","typeID":"Label","zOrder":"1","w":"169","measuredW":"152","measuredH":"25","x":"27","y":"22","properties":{"size":"17","text":"Mobile Applications","bold":"true"}},{"ID":"2","typeID":"Icon","zOrder":"2","measuredW":"24","measuredH":"24","x":"196","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"3","typeID":"Icon","zOrder":"3","measuredW":"24","measuredH":"24","x":"196","y":"0","properties":{"color":"10066329","icon":{"ID":"check-circle","size":"small"}}}]}}},{"ID":"1576","typeID":"__group__","zOrder":"232","measuredW":"156","measuredH":"51","w":"156","h":"51","x":"137","y":"2928","properties":{"controlName":"100-mobile-applications:react-native"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"147","h":"41","measuredW":"200","measuredH":"140","x":"9","y":"10","properties":{"color":"16776960"}},{"ID":"1","typeID":"Label","zOrder":"1","w":"101","measuredW":"100","measuredH":"25","x":"32","y":"18","properties":{"size":"17","text":"React Native"}},{"ID":"2","typeID":"Icon","zOrder":"2","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"3","typeID":"Icon","zOrder":"3","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"10027263","icon":{"ID":"check-circle","size":"small"}}}]}}},{"ID":"1577","typeID":"__group__","zOrder":"233","measuredW":"147","measuredH":"41","w":"147","h":"41","x":"146","y":"2983","properties":{"controlName":"101-mobile-applications:nativescript"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"147","h":"41","measuredW":"200","measuredH":"140","x":"0","y":"0","properties":{"color":"16770457"}},{"ID":"1","typeID":"Label","zOrder":"1","w":"101","measuredW":"94","measuredH":"25","x":"23","y":"8","properties":{"size":"17","text":"NativeScript"}}]}}},{"ID":"1578","typeID":"__group__","zOrder":"234","measuredW":"147","measuredH":"41","w":"147","h":"41","x":"146","y":"3029","properties":{"controlName":"102-mobile-applications:flutter"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"147","h":"41","measuredW":"200","measuredH":"140","x":"0","y":"0","properties":{"color":"16770457"}},{"ID":"1","typeID":"Label","zOrder":"1","w":"53","measuredW":"50","measuredH":"25","x":"47","y":"8","properties":{"size":"17","text":"Flutter"}}]}}},{"ID":"1579","typeID":"__group__","zOrder":"236","measuredW":"147","measuredH":"41","w":"147","h":"41","x":"146","y":"3075","properties":{"controlName":"103-mobile-applications:ionic"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"147","h":"41","measuredW":"200","measuredH":"140","x":"0","y":"0","properties":{"color":"16770457"}},{"ID":"1","typeID":"Label","zOrder":"1","w":"40","measuredW":"38","measuredH":"25","x":"54","y":"8","properties":{"size":"17","text":"Ionic"}}]}}},{"ID":"1580","typeID":"__group__","zOrder":"228","measuredW":"249","measuredH":"59","w":"249","h":"59","x":"441","y":"3131","properties":{"controlName":"122-desktop-applications"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"241","h":"50","measuredW":"200","measuredH":"140","x":"0","y":"9","properties":{"color":"16776960"}},{"ID":"1","typeID":"Label","zOrder":"1","measuredW":"163","measuredH":"25","x":"43","y":"22","properties":{"size":"17","text":"Desktop Applications","bold":"true"}},{"ID":"2","typeID":"Icon","zOrder":"2","measuredW":"24","measuredH":"24","x":"225","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"3","typeID":"Icon","zOrder":"3","measuredW":"24","measuredH":"24","x":"225","y":"0","properties":{"color":"10066329","icon":{"ID":"check-circle","size":"small"}}}]}}},{"ID":"1581","typeID":"__group__","zOrder":"229","measuredW":"196","measuredH":"47","w":"196","h":"47","x":"755","y":"3097","properties":{"controlName":"100-desktop-applications:electron"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"188","h":"41","measuredW":"200","measuredH":"140","x":"0","y":"6","properties":{"color":"16776960"}},{"ID":"1","typeID":"Label","zOrder":"1","w":"69","measuredW":"65","measuredH":"25","x":"63","y":"14","properties":{"size":"17","text":"Electron"}},{"ID":"2","typeID":"Icon","zOrder":"2","measuredW":"24","measuredH":"24","x":"172","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"3","typeID":"Icon","zOrder":"3","measuredW":"24","measuredH":"24","x":"172","y":"0","properties":{"color":"10027263","icon":{"ID":"check-circle","size":"small"}}}]}}},{"ID":"1582","typeID":"__group__","zOrder":"230","measuredW":"188","measuredH":"41","w":"188","h":"41","x":"756","y":"3151","properties":{"controlName":"101-desktop-applications:carlo"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"188","h":"41","measuredW":"200","measuredH":"140","x":"0","y":"0","properties":{"backgroundAlpha":"0.5","borderColor":"16777215","color":"13421772","textColor":"3355443"}},{"ID":"1","typeID":"Label","zOrder":"1","w":"48","measuredW":"42","measuredH":"25","x":"73","y":"9","properties":{"color":"3355443","size":"17","text":"Carlo"}},{"ID":"2","typeID":"TextArea","zOrder":"2","w":"186","h":"41","measuredW":"200","measuredH":"140","x":"1","y":"0","properties":{"backgroundAlpha":"0.5","color":"10066329"}}]}}},{"ID":"1583","typeID":"__group__","zOrder":"246","measuredW":"188","measuredH":"42","w":"188","h":"42","x":"756","y":"3199","properties":{"controlName":"102-desktop-applications:proton-native"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"188","h":"41","measuredW":"200","measuredH":"140","x":"0","y":"1","properties":{"backgroundAlpha":"0.5","borderColor":"16777215","color":"13421772","textColor":"3355443"}},{"ID":"1","typeID":"Label","zOrder":"1","w":"115","measuredW":"104","measuredH":"25","x":"42","y":"9","properties":{"color":"3355443","size":"17","text":"Proton Native"}},{"ID":"2","typeID":"TextArea","zOrder":"2","w":"186","h":"41","measuredW":"200","measuredH":"140","x":"1","y":"0","properties":{"backgroundAlpha":"0.5","color":"10066329"}}]}}},{"ID":"1584","typeID":"__group__","zOrder":"239","measuredW":"221","measuredH":"61","w":"221","h":"61","x":"176","y":"3313","properties":{"controlName":"123-web-assembly"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"210","h":"50","measuredW":"200","measuredH":"140","x":"11","y":"11","properties":{"color":"16776960"}},{"ID":"1","typeID":"Label","zOrder":"1","measuredW":"112","measuredH":"25","x":"57","y":"24","properties":{"size":"17","text":"Web Assembly","bold":"true"}},{"ID":"2","typeID":"Icon","zOrder":"2","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"3","typeID":"Icon","zOrder":"3","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"10066329","icon":{"ID":"check-circle","size":"small"}}}]}}},{"ID":"1585","typeID":"__group__","zOrder":"240","measuredW":"207","measuredH":"50","w":"207","h":"50","x":"201","y":"3500","properties":{"controlName":"ext_link:google.com"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"207","h":"50","measuredW":"200","measuredH":"140","x":"0","y":"0","properties":{"color":"16776960"}},{"ID":"1","typeID":"Label","zOrder":"1","measuredW":"114","measuredH":"25","x":"45","y":"13","properties":{"size":"17","text":"Keep Learning","bold":"true"}}]}}},{"ID":"1587","typeID":"__group__","zOrder":"214","measuredW":"405","measuredH":"44","w":"405","h":"44","x":"395","y":"2425","properties":{"controlName":"104-testing-your-apps:other-options"},"children":{"controls":{"control":[{"ID":"0","typeID":"__group__","zOrder":"0","measuredW":"93","measuredH":"43","w":"93","h":"43","x":"109","y":"1","properties":{"controlName":"testing-your-apps:chai"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"93","h":"43","measuredW":"200","measuredH":"140","x":"0","y":"0","properties":{"backgroundAlpha":"0.5","borderColor":"16777215","color":"10066329"}},{"ID":"1","typeID":"Label","zOrder":"1","w":"38","measuredW":"36","measuredH":"25","x":"28","y":"9","properties":{"size":"17","text":"Chai"}},{"ID":"2","typeID":"TextArea","zOrder":"2","w":"93","h":"43","measuredW":"200","measuredH":"140","x":"0","y":"0","properties":{"backgroundAlpha":"0.25","borderColor":"6710886","color":"15658734"}}]}}},{"ID":"1","typeID":"__group__","zOrder":"1","measuredW":"75","measuredH":"43","w":"75","h":"43","x":"210","y":"1","properties":{"controlName":"testing-your-apps:ava"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"75","h":"43","measuredW":"200","measuredH":"140","x":"0","y":"0","properties":{"backgroundAlpha":"0.5","borderColor":"16777215","color":"10066329"}},{"ID":"1","typeID":"Label","zOrder":"1","w":"32","measuredW":"28","measuredH":"25","x":"22","y":"9","properties":{"size":"17","text":"Ava"}},{"ID":"2","typeID":"TextArea","zOrder":"2","w":"75","h":"43","measuredW":"200","measuredH":"140","x":"0","y":"0","properties":{"backgroundAlpha":"0.25","borderColor":"6710886","color":"15658734"}}]}}},{"ID":"2","typeID":"__group__","zOrder":"2","measuredW":"112","measuredH":"43","w":"112","h":"43","x":"293","y":"0","properties":{"controlName":"testing-your-apps:jasmine"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"112","h":"43","measuredW":"200","measuredH":"140","x":"0","y":"0","properties":{"backgroundAlpha":"0.5","borderColor":"16777215","color":"10066329"}},{"ID":"1","typeID":"Label","zOrder":"1","w":"67","measuredW":"65","measuredH":"25","x":"23","y":"9","properties":{"size":"17","text":"Jasmine"}},{"ID":"2","typeID":"TextArea","zOrder":"2","w":"112","h":"43","measuredW":"200","measuredH":"140","x":"0","y":"0","properties":{"backgroundAlpha":"0.25","borderColor":"6710886","color":"15658734"}}]}}},{"ID":"3","typeID":"__group__","zOrder":"3","measuredW":"101","measuredH":"43","w":"101","h":"43","x":"0","y":"0","properties":{"controlName":"testing-your-apps:mocha"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"101","h":"43","measuredW":"200","measuredH":"140","x":"0","y":"0","properties":{"backgroundAlpha":"0.5","borderColor":"16777215","color":"10066329"}},{"ID":"1","typeID":"Label","zOrder":"1","w":"55","measuredW":"53","measuredH":"25","x":"23","y":"9","properties":{"size":"17","text":"Mocha"}},{"ID":"2","typeID":"TextArea","zOrder":"2","w":"101","h":"43","measuredW":"200","measuredH":"140","x":"0","y":"0","properties":{"backgroundAlpha":"0.25","borderColor":"6710886","color":"15658734"}}]}}}]}}},{"ID":"1588","typeID":"__group__","zOrder":"254","measuredW":"157","measuredH":"41","w":"157","h":"41","x":"1184","y":"3274","properties":{"controlName":"107-static-site-generators:eleventy"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"147","h":"41","measuredW":"200","measuredH":"140","x":"0","y":"0","properties":{"color":"16770457","align":"center","size":"17"}},{"ID":"1","typeID":"Icon","zOrder":"1","measuredW":"24","measuredH":"24","x":"133","y":"5","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"2","typeID":"Icon","zOrder":"2","measuredW":"24","measuredH":"24","x":"133","y":"5","properties":{"color":"3700253","icon":{"ID":"check-circle","size":"small"}}},{"ID":"3","typeID":"Label","zOrder":"3","measuredW":"66","measuredH":"25","x":"41","y":"8","properties":{"text":"Eleventy","size":"17"}}]}}},{"ID":"1589","typeID":"Arrow","zOrder":"0","w":"144","h":"237","measuredW":"150","measuredH":"100","x":"1045","y":"3058","properties":{"color":"2848996","leftArrow":"false","rightArrow":"false","stroke":"dotted","p0":{"x":143.5,"y":237},"p1":{"x":0.56420233463035,"y":0.027237354085603065},"p2":{"x":-0.5,"y":0}}},{"ID":"1590","typeID":"__group__","zOrder":"241","measuredW":"582","measuredH":"188","w":"582","h":"188","x":"464","y":"3296","children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"582","h":"188","measuredW":"200","measuredH":"140","x":"0","y":"0"},{"ID":"1","typeID":"Label","zOrder":"1","w":"536","measuredW":"498","measuredH":"25","x":"20","y":"20","properties":{"size":"17","text":"Web Assembly or WASM is the binary instructions generated from"}},{"ID":"2","typeID":"Label","zOrder":"2","w":"537","measuredW":"508","measuredH":"25","x":"20","y":"50","properties":{"size":"17","text":"higher level languages such as Go, C, C++ or Rust. It is faster than"}},{"ID":"3","typeID":"Label","zOrder":"3","w":"528","measuredW":"523","measuredH":"25","x":"19","y":"81","properties":{"size":"17","text":"JavaScript and WASM 1.0 has already shipped in the major browsers."}},{"ID":"4","typeID":"Label","zOrder":"4","w":"536","measuredW":"360","measuredH":"25","x":"19","y":"142","properties":{"size":"17","text":"take quite some time to go mainstream though."}},{"ID":"5","typeID":"Label","zOrder":"5","w":"539","measuredW":"520","measuredH":"25","x":"19","y":"111","properties":{"size":"17","text":"W3C accepted it as an official standard at the end of 2019. It will still"}}]}}},{"ID":"2164","typeID":"TextArea","zOrder":"115","w":"456","h":"161","measuredW":"200","measuredH":"140","x":"837","y":"1168"},{"ID":"2165","typeID":"__group__","zOrder":"116","measuredW":"163","measuredH":"48","w":"163","h":"48","x":"852","y":"1267","properties":{"controlName":"102-web-security-knowledge:cors"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"163","h":"48","measuredW":"200","measuredH":"140","x":"0","y":"0","properties":{"color":"16770457"}},{"ID":"1","typeID":"Label","zOrder":"1","w":"51","measuredW":"47","measuredH":"25","x":"56","y":"12","properties":{"bold":"true","size":"17","text":"CORS"}}]}}},{"ID":"2166","typeID":"__group__","zOrder":"117","measuredW":"166","measuredH":"49","w":"166","h":"49","x":"851","y":"1212","properties":{"controlName":"100-web-security-knowledge:https"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"166","h":"49","measuredW":"200","measuredH":"140","x":"0","y":"0","properties":{"color":"16770457"}},{"ID":"1","typeID":"Label","zOrder":"1","w":"63","measuredW":"53","measuredH":"25","x":"54","y":"12","properties":{"bold":"true","size":"17","text":"HTTPS"}}]}}},{"ID":"2167","typeID":"__group__","zOrder":"118","measuredW":"257","measuredH":"49","w":"257","h":"49","x":"1022","y":"1212","properties":{"controlName":"101-web-security-knowledge:content-security-policy"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"257","h":"49","measuredW":"200","measuredH":"140","x":"0","y":"0","properties":{"color":"16770457"}},{"ID":"1","typeID":"Label","zOrder":"1","w":"196","measuredW":"179","measuredH":"25","x":"31","y":"12","properties":{"bold":"true","size":"17","text":"Content Security Policy"}}]}}},{"ID":"2168","typeID":"__group__","zOrder":"119","measuredW":"257","measuredH":"49","w":"257","h":"49","x":"1022","y":"1266","properties":{"controlName":"103-web-security-knowledge:owasp-security-risks"},"children":{"controls":{"control":[{"ID":"0","typeID":"TextArea","zOrder":"0","w":"257","h":"49","measuredW":"200","measuredH":"140","x":"0","y":"0","properties":{"color":"16770457"}},{"ID":"1","typeID":"Label","zOrder":"1","w":"187","measuredW":"172","measuredH":"25","x":"43","y":"12","properties":{"bold":"true","size":"17","text":"OWASP Security Risks"}}]}}},{"ID":"2169","typeID":"Label","zOrder":"120","w":"372","measuredW":"344","measuredH":"25","x":"853","y":"1181","properties":{"size":"17","text":"Get at least a basic knowledge of all of these"}},{"ID":"2170","typeID":"Icon","zOrder":"121","measuredW":"24","measuredH":"24","x":"828","y":"1159","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"2171","typeID":"Icon","zOrder":"122","measuredW":"24","measuredH":"24","x":"828","y":"1159","properties":{"color":"10066329","icon":{"ID":"check-circle","size":"small"}}}]},"attributes":{"name":"frontend","order":1000076.8179159599,"parentID":null,"notes":""},"branchID":"Master","resourceID":"A451988B-49CC-410A-A8B7-C129C14D5D14","mockupH":"3449","mockupW":"1216","measuredW":"1341","measuredH":"3618","version":"1.0"}}},"__N_SSG":true},"page":"/[roadmap]/interactive","query":{"roadmap":"frontend"},"buildId":"bKcOOKrVxcd5L5jOn5c4r","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html> |