CINXE.COM

<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta name="twitter:card" content="summary"/><meta name="twitter:site" content="@sitepointdotcom"/><meta name="twitter:creator" content="@sitepointdotcom"/><meta property="og:url" content="https://www.sitepoint.com/premium/library/"/><meta property="og:type" content="website"/><meta property="og:image" content="https://www.sitepoint.com/wp-content/themes/sitepoint/assets/images/icon.sitepoint.png"/><meta property="og:site_name" content="SitePoint Premium"/><link rel="icon" href="/favicons/32x32.png" type="image/png"/><link rel="apple-touch-icon" href="/favicons/48x48.png" sizes="48x48" type="image/png"/><link rel="apple-touch-icon" href="/favicons/72x72.png" sizes="72x72" type="image/png"/><link rel="apple-touch-icon" href="/favicons/96x96.png" sizes="96x96" type="image/png"/><link rel="apple-touch-icon" href="/favicons/144x144.png" sizes="144x144" type="image/png"/><link rel="apple-touch-icon" href="/favicons/192x192.png" sizes="192x192" type="image/png"/><link rel="apple-touch-icon" href="/favicons/256x256.png" sizes="256x256" type="image/png"/><link rel="apple-touch-icon" href="/favicons/384x384.png" sizes="384x384" type="image/png"/><link rel="apple-touch-icon" href="/favicons/512x512.png" sizes="512x512" type="image/png"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" class="jsx-4121743997"/><script type="text/javascript" class="jsx-4121743997">window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'GTM-KL8PMMW', { page_path: window.location.pathname, });</script><title>The SitePoint Library | SitePoint Premium</title><meta name="robots" content="index,follow"/><meta name="description" content="Browse our comprehensive collection of courses, books, and tutorials on a wide range of development and design topics."/><meta property="og:title" content="The SitePoint Library | SitePoint Premium"/><meta property="og:description" content="Browse our comprehensive collection of courses, books, and tutorials on a wide range of development and design topics."/><link rel="canonical" href="https://www.sitepoint.com/premium/library/"/><link rel="preconnect" href="https://cdn.sanity.io" crossorigin="anonymous"/><script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"item":{"@id":"https://www.sitepoint.com/","name":"SitePoint"}},{"@type":"ListItem","position":2,"item":{"@id":"https://www.sitepoint.com/premium/","name":"Premium"}},{"@type":"ListItem","position":3,"item":{"name":"Library"}}]}</script><link rel="preload" href="https://cdn.sanity.io/images/708bnrs8/production/92a19538a8bd357e0d1436bd2e8e07a75ffb7622-717x900.jpg?rect=87,36,544,680&w=200&h=250&fit=fill&auto=format" as="image" fetchpriority="high"/><meta name="next-head-count" content="28"/><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous"/><link rel="dns-prefetch" href="https://cmp.inmobi.com"/><link rel="dns-prefetch" href="https://www.googletagmanager.com"/><link rel="dns-prefetch" href="https://www.gstatic.com"/><link rel="dns-prefetch" href="https://www.google-analytics.com"/><link rel="dns-prefetch" href="https://connect.facebook.net"/><script src="https://script.tapfiliate.com/tapfiliate.js" type="text/javascript" async=""></script><script type="text/javascript"> (function(t,a,p){t.TapfiliateObject=a;t[a]=t[a]||function(){ (t[a].q=t[a].q||[]).push(arguments)}})(window,'tap'); tap('create', '10694-267423', { integration: 'javascript' }); tap('detect'); </script><noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=721455246308784&ev=PageView&noscript=1" alt=""/></noscript><link rel="preload" href="/premium/_next/static/media/e0e418e0c2fc8a84-s.p.woff2" as="font" type="font/woff2" crossorigin="anonymous" data-next-font="size-adjust"/><link rel="preload" href="/premium/_next/static/media/7c7db451c1a82f61-s.p.woff2" as="font" type="font/woff2" crossorigin="anonymous" data-next-font="size-adjust"/><link rel="preload" href="/premium/_next/static/media/b5c08a795ae281ca-s.p.woff2" as="font" type="font/woff2" crossorigin="anonymous" data-next-font="size-adjust"/><link rel="preload" href="/premium/_next/static/media/2744aa005c8cf586-s.p.woff2" as="font" type="font/woff2" crossorigin="anonymous" data-next-font="size-adjust"/><link rel="preload" href="/premium/_next/static/media/8fa52275b6c22437-s.p.woff2" as="font" type="font/woff2" crossorigin="anonymous" data-next-font="size-adjust"/><link rel="preload" href="/premium/_next/static/media/46b92c15a48f3318-s.p.woff2" as="font" type="font/woff2" crossorigin="anonymous" data-next-font="size-adjust"/><link rel="preload" href="/premium/_next/static/media/e7814bd1d06a39b6-s.p.woff2" as="font" type="font/woff2" crossorigin="anonymous" data-next-font="size-adjust"/><link rel="preload" href="/premium/_next/static/media/7f5a4bbe7ec7be95-s.p.woff2" as="font" type="font/woff2" crossorigin="anonymous" data-next-font="size-adjust"/><link rel="preload" href="/premium/_next/static/media/1134cdf9e1aa59a5-s.p.woff2" as="font" type="font/woff2" crossorigin="anonymous" data-next-font="size-adjust"/><link rel="preload" href="/premium/_next/static/media/f5852452a44b5033-s.p.woff2" as="font" type="font/woff2" crossorigin="anonymous" data-next-font="size-adjust"/><link rel="preload" href="/premium/_next/static/media/279b47070a5d5877-s.p.woff2" as="font" type="font/woff2" crossorigin="anonymous" data-next-font="size-adjust"/><link rel="preload" href="/premium/_next/static/media/045832894acda0e9-s.p.woff2" as="font" type="font/woff2" crossorigin="anonymous" data-next-font="size-adjust"/><link rel="preload" href="/premium/_next/static/media/f1df6186c8d69644-s.p.woff2" as="font" type="font/woff2" crossorigin="anonymous" data-next-font="size-adjust"/><link rel="preload" href="/premium/_next/static/media/120a5a1920781bd0-s.p.woff2" as="font" type="font/woff2" crossorigin="anonymous" data-next-font="size-adjust"/><link rel="preload" href="/premium/_next/static/media/674abd25bb7be96f-s.p.woff2" as="font" type="font/woff2" crossorigin="anonymous" data-next-font="size-adjust"/><link rel="preload" href="/premium/_next/static/media/da897b99eb1fe4a1-s.p.woff2" as="font" type="font/woff2" crossorigin="anonymous" data-next-font="size-adjust"/><link rel="preload" href="/premium/_next/static/media/7a7012758df5a81e-s.p.woff2" as="font" type="font/woff2" crossorigin="anonymous" data-next-font="size-adjust"/><link rel="preload" href="/premium/_next/static/media/6ebb97b5c9fa4e03-s.p.woff2" as="font" type="font/woff2" crossorigin="anonymous" data-next-font="size-adjust"/><link rel="preload" href="/premium/_next/static/media/550cf1913d99b09c-s.p.woff2" as="font" type="font/woff2" crossorigin="anonymous" data-next-font="size-adjust"/><link rel="preload" href="/premium/_next/static/media/c714540e49ad5111-s.p.woff2" as="font" type="font/woff2" crossorigin="anonymous" data-next-font="size-adjust"/><link rel="preload" href="/premium/_next/static/css/b70bd40de3f8a112.css" as="style"/><link rel="stylesheet" href="/premium/_next/static/css/b70bd40de3f8a112.css" data-n-g=""/><link rel="preload" href="/premium/_next/static/css/45f44dd807b5f3b1.css" as="style"/><link rel="stylesheet" href="/premium/_next/static/css/45f44dd807b5f3b1.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/premium/_next/static/chunks/polyfills-78c92fac7aa8fdd8.js"></script><script src="/premium/_next/static/chunks/webpack-1bf5642a924be1aa.js" defer=""></script><script src="/premium/_next/static/chunks/framework-2645a99191cfc5e9.js" defer=""></script><script src="/premium/_next/static/chunks/main-c648b7b1b60f81e4.js" defer=""></script><script src="/premium/_next/static/chunks/pages/_app-14926db38dac00e3.js" defer=""></script><script src="/premium/_next/static/chunks/7516-c1af08c5ae8d2940.js" defer=""></script><script src="/premium/_next/static/chunks/5675-6b772a634a5fbe90.js" defer=""></script><script src="/premium/_next/static/chunks/6803-9cc5d26f086e3606.js" defer=""></script><script src="/premium/_next/static/chunks/8849-5bd62b218e070801.js" defer=""></script><script src="/premium/_next/static/chunks/5531-6ea3ef36985b03a4.js" defer=""></script><script src="/premium/_next/static/chunks/8764-cead85e9ddff61f2.js" defer=""></script><script src="/premium/_next/static/chunks/3858-0913a834432e08fb.js" defer=""></script><script src="/premium/_next/static/chunks/8216-b3fcd2a607f00062.js" defer=""></script><script src="/premium/_next/static/chunks/5341-873f6bb01c05030c.js" defer=""></script><script src="/premium/_next/static/chunks/pages/library/%5B%5B...filters%5D%5D-8689eabb3e3a2d34.js" defer=""></script><script src="/premium/_next/static/en41Fj8ZqV4saRHlcDgL2/_buildManifest.js" defer=""></script><script src="/premium/_next/static/en41Fj8ZqV4saRHlcDgL2/_ssgManifest.js" defer=""></script><style id="__jsx-4121743997">:root{--font-base:'__Roboto_2e4f63', '__Roboto_Fallback_2e4f63'}</style></head><body><noscript><iframe title="Google Tag Manager" src="https://www.googletagmanager.com/ns.html?id=GTM-KL8PMMW" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div style="position:fixed;z-index:9999;top:16px;left:16px;right:16px;bottom:16px;pointer-events:none"></div><header class="fixed top-0 z-40 w-full"><nav id="nav-bar" class="Navbar_nav__vVzDp relative bg-gray-800 border-b border-gray-700" aria-label="Main navigation"><div class="container relative flex items-center justify-between h-full mx-auto"><a href="/" aria-label="SitePoint" class="flex items-center px-gs-1"><svg viewBox="0 0 123 27" class="fill-white Navbar_logo__PiZmU"><title>SitePoint</title><g fill-rule="evenodd"><path d="M0.67,11.87 L2.62,13.76 L8.76,19.50 L11.41,16.94 C11.65,16.61 11.64,16.16 11.36,15.84 L8.94,13.72 L8.95,13.72 L6.34,11.19 C6.04,10.84 6.04,10.32 6.37,9.99 L13.38,3.21 L10.20,0.12 L0.68,9.31 C-0.05,10.02 -0.05,11.17 0.67,11.87" class=""></path><path d="M21.60,15.15 L19.66,13.27 L13.51,7.53 L10.86,10.08 C10.62,10.42 10.64,10.87 10.91,11.19 L13.33,13.31 L13.33,13.31 L15.93,15.84 C16.24,16.19 16.23,16.70 15.91,17.04 L8.89,23.82 L12.08,26.91 L19.65,19.60 L21.60,17.71 C22.33,17.01 22.33,15.86 21.60,15.15" class=""></path><path d="M31.36,16.75 C31.56,17.07 31.82,17.31 32.14,17.50 C32.46,17.68 32.82,17.82 33.23,17.89 C33.63,17.97 34.05,18.01 34.48,18.01 C34.81,18.01 35.16,17.99 35.52,17.94 C35.89,17.89 36.22,17.81 36.53,17.68 C36.83,17.55 37.08,17.36 37.28,17.11 C37.48,16.87 37.58,16.55 37.58,16.17 C37.58,15.64 37.37,15.24 36.96,14.97 C36.55,14.69 36.03,14.47 35.41,14.31 C34.79,14.14 34.12,13.99 33.39,13.85 C32.66,13.71 31.99,13.52 31.37,13.27 C30.75,13.03 30.23,12.68 29.82,12.23 C29.41,11.78 29.20,11.16 29.20,10.36 C29.20,9.73 29.34,9.20 29.63,8.75 C29.92,8.30 30.30,7.94 30.75,7.66 C31.20,7.38 31.72,7.17 32.29,7.03 C32.86,6.90 33.42,6.83 33.99,6.83 C34.71,6.83 35.38,6.89 35.99,7.01 C36.61,7.13 37.15,7.34 37.62,7.63 C38.09,7.93 38.46,8.33 38.75,8.83 C39.03,9.34 39.19,9.96 39.24,10.72 L37.13,10.72 C37.10,10.32 36.99,9.98 36.81,9.72 C36.63,9.46 36.40,9.25 36.12,9.08 C35.84,8.92 35.53,8.81 35.19,8.74 C34.85,8.66 34.51,8.63 34.16,8.63 C33.84,8.63 33.53,8.65 33.20,8.70 C32.88,8.75 32.59,8.83 32.32,8.95 C32.06,9.07 31.84,9.23 31.68,9.43 C31.51,9.63 31.43,9.89 31.43,10.21 C31.43,10.56 31.56,10.86 31.82,11.09 C32.07,11.32 32.40,11.51 32.80,11.66 C33.19,11.82 33.64,11.95 34.13,12.05 C34.63,12.15 35.13,12.26 35.62,12.37 C36.15,12.49 36.67,12.62 37.17,12.78 C37.67,12.94 38.12,13.15 38.51,13.42 C38.90,13.68 39.21,14.01 39.45,14.41 C39.69,14.81 39.81,15.31 39.81,15.90 C39.81,16.66 39.65,17.28 39.33,17.77 C39.01,18.27 38.58,18.67 38.06,18.98 C37.54,19.28 36.96,19.49 36.30,19.61 C35.65,19.73 35.00,19.79 34.36,19.79 C33.65,19.79 32.97,19.72 32.32,19.58 C31.68,19.43 31.11,19.20 30.61,18.87 C30.12,18.54 29.72,18.11 29.42,17.57 C29.13,17.03 28.96,16.38 28.93,15.61 L31.03,15.61 C31.05,16.06 31.16,16.44 31.36,16.75"></path><path d="M42.27,7.12 L44.37,7.12 L44.37,19.53 L42.27,19.53 L42.27,7.12 Z"></path><path d="M53.13,7.12 L53.13,8.92 L50.57,8.92 L50.57,16.62 C50.57,16.86 50.59,17.05 50.63,17.20 C50.67,17.34 50.75,17.46 50.87,17.54 C50.99,17.62 51.15,17.67 51.35,17.69 C51.56,17.71 51.83,17.73 52.16,17.73 L53.13,17.73 L53.13,19.53 L51.51,19.53 C50.97,19.53 50.50,19.49 50.11,19.42 C49.72,19.35 49.41,19.22 49.17,19.02 C48.93,18.83 48.75,18.56 48.64,18.21 C48.52,17.86 48.46,17.39 48.46,16.81 L48.46,8.92 L46.28,8.92 L46.28,7.12 L48.46,7.12 L48.46,3.39 L50.57,3.39 L50.57,7.12 L53.13,7.12"></path><path d="M64.53,18.73 C63.57,19.44 62.36,19.79 60.91,19.79 C59.89,19.79 59.00,19.63 58.25,19.31 C57.49,18.99 56.86,18.54 56.35,17.97 C55.84,17.39 55.45,16.70 55.20,15.90 C54.94,15.10 54.80,14.23 54.76,13.29 C54.76,12.34 54.91,11.48 55.21,10.69 C55.51,9.91 55.92,9.23 56.46,8.65 C57.00,8.08 57.63,7.63 58.37,7.31 C59.11,6.99 59.91,6.83 60.79,6.83 C61.93,6.83 62.87,7.05 63.63,7.51 C64.38,7.97 64.98,8.55 65.44,9.25 C65.89,9.96 66.20,10.73 66.38,11.56 C66.55,12.39 66.62,13.18 66.59,13.93 L56.99,13.93 C56.98,14.48 57.04,14.99 57.19,15.48 C57.34,15.97 57.58,16.40 57.91,16.78 C58.24,17.16 58.66,17.46 59.18,17.68 C59.69,17.90 60.29,18.01 60.98,18.01 C61.88,18.01 62.61,17.82 63.18,17.41 C63.75,17.02 64.13,16.41 64.31,15.59 L66.39,15.59 C66.11,16.98 65.49,18.03 64.53,18.73 L64.53,18.73 Z M64.02,10.76 C63.83,10.33 63.58,9.96 63.25,9.65 C62.93,9.34 62.55,9.09 62.11,8.90 C61.68,8.72 61.19,8.63 60.66,8.63 C60.12,8.63 59.62,8.72 59.19,8.90 C58.75,9.09 58.37,9.34 58.06,9.66 C57.75,9.98 57.50,10.35 57.32,10.78 C57.13,11.20 57.03,11.65 56.99,12.13 L64.36,12.13 C64.32,11.65 64.21,11.20 64.02,10.76 L64.02,10.76 Z"></path><path d="M70.95,7.12 L70.95,8.80 L71.00,8.80 C71.35,8.11 71.89,7.61 72.64,7.30 C73.38,6.98 74.20,6.83 75.09,6.83 C76.09,6.83 76.95,7.00 77.68,7.36 C78.42,7.71 79.03,8.18 79.52,8.78 C80.01,9.38 80.37,10.08 80.62,10.86 C80.87,11.65 80.99,12.48 80.99,13.36 C80.99,14.24 80.87,15.07 80.63,15.85 C80.39,16.64 80.03,17.32 79.54,17.91 C79.06,18.49 78.44,18.95 77.71,19.29 C76.97,19.62 76.12,19.79 75.14,19.79 C74.83,19.79 74.48,19.76 74.09,19.70 C73.70,19.63 73.32,19.53 72.94,19.38 C72.56,19.24 72.20,19.04 71.86,18.79 C71.52,18.55 71.23,18.24 71.00,17.87 L70.95,17.87 L70.95,24.26 L68.84,24.26 L68.84,7.12 L70.95,7.12 L70.95,7.12 Z M78.53,11.52 C78.37,10.97 78.13,10.48 77.81,10.04 C77.49,9.61 77.07,9.27 76.57,9.01 C76.06,8.76 75.47,8.63 74.79,8.63 C74.08,8.63 73.48,8.76 72.98,9.04 C72.49,9.31 72.08,9.67 71.77,10.10 C71.46,10.55 71.23,11.05 71.09,11.60 C70.95,12.17 70.88,12.73 70.88,13.31 C70.88,13.92 70.95,14.51 71.10,15.07 C71.25,15.64 71.48,16.14 71.81,16.57 C72.13,17.01 72.55,17.35 73.06,17.62 C73.57,17.88 74.19,18.01 74.92,18.01 C75.65,18.01 76.25,17.88 76.74,17.61 C77.23,17.34 77.62,16.98 77.92,16.53 C78.22,16.08 78.43,15.57 78.56,14.99 C78.70,14.41 78.76,13.82 78.76,13.21 C78.76,12.64 78.68,12.07 78.53,11.52 L78.53,11.52 Z"></path><path d="M83.17,10.78 C83.44,9.98 83.84,9.30 84.36,8.71 C84.89,8.13 85.55,7.67 86.33,7.33 C87.10,7.00 87.99,6.83 89.00,6.83 C90.03,6.83 90.92,7.00 91.69,7.33 C92.46,7.67 93.11,8.13 93.64,8.71 C94.17,9.30 94.56,9.98 94.83,10.78 C95.09,11.57 95.23,12.42 95.23,13.33 C95.23,14.25 95.09,15.09 94.83,15.88 C94.56,16.66 94.17,17.35 93.64,17.93 C93.11,18.52 92.46,18.97 91.69,19.30 C90.92,19.63 90.03,19.79 89.00,19.79 C87.99,19.79 87.10,19.63 86.33,19.30 C85.55,18.97 84.89,18.52 84.36,17.93 C83.84,17.35 83.44,16.66 83.17,15.88 C82.91,15.09 82.78,14.25 82.78,13.33 C82.78,12.42 82.91,11.57 83.17,10.78 L83.17,10.78 Z M85.32,15.34 C85.53,15.92 85.81,16.41 86.18,16.80 C86.54,17.19 86.96,17.49 87.45,17.70 C87.94,17.91 88.46,18.01 89.00,18.01 C89.55,18.01 90.06,17.91 90.55,17.70 C91.04,17.49 91.46,17.19 91.83,16.80 C92.19,16.41 92.48,15.92 92.68,15.34 C92.89,14.75 92.99,14.09 92.99,13.33 C92.99,12.58 92.89,11.91 92.68,11.33 C92.48,10.75 92.19,10.25 91.83,9.85 C91.46,9.45 91.04,9.15 90.55,8.94 C90.06,8.73 89.55,8.63 89.00,8.63 C88.46,8.63 87.94,8.73 87.45,8.94 C86.96,9.15 86.54,9.45 86.18,9.85 C85.81,10.25 85.53,10.75 85.32,11.33 C85.11,11.91 85.01,12.58 85.01,13.33 C85.01,14.09 85.11,14.75 85.32,15.34 L85.32,15.34 Z"></path><path d="M97.83,7.12 L99.94,7.12 L99.94,19.53 L97.83,19.53 L97.83,7.12 Z"></path><path d="M105.19,7.12 L105.19,9.08 L105.24,9.08 C106.12,7.58 107.51,6.83 109.41,6.83 C110.25,6.83 110.95,6.94 111.51,7.16 C112.08,7.39 112.53,7.70 112.88,8.10 C113.23,8.50 113.47,8.98 113.61,9.53 C113.75,10.08 113.82,10.69 113.82,11.36 L113.82,19.53 L111.71,19.53 L111.71,11.12 C111.71,10.36 111.48,9.75 111.02,9.30 C110.56,8.85 109.92,8.63 109.11,8.63 C108.46,8.63 107.91,8.72 107.43,8.92 C106.96,9.11 106.57,9.38 106.26,9.73 C105.94,10.08 105.71,10.50 105.55,10.97 C105.39,11.44 105.32,11.96 105.32,12.52 L105.32,19.53 L103.21,19.53 L103.21,7.12 L105.19,7.12"></path><path d="M122.47,7.12 L122.47,8.92 L119.92,8.92 L119.92,16.62 C119.92,16.86 119.94,17.05 119.98,17.20 C120.02,17.34 120.10,17.46 120.22,17.54 C120.33,17.62 120.49,17.67 120.70,17.69 C120.91,17.71 121.18,17.73 121.50,17.73 L122.47,17.73 L122.47,19.53 L120.86,19.53 C120.32,19.53 119.85,19.49 119.46,19.42 C119.07,19.35 118.76,19.22 118.52,19.02 C118.28,18.83 118.10,18.56 117.99,18.21 C117.87,17.86 117.81,17.39 117.81,16.81 L117.81,8.92 L115.63,8.92 L115.63,7.12 L117.81,7.12 L117.81,3.39 L119.92,3.39 L119.92,7.12 L122.47,7.12"></path><path d="M44.55,4.58 C44.55,5.24 44.00,5.77 43.32,5.77 C42.64,5.77 42.09,5.24 42.09,4.58 C42.09,3.93 42.64,3.39 43.32,3.39 C44.00,3.39 44.55,3.93 44.55,4.58"></path><path d="M100.11,4.58 C100.11,5.24 99.56,5.77 98.88,5.77 C98.20,5.77 97.65,5.24 97.65,4.58 C97.65,3.93 98.20,3.39 98.88,3.39 C99.56,3.39 100.11,3.93 100.11,4.58"></path></g></svg></a><button class="border-2 rounded-sm font-medium transition-colors cursor-pointer disabled:cursor-not-allowed disabled:pointer-events-none border-none text-black dark:text-white dark:hover:text-gray-300 disabled:text-gray-100 text-sm px-2 py-1 Navbar_toggler__DW8GI h-full px-gs-1 border-transparent bg-transparent lg:hidden mr-2 pt-0.5" type="button" data-toggle="main-nav" aria-label="Toggle navigation" aria-controls="main-nav" aria-expanded="false"><span aria-hidden="true" class="relative block w-7 rounded-lg bg-white"></span></button><ul id="main-nav" class="Navbar_navbarItems__T3gna absolute mb-0 left-0 flex flex-grow flex-col justify-end w-full list-none bg-gray-800 origin-top-center transform translate-y-0 ease-in invisible scale-y-0 opacity-0 lg:static lg:flex lg:flex-row lg:h-full lg:w-auto lg:items-center lg:visible lg:opacity-100 lg:transform-none"><li class="flex items-center px-gs-1 lg:relative lg:h-full"><a href="/blog/" data-text="Blog" class="Navbar_navLink__WmfVb inline-block relative w-full font-normal text-gray-200 cursor-pointer hover:text-gray-200 focus:text-gray-200">Blog</a></li><li class="flex items-center px-gs-1 lg:relative lg:h-full"><a href="/community/" data-text="Forum" class="Navbar_navLink__WmfVb inline-block relative w-full font-normal text-gray-200 cursor-pointer hover:text-gray-200 focus:text-gray-200">Forum</a></li><li class="flex items-center px-gs-1 lg:relative lg:h-full"><a data-text="Library" class="Navbar_navLink__WmfVb inline-block relative w-full font-normal text-gray-200 cursor-pointer hover:text-gray-200 focus:text-gray-200" href="/premium/library/">Library</a></li><li class="flex items-center px-gs-1 lg:relative lg:h-full"><a data-text="Login" class="Navbar_navLink__WmfVb inline-block relative w-full font-normal text-gray-200 cursor-pointer hover:text-gray-200 focus:text-gray-200" href="/premium/sign-in/">Login</a></li></ul><a class="border-2 border-solid rounded-sm font-medium transition-colors cursor-pointer disabled:cursor-not-allowed disabled:pointer-events-none text-center bg-primary-700 border-primary-700 text-white hover:bg-primary-500 hover:border-primary-500 hover:text-white focus-visible:bg-primary-500 focus-visible:border-primary-500 focus-visible:text-white dark:hover:bg-primary-200 dark:hover:border-primary-200 dark:hover:text-body dark:focus-visible:bg-primary-200 dark:focus-visible:border-primary-200 dark:focus-visible:text-body disabled:bg-primary-100 disabled:border-primary-100 disabled:text-primary-400 text-sm px-2 hidden py-1 mx-4 lg:block dark:bg-primary-700 dark:border-primary-700 dark:text-white" id="join-premium" href="/premium/pricing/?ref_source=premium&ref_medium=topnav">Join Premium</a></div></nav></header><div class="flex-auto flex-shrink-0 w-full navbar-offset container-full overflow-hidden mb-20"><div class="bg-gray-700 pl-1.5"><div class="container px-6"><div class="bg-transparent py-4"><div class="mb-4"><h1 class="mb-0 font-bold text-3xl text-white">The SitePoint Library</h1><p class="mb-0 text-white">Browse our comprehensive collection of courses, books, and tutorials on a wide range of development and design topics.</p></div><div class="flex text-sm flex-row sm:flex-col"><form class="bg-gray-500 text-white border border-gray-300 input-group rounded flex items-stretch w-full bg-clip-content overflow-hidden focus-within:border-primary-400" action="/premium/search/" method="GET"><input name="q" id="search" class="form-control min-w-0 block w-full px-3 py-2 bg-transparent rounded focus-visible:outline-none"/><input name="firstSearch" class="hidden" aria-hidden="true" readonly="" value="true"/><button class="border-2 border-solid font-medium transition-colors cursor-pointer disabled:cursor-not-allowed disabled:pointer-events-none text-center text-white hover:bg-primary-400 hover:border-primary-400 hover:text-white focus-visible:bg-primary-400 focus-visible:border-primary-400 focus-visible:text-body dark:bg-primary-300 dark:border-primary-300 dark:text-body dark:hover:bg-primary-200 dark:hover:border-primary-200 dark:hover:text-body dark:focus-visible:bg-primary-200 dark:focus-visible:border-primary-200 dark:focus-visible:text-body disabled:bg-primary-100 disabled:border-primary-100 disabled:text-primary-400 text-sm py-1 leading-tight rounded-none px-3 bg-primary-600 border-primary-600">Search</button></form><div class="relative border-gray-300 text-gray-300 text-xs ml-2 sm:hidden" data-headlessui-state=""><button class="flex items-center h-full p-2 border rounded bg-gray-500" id="headlessui-menu-button-:R1krkvm:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state=""><span class="sr-only">Filter by topic</span><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="filter" class="svg-inline--fa fa-filter " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M3.9 54.9C10.5 40.9 24.5 32 40 32H472c15.5 0 29.5 8.9 36.1 22.9s4.6 30.5-5.2 42.5L320 320.9V448c0 12.1-6.8 23.2-17.7 28.6s-23.8 4.3-33.5-3l-64-48c-8.1-6-12.8-15.5-12.8-25.6V320.9L9 97.3C-.7 85.4-2.8 68.8 3.9 54.9z"></path></svg></button></div><div class="my-4 hidden sm:flex flex justify-between"><div class="MoreItemsContainer_spacing__cxs1b flex flex-wrap justify-start overflow-hidden h-8"><a href="/premium/library/all/javascript/" class="py-1 px-2 h-min font-medium rounded border bg-transparent border-gray-300 hover:border-primary-300 focus:border-primary-400 text-white hover:text-primary-400 focus:text-primary-400">JavaScript</a><a href="/premium/library/all/php/" class="py-1 px-2 h-min font-medium rounded border bg-transparent border-gray-300 hover:border-primary-300 focus:border-primary-400 text-white hover:text-primary-400 focus:text-primary-400">PHP</a><a href="/premium/library/all/ruby/" class="py-1 px-2 h-min font-medium rounded border bg-transparent border-gray-300 hover:border-primary-300 focus:border-primary-400 text-white hover:text-primary-400 focus:text-primary-400">Ruby</a><a href="/premium/library/all/mobile/" class="py-1 px-2 h-min font-medium rounded border bg-transparent border-gray-300 hover:border-primary-300 focus:border-primary-400 text-white hover:text-primary-400 focus:text-primary-400">Mobile</a><a href="/premium/library/all/workflow/" class="py-1 px-2 h-min font-medium rounded border bg-transparent border-gray-300 hover:border-primary-300 focus:border-primary-400 text-white hover:text-primary-400 focus:text-primary-400">Workflow</a><a href="/premium/library/all/wordpress/" class="py-1 px-2 h-min font-medium rounded border bg-transparent border-gray-300 hover:border-primary-300 focus:border-primary-400 text-white hover:text-primary-400 focus:text-primary-400">WordPress</a><a href="/premium/library/all/back-end/" class="py-1 px-2 h-min font-medium rounded border bg-transparent border-gray-300 hover:border-primary-300 focus:border-primary-400 text-white hover:text-primary-400 focus:text-primary-400">Back End</a><a href="/premium/library/all/htmlcss/" class="py-1 px-2 h-min font-medium rounded border bg-transparent border-gray-300 hover:border-primary-300 focus:border-primary-400 text-white hover:text-primary-400 focus:text-primary-400">HTML & CSS</a><a href="/premium/library/all/designux/" class="py-1 px-2 h-min font-medium rounded border bg-transparent border-gray-300 hover:border-primary-300 focus:border-primary-400 text-white hover:text-primary-400 focus:text-primary-400">Design & UX</a><a href="/premium/library/all/python/" class="py-1 px-2 h-min font-medium rounded border bg-transparent border-gray-300 hover:border-primary-300 focus:border-primary-400 text-white hover:text-primary-400 focus:text-primary-400">Python</a><a href="/premium/library/all/web/" class="py-1 px-2 h-min font-medium rounded border bg-transparent border-gray-300 hover:border-primary-300 focus:border-primary-400 text-white hover:text-primary-400 focus:text-primary-400">Web</a><a href="/premium/library/all/blockchain/" class="py-1 px-2 h-min font-medium rounded border bg-transparent border-gray-300 hover:border-primary-300 focus:border-primary-400 text-white hover:text-primary-400 focus:text-primary-400">Blockchain</a><a href="/premium/library/all/devops/" class="py-1 px-2 h-min font-medium rounded border bg-transparent border-gray-300 hover:border-primary-300 focus:border-primary-400 text-white hover:text-primary-400 focus:text-primary-400">Cloud & DevOps</a></div><button class="ml-2 mb-auto h-min whitespace-nowrap rounded py-1 px-2 bg-transparent text-white border border-gray-300 hover:border-primary-300 focus:border-primary-400 hover:text-primary-400 focus:text-primary-400"><span class="mr-2">More</span><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="caret-down" class="svg-inline--fa fa-caret-down transition-transform ease-in-out rotate-0" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z"></path></svg></button></div></div></div></div></div><div class="bg-gray-500 pl-1.5"><div class="container px-6"><div class="bg-gray-500 text-xs flex justify-start overflow-x-auto undefined"><a href="/premium/library/" class="px-3 pb-2 pt-3 font-medium bg-transparent hover:border-b-2 hover:border-primary-300 border-b-2 border-primary-300 hover:text-primary-400 focus:text-primary-300 text-primary-300"><div class="flex items-center h-full"><span class="hidden sm:inline"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="layer-group" class="svg-inline--fa fa-layer-group " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M264.5 5.2c14.9-6.9 32.1-6.9 47 0l218.6 101c8.5 3.9 13.9 12.4 13.9 21.8s-5.4 17.9-13.9 21.8l-218.6 101c-14.9 6.9-32.1 6.9-47 0L45.9 149.8C37.4 145.8 32 137.3 32 128s5.4-17.9 13.9-21.8L264.5 5.2zM476.9 209.6l53.2 24.6c8.5 3.9 13.9 12.4 13.9 21.8s-5.4 17.9-13.9 21.8l-218.6 101c-14.9 6.9-32.1 6.9-47 0L45.9 277.8C37.4 273.8 32 265.3 32 256s5.4-17.9 13.9-21.8l53.2-24.6 152 70.2c23.4 10.8 50.4 10.8 73.8 0l152-70.2zm-152 198.2l152-70.2 53.2 24.6c8.5 3.9 13.9 12.4 13.9 21.8s-5.4 17.9-13.9 21.8l-218.6 101c-14.9 6.9-32.1 6.9-47 0L45.9 405.8C37.4 401.8 32 393.3 32 384s5.4-17.9 13.9-21.8l53.2-24.6 152 70.2c23.4 10.8 50.4 10.8 73.8 0z"></path></svg></span><span class="sm:ml-1 whitespace-nowrap">All</span></div></a><a href="/premium/library/books/" class="px-3 pb-2 pt-3 font-medium bg-transparent hover:border-b-2 hover:border-primary-300 hover:text-primary-400 focus:text-primary-300 text-gray-200"><div class="flex items-center h-full"><span class="hidden sm:inline"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="book-open" class="svg-inline--fa fa-book-open " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M249.6 471.5c10.8 3.8 22.4-4.1 22.4-15.5V78.6c0-4.2-1.6-8.4-5-11C247.4 52 202.4 32 144 32C93.5 32 46.3 45.3 18.1 56.1C6.8 60.5 0 71.7 0 83.8V454.1c0 11.9 12.8 20.2 24.1 16.5C55.6 460.1 105.5 448 144 448c33.9 0 79 14 105.6 23.5zm76.8 0C353 462 398.1 448 432 448c38.5 0 88.4 12.1 119.9 22.6c11.3 3.8 24.1-4.6 24.1-16.5V83.8c0-12.1-6.8-23.3-18.1-27.6C529.7 45.3 482.5 32 432 32c-58.4 0-103.4 20-123 35.6c-3.3 2.6-5 6.8-5 11V456c0 11.4 11.7 19.3 22.4 15.5z"></path></svg></span><span class="sm:ml-1 whitespace-nowrap">Text</span></div></a><a href="/premium/library/courses/" class="px-3 pb-2 pt-3 font-medium bg-transparent hover:border-b-2 hover:border-primary-300 hover:text-primary-400 focus:text-primary-300 text-gray-200"><div class="flex items-center h-full"><span class="hidden sm:inline"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="video" class="svg-inline--fa fa-video " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M0 128C0 92.7 28.7 64 64 64H320c35.3 0 64 28.7 64 64V384c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V128zM559.1 99.8c10.4 5.6 16.9 16.4 16.9 28.2V384c0 11.8-6.5 22.6-16.9 28.2s-23 5-32.9-1.6l-96-64L416 337.1V320 192 174.9l14.2-9.5 96-64c9.8-6.5 22.4-7.2 32.9-1.6z"></path></svg></span><span class="sm:ml-1 whitespace-nowrap">Video</span></div></a><a href="/premium/library/paths/" class="px-3 pb-2 pt-3 font-medium bg-transparent hover:border-b-2 hover:border-primary-300 hover:text-primary-400 focus:text-primary-300 text-gray-200"><div class="flex items-center h-full"><span class="hidden sm:inline"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="wave-square" class="svg-inline--fa fa-wave-square " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path fill="currentColor" d="M128 64c0-17.7 14.3-32 32-32H320c17.7 0 32 14.3 32 32V416h96V256c0-17.7 14.3-32 32-32H608c17.7 0 32 14.3 32 32s-14.3 32-32 32H512V448c0 17.7-14.3 32-32 32H320c-17.7 0-32-14.3-32-32V96H192V256c0 17.7-14.3 32-32 32H32c-17.7 0-32-14.3-32-32s14.3-32 32-32h96V64z"></path></svg></span><span class="sm:ml-1 whitespace-nowrap">Learning Path</span></div></a><a href="/premium/library/free/" class="px-3 pb-2 pt-3 font-medium bg-transparent hover:border-b-2 hover:border-primary-300 hover:text-primary-400 focus:text-primary-300 text-gray-200"><div class="flex items-center h-full"><span class="hidden sm:inline"><div class="fa-layers fa-fw"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="slash" class="svg-inline--fa fa-slash " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path fill="currentColor" d="M5.1 9.2C13.3-1.2 28.4-3.1 38.8 5.1l592 464c10.4 8.2 12.3 23.3 4.1 33.7s-23.3 12.3-33.7 4.1L9.2 42.9C-1.2 34.7-3.1 19.6 5.1 9.2z"></path></svg><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="dollar-sign" class="svg-inline--fa fa-dollar-sign " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M160 0c17.7 0 32 14.3 32 32V67.7c1.6 .2 3.1 .4 4.7 .7c.4 .1 .7 .1 1.1 .2l48 8.8c17.4 3.2 28.9 19.9 25.7 37.2s-19.9 28.9-37.2 25.7l-47.5-8.7c-31.3-4.6-58.9-1.5-78.3 6.2s-27.2 18.3-29 28.1c-2 10.7-.5 16.7 1.2 20.4c1.8 3.9 5.5 8.3 12.8 13.2c16.3 10.7 41.3 17.7 73.7 26.3l2.9 .8c28.6 7.6 63.6 16.8 89.6 33.8c14.2 9.3 27.6 21.9 35.9 39.5c8.5 17.9 10.3 37.9 6.4 59.2c-6.9 38-33.1 63.4-65.6 76.7c-13.7 5.6-28.6 9.2-44.4 11V480c0 17.7-14.3 32-32 32s-32-14.3-32-32V445.1c-.4-.1-.9-.1-1.3-.2l-.2 0 0 0c-24.4-3.8-64.5-14.3-91.5-26.3c-16.1-7.2-23.4-26.1-16.2-42.2s26.1-23.4 42.2-16.2c20.9 9.3 55.3 18.5 75.2 21.6c31.9 4.7 58.2 2 76-5.3c16.9-6.9 24.6-16.9 26.8-28.9c1.9-10.6 .4-16.7-1.3-20.4c-1.9-4-5.6-8.4-13-13.3c-16.4-10.7-41.5-17.7-74-26.3l-2.8-.7 0 0C119.4 279.3 84.4 270 58.4 253c-14.2-9.3-27.5-22-35.8-39.6c-8.4-17.9-10.1-37.9-6.1-59.2C23.7 116 52.3 91.2 84.8 78.3c13.3-5.3 27.9-8.9 43.2-11V32c0-17.7 14.3-32 32-32z"></path></svg></div></span><span class="sm:ml-1 whitespace-nowrap">Free</span></div></a><a href="/premium/library/tech-talks/" class="px-3 pb-2 pt-3 font-medium bg-transparent hover:border-b-2 hover:border-primary-300 hover:text-primary-400 focus:text-primary-300 text-gray-200"><div class="flex items-center h-full"><span class="hidden sm:inline"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="tv" class="svg-inline--fa fa-tv " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path fill="currentColor" d="M64 64V352H576V64H64zM0 64C0 28.7 28.7 0 64 0H576c35.3 0 64 28.7 64 64V352c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V64zM128 448H512c17.7 0 32 14.3 32 32s-14.3 32-32 32H128c-17.7 0-32-14.3-32-32s14.3-32 32-32z"></path></svg></span><span class="sm:ml-1 whitespace-nowrap">Tech Talk</span></div></a></div></div></div><div class="bg-white"><div class="container px-6"><main class="mt-8"><article class="flex flex-col space-y-12"><section><header class="flex flex-row items-baseline mb-2"><h2 class="font-bold text-base mb-0">Popular Books</h2></header><div><div class="splide Carousel_splide__p2P5n"><div class="splide__track -mx-8"><ul class="splide__list"><li class="splide__slide"><a href="/premium/books/beginning-reactjs-foundations-building-user-interfaces-with-reactjs-an-approachable-guide/" class="block"><div class="group relative rounded-md shadow-outline-sm hover:shadow-outline hover:cursor-pointer transition-all overflow-hidden "><div class="bg-gray-200 aspect-w-4 aspect-h-5"><img alt="Beginning ReactJS Foundations Building User Interfaces with ReactJS cover" fetchpriority="high" loading="eager" decoding="async" data-nimg="fill" class="w-full h-full object-center object-cover lg:w-full lg:h-full group-hover:brightness-105 z-0" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cfilter id='b' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1' result='s'/%3E%3CfeFlood x='0' y='0' width='100%25' height='100%25'/%3E%3CfeComposite operator='out' in='s'/%3E%3CfeComposite in2='SourceGraphic'/%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3C/filter%3E%3Cimage width='100%25' height='100%25' x='0' y='0' preserveAspectRatio='none' style='filter: url(%23b);' href='data:image/jpeg;base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAZABQDASIAAhEBAxEB/8QAGgAAAQUBAAAAAAAAAAAAAAAAAAMEBQYIB//EACwQAAEDBAADBQkAAAAAAAAAAAIBAwUABAYREiFxBxQVFjEiMjNBQlFhcoH/xAAWAQEBAQAAAAAAAAAAAAAAAAACAAP/xAAcEQEBAQABBQAAAAAAAAAAAAABABECAxMUIVH/2gAMAwEAAhEDEQA/AOpSHaLYx+O+LR9s9IMcSBtv2URV9NqtJ4ZlkhMtEUXCPoDxK4br7uwEvsn4qIgICS8rJDZFaq8JEim2zoR6cqukE2kJYBZx0Y4xbh6ANUj1WaEO9cjmyk2W2bpd8QAW0T+0VErJyHyj3lT9koqp1dqOWWwHeiMJu0VFLaaeSnKZfDkPEeSWzfPkiupWKG/fHrTm7+GPWm8cQh5XP4W3rTO8caZQHcgsnCT6lcSisL0U+2WT1ldy/9k='/%3E%3C/svg%3E")" src="https://cdn.sanity.io/images/708bnrs8/production/92a19538a8bd357e0d1436bd2e8e07a75ffb7622-717x900.jpg?rect=87,36,544,680&w=200&h=250&fit=fill&auto=format"/><div class="absolute left-0 top-0 w-full h-full m-0 p-0"></div></div><div class="absolute bottom-0 mt-4 flex flex-col w-full"><div class="relative w-full h-8"></div><div class="relative pb-1 sm:pb-2 pt-1 w-full overflow-hidden" style="background-color:#648404"><div class="flex"><h3 class="pl-3 pr-2 mb-0 text-sm leading-4 font-medium text-white w-auto max-h-16 overflow-hidden group-hover:max-h-32">Beginning ReactJS Foundations Building User Interfaces with ReactJS</h3><div class="pr-3 ml-auto text-xs font-medium text-white self-end flex items-center"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="star" class="svg-inline--fa fa-star text-yellow-500" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"></path></svg><span class="pl-0.5 text-2xs">5.0</span></div></div></div></div></div></a></li><li class="splide__slide"><a href="/premium/books/generative-ai-tools-for-developers-a-practical-guide/" class="block"><div class="group relative rounded-md shadow-outline-sm hover:shadow-outline hover:cursor-pointer transition-all overflow-hidden "><div class="bg-gray-200 aspect-w-4 aspect-h-5"><img alt="Generative AI Tools for Developers: A Practical Guide cover" loading="eager" decoding="async" data-nimg="fill" class="w-full h-full object-center object-cover lg:w-full lg:h-full group-hover:brightness-105 z-0" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cfilter id='b' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1' result='s'/%3E%3CfeFlood x='0' y='0' width='100%25' height='100%25'/%3E%3CfeComposite operator='out' in='s'/%3E%3CfeComposite in2='SourceGraphic'/%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3C/filter%3E%3Cimage width='100%25' height='100%25' x='0' y='0' preserveAspectRatio='none' style='filter: url(%23b);' href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAZCAYAAAAxFw7TAAAACXBIWXMAAAsTAAALEwEAmpwYAAAEOElEQVQ4jY2VZ3PaWBSG+SdJwGB6r6IKhCWBANFkAQZMdYsNtpM43l0n8czu7353zqGEzXhn98MBlXuf+54qy/vjJP7LPmzt/6y18IXjDYAztTfr1vj+OAmrS4ArUIA/KrF5w0Uc+3P83sIwRxLvHAm8syf4/z0Zg1Nvgo/cafgiJUQFFVGhglBChjsk8kEW+vGEiwjEyryITvOGS3wyLSTbKQknZURSBFERSSkMi6QUuIMibO40q7c4/XkUFQNtc4HW6Ry6MUWjM2EzBpfo9i9Qb5+jqg/3z/XulK1pzFBtjhhKHpBnFnewwA/P52u26fIB54s1RtM7zC8f2ei6P75h6/aXDK21xnyQWh8wkDyl0FlcgTyU2gC90TWrGZx/xHi2wnByi/F8xXCy6cUD3xOwKBsIxk84VO5gAXZPZl8FFoc3i0yxySorjTM+mVxpnc7Q6S04FHRPLpLbJfUU8UwVx74cq7IeZJ+BRI+lqxzHctXEidZjI9Vac8T/QqHBiSBQLF2BP1aGM5CH3ZvhjBOYY0hAm1uAJyRyNmkTbSCjzal8HYmsxpnNSS00OpuE5aU2AvEy197Rr8BdodILOtHhy/JCii3Fh+KUzNU447cPL1h/+o7RbAVR7sIXlWD3ZmHbArlsdl1h20E9P6HkFgFJ3XByx7Cn3//C49MresNr9sAZyHMNciz3CgnoFnDkyfCJFHCqT2ovb6SEnNSGObzG5e1XrD9/x5ff/sTV3TPk2oCb4ehNICn0bNymU392TZGVUKYni3tc3T5j/fkHVo/f0DaXCKcU9sr6ry57M1tIAxmxhahQ5QSRGlI5WT6wuo/3f6A3uuGk0Z49kIcANf1BDMlN8cREu32Lam2JdKHJbtfbE4YQ9OLmiZshmattCnuX5UMgBZdeUnYLpR5GvVecmS8QyyYrKakmdGPG0PF8zb0fFSos5J/APTQFhzePQERFsTTGWfcVA+MF+dIpQokTLnAq9KYxR6e3hKSaPJlo375TdnPP7snB6RPhC8nIZc/RqHxCV3+Cpl0hmdU5ruGkwkUta31uQbq3H7i7AToSsDoFhCI6SoULFAszSOICDeULNGWFbIHUyXBRkYdE7iZSGktr8IdleAMyXD4JVmd6M75o5Hw4FhCONKErzzD1V6jqJYqlITI5E8GYyh0RSigIxmnYlnnYBqIqEkkDaeGM9x65slvgVqrdnUMs3oEsXaFSnUPWBigpJpLZBuLpOk7UMZTqBKmcDn9MgicoIRzVEY934A9VYXNmDoD8Xdm47g1JEPI6113LuECrcwO1OoPevIbZu4emT5ARdfgiEsc8ENYQDNUPFP7yxaOMUbziGQ1qbQzDWEGrL1BWBwyrt6dQakOI0gCJVAehSAO+QAU2107h9qu3t20J0XAgqKT2USh3ud4oGZTdan2CfvcbzMYPjiPDtp7+DU9NZX867rL8AAAAAElFTkSuQmCC'/%3E%3C/svg%3E")" src="https://cdn.sanity.io/images/708bnrs8/production/36086893f23436b3ef36cc36184b70e019968436-1600x2000.png?w=200&h=250&fit=fill&auto=format"/><div class="absolute left-0 top-0 w-full h-full m-0 p-0"></div></div><div class="absolute bottom-0 mt-4 flex flex-col w-full"><div class="relative w-full h-8"></div><div class="relative pb-1 sm:pb-2 pt-1 w-full overflow-hidden" style="background-color:#2c1c74"><div class="flex"><h3 class="pl-3 pr-2 mb-0 text-sm leading-4 font-medium text-white w-auto max-h-16 overflow-hidden group-hover:max-h-32">Generative AI Tools for Developers: A Practical Guide</h3><div class="pr-3 ml-auto text-xs font-medium text-white self-end flex items-center"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="star" class="svg-inline--fa fa-star text-yellow-500" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"></path></svg><span class="pl-0.5 text-2xs">5.0</span></div></div></div></div></div></a></li><li class="splide__slide"><a href="/premium/books/learn-to-code-with-javascript/" class="block"><div class="group relative rounded-md shadow-outline-sm hover:shadow-outline hover:cursor-pointer transition-all overflow-hidden "><div class="bg-gray-200 aspect-w-4 aspect-h-5"><img alt="Learn to Code with JavaScript Cover" loading="eager" decoding="async" data-nimg="fill" class="w-full h-full object-center object-cover lg:w-full lg:h-full group-hover:brightness-105 z-0" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cfilter id='b' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1' result='s'/%3E%3CfeFlood x='0' y='0' width='100%25' height='100%25'/%3E%3CfeComposite operator='out' in='s'/%3E%3CfeComposite in2='SourceGraphic'/%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3C/filter%3E%3Cimage width='100%25' height='100%25' x='0' y='0' preserveAspectRatio='none' style='filter: url(%23b);' href='data:image/jpeg;base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAaABQDASIAAhEBAxEB/8QAGgAAAgIDAAAAAAAAAAAAAAAAAAYEBQECB//EACYQAAEEAQMDBAMAAAAAAAAAAAEAAgMEEQUTIQciMQYSQWFCUXH/xAAYAQACAwAAAAAAAAAAAAAAAAACAwEEBf/EABsRAAIDAAMAAAAAAAAAAAAAAAABAhESEyJB/9oADAMBAAIRAxEAPwDnrQXEADkq2raNe4LYmEOH5HwsaJHbJe6tButI57c4VzBdfXr7lmCTbYcOeBwD+luSk/C62Ll+nPXsFkzWtfjOG+EKRrF6G5c3Yg4N9oGMIRK6JHPpr6ho6ZO0Wa4Bxgvbzn6IR1E1XT7NdsWlQmKF7jLJ8dx+Eg03Fr+0kfwre9I9wAc9xH2UrjW9A57WQ0IQnBn/2Q=='/%3E%3C/svg%3E")" src="https://cdn.sanity.io/images/708bnrs8/production/2c87f8e33ddb9de695a262ebd81aacd357305968-1306x1712.jpg?rect=377,871,553,691&w=200&h=250&fit=fill&auto=format"/><div class="absolute left-0 top-0 w-full h-full m-0 p-0"></div></div><div class="absolute bottom-0 mt-4 flex flex-col w-full"><div class="relative w-full h-8"></div><div class="relative pb-1 sm:pb-2 pt-1 w-full overflow-hidden" style="background-color:#4c246d"><div class="flex"><h3 class="pl-3 pr-2 mb-0 text-sm leading-4 font-medium text-white w-auto max-h-16 overflow-hidden group-hover:max-h-32">Learn to Code with JavaScript</h3><div class="pr-3 ml-auto text-xs font-medium text-white self-end flex items-center"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="star" class="svg-inline--fa fa-star text-yellow-500" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"></path></svg><span class="pl-0.5 text-2xs">5.0</span></div></div></div></div></div></a></li><li class="splide__slide"><a href="/premium/books/html5-css3-for-the-real-world-2nd-edition/" class="block"><div class="group relative rounded-md shadow-outline-sm hover:shadow-outline hover:cursor-pointer transition-all overflow-hidden "><div class="bg-gray-200 aspect-w-4 aspect-h-5"><img alt="HTML5 & CSS3 for the Real World: 2nd Edition Cover" loading="eager" decoding="async" data-nimg="fill" class="w-full h-full object-center object-cover lg:w-full lg:h-full group-hover:brightness-105 z-0" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cfilter id='b' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1' result='s'/%3E%3CfeFlood x='0' y='0' width='100%25' height='100%25'/%3E%3CfeComposite operator='out' in='s'/%3E%3CfeComposite in2='SourceGraphic'/%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3C/filter%3E%3Cimage width='100%25' height='100%25' x='0' y='0' preserveAspectRatio='none' style='filter: url(%23b);' href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAZCAIAAAC+dZmEAAAACXBIWXMAABYlAAAWJQFJUiTwAAADj0lEQVQ4jY2UfVMaVxTG+UgtsKCAIqKyLCzLW0GBBZWIUUQEJq1pVbSjaZs26Uymkz9q2/SFpqZpOx2bpglGEt4C2mhj2xnHl2qisvcuuwv9CJ27OrbTSUJmfnNm75l95jlz7rlHAgyyhkBSxbr0rKuDdXei6NRBUgUMMslLia2aKm2q+s1V2lz1mdjuTkipAS5/OTGhgJQGWjUoWjTIllAAw/PEuBwYMWhSQosK2rWsXQstaqQhm6G5CX2bm5/vbMSgU8f1UdxZNz/Wx0d7+REfP+LjBt1cgORCr1VpEyAUzxJ3SQGhqPrNwuuDtYlI7a2I8OZIfW7874tT9WRcSARr48N82Astqmc7Q3NTNUByYY8w6hdi/Xw8WE/G6rNv1KcTtYnR2mSUj9DQov6PGJefwro7+AjNhVxc0M5H/Hysr3Y+jKqYiNYmx2rJGD/qh+T/naXAIIW4vNpL1ZMxIXGGG3TzEVqI99cmo/WZRH1aZCYhjPVC6tSZUACblnF3Ma5Oxt7G0iYhHuTD3movxYVc/LCHjwb4WL8Q6xPiQSEe5AYcgGwWxbi84jY8OR/d+eDC9vuzu+ORA5qEDh20tqKrsrWiqxJh7VrW0cY62sQhwUSxEXs62PP7J/Mrt+6Ufvp5Zf7q5llvhVCCrgbDIwEGGUNp9s6F1769mb+Xy6YzudSXG/HQoUXdcPIkDC4/DFBbVy6tpzMruXIpWywuLq6/O/PEQ6DON3DGsf0h30YqtZot/VpYXcmv5NOZ8qfzO0M+BlUufbFYvjfkW099XbpfLGdLxUxh+dbd/PzHW8fiBs6Ecm9sYG3hRiFTKGYK+aXs8uLt4tWPdvqdTMOyj5zt21PnVm9+n08/yC1lc0vZ/O27a1cu73rNlYbdPvAYtxJDjz+8WLy+cH/xl9ydzMMffnw0Nf6nRburlx41cLa1Hrg6dwe6y+/NpT9PLS989+DypTztLLXLN3Sv7nfJmBc3DODyQw/x2ztv3/vqevraF8uJ0ZxRU9a+8ode+rRht4ERO/Kati5MP/rmRuGza6WRM4/x5s0O2b4BY4wYMGIAPwb9eYLYSwkkVdCmBd2Go2HfX7MTm3PJ7VDPgU1bsbYA28lIQ2sLpFpQtLWeQIprCFrUrLOddemhSw9ocyVAMT0G1qkTaUeL1tWBHomj7SSD0EFKDZHYiEFCCU1NaN2JAJMSZY5B+aZ/j6eIlf8D3PQDw253VIUAAAAASUVORK5CYII='/%3E%3C/svg%3E")" src="https://cdn.sanity.io/images/708bnrs8/production/1890ac380ff055ad71bf4c6514bbf4746a13529c-1200x1516.png?rect=59,641,676,845&w=200&h=250&fit=fill&auto=format"/><div class="absolute left-0 top-0 w-full h-full m-0 p-0"></div></div><div class="absolute bottom-0 mt-4 flex flex-col w-full"><div class="relative w-full h-8"></div><div class="relative pb-1 sm:pb-2 pt-1 w-full overflow-hidden" style="background-color:#75180f"><div class="flex"><h3 class="pl-3 pr-2 mb-0 text-sm leading-4 font-medium text-white w-auto max-h-16 overflow-hidden group-hover:max-h-32">HTML5 & CSS3 for the Real World: 2nd Edition</h3><div class="pr-3 ml-auto text-xs font-medium text-white self-end flex items-center"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="star" class="svg-inline--fa fa-star text-yellow-500" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"></path></svg><span class="pl-0.5 text-2xs">4.3</span></div></div></div></div></div></a></li><li class="splide__slide"><a href="/premium/books/css-master-3rd-edition/" class="block"><div class="group relative rounded-md shadow-outline-sm hover:shadow-outline hover:cursor-pointer transition-all overflow-hidden "><div class="bg-gray-200 aspect-w-4 aspect-h-5"><img alt="CSS Master Cover" loading="eager" decoding="async" data-nimg="fill" class="w-full h-full object-center object-cover lg:w-full lg:h-full group-hover:brightness-105 z-0" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cfilter id='b' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1' result='s'/%3E%3CfeFlood x='0' y='0' width='100%25' height='100%25'/%3E%3CfeComposite operator='out' in='s'/%3E%3CfeComposite in2='SourceGraphic'/%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3C/filter%3E%3Cimage width='100%25' height='100%25' x='0' y='0' preserveAspectRatio='none' style='filter: url(%23b);' href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAZCAYAAAAxFw7TAAAACXBIWXMAABYlAAAWJQFJUiTwAAAFI0lEQVQ4ja2U2W8bVRTG52+DRySoIkgRVEVqAQkhUlXihcILtKiqENAiCkIibUiaNHGzOLGzOrETx/sa77vHs9zZ7MRJnKVVpe+gO04iBHnk4acr3e/qm7nnO/cInrCC/xPhUiFyCWf7ayEZy/4GFrdqFyxt1bGy3bQ1YT2i4J9scKKXcKathSS4vCU413IXzHsKcPuqtiZ4owp8MdVmM95n6xLONX7eE2xiZZv/VR3L9trAalCEJyxD2E6q4ARSKoIplUJpdinBtEpcDyRV+BMKNmMSfFEJ3oiM9YiE9TBfFQiRDKNohlEsa4N47nK4xgmlZXhDFVrx5WhxI0uu9QwtrGXg9hbgCYkQUgUNnHRRww6npCHzL/ge1/iZSErE8kYSzsUQXsz7Me7wYGxyjaacAVr1lyHkyhryFQ2FKkdHscbheyqyRRmZM3YKMtJ5mcKJKi2tRWhmYZOmZtZp7PkSRsbdeD7jxepWAUK5rqPS0Kna7FMT+arRTq5Gm9sJ2tiMks+fIO9WAj5/EmveKNzL2zQ956HJF6v03LHCTckx58NGoAih0TKoKRkQZQMt2YCkGBAlHamdItyL65idXYJzfpVD8651DtxLm3C6NsgxvUyTjiUam3CRY3adfMECCYpqQmUmmGaC6RY03QLTLNTqLSSSGYTDCQRDcQSCMfgDMWx4g7S46KHZaScmnk1hdGSCRp6M0+TkAm340yQYZhum1YHV3rVptzuwTBOG2oTWzIGJZShSC7LMILZUFIpV+LxbmHM4aOrZGCZGRzE+MkrTDif5/EkSdve62NvbR3f/oI+lotOIQEvNQgkNQ4uNwyx50VZr9odUpqNUriIRTyIcilIwGIXfH6HtYIri6RoJB4c99HpH6PUOqdc16LAVJHP7IRWnhig+fJOSTz+hivMO9MQEOlIWlmlANywoqg5R0lAXGVXqDKUao2JVI+Hk9JRevnxFp0ddHIpBdMK/oDXzOSKPB7Fy/wpc996B7+FVqs19SZ2dSeyyKiyrY5uqmslDtEOtNXWU6zoJr1+/BudVV8FucpQk5xdUGLlGoV8HyfPDADnvDcB5/yoif96E7LlLnaoXbVOHYXbsIGXVQFMyeLvZ7ccN6dVxl3qNTeie76gy9hFFHr9H3h8H4H80CM/PH8D54BqtPLyO3NQtGIlxarMGeJjnhqJsUP3c8OTklA47CjqpCbCFIeSffkjue2/T8O03afbuFdr+4watPboO1/13KT58A2rgNxitAjTdBGPGfw15IF1LgsUN3beRfXoNU9+8hQcfv4HhO4PwP7kF//AQ3D/dQPSvIcihERhSyTZU+4b9Goo6ymeG1DUaMBOjaDpvUeT39+nFtwMY/f4zLAw/QGD2MWJLI4itjKPgn4ZSCsNgcj8U1g+l0TJQbeoo8VCOjo/poMPIyrnQcH2N+JNPsTXyFWKrk8jGg8gnw2iU81BlCRpTYRiGXT/+ohRmXly33LAHC6/hCY56B3TA8jBTDkjhcYgZHxSxCo0x6JoGy2qjs9tFu7MH09o9M+NvX0ejZQ8V2yxf0Ug4PjnB8fExHe23YV9dbUDXGAzDhGlaZJgWdIO/dcNuZklmaIoKqnUJ5ZpM5ZqKUk2zzTIljYSjoyPi9Ho9dLv7Z+1gXMCfGjcRWwoaTdkeGqVKE/lik7IFEbmyzOepbZYuaCQc9np0zv7BIe1199HZ3SN+PT4s+vXqJyopOpqShlqTUbnOUKwy5CuMsmWN0kWNEnlGfwNEZatGf/dvrgAAAABJRU5ErkJggg=='/%3E%3C/svg%3E")" src="https://cdn.sanity.io/images/708bnrs8/production/ec8688d3f0426bf5cd5e99122b19c6791853564d-832x1042.png?rect=151,459,336,420&w=200&h=250&fit=fill&auto=format"/><div class="absolute left-0 top-0 w-full h-full m-0 p-0"></div></div><div class="absolute bottom-0 mt-4 flex flex-col w-full"><div class="relative w-full h-8"></div><div class="relative pb-1 sm:pb-2 pt-1 w-full overflow-hidden" style="background-color:#583b28"><div class="flex"><h3 class="pl-3 pr-2 mb-0 text-sm leading-4 font-medium text-white w-auto max-h-16 overflow-hidden group-hover:max-h-32">CSS Master, 3rd Edition</h3><div class="pr-3 ml-auto text-xs font-medium text-white self-end flex items-center"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="star" class="svg-inline--fa fa-star text-yellow-500" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"></path></svg><span class="pl-0.5 text-2xs">4.8</span></div></div></div></div></div></a></li><li class="splide__slide"><a href="/premium/books/node-js-novice-to-ninja/" class="block"><div class="group relative rounded-md shadow-outline-sm hover:shadow-outline hover:cursor-pointer transition-all overflow-hidden "><div class="bg-gray-200 aspect-w-4 aspect-h-5"><img alt="Node.js: Novice to Ninja cover" loading="lazy" decoding="async" data-nimg="fill" class="w-full h-full object-center object-cover lg:w-full lg:h-full group-hover:brightness-105 z-0" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cfilter id='b' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1' result='s'/%3E%3CfeFlood x='0' y='0' width='100%25' height='100%25'/%3E%3CfeComposite operator='out' in='s'/%3E%3CfeComposite in2='SourceGraphic'/%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3C/filter%3E%3Cimage width='100%25' height='100%25' x='0' y='0' preserveAspectRatio='none' style='filter: url(%23b);' href='data:image/jpeg;base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAZABQDASIAAhEBAxEB/8QAGQAAAgMBAAAAAAAAAAAAAAAAAAYBBAUD/8QAIBAAAgICAgIDAAAAAAAAAAAAAQIDEQAEEiEFMSIyQf/EABcBAAMBAAAAAAAAAAAAAAAAAAADBgL/xAAbEQACAwEBAQAAAAAAAAAAAAAAAQISQQMRQv/aAAwDAQACEQMRAD8ATRoE9Ad5dXwO3Gpd9YstX2cY9XVCSIVKcmsAMLzu888Z+VGvyspXD1+Rwg11qlKeiRteOljlpouBIusMZtt2nm5si3VYYLmwfdYWoNtghKqrWOrwn2GkUWoBruj7zGT1knGbYV80LEs3FyGq8Mz5PscMLMzRH//Z'/%3E%3C/svg%3E")" src="https://cdn.sanity.io/images/708bnrs8/production/153fce8cc1efa957775b725b92bae96ca6c8cf0f-1021x1278.jpg?rect=286,638,450,562&w=200&h=250&fit=fill&auto=format"/><div class="absolute left-0 top-0 w-full h-full m-0 p-0"></div></div><div class="absolute bottom-0 mt-4 flex flex-col w-full"><div class="relative w-full h-8"></div><div class="relative pb-1 sm:pb-2 pt-1 w-full overflow-hidden" style="background-color:#04728a"><div class="flex"><h3 class="pl-3 pr-2 mb-0 text-sm leading-4 font-medium text-white w-auto max-h-16 overflow-hidden group-hover:max-h-32">Node.js: Novice to Ninja</h3><div class="pr-3 ml-auto text-xs font-medium text-white self-end flex items-center"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="star" class="svg-inline--fa fa-star text-yellow-500" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"></path></svg><span class="pl-0.5 text-2xs">5.0</span></div></div></div></div></div></a></li><li class="splide__slide"><a href="/premium/books/php-mysql-novice-to-ninja-7th-edition/" class="block"><div class="group relative rounded-md shadow-outline-sm hover:shadow-outline hover:cursor-pointer transition-all overflow-hidden "><div class="bg-gray-200 aspect-w-4 aspect-h-5"><img alt="PHP & MySQL: Novice to Ninja, 7th Edition Cover" loading="lazy" decoding="async" data-nimg="fill" class="w-full h-full object-center object-cover lg:w-full lg:h-full group-hover:brightness-105 z-0" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cfilter id='b' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1' result='s'/%3E%3CfeFlood x='0' y='0' width='100%25' height='100%25'/%3E%3CfeComposite operator='out' in='s'/%3E%3CfeComposite in2='SourceGraphic'/%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3C/filter%3E%3Cimage width='100%25' height='100%25' x='0' y='0' preserveAspectRatio='none' style='filter: url(%23b);' href='data:image/jpeg;base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAZABQDASIAAhEBAxEB/8QAGgAAAgIDAAAAAAAAAAAAAAAAAAQCBgMFB//EACEQAAEEAgIDAQEAAAAAAAAAAAEAAgMEBREGEhMxQSEi/8QAFwEBAQEBAAAAAAAAAAAAAAAAAAIBBv/EABkRAAIDAQAAAAAAAAAAAAAAAAARAQISIf/aAAwDAQACEQMRAD8A5DWw9yzXE0UYMZG99gmIMFfDiXVQ8b66c7X6nOO8Vz2ajMuIqTzxsOi5voFSyMuXwORfXysLmzM9skGtLoZrLTLRp79GxXn6SV/G7QPUfqE3azr7EvcxNB1r2hOgtnD+f2sDgX0ajT5BKHtI9a+7SnPuXTcmJa6o0BjuzZSP71r0VSYfqyH6pmldbXQLIQhUYf/Z'/%3E%3C/svg%3E")" src="https://cdn.sanity.io/images/708bnrs8/production/42f7ad8c736f958f6793e085d3764433e50f5b2a-1021x1278.jpg?rect=294,691,434,543&w=200&h=250&fit=fill&auto=format"/><div class="absolute left-0 top-0 w-full h-full m-0 p-0"></div></div><div class="absolute bottom-0 mt-4 flex flex-col w-full"><div class="relative w-full h-8"></div><div class="relative pb-1 sm:pb-2 pt-1 w-full overflow-hidden" style="background-color:#140454"><div class="flex"><h3 class="pl-3 pr-2 mb-0 text-sm leading-4 font-medium text-white w-auto max-h-16 overflow-hidden group-hover:max-h-32">PHP & MySQL: Novice to Ninja, 7th Edition</h3><div class="pr-3 ml-auto text-xs font-medium text-white self-end flex items-center"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="star" class="svg-inline--fa fa-star text-yellow-500" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"></path></svg><span class="pl-0.5 text-2xs">4.8</span></div></div></div></div></div></a></li><li class="splide__slide"><a href="/premium/books/unleashing-the-power-of-typescript/" class="block"><div class="group relative rounded-md shadow-outline-sm hover:shadow-outline hover:cursor-pointer transition-all overflow-hidden "><div class="bg-gray-200 aspect-w-4 aspect-h-5"><img alt="Unleashing the Power of TypeScript cover" loading="lazy" decoding="async" data-nimg="fill" class="w-full h-full object-center object-cover lg:w-full lg:h-full group-hover:brightness-105 z-0" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cfilter id='b' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1' result='s'/%3E%3CfeFlood x='0' y='0' width='100%25' height='100%25'/%3E%3CfeComposite operator='out' in='s'/%3E%3CfeComposite in2='SourceGraphic'/%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3C/filter%3E%3Cimage width='100%25' height='100%25' x='0' y='0' preserveAspectRatio='none' style='filter: url(%23b);' href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAZCAYAAAAxFw7TAAAACXBIWXMAAA3XAAAN1wFCKJt4AAAEKUlEQVQ4jYVV6XbaZhTknRobkNglJCQBEosECDCExcYstuMkjbGNjZeTkyax26Qv0DednrnUOO7pSX9c7d98c2fuvYq82onhZ7GzG38R//d95Gcgu1GG8jJ244jGFCSSGWSyukQqnYOipmRN5JdXUfwYT4AEi0YVWRyNqc8RVRBXEsjm8jALjoSeLyCZysqGkWeAzcK4koSiJqGqKSQSaWHCUBPpTagpKEoSaiK1fR5XkrJWUo7FE8hpeVh2EY5TRrHoolh6jlLZQ9mtouxW4BTLwoYbcR3Z7/xL10gimYYfNHEwmaL/eohWq42w3ZVoNEM5j8cH8r7d2RNggjI0zUA6nUMmq0nKoiEp7/VeY3l+icXRCYajfRxO55jNj+R8dPwGl6trXK9v5XowHEvw3WQyxWh8gMPDGVphR4yJMPe638Dp6Tsszy9we3uP3z5/wZevD3h8/AMPD79LfPv2pzy/ul5jdXWN+/uP+PrwKN99+vQZ09lC3I7QDNJnaicnp7i5ucPd/UdcXa1xcbnC2fIc7389w/nFJZbLC9l4NlsI2/XNHVZXaxwfvxGGTFsA6aqum6jVA9GJ4Lx23eomvBoq1To8ryYa2jSv5CFohPI8bxRESxolgEyb5ZDJaMI2b1iygaab23uGYdowTAt63kROM6QWk6nstmykDnmIxVVhSQ0KVhFepSblYwqALcXLkqn7TXH+yel0ZuMuzSCGAEajKuLxBFQ1DV0rImyMsT9aoNvtw6vUYTslFCwH1aqPyWQm2lEWbiCpZjTJbguoKBlk0zYyaRO2GWDSW+PD4hFH0wv0e2NUa4GAshLmi+MtoB+0pH4LVlE6ZguYUHVY+QB5rYy8VkLHP8b7w+84W3zHZPQOQRCKCQQe70/Q7w/gelVJfTjcF9BsVn8GjMWSyGYs5HUHuVwBtlVBL5xjPl5h2D9Gvd6UtqSb7CQCUVen6EpDdLo9MYwOS6fwQJf0nAPb8GEVPNGr3e4jDHuoVOqw7JKUUXevL2c6zGDanW4PZsEWhgLIhpYBkbVhGT4KpicuN1vtraPUqVrz5Z4Dg0YwaFqz1YZhWM/Thgcy1DQThlGEYdiyiNoEjRZKJU/qzrZLAs70aALLhd/V6oHUK/XbApIhH/IDLtqMrApcYefIVNZ0Q1LjqHuaiyzysluRZy8AecMuIRBZsS8bjVBajcVNVqw7aklHmRFJ8Np2NjOS9y/+KWKMboqbFHo0mmA0mKMZ9OF5vmhFGciK0zoWU//pLEcKnOtfAD65zaFJU3q9EeaTJcb9U1QrDfh+C532ALVaUxwmI2pJKWjQ1pQff06iZ0zdpF+qoBMO0W4N4Tgu3HKAQfstRt0P8Eoh1ERGCGy6ZJMucf7zr0dN6SL/MRxdTMstNzHt3WN58BcGjRUyKVtYEezJEAL+DZIwrlFmcDYcAAAAAElFTkSuQmCC'/%3E%3C/svg%3E")" src="https://cdn.sanity.io/images/708bnrs8/production/5fd75bb7ed78541494a1ec40662e913cd67c7838-1600x2000.png?w=200&h=250&fit=fill&auto=format"/><div class="absolute left-0 top-0 w-full h-full m-0 p-0"></div></div><div class="absolute bottom-0 mt-4 flex flex-col w-full"><div class="relative w-full h-8"></div><div class="relative pb-1 sm:pb-2 pt-1 w-full overflow-hidden" style="background-color:#38295a"><div class="flex"><h3 class="pl-3 pr-2 mb-0 text-sm leading-4 font-medium text-white w-auto max-h-16 overflow-hidden group-hover:max-h-32">Unleashing the Power of TypeScript</h3><div class="pr-3 ml-auto text-xs font-medium text-white self-end flex items-center"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="star" class="svg-inline--fa fa-star text-yellow-500" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"></path></svg><span class="pl-0.5 text-2xs">5.0</span></div></div></div></div></div></a></li><li class="splide__slide"><a href="/premium/books/unleashing-the-power-of-astro/" class="block"><div class="group relative rounded-md shadow-outline-sm hover:shadow-outline hover:cursor-pointer transition-all overflow-hidden "><div class="bg-gray-200 aspect-w-4 aspect-h-5"><img alt="Unleashing the Power of Astro cover" loading="lazy" decoding="async" data-nimg="fill" class="w-full h-full object-center object-cover lg:w-full lg:h-full group-hover:brightness-105 z-0" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cfilter id='b' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1' result='s'/%3E%3CfeFlood x='0' y='0' width='100%25' height='100%25'/%3E%3CfeComposite operator='out' in='s'/%3E%3CfeComposite in2='SourceGraphic'/%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3C/filter%3E%3Cimage width='100%25' height='100%25' x='0' y='0' preserveAspectRatio='none' style='filter: url(%23b);' href='data:image/jpeg;base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAZABQDASIAAhEBAxEB/8QAGgAAAwADAQAAAAAAAAAAAAAAAAIHAwQFBv/EACUQAAEEAAYCAgMAAAAAAAAAAAEAAgMEBQYREiExB0EyURMiYf/EABgBAAIDAAAAAAAAAAAAAAAAAAABAgME/8QAGBEBAQEBAQAAAAAAAAAAAAAAAAEREiH/2gAMAwEAAhEDEQA/AIHQyhPboxWWl+17N/AC5d7DqtKw+CxPKyVnYLEuGNuWbMNSCabWRwaGtJOmp+lQPL3jqLKdXDLdWW3N+dm2d0zOnADkH65Wr2XKEskDQ8hhJb6JQnMR9IUsoejydefhWP1bUU7a5adrpnt3BoPZ0VH8lZ4kxvL5qx4428D+hidDodn8PrpSaP4lMruJbptUs54OiFkf8ihGE//Z'/%3E%3C/svg%3E")" src="https://cdn.sanity.io/images/708bnrs8/production/9b180f1df344a8047cf3ee91c33acd20d5481d6d-1600x2000.jpg?w=200&h=250&fit=fill&auto=format"/><div class="absolute left-0 top-0 w-full h-full m-0 p-0"></div></div><div class="absolute bottom-0 mt-4 flex flex-col w-full"><div class="relative w-full h-8"></div><div class="relative pb-1 sm:pb-2 pt-1 w-full overflow-hidden" style="background-color:#0c043c"><div class="flex"><h3 class="pl-3 pr-2 mb-0 text-sm leading-4 font-medium text-white w-auto max-h-16 overflow-hidden group-hover:max-h-32">Unleashing the Power of Astro</h3></div></div></div></div></a></li><li class="splide__slide"><a href="/premium/books/useful-python/" class="block"><div class="group relative rounded-md shadow-outline-sm hover:shadow-outline hover:cursor-pointer transition-all overflow-hidden "><div class="bg-gray-200 aspect-w-4 aspect-h-5"><img alt="Useful Python cover" loading="lazy" decoding="async" data-nimg="fill" class="w-full h-full object-center object-cover lg:w-full lg:h-full group-hover:brightness-105 z-0" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cfilter id='b' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1' result='s'/%3E%3CfeFlood x='0' y='0' width='100%25' height='100%25'/%3E%3CfeComposite operator='out' in='s'/%3E%3CfeComposite in2='SourceGraphic'/%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3C/filter%3E%3Cimage width='100%25' height='100%25' x='0' y='0' preserveAspectRatio='none' style='filter: url(%23b);' href='data:image/jpeg;base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAZABQDASIAAhEBAxEB/8QAGgAAAgMBAQAAAAAAAAAAAAAAAAQDBgcBAv/EACMQAAICAgICAQUAAAAAAAAAAAECAAMEERIxBWFBEyJicaH/xAAXAQADAQAAAAAAAAAAAAAAAAABAgQD/8QAGBEAAwEBAAAAAAAAAAAAAAAAAAECERL/2gAMAwEAAhEDEQA/AMftuDfMRuYqwbjy9Edx6yob0e5a8PP8Xj4Va/WUMFA+6gMQfkyi9A0jP2sZjvhx9AQll8vk4l+XyquRlCgbFXH+Qi4xcOV4psYhdb9meLsC+sFmC8R+Qk7dyM9H9ympKKkUFAYb1CNr1CDlGeH/2Q=='/%3E%3C/svg%3E")" src="https://cdn.sanity.io/images/708bnrs8/production/0020301367cafd1036bcaca789cd328be30990af-1600x2000.jpg?w=200&h=250&fit=fill&auto=format"/><div class="absolute left-0 top-0 w-full h-full m-0 p-0"></div></div><div class="absolute bottom-0 mt-4 flex flex-col w-full"><div class="relative w-full h-8"></div><div class="relative pb-1 sm:pb-2 pt-1 w-full overflow-hidden" style="background-color:#3d3b49"><div class="flex"><h3 class="pl-3 pr-2 mb-0 text-sm leading-4 font-medium text-white w-auto max-h-16 overflow-hidden group-hover:max-h-32">Useful Python</h3></div></div></div></div></a></li><li class="splide__slide"><a href="/premium/books/the-python-apprentice/" class="block"><div class="group relative rounded-md shadow-outline-sm hover:shadow-outline hover:cursor-pointer transition-all overflow-hidden "><div class="bg-gray-200 aspect-w-4 aspect-h-5"><img alt="The Python Apprentice Cover" loading="lazy" decoding="async" data-nimg="fill" class="w-full h-full object-center object-cover lg:w-full lg:h-full group-hover:brightness-105 z-0" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cfilter id='b' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1' result='s'/%3E%3CfeFlood x='0' y='0' width='100%25' height='100%25'/%3E%3CfeComposite operator='out' in='s'/%3E%3CfeComposite in2='SourceGraphic'/%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3C/filter%3E%3Cimage width='100%25' height='100%25' x='0' y='0' preserveAspectRatio='none' style='filter: url(%23b);' href='data:image/jpeg;base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAZABQDASIAAhEBAxEB/8QAGwAAAQQDAAAAAAAAAAAAAAAAAAECAwQFBgj/xAAkEAACAQIEBwEAAAAAAAAAAAAAAQIREgMhMTIFEyJSYXGBkf/EABgBAAMBAQAAAAAAAAAAAAAAAAACBAED/8QAHREAAgEEAwAAAAAAAAAAAAAAAAIRAQMSYRMUMf/aAAwDAQACEQMRAD8A6lxZWKvU/RHzlVK2efgsMZh3Z3/Ba+wA9aAADAJKjWo1UWsn9ZAVOIbYnBbmTRBj1xWTKXR7l+gavLcwLOPZP2NH/9k='/%3E%3C/svg%3E")" src="https://cdn.sanity.io/images/708bnrs8/production/488bf43e65bb69de544a369f24303b7e4499723a-600x761.jpg?rect=225,271,150,188&w=200&h=250&fit=fill&auto=format"/><div class="absolute left-0 top-0 w-full h-full m-0 p-0"></div></div><div class="absolute bottom-0 mt-4 flex flex-col w-full"><div class="relative w-full h-8"></div><div class="relative pb-1 sm:pb-2 pt-1 w-full overflow-hidden" style="background-color:#155d6f"><div class="flex"><h3 class="pl-3 pr-2 mb-0 text-sm leading-4 font-medium text-white w-auto max-h-16 overflow-hidden group-hover:max-h-32">The Python Apprentice</h3><div class="pr-3 ml-auto text-xs font-medium text-white self-end flex items-center"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="star" class="svg-inline--fa fa-star text-yellow-500" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"></path></svg><span class="pl-0.5 text-2xs">4.5</span></div></div></div></div></div></a></li><li class="splide__slide"><a href="/premium/books/unleashing-the-power-of-css/" class="block"><div class="group relative rounded-md shadow-outline-sm hover:shadow-outline hover:cursor-pointer transition-all overflow-hidden "><div class="bg-gray-200 aspect-w-4 aspect-h-5"><img alt="Unleashing the Power of CSS cover" loading="lazy" decoding="async" data-nimg="fill" class="w-full h-full object-center object-cover lg:w-full lg:h-full group-hover:brightness-105 z-0" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cfilter id='b' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1' result='s'/%3E%3CfeFlood x='0' y='0' width='100%25' height='100%25'/%3E%3CfeComposite operator='out' in='s'/%3E%3CfeComposite in2='SourceGraphic'/%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3C/filter%3E%3Cimage width='100%25' height='100%25' x='0' y='0' preserveAspectRatio='none' style='filter: url(%23b);' href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAZCAYAAAAxFw7TAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFhElEQVQ4jVXUWXPaWBMGYP2Hb5LYxuxIaDuLFgSSxQ5iN2CD2WwnceLJzCSZyv+/ePsrkcxFLt5q1bl4qo+kbsXwx6i6CVSnj4rooMSbKNoR8lYdOaOGrO7iWpPIqJwuKxYuSgZdFHV6V6z+lov0vGySorsjVJ0hVNFFmbdQsmMUrBB5M0BO95GtOrhWBTIVG1dlEyl2WdQpX2VUsR2qMJfKlkM5ndFl2SDFcBNUZR8q76BsN1GyIhTMBvJGDbmqh6wmcV1hyJQtpNBFXqPLgkZlU5Dp1Mh0AtKFT0WD02VJJ8VyR9BFHypro2zFKJkhikYdBd1Hvuogqwq6LtvIlAxcFqp0kavQu2yJrvIVyhTVc64KKl0UVHqbr5DCvBFM2YfG2qhYNyibIUpGgILuIa85yKkc12ULmaJBV3mNLrJlepsp0JvLLP1xcU3/S5M+p2fZEinMTWA7AxiiC82OUTEbKOkBilUPBc2hvMqRLVu4Lup0lVfpIluid5k8vbm8pj8uMj/zG+gkYM4QluxBZ02oZoiyEaBU9VHUHCqoHLmyRSmYyat0mYJXOXqTQu+ufgevS6RwZwQmB7BEF7rdhGaGUI06dLsB4bXIq3fgBE1iToNsWSPm1MgWLlUNRqpukW4L0kxB2bJOb3MVUrhMfoK8C8NuQrduoJkNcLeF3nBJy7sjVvdHmi+3NF3c0Xx5T8v1lmaLFSWTOU0XKxqMF8T9kNKPpnCRgMshbNGDdPuImjOE8QT1KEE/WdFiucdyfTiDk3kKbuj+4Ujb3Yk2D0fa7E50e7ejIO5RpmSQIuUIQqboAHHzFofTF3x4+Y7D6RXHx1d6fP4Tp6fPWN0faHa7od3xPR2fPtJm90j703t6ef2b3r98od5oQTmVkeI6E0iZQIgBopsF7u4/4un5H3x4+YaXz9/x6fU7ffz0FevNiRbLHe2PH2i9OdJ4tqbb9Y6OT5/o8PSJOsMFClUJxZUTyPTafAApB6gFI4TRFHFzhmZrhmZ7hrg9QdDowa93EIQ9SC8m5oQk/RhevQ233oYhGuchUCQbQbAEgg3AWA+23YFtt2DZMUzrBqYdwbRD6FadqmYNmuGjorsoaQ6KmkRBFcirgnIVgWxFQpH2CCkqeQLBB+CsB867YKwNmzVhsxg2j2GxGxh2SGfYCkg1fCpVXSpqLgqai7zqIqe6UDw+hcsncMUYjkjRPgT/iXLeAeMtMPEzFo9hsgiGHaFqNVDRayinA1D1UdDS2a9BqYk5fD6Fd0ZHZ9QRA0jRhxAp3AEX/6UN+ww3Ydjp/xqiYtRR1uso/opS4wv4fIa0U09M4Ikx3DM6hPzVrZR9uO4Qrj+E4w3AZRcWb0G3YmhmhIqRjmu6VCIoAbtFitb4HL6Ywk9ROf7V7RBSDOB5IzQaC4TRLYL6FK6fgIl0slqoWun8p0slTRNKKO5Q50vU2AI+m52vX5Mz+HJ6RiUfwnPHaDSWuInvEEZL1IIZZLpQWBe61YZmtqCl1epAabo7hHyNwF6gZs/PaPpeA2f+Cx3DkxPUawvcRHeIojVqwRzSHcPmfRhWiqaLJd1WfSjd4BE3YoM6WyG9fuis0I0ekHRPGHaPGHT26Hf2SPpHTEbPGCWP6HV3CMMVpBzDsgcw7AFMNoTJEyjD8AVt74CI35877TX22C7+wvP+Bx4f/sVh8w2H7Vc87v/F8+kHnk4/sN99xWT8HkGwBONj2GwEO61iAmUcf0G//gEtZ49YbtGrH7BKXrFd/I272Z9YTj5jPXvFdv0P9pvv2G2+4W71F0bDZ9SDNaSYgYspeFqdOZRp+yuS8DM63glN+YCm3KLlPqDlbRF7G8T+Bt3ogHHvBbPkFUnvA9rxAVF9A99dwpELyP/i3OL/60QypgE1F5IAAAAASUVORK5CYII='/%3E%3C/svg%3E")" src="https://cdn.sanity.io/images/708bnrs8/production/e48ef679bb9958c0ea8560c8c7888189fb650d7d-1600x2000.png?w=200&h=250&fit=fill&auto=format"/><div class="absolute left-0 top-0 w-full h-full m-0 p-0"></div></div><div class="absolute bottom-0 mt-4 flex flex-col w-full"><div class="relative w-full h-8"></div><div class="relative pb-1 sm:pb-2 pt-1 w-full overflow-hidden" style="background-color:#34244c"><div class="flex"><h3 class="pl-3 pr-2 mb-0 text-sm leading-4 font-medium text-white w-auto max-h-16 overflow-hidden group-hover:max-h-32">Unleashing the Power of CSS</h3><div class="pr-3 ml-auto text-xs font-medium text-white self-end flex items-center"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="star" class="svg-inline--fa fa-star text-yellow-500" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"></path></svg><span class="pl-0.5 text-2xs">5.0</span></div></div></div></div></div></a></li><li class="splide__slide"><a href="/premium/books/the-self-taught-computer-scientist-the-beginner-s-guide-to-data-structures-algorithms/" class="block"><div class="group relative rounded-md shadow-outline-sm hover:shadow-outline hover:cursor-pointer transition-all overflow-hidden "><div class="bg-gray-200 aspect-w-4 aspect-h-5"><img alt="The Self-Taught Computer Scientist: The Beginner's Guide to Data Structures & Algorithms cover" loading="lazy" decoding="async" data-nimg="fill" class="w-full h-full object-center object-cover lg:w-full lg:h-full group-hover:brightness-105 z-0" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cfilter id='b' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1' result='s'/%3E%3CfeFlood x='0' y='0' width='100%25' height='100%25'/%3E%3CfeComposite operator='out' in='s'/%3E%3CfeComposite in2='SourceGraphic'/%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3C/filter%3E%3Cimage width='100%25' height='100%25' x='0' y='0' preserveAspectRatio='none' style='filter: url(%23b);' href='data:image/jpeg;base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAZABQDASIAAhEBAxEB/8QAGwABAAEFAQAAAAAAAAAAAAAAAAUBAgMEBgj/xAAiEAACAgIBBAMBAAAAAAAAAAABAgADBBExBQYSYRMiUZH/xAAVAQEBAAAAAAAAAAAAAAAAAAAAAf/EABgRAQADAQAAAAAAAAAAAAAAAAABESFB/9oADAMBAAIRAxEAPwD1JdaqqdWKp9zFXeDYN31kfk5rq3b2XlZV7hlFbElPuR/Zr1du5vxuvnTvhQHMk3xcdsrBhtSCPUSP6L09sHAWmxtt5Fid75iVEg6h10eJRK1TgS6ICIiB/9k='/%3E%3C/svg%3E")" src="https://cdn.sanity.io/images/708bnrs8/production/996414f46f566c9dda023e44961df804cfb21889-713x896.jpg?rect=0,0,713,891&w=200&h=250&fit=fill&auto=format"/><div class="absolute left-0 top-0 w-full h-full m-0 p-0"></div></div><div class="absolute bottom-0 mt-4 flex flex-col w-full"><div class="relative w-full h-8"></div><div class="relative pb-1 sm:pb-2 pt-1 w-full overflow-hidden" style="background-color:#0c0408"><div class="flex"><h3 class="pl-3 pr-2 mb-0 text-sm leading-4 font-medium text-white w-auto max-h-16 overflow-hidden group-hover:max-h-32">The Self-Taught Computer Scientist: The Beginner's Guide to Data Structures & Algorithms</h3><div class="pr-3 ml-auto text-xs font-medium text-white self-end flex items-center"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="star" class="svg-inline--fa fa-star text-yellow-500" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"></path></svg><span class="pl-0.5 text-2xs">5.0</span></div></div></div></div></div></a></li><li class="splide__slide"><a href="/premium/books/the-principles-of-beautiful-web-design-4th-edition/" class="block"><div class="group relative rounded-md shadow-outline-sm hover:shadow-outline hover:cursor-pointer transition-all overflow-hidden "><div class="bg-gray-200 aspect-w-4 aspect-h-5"><img alt="The Principles of Beautiful Web Design, 4th Edition Cover" loading="lazy" decoding="async" data-nimg="fill" class="w-full h-full object-center object-cover lg:w-full lg:h-full group-hover:brightness-105 z-0" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cfilter id='b' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1' result='s'/%3E%3CfeFlood x='0' y='0' width='100%25' height='100%25'/%3E%3CfeComposite operator='out' in='s'/%3E%3CfeComposite in2='SourceGraphic'/%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3C/filter%3E%3Cimage width='100%25' height='100%25' x='0' y='0' preserveAspectRatio='none' style='filter: url(%23b);' href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAZCAYAAAAxFw7TAAAACXBIWXMAABYlAAAWJQFJUiTwAAAFZUlEQVQ4jX3T23Mb5RmA8f3PakuKg2kak4NNoC2QpC3BsWU78QlDAh5K4kMKCQm9KZ3pdHpF7Ng6r86rgy3LJsM0MzAtQ4i0Z0l7cELvn863cpMOF1w8s3e/eb/93k8aiBmIBhMmg0mLwZRFKG0TynQIyR1C2S7hXI9wvke44BAuukTKHhHFI1LxiVQPCVefEqo9I1R/hjSwrfNzaFjuEH6OOrxUcjlV9Thb9xndOeTM7lNO1J8SqfVRaWBLI0CP4MG4QM0AHRTo82m7hLI9jhccTldcxmoeY3WfM/VDTtQOiVQOCVWfIg08UAnQ/8FiWoEmTEIpi0jGJpLpcEzucCzbZSjfY7jgMFxyGC67vFT2OC6Or/iEFB9pYFMlQB+8QAdjBpGEyUnZZrTQYbTY5Vy5x68Vh9crDucqLq9WXcaqHqM1jzM1n5crHuGyhzSw0SboCA5v6/wqZXIuZ/M7pctEvcd43eHyjsPVpsfigc/8gc/sgU903+edps+Fhs+IAEsu0vBmm6HNNmEBbqocj2mcL9gs7PZY2nNYaDgs7LlcbbjM7rksHfhcf+iz9NUhV/Z9pvZ93m74nFRcQgUX6Y24xusxjbMxjZMxjdNJnQnFZnnf4cN9h/ndPrq45zKz6zDdcJlrelxpekzvecGkE3s+pxQ32AJpMqVzOaUzmTG5WrRZqHa4tttjuenwQdNhptZlpt7j/abLUtNltuEy3xR5zO97vP+wf/wxxQlWS4omdaIpnfmsyUqty2f7DmsCa/RY3OlyWekwUemw2HB4t+Ew13AC+NqBx9KBFxxf/NfXBJjtIk0mNEQzaZ338hbLZZv3yjbjeYvfygajaYNXMya/yVm8UbD5fblDtNZjesdhaqf/C8Z3XM4We8EjkCbjKpNxjWhCYyqpM5M2uCIbnE9qDD9QCYkLE7e/pTEU0zmVNo/gLpcqPcZrPS5We7yS7xLO2EiTMQH20Ym4xmxa56ZislQ0GNlq84v7Lf5/tSLbWoC+dYS+XelyQekykusQSltI03GVqbjKdEJlKqGyKOv87asuf/+6w8V0m4EvnzBwv8VgALYZ3FQZ2tYYSRmcyZiclS1OyRbHxVNNmkjXMhpLaY3lnM4txeCzmknmmy71xw7LisrLGz8w+GUrQAfutwNYoKEtjfC2RjimE4kbhOMGoYSJtJI3uJHTuVsxSTzq0vje4d+Gx3emx1+bBm/FWpzYaBEWYAD3jy/QY1sav4zpjCQMTqdMTosjr+UNRLfLBttfdwLs8Nl/sL0fST6y+CCnciHW5pXNFsMbLYY2WhzbaHNiS+VcQud82uQPssWlnB0kreZ0VvM66wWDL+omu9/16Pk/BujDx12+2FGZS7e5GFN5M6by2rbK2LbKmwmddzImk1mLaM5mKi/qIK1mddZyOndKBv/YM9n5l03LcmnbHtVvDe6WnzCXbPW3IKExntC4JJ5nyiCaMYnKJlGBHsHSqqyxntX4vKRyf0+l9M825UcqDw5U7pSesJB8wlS8HWyC2NWgo9cVTRtE0+YR3EelFVlDoH/Ktvlz4TF/KX3P54UfuCG3WEy0mEu0WUhpLKY15lM6M8mfoCmBvphWWsmoiFZllTW5HbSSVflI1vgwo/FRVueG2IS8wR/zJtezBnNpnSkBJ3WmUqIXqLSSFpDGJ3md2wWD28V+n4pKJrfLJncU63mfKBYfF0yWZIMF2eDdrMlC1mRWNrgSgKk267LKnYLOvZLRrywyuaeY3KtYQXfFtyqy+bRi8XHRDFpVbG6WbZaLFtcLFtLNVBuBrmX6k4rEJa3nRDq38jq3Cka/oshkVWB5k5tFk/Wyxbpis3bUfwGF6/TnooPN6QAAAABJRU5ErkJggg=='/%3E%3C/svg%3E")" src="https://cdn.sanity.io/images/708bnrs8/production/a64d113810e025961519ef9498c18aa882391627-1594x1988.png?rect=95,881,745,931&w=200&h=250&fit=fill&auto=format"/><div class="absolute left-0 top-0 w-full h-full m-0 p-0"></div></div><div class="absolute bottom-0 mt-4 flex flex-col w-full"><div class="relative w-full h-8"></div><div class="relative pb-1 sm:pb-2 pt-1 w-full overflow-hidden" style="background-color:#0e5f76"><div class="flex"><h3 class="pl-3 pr-2 mb-0 text-sm leading-4 font-medium text-white w-auto max-h-16 overflow-hidden group-hover:max-h-32">The Principles of Beautiful Web Design, 4th Edition</h3><div class="pr-3 ml-auto text-xs font-medium text-white self-end flex items-center"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="star" class="svg-inline--fa fa-star text-yellow-500" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"></path></svg><span class="pl-0.5 text-2xs">4.6</span></div></div></div></div></div></a></li><li class="splide__slide"><a href="/premium/books/solutions-architect-s-handbook-2nd-edition/" class="block"><div class="group relative rounded-md shadow-outline-sm hover:shadow-outline hover:cursor-pointer transition-all overflow-hidden "><div class="bg-gray-200 aspect-w-4 aspect-h-5"><img alt="Solutions Architect’s Handbook, 2nd Edition cover" loading="lazy" decoding="async" data-nimg="fill" class="w-full h-full object-center object-cover lg:w-full lg:h-full group-hover:brightness-105 z-0" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cfilter id='b' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1' result='s'/%3E%3CfeFlood x='0' y='0' width='100%25' height='100%25'/%3E%3CfeComposite operator='out' in='s'/%3E%3CfeComposite in2='SourceGraphic'/%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3C/filter%3E%3Cimage width='100%25' height='100%25' x='0' y='0' preserveAspectRatio='none' style='filter: url(%23b);' href='data:image/jpeg;base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAZABQDASIAAhEBAxEB/8QAGQAAAgMBAAAAAAAAAAAAAAAAAAMCBAUH/8QAKRAAAQQAAwUJAAAAAAAAAAAAAQACAwQREnEFITE0YhMUIiMyNUFRYf/EABYBAQEBAAAAAAAAAAAAAAAAAAIBAP/EABkRAQEBAQEBAAAAAAAAAAAAAAEAEgJRIf/aAAwDAQACEQMRAD8A53S2bSnpxvllLXFu8Y/KrWKVKvKWlliQAephGCz8JGsDTmaR+qTGSEYve9rdUdk8MubuufyhKG9XFCkZIGkjss/UTxQpp8tk9rcVaxLE2TAnEbil168lqWaFxc6Zo8LQm1uXj0Stn+5HUqnIUe1+Sb9Q1pxHlc05QSD9oTtqc2dAhKN//9k='/%3E%3C/svg%3E")" src="https://cdn.sanity.io/images/708bnrs8/production/8e16d36cc8f6556832438c83a773f6bbec9c0587-1650x2035.jpg?rect=529,1024,417,521&w=200&h=250&fit=fill&auto=format"/><div class="absolute left-0 top-0 w-full h-full m-0 p-0"></div></div><div class="absolute bottom-0 mt-4 flex flex-col w-full"><div class="relative w-full h-8"></div><div class="relative pb-1 sm:pb-2 pt-1 w-full overflow-hidden" style="background-color:#732908"><div class="flex"><h3 class="pl-3 pr-2 mb-0 text-sm leading-4 font-medium text-white w-auto max-h-16 overflow-hidden group-hover:max-h-32">Solutions Architect’s Handbook, 2nd Edition</h3></div></div></div></div></a></li></ul></div><div class="splide__arrows"><button class="splide__arrow splide__arrow--prev Carousel_splideArrow__oJOEm Carousel_splideArrowPrev__FGBFc"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" width="40" height="40" focusable="false"><path d="m15.5 0.932-4.3 4.38 14.5 14.6-14.5 14.5 4.3 4.4 14.6-14.6 4.4-4.3-4.4-4.4-14.6-14.6z"></path></svg></button><button class="splide__arrow splide__arrow--next Carousel_splideArrow__oJOEm Carousel_splideArrowNext__uHmgk"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" width="40" height="40" focusable="false"><path d="m15.5 0.932-4.3 4.38 14.5 14.6-14.5 14.5 4.3 4.4 14.6-14.6 4.4-4.3-4.4-4.4-14.6-14.6z"></path></svg></button></div></div></div></section><section><header class="flex flex-row items-baseline mb-2"><h2 class="font-bold text-base mb-0">Popular Courses</h2></header><div><div class="splide Carousel_splide__p2P5n"><div class="splide__track -mx-8"><ul class="splide__list"><li class="splide__slide"><a href="/premium/courses/react-js-masterclass-zero-to-job-ready-with-10-projects-3203/" class="block"><div class="group relative rounded-md shadow-outline-sm hover:shadow-outline hover:cursor-pointer transition-all overflow-hidden "><div class="bg-gray-200 aspect-w-4 aspect-h-5"><img alt="React JS Masterclass: Zero To Job Ready With 10 Projects cover" loading="lazy" decoding="async" data-nimg="fill" class="w-full h-full object-center object-cover lg:w-full lg:h-full group-hover:brightness-105 z-0" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cfilter id='b' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1' result='s'/%3E%3CfeFlood x='0' y='0' width='100%25' height='100%25'/%3E%3CfeComposite operator='out' in='s'/%3E%3CfeComposite in2='SourceGraphic'/%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3C/filter%3E%3Cimage width='100%25' height='100%25' x='0' y='0' preserveAspectRatio='none' style='filter: url(%23b);' href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAACXBIWXMAAA7EAAAOxAGVKw4bAAADVElEQVQokT2SbVATBByH97W84rwjO6AwiJhbW9BZEcFZkYqKeOlRAXXKNd4OCo55URiMcMg2BgxQ3tY2GToGLLZBYPFiZSLLkxPGkWFOQUDQKxz0An57OofXh+fu/+m53/1+f8GmQ0b8Ui08lekkqGCI4GMjhJRfJbxmGnHLPBFnltn+zRqv2NeJtK4gMSwirL/B8yo3wcUuggoGCEy3siXFgF+SAcFDYcCRdt4utvO+boCYylHCKsZ9wpf080RZl3nDsUZMzwNe71ohwrTItv+Fo4R+YkP6XgnSffkEHahA8PhBI6LsdpT60zjOtZJj/hFxpdsnjDu7QPqQl5yRNXJG1sn8YZWd1iVE9TcIVbnZWjyKMKeNmAOZxMZ9QFhCEQL/ZDPRR7s5YTTT5tQjMw4h0kwgqbtOWu8iX0+tYL35tw/DtVU+7r9LZINnQ1gySkheNy8mKxElFhL4rhZBdL6drNqLZDWcJ0HTR6TyAkLVOLtMHo5fukf3LS+9c1565rzYZ7yUu/4gvm2GcM3kow4HCcjoxD/VxJNJRgQ7C3v5rPkymc1j7FC72Fb2C5LKCdIds1h+u++Ttd9a9tFz24tl+j4ZPXNIqiZ5tthFoHwY/6xe/D7qYFNSK4Kth88SW9iPrPkKcts08Y2TSCsnSOmcocX9J85ZL7bZZR+OWS/N7mVSbbcRazeEAfJhgrMdSNNMSJIbN0Z5+kgHe9Q/k2u9RnyDm3DVOFFNvyMfvkuXZ4W++VUfD2/5+XtE628S9qjDZ+SDROVayM6pIVdWsfE2mz+0EJrXx8ulFxCVuQgtv4q4dppDtjuornipm/qH2ql/UY2tkmRfQnJyY+WQkktIC78l8aiJ7E91pMm0CB47aOSJFAub051syRskqGiE55TjvKC7zqumBfY6vCR+v07iwAP29f7Fa+YlhPUeQiomfQkji86x+1gXcfJ2pDIzAuHhBsQZBiLyLWz/wk5U2XfEVP7Em6cu845xkj1WDwn2BfY777C3c4Zdrb/yVtMYsdUXiS4fJFbhZLeii/2KDnYUtCL4vKyUohNKvtRqUNTp+KrpFEqjnoozrag7LWgdNqr7nNT091Dl7EbTZUVlMVN+2kBZSyOKk7WU6qo4Xq2mVK3kP7S4c1RneuyCAAAAAElFTkSuQmCC'/%3E%3C/svg%3E")" src="https://cdn.sanity.io/images/708bnrs8/production/735badd0f16bc2e4932723146756f9ae4e350d56-2000x1179.png?rect=529,0,943,1179&w=200&h=250&fit=fill&auto=format"/><div class="absolute left-0 top-0 w-full h-full m-0 p-0"><div class="rounded-2xl text-sm text-white inline-flex items-center bg-gray-700 bg-opacity-50 drop-shadow transition-all ease-out z-50 m-2 pl-0.5 pr-2 py-px"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="circle-play" class="svg-inline--fa fa-circle-play rounded-full border border-transparent" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zM188.3 147.1c7.6-4.2 16.8-4.1 24.3 .5l144 88c7.1 4.4 11.5 12.1 11.5 20.5s-4.4 16.1-11.5 20.5l-144 88c-7.4 4.5-16.7 4.7-24.3 .5s-12.3-12.2-12.3-20.9V168c0-8.7 4.7-16.7 12.3-20.9z"></path></svg><span class="VideoCard_textShadow__E79AJ pl-px font-medium text-2xs z-40">34:49:53</span></div></div></div><div class="absolute bottom-0 mt-4 flex flex-col w-full"><div class="relative w-full h-8"></div><div class="relative pb-1 sm:pb-2 pt-1 w-full overflow-hidden" style="background-color:#083470"><div class="flex"><h3 class="pl-3 pr-2 mb-0 text-sm leading-4 font-medium text-white w-auto max-h-16 overflow-hidden group-hover:max-h-32">React JS Masterclass: Zero To Job Ready With 10 Projects</h3><div class="pr-3 ml-auto text-xs font-medium text-white self-end flex items-center"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="star" class="svg-inline--fa fa-star text-yellow-500" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"></path></svg><span class="pl-0.5 text-2xs">4.5</span></div></div></div></div></div></a></li><li class="splide__slide"><a href="/premium/courses/web-development-foundation-learn-html5-css3-bootstrap-3221/" class="block"><div class="group relative rounded-md shadow-outline-sm hover:shadow-outline hover:cursor-pointer transition-all overflow-hidden "><div class="bg-gray-200 aspect-w-4 aspect-h-5"><img alt="Web Development Foundation: Learn HTML5, CSS3 & Bootstrap cover" loading="lazy" decoding="async" data-nimg="fill" class="w-full h-full object-center object-cover lg:w-full lg:h-full group-hover:brightness-105 z-0" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cfilter id='b' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1' result='s'/%3E%3CfeFlood x='0' y='0' width='100%25' height='100%25'/%3E%3CfeComposite operator='out' in='s'/%3E%3CfeComposite in2='SourceGraphic'/%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3C/filter%3E%3Cimage width='100%25' height='100%25' x='0' y='0' preserveAspectRatio='none' style='filter: url(%23b);' href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAACXBIWXMAAA7EAAAOxAGVKw4bAAADAUlEQVQokX2RfUzMcRzH73/zOI2FqGPpwVJWYbJhook85aklK4q5eShsdNX1QOmUFOlc1+l+q+53R925MsPRsnWnFFeNU2LDMQ9bmOnPl/1u8zDMH9/ts+/3/X593t/PRzZ2Sz0Tdor47LXhm2nHT+kgoNhFYOUzQmvfENE0QlTLKJHNo4Q3jhCq9RB4bgh5sQu/HIfXI3klhsSS/QmU5zpYoO5l5YU+ttb1k9rkZqPlAwubvxH2G1BqKjX3/RdwYrKIT4YN3yw70YX3OHy2DW2VQNtFDTd0OvLFLmJbPhNp/MR8nYegyiFm/z+hEZ+91/DNusOyQju1Z7Q8rSzg46U8XmkLEBpspFg9xIlvWX75BYs1Q4SX9yHPc/4NHJdoYErSFWbuvsGMw+1EqdopU9czWF3MZ0MJ74VSrjdd4aBpgMT6AZIbH5MkDhKr6Se40On9lQSc+AM4faOJmA0dxG92EZHeTUhOJwfUFpwVpXzUqHinL+Zmo8hBoZukuh6y29wcv/WCtbp+ggocTMv6I2HIOht7Vrs5tuYtq3c+Zu6JLhLU7egr9HRWncFep6Pa3EG68JA0oZfTd5+Tf/clqy71Mzvv1wx/JvRff5WE+B6SNw2yJL0XefZ9wkt72FrdhULnJMP4hBSLh5QmNwqxD9Xt5yhswyypcjEr14Fflp2wA60sSDcxbYcB2aREgYDt1whKsxNwqJ1ZSod3g6FVQ0TUeYg2jhBr/cK2Zg+7xKekXh1kg+AmouwRM3McBB61s+NYK4pDZqJSBGRjEusZnywyOcPG1Ew7M5QO/E+5mFPxjGDtG8IaPrGwZZQV1q/Emd+zquGld8tzT/cxXelEfuQOazJb2bbfREiSAVlwag3z9ukJzzQSmW1lUdFNYso6WFbdTax+gDjjMPGW16yzvibBPEy8YYCVNQ9YWn7Pq41WWok5aiRGoWd+Wg2yE0UqlCVF5JaXkn++gkLNBU7ptZQ0XEZtaqTMYuZsa4v3SLV0J71JGkkreSRvdslJjhep+A74lmGQ97aYXwAAAABJRU5ErkJggg=='/%3E%3C/svg%3E")" src="https://cdn.sanity.io/images/708bnrs8/production/9f2df951ab770fc80e34b0cc5c55f3f049e15135-2000x1179.png?rect=529,0,943,1179&w=200&h=250&fit=fill&auto=format"/><div class="absolute left-0 top-0 w-full h-full m-0 p-0"><div class="rounded-2xl text-sm text-white inline-flex items-center bg-gray-700 bg-opacity-50 drop-shadow transition-all ease-out z-50 m-2 pl-0.5 pr-2 py-px"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="circle-play" class="svg-inline--fa fa-circle-play rounded-full border border-transparent" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zM188.3 147.1c7.6-4.2 16.8-4.1 24.3 .5l144 88c7.1 4.4 11.5 12.1 11.5 20.5s-4.4 16.1-11.5 20.5l-144 88c-7.4 4.5-16.7 4.7-24.3 .5s-12.3-12.2-12.3-20.9V168c0-8.7 4.7-16.7 12.3-20.9z"></path></svg><span class="VideoCard_textShadow__E79AJ pl-px font-medium text-2xs z-40">23:28:01</span></div></div></div><div class="absolute bottom-0 mt-4 flex flex-col w-full"><div class="relative w-full h-8"></div><div class="relative pb-1 sm:pb-2 pt-1 w-full overflow-hidden" style="background-color:#0c549e"><div class="flex"><h3 class="pl-3 pr-2 mb-0 text-sm leading-4 font-medium text-white w-auto max-h-16 overflow-hidden group-hover:max-h-32">Web Development Foundation: Learn HTML5, CSS3 & Bootstrap</h3><div class="pr-3 ml-auto text-xs font-medium text-white self-end flex items-center"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="star" class="svg-inline--fa fa-star text-yellow-500" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"></path></svg><span class="pl-0.5 text-2xs">5.0</span></div></div></div></div></div></a></li><li class="splide__slide"><a href="/premium/courses/a-complete-guide-to-learning-chatgpt-4-midjourney-dall-e-2-and-ai-3202/" class="block"><div class="group relative rounded-md shadow-outline-sm hover:shadow-outline hover:cursor-pointer transition-all overflow-hidden "><div class="bg-gray-200 aspect-w-4 aspect-h-5"><img alt="A Complete Guide to Learning ChatGPT 4, Midjourney, DALL-E 2, and AI cover" loading="lazy" decoding="async" data-nimg="fill" class="w-full h-full object-center object-cover lg:w-full lg:h-full group-hover:brightness-105 z-0" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cfilter id='b' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1' result='s'/%3E%3CfeFlood x='0' y='0' width='100%25' height='100%25'/%3E%3CfeComposite operator='out' in='s'/%3E%3CfeComposite in2='SourceGraphic'/%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3C/filter%3E%3Cimage width='100%25' height='100%25' x='0' y='0' preserveAspectRatio='none' style='filter: url(%23b);' href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAYAAAB/Ca1DAAAACXBIWXMAABYlAAAWJQFJUiTwAAAC60lEQVQokYWRXWhTdxiH/0nbtGmM+TgnJz05OU3bfLVJCW1aV20SF9uY1n6katO1s3M62rQyy5hTWe2YIAxBRG9Wx8AhTjcF9UYHs40WtOrFhDGYN9vF1jHYLmQb67Z6+4zkerCLB3688P6eF14hZouI2Xv/QxHj1DJV++5SuX8Jw0xpp4hhqliemUdvUz1+B+PUEkIUVhHTTxAzq4jZlf8unLmHKb+Eo+sLrMllKsYfYnz9LuahT3F0nsXdfAq5fZGabKlw6nvE/h8Rb3yHePMphrkHVB1ewXT4fpnquRVqpovYe2/g1a/hrr+Ptfsxm9OXkMMF3PIOVFuKOmcBm3YZIeb+xHhwncrp36k8+jO1C89wLTxFnX+M+u4q2vwjfIduE+w5RSR8glDTFQKR64TC79DoTuB1BvBIjbjtXTg3TyDEwgaW4xt439/Af/YvWhafE7+wRvz8M9rOfE389FdsO/I56T0F0uk8ie63SW05Rk/nJIlYL12xbtqi7fh0P5KkI8QH/+A4s0HHxy/IfvaCoRt/k7v5BwPXfiV7+Seyi9+w+8RFxg8UyOfHGMlNsHf4NV7de5Cx3DhjA4MMbk/QHGhCkp0Iw/wPWE7+QuD8b7z0yTrJq+skrzwncXGN5IffknrvFpnJI/T3jZDt6aevdxeDO3Pk+kcZzoyQS75Mpi2KX9OQJBlRmzmHpe8S9lduIR8q4jr+BOWtL1EnP6J++CQN2/bh928hqEUJeloJazEiWpyI1knU00FUbSWoNKJKdUhOGaG4tqIovbj0AaSWMeydB3DE8rh8KeqUOB57BM0SRDe3UF/Tiq86RoOpvUwp6+YInk1NKHYPslNBaLUBSqjW0qd0XLKOS9JQbB5Uaz1eSxBfTQx/VRfBihShijRhY4ZQRQ+BygSNpo6yTLU2oNg0hG6OollCKDYvktOF5JTKp5ey7Kgri3zVbQSN22kW/UREjqgYJSJ202zoK0saTHG8tWFUq49/AerAliH7B1QQAAAAAElFTkSuQmCC'/%3E%3C/svg%3E")" src="https://cdn.sanity.io/images/708bnrs8/production/3d6cce07790cc8e536ede8183cfa8e3c175e1c3f-2542x1432.png?rect=698,0,1146,1432&w=200&h=250&fit=fill&auto=format"/><div class="absolute left-0 top-0 w-full h-full m-0 p-0"><div class="rounded-2xl text-sm text-white inline-flex items-center bg-gray-700 bg-opacity-50 drop-shadow transition-all ease-out z-50 m-2 pl-0.5 pr-2 py-px"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="circle-play" class="svg-inline--fa fa-circle-play rounded-full border border-transparent" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zM188.3 147.1c7.6-4.2 16.8-4.1 24.3 .5l144 88c7.1 4.4 11.5 12.1 11.5 20.5s-4.4 16.1-11.5 20.5l-144 88c-7.4 4.5-16.7 4.7-24.3 .5s-12.3-12.2-12.3-20.9V168c0-8.7 4.7-16.7 12.3-20.9z"></path></svg><span class="VideoCard_textShadow__E79AJ pl-px font-medium text-2xs z-40">10:38:34</span></div></div></div><div class="absolute bottom-0 mt-4 flex flex-col w-full"><div class="relative w-full h-8"></div><div class="relative pb-1 sm:pb-2 pt-1 w-full overflow-hidden" style="background-color:#0464bc"><div class="flex"><h3 class="pl-3 pr-2 mb-0 text-sm leading-4 font-medium text-white w-auto max-h-16 overflow-hidden group-hover:max-h-32">A Complete Guide to Learning ChatGPT 4, Midjourney, DALL-E 2, and AI</h3><div class="pr-3 ml-auto text-xs font-medium text-white self-end flex items-center"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="star" class="svg-inline--fa fa-star text-yellow-500" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"></path></svg><span class="pl-0.5 text-2xs">3.8</span></div></div></div></div></div></a></li><li class="splide__slide"><a href="/premium/courses/git-github-masterclass-the-practical-bootcamp-3220/" class="block"><div class="group relative rounded-md shadow-outline-sm hover:shadow-outline hover:cursor-pointer transition-all overflow-hidden "><div class="bg-gray-200 aspect-w-4 aspect-h-5"><img alt="Git & GitHub Masterclass: The Practical Bootcamp cover" loading="lazy" decoding="async" data-nimg="fill" class="w-full h-full object-center object-cover lg:w-full lg:h-full group-hover:brightness-105 z-0" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cfilter id='b' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1' result='s'/%3E%3CfeFlood x='0' y='0' width='100%25' height='100%25'/%3E%3CfeComposite operator='out' in='s'/%3E%3CfeComposite in2='SourceGraphic'/%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3C/filter%3E%3Cimage width='100%25' height='100%25' x='0' y='0' preserveAspectRatio='none' style='filter: url(%23b);' href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAACXBIWXMAAA7EAAAOxAGVKw4bAAACo0lEQVQokX2S60uTYRTA9wdUdLGbZkXXjZYVBn2ITFMru32L9UkrxLLRLKcZq3c6nbtoazosL61cTqW1HFZqUKZdKOctL0kXJhRIQpQJWfTxF88baIH54Tyc649znnMUczQ1zEu5zaL0JiKy2lhhDLLaNojSFULt/sSW+nG2Bn7JInThU7qG5ZwVUpBwfZtcKxhzNF4U4hHGwpP3Cc98xHKp4x9gdP03Yhq+E9MwQfQkMDQzcEHKLVam1bMh4xZKw0PWWPtYXxoi6von9tWOkH2jm+yqDpI8H4j6u0PjNMDZGi+Lk73E6io5lltJguRjvbkTlStEYsVbLFcf8bKojBdGG2Z7gITyN6hmGnm2xsuS5Br2Zldz1lHH/oIAKnOQOOcr8vNq6TqTw7jJwHihkc6cXExmnxxbaxuYeWSVroGY3GY2m9qJsvVwytLEk+NavhyMZ+LsCX46rYxL53iql+SY2t7HcmOQiP8tZXH6fSKzWuV/Udv7SbO20JqawWcBTE/hh+k8Y9k62vVGTlpb/gClaYFTZyPaF2OIcXY4BzDk3+b5KT1fdScYy9TyItOAVHiHmJJ+1tkHURZ0oZKesUzXwvxJ4JEa2Zi6ww7W2AbkpcRVvMfoaKL9goUnhkLyLt0jvuKdHFMWvybW1c+Bsh6iDK2EHfMjWIpZGi9zU/yEpTezVN9GpBRklXWQdaXDqN2jJNwc4bS7F527l8SaETa6R+WYsniIuLJBDl3tY9OFx8w/egfBUqhTK9mk9RCd5WPbxbtsL3zIzsvPiC/vZrdniAO+YQ43fpRF6MK3q7ybWOdz9jgek2R/wHaDn81aD4KlkCx55BaZMZUUYb7ixHKtDLuniuK6ahz+WkoafZQ2B2QRuvAV11fLOSJX1IhawRCs3+XeUrWxxT70AAAAAElFTkSuQmCC'/%3E%3C/svg%3E")" src="https://cdn.sanity.io/images/708bnrs8/production/6328c347787cb4e21d9af0f8323924edeecb7e97-2000x1179.png?rect=529,0,943,1179&w=200&h=250&fit=fill&auto=format"/><div class="absolute left-0 top-0 w-full h-full m-0 p-0"><div class="rounded-2xl text-sm text-white inline-flex items-center bg-gray-700 bg-opacity-50 drop-shadow transition-all ease-out z-50 m-2 pl-0.5 pr-2 py-px"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="circle-play" class="svg-inline--fa fa-circle-play rounded-full border border-transparent" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zM188.3 147.1c7.6-4.2 16.8-4.1 24.3 .5l144 88c7.1 4.4 11.5 12.1 11.5 20.5s-4.4 16.1-11.5 20.5l-144 88c-7.4 4.5-16.7 4.7-24.3 .5s-12.3-12.2-12.3-20.9V168c0-8.7 4.7-16.7 12.3-20.9z"></path></svg><span class="VideoCard_textShadow__E79AJ pl-px font-medium text-2xs z-40">7:24:36</span></div></div></div><div class="absolute bottom-0 mt-4 flex flex-col w-full"><div class="relative w-full h-8"></div><div class="relative pb-1 sm:pb-2 pt-1 w-full overflow-hidden" style="background-color:#04589d"><div class="flex"><h3 class="pl-3 pr-2 mb-0 text-sm leading-4 font-medium text-white w-auto max-h-16 overflow-hidden group-hover:max-h-32">Git & GitHub Masterclass: The Practical Bootcamp</h3></div></div></div></div></a></li><li class="splide__slide"><a href="/premium/courses/python-a-z-learn-python-by-building-15-projects-3204/" class="block"><div class="group relative rounded-md shadow-outline-sm hover:shadow-outline hover:cursor-pointer transition-all overflow-hidden "><div class="bg-gray-200 aspect-w-4 aspect-h-5"><img alt="Python A-Z: Learn Python By Building 15 Projects cover" loading="lazy" decoding="async" data-nimg="fill" class="w-full h-full object-center object-cover lg:w-full lg:h-full group-hover:brightness-105 z-0" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cfilter id='b' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1' result='s'/%3E%3CfeFlood x='0' y='0' width='100%25' height='100%25'/%3E%3CfeComposite operator='out' in='s'/%3E%3CfeComposite in2='SourceGraphic'/%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3C/filter%3E%3Cimage width='100%25' height='100%25' x='0' y='0' preserveAspectRatio='none' style='filter: url(%23b);' href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAACXBIWXMAAA7EAAAOxAGVKw4bAAADaElEQVQokR2Sa1DTBQDA/5+7Ss4uK09AeU6cgG50Zg+RI9IgLYQUaWEHV3JdBwUeMJnAxh485h48DnBsELCNR7AGW2lIvAYcMzYoNF51XaJ+sj7k9aEPv04+/L7+PvzuJzx7zspumZ29hS5Cv/qBsKs+ItQBYo3riDvuc9T+mOOuf3eQOP7msGUbkWmDSO0y4ZVziCsnSdNM8nqFl5dyexB2ZVuJL+wlo7KflOoxRFWzRKiDxBjXSbTcJ9X5iHPfPCRz6AEpjkckdm4Ta9ogQrNMxLU5MvTTGF0/UevwIykaRnjhQyunSrspa7BS0DCIRDVNpCaIyLjGa5bfye5Z46P2ebLMk2TZAqR+vUl88/qOMKpqng+Ms7S6/egcC7xaPIywJ6eLtCt9XNb1kaVxcbhmhihNEIlpldTWIFlNM2Rq3byvdCDvdlI75iHD6idKGyRcMc+RqknStbdJlo+xV9aLkFDYT67aS07dLSSKcfZX+hBpA5wwBTjTOE7e9QGKm6xUt5u56VWw4KuhuN/LwboAoZVzhF0ZJ7x4lJcLnDyXbUNILhmmpGmCS4YZ4uST7JP7OKgLkGJe4uOm72hyNuObKOOu7wse+vNZmiujyOHZEe67OkeE4hYJuhFEcju7c20IMfl23il3kVY2hLhoiP3lPxKtDXDMvMon3T5GJwz884uM/+7lcfeOApO3j9OWRWLrlhEpF0iqH+fkjRGkOjsv5nUhPJ9lI1Rm4WiuiiSZlpgSN5HqAHGmdd7tuUfbxCBbyxVsrSixTLk5a1/lkHmNBP0KFzqWuGzzkaL3cOBLByE5NoSnH+652EFcror4S/VEl44RqV7a+VDa+Qeyb39FNz2PbmYRmXsTqe1PYowbSA0rFPUFUQ34SdfdJuzTQXY9bfhMpo2Qiz28kt9D6OdDhJVPcUAdJNqwzqGObaSOx5xwPyHZ/YQk51+ILQ+IMW0iql/hLb2fTPMCZ6/PIikdJeR8N4IorxXxZ50kFtuRVoxwTPU9bzROkdyySKr1Z045tkgf2Sbdtc3p/t94u2uVk613eFM/zfHam6SqPVzQe3jvWj/xBW0I5coq5NpaFI11VJkNKNtaqLV2oO3tom7ATuPIIIYxFwaPC71riPoBB9rebtS2GyjbW6hpNqIyN1LdoKFCVc3/ciNle5B1MDAAAAAASUVORK5CYII='/%3E%3C/svg%3E")" src="https://cdn.sanity.io/images/708bnrs8/production/3e6a2b5f3d68f786684eabc5ac8f1dbec8fc8335-750x442.png?rect=198,0,354,442&w=200&h=250&fit=fill&auto=format"/><div class="absolute left-0 top-0 w-full h-full m-0 p-0"><div class="rounded-2xl text-sm text-white inline-flex items-center bg-gray-700 bg-opacity-50 drop-shadow transition-all ease-out z-50 m-2 pl-0.5 pr-2 py-px"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="circle-play" class="svg-inline--fa fa-circle-play rounded-full border border-transparent" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zM188.3 147.1c7.6-4.2 16.8-4.1 24.3 .5l144 88c7.1 4.4 11.5 12.1 11.5 20.5s-4.4 16.1-11.5 20.5l-144 88c-7.4 4.5-16.7 4.7-24.3 .5s-12.3-12.2-12.3-20.9V168c0-8.7 4.7-16.7 12.3-20.9z"></path></svg><span class="VideoCard_textShadow__E79AJ pl-px font-medium text-2xs z-40">24:59:59</span></div></div></div><div class="absolute bottom-0 mt-4 flex flex-col w-full"><div class="relative w-full h-8"></div><div class="relative pb-1 sm:pb-2 pt-1 w-full overflow-hidden" style="background-color:#084b97"><div class="flex"><h3 class="pl-3 pr-2 mb-0 text-sm leading-4 font-medium text-white w-auto max-h-16 overflow-hidden group-hover:max-h-32">Python A-Z: Learn Python By Building 15 Projects</h3></div></div></div></div></a></li><li class="splide__slide"><a href="/premium/courses/python-for-beginners-3198/" class="block"><div class="group relative rounded-md shadow-outline-sm hover:shadow-outline hover:cursor-pointer transition-all overflow-hidden "><div class="bg-gray-200 aspect-w-4 aspect-h-5"><img alt="Python for Beginners cover" loading="lazy" decoding="async" data-nimg="fill" class="w-full h-full object-center object-cover lg:w-full lg:h-full group-hover:brightness-105 z-0" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cfilter id='b' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1' result='s'/%3E%3CfeFlood x='0' y='0' width='100%25' height='100%25'/%3E%3CfeComposite operator='out' in='s'/%3E%3CfeComposite in2='SourceGraphic'/%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3C/filter%3E%3Cimage width='100%25' height='100%25' x='0' y='0' preserveAspectRatio='none' style='filter: url(%23b);' href='data:image/jpeg;base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAALABQDASIAAhEBAxEB/8QAFwABAQEBAAAAAAAAAAAAAAAAAAQDB//EACAQAAICAQQDAQAAAAAAAAAAAAIDAQQABRESMSNRYVL/xAAWAQEBAQAAAAAAAAAAAAAAAAAFBAb/xAAcEQABBAMBAAAAAAAAAAAAAAABAAIDIQQRUUH/2gAMAwEAAhEDEQA/AOx6SIS5pMTL4BclC47KfWaVIbZ0a0+7p4VWifj4/n79ySm5iHc0nIFttvGUWbtlqCWxpEE9xmBgyomYpiLNk7vQ5V+J2SJ7pg8OrigxjGFKtf/Z'/%3E%3C/svg%3E")" src="https://cdn.sanity.io/images/708bnrs8/production/72af86833d6b6b110bf83ef04c36df4494be6c16-750x422.jpg?rect=182,0,338,422&w=200&h=250&fit=fill&auto=format"/><div class="absolute left-0 top-0 w-full h-full m-0 p-0"><div class="rounded-2xl text-sm text-white inline-flex items-center bg-gray-700 bg-opacity-50 drop-shadow transition-all ease-out z-50 m-2 pl-0.5 pr-2 py-px"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="circle-play" class="svg-inline--fa fa-circle-play rounded-full border border-transparent" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zM188.3 147.1c7.6-4.2 16.8-4.1 24.3 .5l144 88c7.1 4.4 11.5 12.1 11.5 20.5s-4.4 16.1-11.5 20.5l-144 88c-7.4 4.5-16.7 4.7-24.3 .5s-12.3-12.2-12.3-20.9V168c0-8.7 4.7-16.7 12.3-20.9z"></path></svg><span class="VideoCard_textShadow__E79AJ pl-px font-medium text-2xs z-40">3:37:56</span></div></div></div><div class="absolute bottom-0 mt-4 flex flex-col w-full"><div class="relative w-full h-8"></div><div class="relative pb-1 sm:pb-2 pt-1 w-full overflow-hidden" style="background-color:#396d95"><div class="flex"><h3 class="pl-3 pr-2 mb-0 text-sm leading-4 font-medium text-white w-auto max-h-16 overflow-hidden group-hover:max-h-32">Python for Beginners</h3><div class="pr-3 ml-auto text-xs font-medium text-white self-end flex items-center"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="star" class="svg-inline--fa fa-star text-yellow-500" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"></path></svg><span class="pl-0.5 text-2xs">5.0</span></div></div></div></div></div></a></li><li class="splide__slide"><a href="/premium/courses/creating-animations-with-css-2941/" class="block"><div class="group relative rounded-md shadow-outline-sm hover:shadow-outline hover:cursor-pointer transition-all overflow-hidden "><div class="bg-gray-200 aspect-w-4 aspect-h-5"><img alt="Creating Animations with CSS cover" loading="lazy" decoding="async" data-nimg="fill" class="w-full h-full object-center object-cover lg:w-full lg:h-full group-hover:brightness-105 z-0" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cfilter id='b' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1' result='s'/%3E%3CfeFlood x='0' y='0' width='100%25' height='100%25'/%3E%3CfeComposite operator='out' in='s'/%3E%3CfeComposite in2='SourceGraphic'/%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3C/filter%3E%3Cimage width='100%25' height='100%25' x='0' y='0' preserveAspectRatio='none' style='filter: url(%23b);' href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAANCAIAAAAmMtkJAAAACXBIWXMAAAsTAAALEwEAmpwYAAACgUlEQVQokWXOW0/aABQH8H5Kt4fFLGaPy5ItS5aBpdByRygUsNydOkVFAQejXoEWWqoCDnS4KArKXekFHeLeFjeWGU1OTnJO/r+cA0jA5KOSyoYdlJMglNRoU96pvMOdQ5AEDK0jSEKOUAo4rlZvAE8wOQ6RMgWlm2Awe8aKJXDrmstBopYMakr7nLTTuWO2pKwo4bKtAioto9IyoJwah8j7U3IKgimtIW130Jht02oOeexBs4nQ6hIud2ZlJT87l3c7kz487LGHARues+E5WEXLFBSsSik1tM7AaPQJKbjy+o0XlPhQnR8C/dLxgAUjPk2Tc/N7C/PMwjThwQlAb2T1RhaCU6CcVCCUVkebMVaBEC/HHM+eGz+8d6gV3ndvJyXS6ampzbVYlmHKe9kqnS4RsSIAyilQTslgSqlO6zUkpktMWhkYib0YtY+MTEASt88ZcLsjoVX2oFitV1rtptC+6jfaN9WLHqDWM0pNWqNnUGzHg5IBw5rfnjQYiLFX+OioxaRfJLfZUqlSa/A8/1Pkrjmuz/d+/S3AZGHNlrR9kvX48n6cJvSRRUPYaAh9+PgZUS4GlxLF/FGreSmIt2LvjhcGnHj3EGdmZzJfo4Wt+Ml6pBh0bmHKZRSNzvmp1VA8GtxIx3fLx7Uu1xeuh+Y/jhAn2Vz19LR9dna5ny1Hv2RdXjoQOiwUyvR2bAbHl2aXs7vfm+3eI3mPz+s3nW6fEwdXnV7l+OJgv7yXrx+VxXaHKx+y2xF/LBTeZb9d1LsPHx7irjBcccJtpy20Gt3Lq5s/uQHHcbXzykGhdPSj2uz0+N4T3OkOOPHfLN5xwuBhqMvf1pp8oyV2hYHw5O3fkA4+/i2n8AwAAAAASUVORK5CYII='/%3E%3C/svg%3E")" src="https://cdn.sanity.io/images/708bnrs8/production/7a673fad131ee0b31b967e791279ca5e5de17488-2340x1560.png?rect=546,0,1248,1560&w=200&h=250&fit=fill&auto=format"/><div class="absolute left-0 top-0 w-full h-full m-0 p-0"><div class="rounded-2xl text-sm text-white inline-flex items-center bg-gray-700 bg-opacity-50 drop-shadow transition-all ease-out z-50 m-2 pl-0.5 pr-2 py-px"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="circle-play" class="svg-inline--fa fa-circle-play rounded-full border border-transparent" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zM188.3 147.1c7.6-4.2 16.8-4.1 24.3 .5l144 88c7.1 4.4 11.5 12.1 11.5 20.5s-4.4 16.1-11.5 20.5l-144 88c-7.4 4.5-16.7 4.7-24.3 .5s-12.3-12.2-12.3-20.9V168c0-8.7 4.7-16.7 12.3-20.9z"></path></svg><span class="VideoCard_textShadow__E79AJ pl-px font-medium text-2xs z-40">1:19:47</span></div></div></div><div class="absolute bottom-0 mt-4 flex flex-col w-full"><div class="relative w-full h-8"></div><div class="relative pb-1 sm:pb-2 pt-1 w-full overflow-hidden" style="background-color:#69551b"><div class="flex"><h3 class="pl-3 pr-2 mb-0 text-sm leading-4 font-medium text-white w-auto max-h-16 overflow-hidden group-hover:max-h-32">Creating Animations with CSS</h3><div class="pr-3 ml-auto text-xs font-medium text-white self-end flex items-center"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="star" class="svg-inline--fa fa-star text-yellow-500" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"></path></svg><span class="pl-0.5 text-2xs">4.8</span></div></div></div></div></div></a></li><li class="splide__slide"><a href="/premium/courses/become-the-css-hero-of-your-office-with-css-architecture-2969/" class="block"><div class="group relative rounded-md shadow-outline-sm hover:shadow-outline hover:cursor-pointer transition-all overflow-hidden "><div class="bg-gray-200 aspect-w-4 aspect-h-5"><img alt="Become the CSS Hero of Your Office with CSS Architecture cover" loading="lazy" decoding="async" data-nimg="fill" class="w-full h-full object-center object-cover lg:w-full lg:h-full group-hover:brightness-105 z-0" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cfilter id='b' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1' result='s'/%3E%3CfeFlood x='0' y='0' width='100%25' height='100%25'/%3E%3CfeComposite operator='out' in='s'/%3E%3CfeComposite in2='SourceGraphic'/%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3C/filter%3E%3Cimage width='100%25' height='100%25' x='0' y='0' preserveAspectRatio='none' style='filter: url(%23b);' href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAIAAADwazoUAAAACXBIWXMAAAsTAAALEwEAmpwYAAABZ0lEQVQokWWS4W6rMAyF+Vts5/1faCuQhHSl7ab92OgaJ0Db7RUmO6y60pU+IUI49slxKrYmOcNWSNbknqYdTTtcCUIOlHqKFmNHbImdSY7YUbW+FbEzU6Blj9cDPLgd4Xaql6H+auHcYBGzpWhVLGtrpIqnKdB1gPtr/V1423y/bX7eN9fjZmzqcQvsKHnSflSxNbFT257YYw64DHA/1ffXen1KiXo5iHJ8RnaUAyYvFio5cMEje0g9Lnu8HdXzoBzgdoJ5KGKSzj1EB7GjKnsJKXn5yg6zih8HXgbheoB5D2MD41YDk+SQrammQLlHdrJgJ4XmHS6DlFj2ML0A+5o9sMdLh18txhKQUmlPjHYVJy+Bzy8068BywHMLH08wbkU8NiXwP7GmrYHr6CSPddSUg4SfvDQ8N3Rp6fMZPrcgzVUlaa84ik6ml9R8UrIXL+XX2JlLS5dyT9bOD7E1USn+V/7Z/Z9f2emBO/lzzvgAAAAASUVORK5CYII='/%3E%3C/svg%3E")" src="https://cdn.sanity.io/images/708bnrs8/production/7f14291095745a8e5c735c751fcd77451af2079b-1920x1080.png?rect=528,0,864,1080&w=200&h=250&fit=fill&auto=format"/><div class="absolute left-0 top-0 w-full h-full m-0 p-0"><div class="rounded-2xl text-sm text-white inline-flex items-center bg-gray-700 bg-opacity-50 drop-shadow transition-all ease-out z-50 m-2 pl-0.5 pr-2 py-px"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="circle-play" class="svg-inline--fa fa-circle-play rounded-full border border-transparent" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zM188.3 147.1c7.6-4.2 16.8-4.1 24.3 .5l144 88c7.1 4.4 11.5 12.1 11.5 20.5s-4.4 16.1-11.5 20.5l-144 88c-7.4 4.5-16.7 4.7-24.3 .5s-12.3-12.2-12.3-20.9V168c0-8.7 4.7-16.7 12.3-20.9z"></path></svg><span class="VideoCard_textShadow__E79AJ pl-px font-medium text-2xs z-40">2:34:19</span></div></div></div><div class="absolute bottom-0 mt-4 flex flex-col w-full"><div class="relative w-full h-8"></div><div class="relative pb-1 sm:pb-2 pt-1 w-full overflow-hidden" style="background-color:#c0a605"><div class="flex"><h3 class="pl-3 pr-2 mb-0 text-sm leading-4 font-medium text-white w-auto max-h-16 overflow-hidden group-hover:max-h-32">Become the CSS Hero of Your Office with CSS Architecture</h3><div class="pr-3 ml-auto text-xs font-medium text-white self-end flex items-center"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="star" class="svg-inline--fa fa-star text-yellow-500" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"></path></svg><span class="pl-0.5 text-2xs">4.4</span></div></div></div></div></div></a></li><li class="splide__slide"><a href="/premium/courses/css-troubleshooting-in-six-easy-steps-2869/" class="block"><div class="group relative rounded-md shadow-outline-sm hover:shadow-outline hover:cursor-pointer transition-all overflow-hidden "><div class="bg-gray-200 aspect-w-4 aspect-h-5"><img alt="CSS Troubleshooting in Six Easy Steps cover" loading="lazy" decoding="async" data-nimg="fill" class="w-full h-full object-center object-cover lg:w-full lg:h-full group-hover:brightness-105 z-0" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cfilter id='b' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1' result='s'/%3E%3CfeFlood x='0' y='0' width='100%25' height='100%25'/%3E%3CfeComposite operator='out' in='s'/%3E%3CfeComposite in2='SourceGraphic'/%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3C/filter%3E%3Cimage width='100%25' height='100%25' x='0' y='0' preserveAspectRatio='none' style='filter: url(%23b);' href='data:image/jpeg;base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAALABQDASIAAhEBAxEB/8QAFwABAQEBAAAAAAAAAAAAAAAAAAECB//EABoQAQEAAgMAAAAAAAAAAAAAAAEAAhExQYH/xAAXAQADAQAAAAAAAAAAAAAAAAAAAQYH/8QAFREBAQAAAAAAAAAAAAAAAAAAABH/2gAMAwEAAhEDEQA/AO0YiuinaB7ZyeKtl1VKySQf/9k='/%3E%3C/svg%3E")" src="https://cdn.sanity.io/images/708bnrs8/production/d80eb34de3dd585ef5995288212374e0581b0910-1920x1080.jpg?rect=528,0,864,1080&w=200&h=250&fit=fill&auto=format"/><div class="absolute left-0 top-0 w-full h-full m-0 p-0"><div class="rounded-2xl text-sm text-white inline-flex items-center bg-gray-700 bg-opacity-50 drop-shadow transition-all ease-out z-50 m-2 pl-0.5 pr-2 py-px"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="circle-play" class="svg-inline--fa fa-circle-play rounded-full border border-transparent" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zM188.3 147.1c7.6-4.2 16.8-4.1 24.3 .5l144 88c7.1 4.4 11.5 12.1 11.5 20.5s-4.4 16.1-11.5 20.5l-144 88c-7.4 4.5-16.7 4.7-24.3 .5s-12.3-12.2-12.3-20.9V168c0-8.7 4.7-16.7 12.3-20.9z"></path></svg><span class="VideoCard_textShadow__E79AJ pl-px font-medium text-2xs z-40">54:48</span></div></div></div><div class="absolute bottom-0 mt-4 flex flex-col w-full"><div class="relative w-full h-8"></div><div class="relative pb-1 sm:pb-2 pt-1 w-full overflow-hidden" style="background-color:#c6ae11"><div class="flex"><h3 class="pl-3 pr-2 mb-0 text-sm leading-4 font-medium text-white w-auto max-h-16 overflow-hidden group-hover:max-h-32">CSS Troubleshooting in Six Easy Steps</h3><div class="pr-3 ml-auto text-xs font-medium text-white self-end flex items-center"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="star" class="svg-inline--fa fa-star text-yellow-500" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"></path></svg><span class="pl-0.5 text-2xs">4.7</span></div></div></div></div></div></a></li><li class="splide__slide"><a href="/premium/courses/master-css-layouts-with-flexbox-2950/" class="block"><div class="group relative rounded-md shadow-outline-sm hover:shadow-outline hover:cursor-pointer transition-all overflow-hidden "><div class="bg-gray-200 aspect-w-4 aspect-h-5"><img alt="Master CSS Layouts with Flexbox cover" loading="lazy" decoding="async" data-nimg="fill" class="w-full h-full object-center object-cover lg:w-full lg:h-full group-hover:brightness-105 z-0" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cfilter id='b' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1' result='s'/%3E%3CfeFlood x='0' y='0' width='100%25' height='100%25'/%3E%3CfeComposite operator='out' in='s'/%3E%3CfeComposite in2='SourceGraphic'/%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3C/filter%3E%3Cimage width='100%25' height='100%25' x='0' y='0' preserveAspectRatio='none' style='filter: url(%23b);' href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAIAAADwazoUAAAACXBIWXMAAAsTAAALEwEAmpwYAAACHUlEQVQokW1SbU/TUBjtn1rX25e1DN0iOnQJAoGJgxESfwrQ3nvbjvHSibDBcDP+C916X9pusPI2Iy5EfofpiMYYk/PhSZ6c55w85whqZE9f7qghTPlbCsdPoqpBsPJlS+xupoj5GxZgSAscldtpClPEFCcQQIDUgQ0CS6Qm4EgLsEog6JkSsRJQKDM0FVYLcX1+1CheHeqBIxILUKgyLIjUEpklBRCESOZI43aWu/mw9jzaL5wfFIbebFx/PTou3Z+Vf3YWR82p0AUU6tw2uCOk6eR8iJQIGaHzcuDNX3xYjI9Wb1ob3zuVcXv1vrP28Kn80Fketwqxp3AMKDKYoxMsZLhjcEdjWKZWLtxZiZuV69abm+bat9b6Xbv846wy7ry7/7x+1351+d6IHIlDwKBGseZDYTqoTnPXIFj2rVxYWx42SsPGQny0cn2yMfpYvj1dumqWr05Lw0Y+rGkBljmSmKUEWO87Qpa5BsWqD9O+mWH2bOQVB/XZvjd3fvg2PlkaHhcH9WLkvWA7UwRnJx4lBrVz9+ntnmD0IOhui/52ipgSgVlenYn2ZqK9QnQwNzgs9r2ZYDdPXb1rgZ6ZYVgPHSXEct/OxK4gf90Se5spkpDFSTYaSz6ZC2qFaP9ZsJtljkoSX6K/DTjSL9zMwEnzJCMhNdH8G0kB6CRJihWKJAofK5GsmAUiJHHzUUz4h/mnUv+fqSnSR2ZC/gXN8mibzCAKtwAAAABJRU5ErkJggg=='/%3E%3C/svg%3E")" src="https://cdn.sanity.io/images/708bnrs8/production/f6b6b74c59e4b3680c3dbf3ad476bf854d4cb323-1920x1080.png?rect=528,0,864,1080&w=200&h=250&fit=fill&auto=format"/><div class="absolute left-0 top-0 w-full h-full m-0 p-0"><div class="rounded-2xl text-sm text-white inline-flex items-center bg-gray-700 bg-opacity-50 drop-shadow transition-all ease-out z-50 m-2 pl-0.5 pr-2 py-px"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="circle-play" class="svg-inline--fa fa-circle-play rounded-full border border-transparent" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zM188.3 147.1c7.6-4.2 16.8-4.1 24.3 .5l144 88c7.1 4.4 11.5 12.1 11.5 20.5s-4.4 16.1-11.5 20.5l-144 88c-7.4 4.5-16.7 4.7-24.3 .5s-12.3-12.2-12.3-20.9V168c0-8.7 4.7-16.7 12.3-20.9z"></path></svg><span class="VideoCard_textShadow__E79AJ pl-px font-medium text-2xs z-40">58:26</span></div></div></div><div class="absolute bottom-0 mt-4 flex flex-col w-full"><div class="relative w-full h-8"></div><div class="relative pb-1 sm:pb-2 pt-1 w-full overflow-hidden" style="background-color:#15a563"><div class="flex"><h3 class="pl-3 pr-2 mb-0 text-sm leading-4 font-medium text-white w-auto max-h-16 overflow-hidden group-hover:max-h-32">Master CSS Layouts with Flexbox</h3><div class="pr-3 ml-auto text-xs font-medium text-white self-end flex items-center"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="star" class="svg-inline--fa fa-star text-yellow-500" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"></path></svg><span class="pl-0.5 text-2xs">4.6</span></div></div></div></div></div></a></li><li class="splide__slide"><a href="/premium/courses/javascript-fundamentals-3092/" class="block"><div class="group relative rounded-md shadow-outline-sm hover:shadow-outline hover:cursor-pointer transition-all overflow-hidden "><div class="bg-gray-200 aspect-w-4 aspect-h-5"><img alt="JavaScript Fundamentals cover" loading="lazy" decoding="async" data-nimg="fill" class="w-full h-full object-center object-cover lg:w-full lg:h-full group-hover:brightness-105 z-0" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cfilter id='b' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1' result='s'/%3E%3CfeFlood x='0' y='0' width='100%25' height='100%25'/%3E%3CfeComposite operator='out' in='s'/%3E%3CfeComposite in2='SourceGraphic'/%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3C/filter%3E%3Cimage width='100%25' height='100%25' x='0' y='0' preserveAspectRatio='none' style='filter: url(%23b);' href='data:image/jpeg;base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAMABQDASIAAhEBAxEB/8QAGAAAAgMAAAAAAAAAAAAAAAAAAAQDBQb/xAAhEAABBAEEAwEAAAAAAAAAAAACAQMEEQAFEiExBiJBYf/EABcBAAMBAAAAAAAAAAAAAAAAAAQFBgf/xAAaEQADAQEBAQAAAAAAAAAAAAABAgMAEQQh/9oADAMBAAIRAxEAPwDVg3Hh6Y7Kdv1Fekvn5lL4/LlytYZZnKZtus3tQKQF/ceiOkYq0S2C9pjfEZdzKbSqrzL5VRJMpXpOrfRGrWBDaGXHBt8hFeMMTdcMzVSJbwwPmaqrAfTv/9k='/%3E%3C/svg%3E")" src="https://cdn.sanity.io/images/708bnrs8/production/1453c9c11d73b0bd06f44eae6d304b4136d52f00-750x442.jpg?rect=198,0,354,442&w=200&h=250&fit=fill&auto=format"/><div class="absolute left-0 top-0 w-full h-full m-0 p-0"><div class="rounded-2xl text-sm text-white inline-flex items-center bg-gray-700 bg-opacity-50 drop-shadow transition-all ease-out z-50 m-2 pl-0.5 pr-2 py-px"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="circle-play" class="svg-inline--fa fa-circle-play rounded-full border border-transparent" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zM188.3 147.1c7.6-4.2 16.8-4.1 24.3 .5l144 88c7.1 4.4 11.5 12.1 11.5 20.5s-4.4 16.1-11.5 20.5l-144 88c-7.4 4.5-16.7 4.7-24.3 .5s-12.3-12.2-12.3-20.9V168c0-8.7 4.7-16.7 12.3-20.9z"></path></svg><span class="VideoCard_textShadow__E79AJ pl-px font-medium text-2xs z-40">1:43:48</span></div></div></div><div class="absolute bottom-0 mt-4 flex flex-col w-full"><div class="relative w-full h-8"></div><div class="relative pb-1 sm:pb-2 pt-1 w-full overflow-hidden" style="background-color:#e07a04"><div class="flex"><h3 class="pl-3 pr-2 mb-0 text-sm leading-4 font-medium text-white w-auto max-h-16 overflow-hidden group-hover:max-h-32">JavaScript Fundamentals</h3><div class="pr-3 ml-auto text-xs font-medium text-white self-end flex items-center"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="star" class="svg-inline--fa fa-star text-yellow-500" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"></path></svg><span class="pl-0.5 text-2xs">4.7</span></div></div></div></div></div></a></li><li class="splide__slide"><a href="/premium/courses/advanced-react-with-typescript-3201/" class="block"><div class="group relative rounded-md shadow-outline-sm hover:shadow-outline hover:cursor-pointer transition-all overflow-hidden "><div class="bg-gray-200 aspect-w-4 aspect-h-5"><img alt="Advanced React with TypeScript cover" loading="lazy" decoding="async" data-nimg="fill" class="w-full h-full object-center object-cover lg:w-full lg:h-full group-hover:brightness-105 z-0" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cfilter id='b' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1' result='s'/%3E%3CfeFlood x='0' y='0' width='100%25' height='100%25'/%3E%3CfeComposite operator='out' in='s'/%3E%3CfeComposite in2='SourceGraphic'/%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3C/filter%3E%3Cimage width='100%25' height='100%25' x='0' y='0' preserveAspectRatio='none' style='filter: url(%23b);' href='data:image/jpeg;base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAMABQDASIAAhEBAxEB/8QAGQAAAgMBAAAAAAAAAAAAAAAAAAMEBQYH/8QAIhAAAgICAgAHAAAAAAAAAAAAAQIDBAAFESEGEhMxQVFh/8QAFgEBAQEAAAAAAAAAAAAAAAAABQME/8QAGxEAAgMAAwAAAAAAAAAAAAAAAQIABBEDFCH/2gAMAwEAAhEDEQA/AMF4B0se/wBZ6gBLhiOPNwMTf1lWIbgyXlgeieFhbsufrOcanf7PV1xHQtyQoTyQp+cTPdsW5ZZbErvI/bMT7n9x3uMUAByHLWVXLN6JLtWzJMzMezhlI8jFjycMyG0xOy44hk//2Q=='/%3E%3C/svg%3E")" src="https://cdn.sanity.io/images/708bnrs8/production/e3b9af0c05a1b88a96a90097022495f26287cbe4-750x442.jpg?rect=158,0,354,442&w=200&h=250&fit=fill&auto=format"/><div class="absolute left-0 top-0 w-full h-full m-0 p-0"><div class="rounded-2xl text-sm text-white inline-flex items-center bg-gray-700 bg-opacity-50 drop-shadow transition-all ease-out z-50 m-2 pl-0.5 pr-2 py-px"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="circle-play" class="svg-inline--fa fa-circle-play rounded-full border border-transparent" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zM188.3 147.1c7.6-4.2 16.8-4.1 24.3 .5l144 88c7.1 4.4 11.5 12.1 11.5 20.5s-4.4 16.1-11.5 20.5l-144 88c-7.4 4.5-16.7 4.7-24.3 .5s-12.3-12.2-12.3-20.9V168c0-8.7 4.7-16.7 12.3-20.9z"></path></svg><span class="VideoCard_textShadow__E79AJ pl-px font-medium text-2xs z-40">5:43:36</span></div></div></div><div class="absolute bottom-0 mt-4 flex flex-col w-full"><div class="relative w-full h-8"></div><div class="relative pb-1 sm:pb-2 pt-1 w-full overflow-hidden" style="background-color:#043682"><div class="flex"><h3 class="pl-3 pr-2 mb-0 text-sm leading-4 font-medium text-white w-auto max-h-16 overflow-hidden group-hover:max-h-32">Advanced React with TypeScript</h3><div class="pr-3 ml-auto text-xs font-medium text-white self-end flex items-center"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="star" class="svg-inline--fa fa-star text-yellow-500" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"></path></svg><span class="pl-0.5 text-2xs">4.7</span></div></div></div></div></div></a></li><li class="splide__slide"><a href="/premium/courses/learn-fundamental-design-principles-for-non-designers-2871/" class="block"><div class="group relative rounded-md shadow-outline-sm hover:shadow-outline hover:cursor-pointer transition-all overflow-hidden "><div class="bg-gray-200 aspect-w-4 aspect-h-5"><img alt="Learn Fundamental Design Principles for Non-Designers cover" loading="lazy" decoding="async" data-nimg="fill" class="w-full h-full object-center object-cover lg:w-full lg:h-full group-hover:brightness-105 z-0" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cfilter id='b' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1' result='s'/%3E%3CfeFlood x='0' y='0' width='100%25' height='100%25'/%3E%3CfeComposite operator='out' in='s'/%3E%3CfeComposite in2='SourceGraphic'/%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3C/filter%3E%3Cimage width='100%25' height='100%25' x='0' y='0' preserveAspectRatio='none' style='filter: url(%23b);' href='data:image/jpeg;base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAALABQDASIAAhEBAxEB/8QAFwAAAwEAAAAAAAAAAAAAAAAAAAIDBf/EABwQAAEFAQEBAAAAAAAAAAAAAAABAgMRITESYf/EABYBAQEBAAAAAAAAAAAAAAAAAAAFBv/EABQRAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhEDEQA/AMOPO87Sjeo7xm/CN2NdMw1iAZI3P1NAmAH/2Q=='/%3E%3C/svg%3E")" src="https://cdn.sanity.io/images/708bnrs8/production/bfdeb2b648ae2690da5981bc18e9b4aa24d6d70c-1920x1080.jpg?rect=528,0,864,1080&w=200&h=250&fit=fill&auto=format"/><div class="absolute left-0 top-0 w-full h-full m-0 p-0"><div class="rounded-2xl text-sm text-white inline-flex items-center bg-gray-700 bg-opacity-50 drop-shadow transition-all ease-out z-50 m-2 pl-0.5 pr-2 py-px"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="circle-play" class="svg-inline--fa fa-circle-play rounded-full border border-transparent" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zM188.3 147.1c7.6-4.2 16.8-4.1 24.3 .5l144 88c7.1 4.4 11.5 12.1 11.5 20.5s-4.4 16.1-11.5 20.5l-144 88c-7.4 4.5-16.7 4.7-24.3 .5s-12.3-12.2-12.3-20.9V168c0-8.7 4.7-16.7 12.3-20.9z"></path></svg><span class="VideoCard_textShadow__E79AJ pl-px font-medium text-2xs z-40">1:07:34</span></div></div></div><div class="absolute bottom-0 mt-4 flex flex-col w-full"><div class="relative w-full h-8"></div><div class="relative pb-1 sm:pb-2 pt-1 w-full overflow-hidden" style="background-color:#12447e"><div class="flex"><h3 class="pl-3 pr-2 mb-0 text-sm leading-4 font-medium text-white w-auto max-h-16 overflow-hidden group-hover:max-h-32">Learn Fundamental Design Principles for Non-Designers</h3><div class="pr-3 ml-auto text-xs font-medium text-white self-end flex items-center"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="star" class="svg-inline--fa fa-star text-yellow-500" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"></path></svg><span class="pl-0.5 text-2xs">3.6</span></div></div></div></div></div></a></li><li class="splide__slide"><a href="/premium/courses/the-complete-nodejs-mysql-login-system-3154/" class="block"><div class="group relative rounded-md shadow-outline-sm hover:shadow-outline hover:cursor-pointer transition-all overflow-hidden "><div class="bg-gray-200 aspect-w-4 aspect-h-5"><img alt="The Complete Nodejs MySQL Login System cover" loading="lazy" decoding="async" data-nimg="fill" class="w-full h-full object-center object-cover lg:w-full lg:h-full group-hover:brightness-105 z-0" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cfilter id='b' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1' result='s'/%3E%3CfeFlood x='0' y='0' width='100%25' height='100%25'/%3E%3CfeComposite operator='out' in='s'/%3E%3CfeComposite in2='SourceGraphic'/%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3C/filter%3E%3Cimage width='100%25' height='100%25' x='0' y='0' preserveAspectRatio='none' style='filter: url(%23b);' href='data:image/jpeg;base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAALABQDASIAAhEBAxEB/8QAFwAAAwEAAAAAAAAAAAAAAAAAAAYHA//EACEQAAEEAgICAwAAAAAAAAAAAAIAAQMEERIGMQUHEyJx/8QAFwEAAwEAAAAAAAAAAAAAAAAAAgUGB//EAB8RAAICAQQDAAAAAAAAAAAAAAECABEDBAUGIRIxwf/aAAwDAQACEQMRAD8Ar9qe3C2tej8v2wz74yyR+Q0qs3I5DsCzG4tlnfpUIDLTt1FPYlmaPl87RyELaD0kvF3XJrAqCj4n5D3kFMFt32Jh5rx9Ab5sBDjCEn3LMxTk5SE7/qFpKoQKuSJcE+p//9k='/%3E%3C/svg%3E")" src="https://cdn.sanity.io/images/708bnrs8/production/3e433ba26f9254427ee4bbb4bbdd16f03d2b69ca-1280x720.jpg?rect=352,0,576,720&w=200&h=250&fit=fill&auto=format"/><div class="absolute left-0 top-0 w-full h-full m-0 p-0"><div class="rounded-2xl text-sm text-white inline-flex items-center bg-gray-700 bg-opacity-50 drop-shadow transition-all ease-out z-50 m-2 pl-0.5 pr-2 py-px"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="circle-play" class="svg-inline--fa fa-circle-play rounded-full border border-transparent" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zM188.3 147.1c7.6-4.2 16.8-4.1 24.3 .5l144 88c7.1 4.4 11.5 12.1 11.5 20.5s-4.4 16.1-11.5 20.5l-144 88c-7.4 4.5-16.7 4.7-24.3 .5s-12.3-12.2-12.3-20.9V168c0-8.7 4.7-16.7 12.3-20.9z"></path></svg><span class="VideoCard_textShadow__E79AJ pl-px font-medium text-2xs z-40">3:22:28</span></div></div></div><div class="absolute bottom-0 mt-4 flex flex-col w-full"><div class="relative w-full h-8"></div><div class="relative pb-1 sm:pb-2 pt-1 w-full overflow-hidden" style="background-color:#125a9b"><div class="flex"><h3 class="pl-3 pr-2 mb-0 text-sm leading-4 font-medium text-white w-auto max-h-16 overflow-hidden group-hover:max-h-32">The Complete Nodejs MySQL Login System</h3><div class="pr-3 ml-auto text-xs font-medium text-white self-end flex items-center"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="star" class="svg-inline--fa fa-star text-yellow-500" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"></path></svg><span class="pl-0.5 text-2xs">4.7</span></div></div></div></div></div></a></li><li class="splide__slide"><a href="/premium/courses/django-a-z-build-deploy-web-projects-with-python-django-3219/" class="block"><div class="group relative rounded-md shadow-outline-sm hover:shadow-outline hover:cursor-pointer transition-all overflow-hidden "><div class="bg-gray-200 aspect-w-4 aspect-h-5"><img alt="Django A-Z: Build & Deploy Web Projects With Python & Django cover" loading="lazy" decoding="async" data-nimg="fill" class="w-full h-full object-center object-cover lg:w-full lg:h-full group-hover:brightness-105 z-0" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cfilter id='b' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1' result='s'/%3E%3CfeFlood x='0' y='0' width='100%25' height='100%25'/%3E%3CfeComposite operator='out' in='s'/%3E%3CfeComposite in2='SourceGraphic'/%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3C/filter%3E%3Cimage width='100%25' height='100%25' x='0' y='0' preserveAspectRatio='none' style='filter: url(%23b);' href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAACXBIWXMAAA7EAAAOxAGVKw4bAAADTUlEQVQokTXS/VMTBBzH8f1e6mn40N0ywbHhniCUhzKjQwIrFKy0y/Muxi5ocyJjSYgYuDEcDMfcGBtzJPJ0ScUwD/DMjY2HSuaJ4AMYOvpB4peuX7p+qF/eHYz+gdd97/t5C14oCrChdJy48im2nbmP0DhHvDWK2LmE1PcHKX1/kTbwD+mD/5J67W/knX8icS+TaFtEaoygMNwg/uQIL2nGWKcOIVinCrK9/CdS6u6hMD8gwTxPfFMUSetzlN4l9njnyXBHyPBESPM9Ibnjd5LcyyTZorxRe5Mc7UVSSnxs1QRi4JbSELkNP1NxdRJt1x0y7Y9JsEaRXlog2TyCTGdCXnyC1FI9aaeb2d14C5nzGZKWKOl1Ad4u86DU9rBFMxoDhdowKmeI7uEB3EMjHHA/INH6FLkpgLhIjzg/lzz1MY6Wf06W6jiKzypRmANIbFFEpllEVWMI9WE2aSdiYFxJiPcuhDB+cxN9b5iMlseIGx8hM7Qj++hDCrWf0uC5RJPPxQc6FaJD+eyqcJPUPM928wIvn51ls+EuG7WTMfDFoiDCU+O8VncHRf19EsxPkFyYQapr5i3Vcc7ZLfT8MECnvx91tZ6d7+5HrLEgtT7k1YYYGGe4y4b/wZVRNmsn2FoRYVvVysrziC0PkRu87FWp0NRWYvW14ezuQF1dTtLhApL0bexau3DH2WnEhnGE2lHWq0cR7CwL8WbtOJmmKRK+mlnNRtS0gNx0G2XJl6QeLSRP/QnF1RUUlGlJLq1CXv8jYluUHfVzZNaMcazyW7J0fjaqAwj21YxR7AjzseMXZKYZXjHOxVa2/0qyeRjpifPIijS8rjvN3mr72spPVztUmu9xqG6I0jN9ZJ/0s2kFVH4xxkHLJDmNEUS1swjPxzoUty6h8D5nd/sc6W1Tqx3uWetQ0raMyLZIqmWa3IYwObVBEk+FWL/yw4wKP9k1Q2Qbb7GvPkiWdYL9jinyvNO8f/URhf0LHBlc5Mj13zj83TPye+Y44JvhHVeEvJYJCmxBCq23yTo3TKp+EEGTvRGr04rNY8Puc+DodOHq9eC+dpn277/m8vUuOoZ66RjuxXejG6//Cp5+H66+dpxdbTivOGn12WlxX8TqaOI/6hxOS04orAQAAAAASUVORK5CYII='/%3E%3C/svg%3E")" src="https://cdn.sanity.io/images/708bnrs8/production/a3ff09589d7094bc0e764e7fea77bbe7cee7c77d-2000x1179.png?rect=529,0,943,1179&w=200&h=250&fit=fill&auto=format"/><div class="absolute left-0 top-0 w-full h-full m-0 p-0"><div class="rounded-2xl text-sm text-white inline-flex items-center bg-gray-700 bg-opacity-50 drop-shadow transition-all ease-out z-50 m-2 pl-0.5 pr-2 py-px"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="circle-play" class="svg-inline--fa fa-circle-play rounded-full border border-transparent" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zM188.3 147.1c7.6-4.2 16.8-4.1 24.3 .5l144 88c7.1 4.4 11.5 12.1 11.5 20.5s-4.4 16.1-11.5 20.5l-144 88c-7.4 4.5-16.7 4.7-24.3 .5s-12.3-12.2-12.3-20.9V168c0-8.7 4.7-16.7 12.3-20.9z"></path></svg><span class="VideoCard_textShadow__E79AJ pl-px font-medium text-2xs z-40">7:00:23</span></div></div></div><div class="absolute bottom-0 mt-4 flex flex-col w-full"><div class="relative w-full h-8"></div><div class="relative pb-1 sm:pb-2 pt-1 w-full overflow-hidden" style="background-color:#044494"><div class="flex"><h3 class="pl-3 pr-2 mb-0 text-sm leading-4 font-medium text-white w-auto max-h-16 overflow-hidden group-hover:max-h-32">Django A-Z: Build & Deploy Web Projects With Python & Django</h3></div></div></div></div></a></li></ul></div><div class="splide__arrows"><button class="splide__arrow splide__arrow--prev Carousel_splideArrow__oJOEm Carousel_splideArrowPrev__FGBFc"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" width="40" height="40" focusable="false"><path d="m15.5 0.932-4.3 4.38 14.5 14.6-14.5 14.5 4.3 4.4 14.6-14.6 4.4-4.3-4.4-4.4-14.6-14.6z"></path></svg></button><button class="splide__arrow splide__arrow--next Carousel_splideArrow__oJOEm Carousel_splideArrowNext__uHmgk"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" width="40" height="40" focusable="false"><path d="m15.5 0.932-4.3 4.38 14.5 14.6-14.5 14.5 4.3 4.4 14.6-14.6 4.4-4.3-4.4-4.4-14.6-14.6z"></path></svg></button></div></div></div></section><section><header class="flex flex-row items-baseline mb-2"><h2 class="font-bold text-base mb-0">Latest Books</h2><a href="/premium/library/books/" class="text-primary-700 text-sm font-medium ml-auto">See all</a></header><div><div class="splide Carousel_splide__p2P5n"><div class="splide__track -mx-8"><ul class="splide__list"><li class="splide__slide"><a href="/premium/books/unleashing-the-power-of-astro/" class="block"><div class="group relative rounded-md shadow-outline-sm hover:shadow-outline hover:cursor-pointer transition-all overflow-hidden "><div class="bg-gray-200 aspect-w-4 aspect-h-5"><img alt="Unleashing the Power of Astro cover" loading="lazy" decoding="async" data-nimg="fill" class="w-full h-full object-center object-cover lg:w-full lg:h-full group-hover:brightness-105 z-0" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cfilter id='b' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1' result='s'/%3E%3CfeFlood x='0' y='0' width='100%25' height='100%25'/%3E%3CfeComposite operator='out' in='s'/%3E%3CfeComposite in2='SourceGraphic'/%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3C/filter%3E%3Cimage width='100%25' height='100%25' x='0' y='0' preserveAspectRatio='none' style='filter: url(%23b);' href='data:image/jpeg;base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAZABQDASIAAhEBAxEB/8QAGgAAAwADAQAAAAAAAAAAAAAAAAIHAwQFBv/EACUQAAEEAAYCAgMAAAAAAAAAAAEAAgMEBQYREiExB0EyURMiYf/EABgBAAIDAAAAAAAAAAAAAAAAAAABAgME/8QAGBEBAQEBAQAAAAAAAAAAAAAAAAEREiH/2gAMAwEAAhEDEQA/AIHQyhPboxWWl+17N/AC5d7DqtKw+CxPKyVnYLEuGNuWbMNSCabWRwaGtJOmp+lQPL3jqLKdXDLdWW3N+dm2d0zOnADkH65Wr2XKEskDQ8hhJb6JQnMR9IUsoejydefhWP1bUU7a5adrpnt3BoPZ0VH8lZ4kxvL5qx4428D+hidDodn8PrpSaP4lMruJbptUs54OiFkf8ihGE//Z'/%3E%3C/svg%3E")" src="https://cdn.sanity.io/images/708bnrs8/production/9b180f1df344a8047cf3ee91c33acd20d5481d6d-1600x2000.jpg?w=200&h=250&fit=fill&auto=format"/><div class="absolute left-0 top-0 w-full h-full m-0 p-0"></div></div><div class="absolute bottom-0 mt-4 flex flex-col w-full"><div class="relative w-full h-8"></div><div class="relative pb-1 sm:pb-2 pt-1 w-full overflow-hidden" style="background-color:#0c043c"><div class="flex"><h3 class="pl-3 pr-2 mb-0 text-sm leading-4 font-medium text-white w-auto max-h-16 overflow-hidden group-hover:max-h-32">Unleashing the Power of Astro</h3></div></div></div></div></a></li><li class="splide__slide"><a href="/premium/books/generative-ai-tools-for-developers-a-practical-guide/" class="block"><div class="group relative rounded-md shadow-outline-sm hover:shadow-outline hover:cursor-pointer transition-all overflow-hidden "><div class="bg-gray-200 aspect-w-4 aspect-h-5"><img alt="Generative AI Tools for Developers: A Practical Guide cover" loading="lazy" decoding="async" data-nimg="fill" class="w-full h-full object-center object-cover lg:w-full lg:h-full group-hover:brightness-105 z-0" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cfilter id='b' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1' result='s'/%3E%3CfeFlood x='0' y='0' width='100%25' height='100%25'/%3E%3CfeComposite operator='out' in='s'/%3E%3CfeComposite in2='SourceGraphic'/%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3C/filter%3E%3Cimage width='100%25' height='100%25' x='0' y='0' preserveAspectRatio='none' style='filter: url(%23b);' href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAZCAYAAAAxFw7TAAAACXBIWXMAAAsTAAALEwEAmpwYAAAEOElEQVQ4jY2VZ3PaWBSG+SdJwGB6r6IKhCWBANFkAQZMdYsNtpM43l0n8czu7353zqGEzXhn98MBlXuf+54qy/vjJP7LPmzt/6y18IXjDYAztTfr1vj+OAmrS4ArUIA/KrF5w0Uc+3P83sIwRxLvHAm8syf4/z0Zg1Nvgo/cafgiJUQFFVGhglBChjsk8kEW+vGEiwjEyryITvOGS3wyLSTbKQknZURSBFERSSkMi6QUuIMibO40q7c4/XkUFQNtc4HW6Ry6MUWjM2EzBpfo9i9Qb5+jqg/3z/XulK1pzFBtjhhKHpBnFnewwA/P52u26fIB54s1RtM7zC8f2ei6P75h6/aXDK21xnyQWh8wkDyl0FlcgTyU2gC90TWrGZx/xHi2wnByi/F8xXCy6cUD3xOwKBsIxk84VO5gAXZPZl8FFoc3i0yxySorjTM+mVxpnc7Q6S04FHRPLpLbJfUU8UwVx74cq7IeZJ+BRI+lqxzHctXEidZjI9Vac8T/QqHBiSBQLF2BP1aGM5CH3ZvhjBOYY0hAm1uAJyRyNmkTbSCjzal8HYmsxpnNSS00OpuE5aU2AvEy197Rr8BdodILOtHhy/JCii3Fh+KUzNU447cPL1h/+o7RbAVR7sIXlWD3ZmHbArlsdl1h20E9P6HkFgFJ3XByx7Cn3//C49MresNr9sAZyHMNciz3CgnoFnDkyfCJFHCqT2ovb6SEnNSGObzG5e1XrD9/x5ff/sTV3TPk2oCb4ehNICn0bNymU392TZGVUKYni3tc3T5j/fkHVo/f0DaXCKcU9sr6ry57M1tIAxmxhahQ5QSRGlI5WT6wuo/3f6A3uuGk0Z49kIcANf1BDMlN8cREu32Lam2JdKHJbtfbE4YQ9OLmiZshmattCnuX5UMgBZdeUnYLpR5GvVecmS8QyyYrKakmdGPG0PF8zb0fFSos5J/APTQFhzePQERFsTTGWfcVA+MF+dIpQokTLnAq9KYxR6e3hKSaPJlo375TdnPP7snB6RPhC8nIZc/RqHxCV3+Cpl0hmdU5ruGkwkUta31uQbq3H7i7AToSsDoFhCI6SoULFAszSOICDeULNGWFbIHUyXBRkYdE7iZSGktr8IdleAMyXD4JVmd6M75o5Hw4FhCONKErzzD1V6jqJYqlITI5E8GYyh0RSigIxmnYlnnYBqIqEkkDaeGM9x65slvgVqrdnUMs3oEsXaFSnUPWBigpJpLZBuLpOk7UMZTqBKmcDn9MgicoIRzVEY934A9VYXNmDoD8Xdm47g1JEPI6113LuECrcwO1OoPevIbZu4emT5ARdfgiEsc8ENYQDNUPFP7yxaOMUbziGQ1qbQzDWEGrL1BWBwyrt6dQakOI0gCJVAehSAO+QAU2107h9qu3t20J0XAgqKT2USh3ud4oGZTdan2CfvcbzMYPjiPDtp7+DU9NZX867rL8AAAAAElFTkSuQmCC'/%3E%3C/svg%3E")" src="https://cdn.sanity.io/images/708bnrs8/production/36086893f23436b3ef36cc36184b70e019968436-1600x2000.png?w=200&h=250&fit=fill&auto=format"/><div class="absolute left-0 top-0 w-full h-full m-0 p-0"></div></div><div class="absolute bottom-0 mt-4 flex flex-col w-full"><div class="relative w-full h-8"></div><div class="relative pb-1 sm:pb-2 pt-1 w-full overflow-hidden" style="background-color:#2c1c74"><div class="flex"><h3 class="pl-3 pr-2 mb-0 text-sm leading-4 font-medium text-white w-auto max-h-16 overflow-hidden group-hover:max-h-32">Generative AI Tools for Developers: A Practical Guide</h3><div class="pr-3 ml-auto text-xs font-medium text-white self-end flex items-center"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="star" class="svg-inline--fa fa-star text-yellow-500" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"></path></svg><span class="pl-0.5 text-2xs">5.0</span></div></div></div></div></div></a></li><li class="splide__slide"><a href="/premium/books/scalable-vector-graphics/" class="block"><div class="group relative rounded-md shadow-outline-sm hover:shadow-outline hover:cursor-pointer transition-all overflow-hidden "><div class="bg-gray-200 aspect-w-4 aspect-h-5"><img alt="Scalable Vector Graphics cover" loading="lazy" decoding="async" data-nimg="fill" class="w-full h-full object-center object-cover lg:w-full lg:h-full group-hover:brightness-105 z-0" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cfilter id='b' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1' result='s'/%3E%3CfeFlood x='0' y='0' width='100%25' height='100%25'/%3E%3CfeComposite operator='out' in='s'/%3E%3CfeComposite in2='SourceGraphic'/%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3C/filter%3E%3Cimage width='100%25' height='100%25' x='0' y='0' preserveAspectRatio='none' style='filter: url(%23b);' href='data:image/jpeg;base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAgABQDASIAAhEBAxEB/8QAGQAAAwADAAAAAAAAAAAAAAAAAAYIBAUH/8QAKRAAAQMDAwIFBQAAAAAAAAAAAQIDBAAFEQYSEyFBBwgxUZMVNVRhof/EABcBAAMBAAAAAAAAAAAAAAAAAAIFBgP/xAAiEQABAwMDBQAAAAAAAAAAAAABAAIEERKhAwUhIjFR0fD/2gAMAwEAAhEDEQA/AHK1eYBq4pd47PsWjB2qd9a2a/GpKGVOG2tjAzjm9amvTkZ1iOFuQ3eQnO4ZBxTA+6p5tbRjPcZHdR6/ymEqCWE2J5GZEeepuV1s+YhnP2Rfy0VPD8WU06pJjujuMJJ6UUqOlrqiG27WRW3J9q67pEt0CA7IMCOrYM44wKU9Naltd0vaLXIt0REhxBWgoSCMD3p6ujbT8Nxl9outuDaUjuKWNLaXtdjuC5MaG9zryA451KR7D9VpRxdUu4+woVhA7hMv0m3/AIUf4xRWbRRVQXHyv//Z'/%3E%3C/svg%3E")" src="https://cdn.sanity.io/images/708bnrs8/production/0955d29c35eeae738a4ae44f1aa467f7dedad621-1375x2200.jpg?rect=0,241,1375,1719&w=200&h=250&fit=fill&auto=format"/><div class="absolute left-0 top-0 w-full h-full m-0 p-0"></div></div><div class="absolute bottom-0 mt-4 flex flex-col w-full"><div class="relative w-full h-8"></div><div class="relative pb-1 sm:pb-2 pt-1 w-full overflow-hidden" style="background-color:#2a0978"><div class="flex"><h3 class="pl-3 pr-2 mb-0 text-sm leading-4 font-medium text-white w-auto max-h-16 overflow-hidden group-hover:max-h-32">Scalable Vector Graphics</h3></div></div></div></div></a></li><li class="splide__slide"><a href="/premium/books/unleashing-the-power-of-typescript/" class="block"><div class="group relative rounded-md shadow-outline-sm hover:shadow-outline hover:cursor-pointer transition-all overflow-hidden "><div class="bg-gray-200 aspect-w-4 aspect-h-5"><img alt="Unleashing the Power of TypeScript cover" loading="lazy" decoding="async" data-nimg="fill" class="w-full h-full object-center object-cover lg:w-full lg:h-full group-hover:brightness-105 z-0" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cfilter id='b' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1' result='s'/%3E%3CfeFlood x='0' y='0' width='100%25' height='100%25'/%3E%3CfeComposite operator='out' in='s'/%3E%3CfeComposite in2='SourceGraphic'/%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3C/filter%3E%3Cimage width='100%25' height='100%25' x='0' y='0' preserveAspectRatio='none' style='filter: url(%23b);' href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAZCAYAAAAxFw7TAAAACXBIWXMAAA3XAAAN1wFCKJt4AAAEKUlEQVQ4jYVV6XbaZhTknRobkNglJCQBEosECDCExcYstuMkjbGNjZeTkyax26Qv0DednrnUOO7pSX9c7d98c2fuvYq82onhZ7GzG38R//d95Gcgu1GG8jJ244jGFCSSGWSyukQqnYOipmRN5JdXUfwYT4AEi0YVWRyNqc8RVRBXEsjm8jALjoSeLyCZysqGkWeAzcK4koSiJqGqKSQSaWHCUBPpTagpKEoSaiK1fR5XkrJWUo7FE8hpeVh2EY5TRrHoolh6jlLZQ9mtouxW4BTLwoYbcR3Z7/xL10gimYYfNHEwmaL/eohWq42w3ZVoNEM5j8cH8r7d2RNggjI0zUA6nUMmq0nKoiEp7/VeY3l+icXRCYajfRxO55jNj+R8dPwGl6trXK9v5XowHEvw3WQyxWh8gMPDGVphR4yJMPe638Dp6Tsszy9we3uP3z5/wZevD3h8/AMPD79LfPv2pzy/ul5jdXWN+/uP+PrwKN99+vQZ09lC3I7QDNJnaicnp7i5ucPd/UdcXa1xcbnC2fIc7389w/nFJZbLC9l4NlsI2/XNHVZXaxwfvxGGTFsA6aqum6jVA9GJ4Lx23eomvBoq1To8ryYa2jSv5CFohPI8bxRESxolgEyb5ZDJaMI2b1iygaab23uGYdowTAt63kROM6QWk6nstmykDnmIxVVhSQ0KVhFepSblYwqALcXLkqn7TXH+yel0ZuMuzSCGAEajKuLxBFQ1DV0rImyMsT9aoNvtw6vUYTslFCwH1aqPyWQm2lEWbiCpZjTJbguoKBlk0zYyaRO2GWDSW+PD4hFH0wv0e2NUa4GAshLmi+MtoB+0pH4LVlE6ZguYUHVY+QB5rYy8VkLHP8b7w+84W3zHZPQOQRCKCQQe70/Q7w/gelVJfTjcF9BsVn8GjMWSyGYs5HUHuVwBtlVBL5xjPl5h2D9Gvd6UtqSb7CQCUVen6EpDdLo9MYwOS6fwQJf0nAPb8GEVPNGr3e4jDHuoVOqw7JKUUXevL2c6zGDanW4PZsEWhgLIhpYBkbVhGT4KpicuN1vtraPUqVrz5Z4Dg0YwaFqz1YZhWM/Thgcy1DQThlGEYdiyiNoEjRZKJU/qzrZLAs70aALLhd/V6oHUK/XbApIhH/IDLtqMrApcYefIVNZ0Q1LjqHuaiyzysluRZy8AecMuIRBZsS8bjVBajcVNVqw7aklHmRFJ8Np2NjOS9y/+KWKMboqbFHo0mmA0mKMZ9OF5vmhFGciK0zoWU//pLEcKnOtfAD65zaFJU3q9EeaTJcb9U1QrDfh+C532ALVaUxwmI2pJKWjQ1pQff06iZ0zdpF+qoBMO0W4N4Tgu3HKAQfstRt0P8Eoh1ERGCGy6ZJMucf7zr0dN6SL/MRxdTMstNzHt3WN58BcGjRUyKVtYEezJEAL+DZIwrlFmcDYcAAAAAElFTkSuQmCC'/%3E%3C/svg%3E")" src="https://cdn.sanity.io/images/708bnrs8/production/5fd75bb7ed78541494a1ec40662e913cd67c7838-1600x2000.png?w=200&h=250&fit=fill&auto=format"/><div class="absolute left-0 top-0 w-full h-full m-0 p-0"></div></div><div class="absolute bottom-0 mt-4 flex flex-col w-full"><div class="relative w-full h-8"></div><div class="relative pb-1 sm:pb-2 pt-1 w-full overflow-hidden" style="background-color:#38295a"><div class="flex"><h3 class="pl-3 pr-2 mb-0 text-sm leading-4 font-medium text-white w-auto max-h-16 overflow-hidden group-hover:max-h-32">Unleashing the Power of TypeScript</h3><div class="pr-3 ml-auto text-xs font-medium text-white self-end flex items-center"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="star" class="svg-inline--fa fa-star text-yellow-500" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"></path></svg><span class="pl-0.5 text-2xs">5.0</span></div></div></div></div></div></a></li><li class="splide__slide"><a href="/premium/books/the-web-development-glossary-3k/" class="block"><div class="group relative rounded-md shadow-outline-sm hover:shadow-outline hover:cursor-pointer transition-all overflow-hidden "><div class="bg-gray-200 aspect-w-4 aspect-h-5"><img alt="The Web Development Glossary 3K cover" loading="lazy" decoding="async" data-nimg="fill" class="w-full h-full object-center object-cover lg:w-full lg:h-full group-hover:brightness-105 z-0" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cfilter id='b' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1' result='s'/%3E%3CfeFlood x='0' y='0' width='100%25' height='100%25'/%3E%3CfeComposite operator='out' in='s'/%3E%3CfeComposite in2='SourceGraphic'/%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3C/filter%3E%3Cimage width='100%25' height='100%25' x='0' y='0' preserveAspectRatio='none' style='filter: url(%23b);' href='data:image/jpeg;base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAaABQDASIAAhEBAxEB/8QAGgAAAgIDAAAAAAAAAAAAAAAAAAECBQQGCP/EACUQAAICAQIEBwAAAAAAAAAAAAECABEDBAUGEiExExQjUVJhkf/EABQBAQAAAAAAAAAAAAAAAAAAAAD/xAAUEQEAAAAAAAAAAAAAAAAAAAAA/9oADAMBAAIRAxEAPwDnzc+H8ZzA6XJjxIVshiTRmBk2PkBPntKQBfR5Y7pq9S+V2bUthxVVAWJrORqdgrcwvv7wEUIJFiEXMYQG2R2FM7EfZkVBZgB3PSKMQL1OFtyZAwXBRFj1VhKbxH+bfsIH/9k='/%3E%3C/svg%3E")" src="https://cdn.sanity.io/images/708bnrs8/production/d7e80370778a841deaa3b5244724c5627d6e2c16-612x792.jpg?rect=0,14,612,765&w=200&h=250&fit=fill&auto=format"/><div class="absolute left-0 top-0 w-full h-full m-0 p-0"></div></div><div class="absolute bottom-0 mt-4 flex flex-col w-full"><div class="relative w-full h-8"></div><div class="relative pb-1 sm:pb-2 pt-1 w-full overflow-hidden" style="background-color:#424242"><div class="flex"><h3 class="pl-3 pr-2 mb-0 text-sm leading-4 font-medium text-white w-auto max-h-16 overflow-hidden group-hover:max-h-32">The Web Development Glossary 3K</h3></div></div></div></div></a></li><li class="splide__slide"><a href="/premium/books/useful-python/" class="block"><div class="group relative rounded-md shadow-outline-sm hover:shadow-outline hover:cursor-pointer transition-all overflow-hidden "><div class="bg-gray-200 aspect-w-4 aspect-h-5"><img alt="Useful Python cover" loading="lazy" decoding="async" data-nimg="fill" class="w-full h-full object-center object-cover lg:w-full lg:h-full group-hover:brightness-105 z-0" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cfilter id='b' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1' result='s'/%3E%3CfeFlood x='0' y='0' width='100%25' height='100%25'/%3E%3CfeComposite operator='out' in='s'/%3E%3CfeComposite in2='SourceGraphic'/%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3C/filter%3E%3Cimage width='100%25' height='100%25' x='0' y='0' preserveAspectRatio='none' style='filter: url(%23b);' href='data:image/jpeg;base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAZABQDASIAAhEBAxEB/8QAGgAAAgMBAQAAAAAAAAAAAAAAAAQDBgcBAv/EACMQAAICAgICAQUAAAAAAAAAAAECAAMEERIxBWFBEyJicaH/xAAXAQADAQAAAAAAAAAAAAAAAAABAgQD/8QAGBEAAwEBAAAAAAAAAAAAAAAAAAECERL/2gAMAwEAAhEDEQA/AMftuDfMRuYqwbjy9Edx6yob0e5a8PP8Xj4Va/WUMFA+6gMQfkyi9A0jP2sZjvhx9AQll8vk4l+XyquRlCgbFXH+Qi4xcOV4psYhdb9meLsC+sFmC8R+Qk7dyM9H9ympKKkUFAYb1CNr1CDlGeH/2Q=='/%3E%3C/svg%3E")" src="https://cdn.sanity.io/images/708bnrs8/production/0020301367cafd1036bcaca789cd328be30990af-1600x2000.jpg?w=200&h=250&fit=fill&auto=format"/><div class="absolute left-0 top-0 w-full h-full m-0 p-0"></div></div><div class="absolute bottom-0 mt-4 flex flex-col w-full"><div class="relative w-full h-8"></div><div class="relative pb-1 sm:pb-2 pt-1 w-full overflow-hidden" style="background-color:#3d3b49"><div class="flex"><h3 class="pl-3 pr-2 mb-0 text-sm leading-4 font-medium text-white w-auto max-h-16 overflow-hidden group-hover:max-h-32">Useful Python</h3></div></div></div></div></a></li><li class="splide__slide"><a href="/premium/books/forty-three-post-apocalyptic-website-project-ideas/" class="block"><div class="group relative rounded-md shadow-outline-sm hover:shadow-outline hover:cursor-pointer transition-all overflow-hidden "><div class="bg-gray-200 aspect-w-4 aspect-h-5"><img alt="Forty-Three Post-Apocalyptic Website Project Ideas cover" loading="lazy" decoding="async" data-nimg="fill" class="w-full h-full object-center object-cover lg:w-full lg:h-full group-hover:brightness-105 z-0" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cfilter id='b' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1' result='s'/%3E%3CfeFlood x='0' y='0' width='100%25' height='100%25'/%3E%3CfeComposite operator='out' in='s'/%3E%3CfeComposite in2='SourceGraphic'/%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3C/filter%3E%3Cimage width='100%25' height='100%25' x='0' y='0' preserveAspectRatio='none' style='filter: url(%23b);' href='data:image/jpeg;base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAgABQDASIAAhEBAxEB/8QAGQAAAgMBAAAAAAAAAAAAAAAAAAQDBgcF/8QAJRAAAQMBCAIDAAAAAAAAAAAAAQACAwQGERITITFBYQVTgZGS/8QAGAEAAwEBAAAAAAAAAAAAAAAAAwQGBQf/xAAlEQABAgMIAwEAAAAAAAAAAAABAAIDBBIFERMhQVGh0QYxUsH/2gAMAwEAAhEDEQA/ANwNm2jepP5Q6zYaQDUG484VZpIw15uILSo8LduONVIGwJEZYfJ7WsJ+N9LhRWWEjcTarTtqFaadjWRgF7R8oTLfHLPIF8Pk9oZtGYvydwsunq5Yoy7Mfp2l6TyckzrhJJtfqUwYhKC1xAHaXo/GtpDI7PMhcbwHcdBc7hPaYL6yatP1UDgaxd61TufL7H/aFEhKYj90WkbL/9k='/%3E%3C/svg%3E")" src="https://cdn.sanity.io/images/708bnrs8/production/60ca4b480a515d60be7752a7229bf7d1abe3354b-1375x2200.jpg?rect=0,0,1375,1719&w=200&h=250&fit=fill&auto=format"/><div class="absolute left-0 top-0 w-full h-full m-0 p-0"></div></div><div class="absolute bottom-0 mt-4 flex flex-col w-full"><div class="relative w-full h-8"></div><div class="relative pb-1 sm:pb-2 pt-1 w-full overflow-hidden" style="background-color:#ae7431"><div class="flex"><h3 class="pl-3 pr-2 mb-0 text-sm leading-4 font-medium text-white w-auto max-h-16 overflow-hidden group-hover:max-h-32">Forty-Three Post-Apocalyptic Website Project Ideas</h3></div></div></div></div></a></li><li class="splide__slide"><a href="/premium/books/an-introduction-to-website-performance/" class="block"><div class="group relative rounded-md shadow-outline-sm hover:shadow-outline hover:cursor-pointer transition-all overflow-hidden "><div class="bg-gray-200 aspect-w-4 aspect-h-5"><img alt="An Introduction to Website Performance cover" loading="lazy" decoding="async" data-nimg="fill" class="w-full h-full object-center object-cover lg:w-full lg:h-full group-hover:brightness-105 z-0" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cfilter id='b' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1' result='s'/%3E%3CfeFlood x='0' y='0' width='100%25' height='100%25'/%3E%3CfeComposite operator='out' in='s'/%3E%3CfeComposite in2='SourceGraphic'/%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3C/filter%3E%3Cimage width='100%25' height='100%25' x='0' y='0' preserveAspectRatio='none' style='filter: url(%23b);' href='data:image/jpeg;base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAgABQDASIAAhEBAxEB/8QAGgAAAgIDAAAAAAAAAAAAAAAAAAYFBwMECP/EACcQAAEEAQIFBAMAAAAAAAAAAAEAAgMEEQUHBhIhIjETFVGSQXGB/8QAFwEBAQEBAAAAAAAAAAAAAAAABgMAAv/EACQRAAECBQIHAAAAAAAAAAAAAAEAAgMEBRGhEiETMUJRUtHh/9oADAMBAAIRAxEAPwC2au6DbDSY9MPb571lduUWgk6YcDz3Ks60kcfWOu9jnDBxlbUsxa0CWObB6eSjQn49t3YTN1Llr7Myfadju3ECR7YfuhVlYjjEmI60mP6hSNQmfLCuKRJnoz9XSza9E1vWbDA5nLzAhowUi2ONKsc72DTKrg1xGS4dU9wxV6dFteBuIgMBo+EnP4D0SxYe+SOdpeck8/5SchqDniHkVHu44rg9NJqn9OCFKDbjQfmb7oW0hcXid1//2Q=='/%3E%3C/svg%3E")" src="https://cdn.sanity.io/images/708bnrs8/production/bfc93bed568f2894ea2185ebd81b258b380db4c7-1375x2200.jpg?rect=0,0,1375,1719&w=200&h=250&fit=fill&auto=format"/><div class="absolute left-0 top-0 w-full h-full m-0 p-0"></div></div><div class="absolute bottom-0 mt-4 flex flex-col w-full"><div class="relative w-full h-8"></div><div class="relative pb-1 sm:pb-2 pt-1 w-full overflow-hidden" style="background-color:#db5504"><div class="flex"><h3 class="pl-3 pr-2 mb-0 text-sm leading-4 font-medium text-white w-auto max-h-16 overflow-hidden group-hover:max-h-32">An Introduction to Website Performance</h3></div></div></div></div></a></li><li class="splide__slide"><a href="/premium/books/unleashing-the-power-of-css/" class="block"><div class="group relative rounded-md shadow-outline-sm hover:shadow-outline hover:cursor-pointer transition-all overflow-hidden "><div class="bg-gray-200 aspect-w-4 aspect-h-5"><img alt="Unleashing the Power of CSS cover" loading="lazy" decoding="async" data-nimg="fill" class="w-full h-full object-center object-cover lg:w-full lg:h-full group-hover:brightness-105 z-0" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cfilter id='b' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1' result='s'/%3E%3CfeFlood x='0' y='0' width='100%25' height='100%25'/%3E%3CfeComposite operator='out' in='s'/%3E%3CfeComposite in2='SourceGraphic'/%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3C/filter%3E%3Cimage width='100%25' height='100%25' x='0' y='0' preserveAspectRatio='none' style='filter: url(%23b);' href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAZCAYAAAAxFw7TAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFhElEQVQ4jVXUWXPaWBMGYP2Hb5LYxuxIaDuLFgSSxQ5iN2CD2WwnceLJzCSZyv+/ePsrkcxFLt5q1bl4qo+kbsXwx6i6CVSnj4rooMSbKNoR8lYdOaOGrO7iWpPIqJwuKxYuSgZdFHV6V6z+lov0vGySorsjVJ0hVNFFmbdQsmMUrBB5M0BO95GtOrhWBTIVG1dlEyl2WdQpX2VUsR2qMJfKlkM5ndFl2SDFcBNUZR8q76BsN1GyIhTMBvJGDbmqh6wmcV1hyJQtpNBFXqPLgkZlU5Dp1Mh0AtKFT0WD02VJJ8VyR9BFHypro2zFKJkhikYdBd1Hvuogqwq6LtvIlAxcFqp0kavQu2yJrvIVyhTVc64KKl0UVHqbr5DCvBFM2YfG2qhYNyibIUpGgILuIa85yKkc12ULmaJBV3mNLrJlepsp0JvLLP1xcU3/S5M+p2fZEinMTWA7AxiiC82OUTEbKOkBilUPBc2hvMqRLVu4Lup0lVfpIluid5k8vbm8pj8uMj/zG+gkYM4QluxBZ02oZoiyEaBU9VHUHCqoHLmyRSmYyat0mYJXOXqTQu+ufgevS6RwZwQmB7BEF7rdhGaGUI06dLsB4bXIq3fgBE1iToNsWSPm1MgWLlUNRqpukW4L0kxB2bJOb3MVUrhMfoK8C8NuQrduoJkNcLeF3nBJy7sjVvdHmi+3NF3c0Xx5T8v1lmaLFSWTOU0XKxqMF8T9kNKPpnCRgMshbNGDdPuImjOE8QT1KEE/WdFiucdyfTiDk3kKbuj+4Ujb3Yk2D0fa7E50e7ejIO5RpmSQIuUIQqboAHHzFofTF3x4+Y7D6RXHx1d6fP4Tp6fPWN0faHa7od3xPR2fPtJm90j703t6ef2b3r98od5oQTmVkeI6E0iZQIgBopsF7u4/4un5H3x4+YaXz9/x6fU7ffz0FevNiRbLHe2PH2i9OdJ4tqbb9Y6OT5/o8PSJOsMFClUJxZUTyPTafAApB6gFI4TRFHFzhmZrhmZ7hrg9QdDowa93EIQ9SC8m5oQk/RhevQ233oYhGuchUCQbQbAEgg3AWA+23YFtt2DZMUzrBqYdwbRD6FadqmYNmuGjorsoaQ6KmkRBFcirgnIVgWxFQpH2CCkqeQLBB+CsB867YKwNmzVhsxg2j2GxGxh2SGfYCkg1fCpVXSpqLgqai7zqIqe6UDw+hcsncMUYjkjRPgT/iXLeAeMtMPEzFo9hsgiGHaFqNVDRayinA1D1UdDS2a9BqYk5fD6Fd0ZHZ9QRA0jRhxAp3AEX/6UN+ww3Ydjp/xqiYtRR1uso/opS4wv4fIa0U09M4Ikx3DM6hPzVrZR9uO4Qrj+E4w3AZRcWb0G3YmhmhIqRjmu6VCIoAbtFitb4HL6Ywk9ROf7V7RBSDOB5IzQaC4TRLYL6FK6fgIl0slqoWun8p0slTRNKKO5Q50vU2AI+m52vX5Mz+HJ6RiUfwnPHaDSWuInvEEZL1IIZZLpQWBe61YZmtqCl1epAabo7hHyNwF6gZs/PaPpeA2f+Cx3DkxPUawvcRHeIojVqwRzSHcPmfRhWiqaLJd1WfSjd4BE3YoM6WyG9fuis0I0ekHRPGHaPGHT26Hf2SPpHTEbPGCWP6HV3CMMVpBzDsgcw7AFMNoTJEyjD8AVt74CI35877TX22C7+wvP+Bx4f/sVh8w2H7Vc87v/F8+kHnk4/sN99xWT8HkGwBONj2GwEO61iAmUcf0G//gEtZ49YbtGrH7BKXrFd/I272Z9YTj5jPXvFdv0P9pvv2G2+4W71F0bDZ9SDNaSYgYspeFqdOZRp+yuS8DM63glN+YCm3KLlPqDlbRF7G8T+Bt3ogHHvBbPkFUnvA9rxAVF9A99dwpELyP/i3OL/60QypgE1F5IAAAAASUVORK5CYII='/%3E%3C/svg%3E")" src="https://cdn.sanity.io/images/708bnrs8/production/e48ef679bb9958c0ea8560c8c7888189fb650d7d-1600x2000.png?w=200&h=250&fit=fill&auto=format"/><div class="absolute left-0 top-0 w-full h-full m-0 p-0"></div></div><div class="absolute bottom-0 mt-4 flex flex-col w-full"><div class="relative w-full h-8"></div><div class="relative pb-1 sm:pb-2 pt-1 w-full overflow-hidden" style="background-color:#34244c"><div class="flex"><h3 class="pl-3 pr-2 mb-0 text-sm leading-4 font-medium text-white w-auto max-h-16 overflow-hidden group-hover:max-h-32">Unleashing the Power of CSS</h3><div class="pr-3 ml-auto text-xs font-medium text-white self-end flex items-center"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="star" class="svg-inline--fa fa-star text-yellow-500" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"></path></svg><span class="pl-0.5 text-2xs">5.0</span></div></div></div></div></div></a></li><li class="splide__slide"><a href="/premium/books/the-designer-s-guide-to-figma/" class="block"><div class="group relative rounded-md shadow-outline-sm hover:shadow-outline hover:cursor-pointer transition-all overflow-hidden "><div class="bg-gray-200 aspect-w-4 aspect-h-5"><img alt="The Designer’s Guide to Figma cover" loading="lazy" decoding="async" data-nimg="fill" class="w-full h-full object-center object-cover lg:w-full lg:h-full group-hover:brightness-105 z-0" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cfilter id='b' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1' result='s'/%3E%3CfeFlood x='0' y='0' width='100%25' height='100%25'/%3E%3CfeComposite operator='out' in='s'/%3E%3CfeComposite in2='SourceGraphic'/%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3C/filter%3E%3Cimage width='100%25' height='100%25' x='0' y='0' preserveAspectRatio='none' style='filter: url(%23b);' href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAZCAYAAAAxFw7TAAAACXBIWXMAAAsTAAALEwEAmpwYAAAE+ElEQVQ4jX2VW2/cxhmG939UEo9DDoenPXB3uas9aLXSrm0dasnryK4sWxZkSbZlHeIEso0EKdomRVIYDVCk6J2BXvWmN/2BD4oZWUJRoL14yJkh+fKd+b75phIEATIMySJJLVZUVUQsJWEQEHwmDEPDTf//UdGXKAzJVUQjVtRjRRLJWxGNlNLwn/08zymKwlCv10nT1Dy7FdTOWklMkSjSSBrX4f8giiIj0ul0DO12m2q1an5UEUIgg4CakrSTmFaizPT1lOM4plarGbIsM65u0GONRuMW/dw49DyPUPjUI0knUZRaUIZGUP/5wYMHPH78mO3tbdPe2dlhNpuZ9tbWFvfv32djY4PhcIhSiorrugSeR12GLCbKiGZhQCCEmc7Tp085Ozvj9PSUN2/ecHV1xfv377m8vDRjx8fH7O3tce/ePbOOFdu2Ea5LQ4b0E2VEtaDveWbKvV7PuHj+/DmHh4ecn5/z7t07I/7s2TN2d3eN68lkQpIkVCzLQjgOhQwYpopeEpEFAs91cRzHpEK/3+fJkye8fPmSi4sLI/j27VsODg7MuL5vbm5eO1xYWMC3bZoyYJQqBklEHvi4jo12r9dYB2FlZcU4OTk5MS5fvXrF/v6+EdRO19fXrwXn5+cRtkUpA1YyxSiNqAofx7LQ7rVLLapTQq+pDtDr16+N05s1PDo6MgHSka7Mz80R2Ba9KGCtGjPNFI3Aw7UWsBYWsC0bx3bQwdNrOhwMTYS1iHY4m814+PAh0+n085Tn5ogdi7U05LCVslckDKRAaIfzWtDCtp1bp3pN9Yc6pXT+pWlqnOmAmDy05uYoPIvjZsTH5Sq/G+RsZ5LM8QktgbAFnu3hOR6uowPlmrvnetd41/i+TyACLfgrSt/iqzLi07TKL+MaL4qCjXTMRrbBWK3QDFrkokrqZyR+QqwRMUoTaJQhCqJrh1XX4lk94odhg+/6bU7b63y79IGfJn/mq/47tqsPWY5X6Ksh3ahHGXVpy5KmbNGQBTVZpypr5DKn4iy4KFcxyUYcdHbYL7/guHPIz9O/8PfNf/Dj6keeNp9zN11jHK8yVCP6asDiZ+FW1KaQTeqyYUQrwompyyV+XV5ytPpXDkZ/4knngrdL3/D76UfOBl+zWd1moJbpyj5t2aUpS4qwRT0sqIV18rBGFuakYUYl9DLa8RqPBt9zvvZPTqaf2Oxfcndyyv2tD6yuHlE0JiRxiYoKIllHyhpS5kipK4yugzrCMWGoqAg3Jg97TNvH/Gb1R2bL37F055z+0U+Mrj7RffE96eoOohjgV0u8vIWXFfhpAz+p4cdVfJXhRykiSqi4jocIFI3+mNFsl8HWI1qzQ/pf/43xH/9F78tfyDb2CcoxfqOHX+8aYT9v4RvhuhEVcYZQKRVTAGqK1t6E8W/3WLp6RLE7o9j7kvLkB+qPLpCDNfxaaZx5aQMvqeHFVTyV46kUP0oQUWyouJ5HVOYsnm5y5+cXjP+wR+3BMkGrg2gO8PI2dqCwPIHlanyD/RnH83F9gS8CRBBS0RkeNVI6uxNWPjxmeLZNdbVERCG+0C8KswtudsM1An10/PeJqMfMmRLnCZ07Q5Z311n64i7lco+iWdAsCprN5u3JpvfuTV+j93NZlqatC8ftMaqSmOZiSX8yYjAZsTjsU3ZK87JGf6iFNDd9jS5n3W7XtHVx0IL/BnruOvShugwFAAAAAElFTkSuQmCC'/%3E%3C/svg%3E")" src="https://cdn.sanity.io/images/708bnrs8/production/37f71f55142620be6533c9f25475cf0fe8b6bede-1600x2000.png?rect=35,883,799,999&w=200&h=250&fit=fill&auto=format"/><div class="absolute left-0 top-0 w-full h-full m-0 p-0"></div></div><div class="absolute bottom-0 mt-4 flex flex-col w-full"><div class="relative w-full h-8"></div><div class="relative pb-1 sm:pb-2 pt-1 w-full overflow-hidden" style="background-color:#310924"><div class="flex"><h3 class="pl-3 pr-2 mb-0 text-sm leading-4 font-medium text-white w-auto max-h-16 overflow-hidden group-hover:max-h-32">The Designer’s Guide to Figma</h3><div class="pr-3 ml-auto text-xs font-medium text-white self-end flex items-center"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="star" class="svg-inline--fa fa-star text-yellow-500" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"></path></svg><span class="pl-0.5 text-2xs">5.0</span></div></div></div></div></div></a></li><li class="splide__slide"><a href="/premium/books/solutions-architect-s-handbook-2nd-edition/" class="block"><div class="group relative rounded-md shadow-outline-sm hover:shadow-outline hover:cursor-pointer transition-all overflow-hidden "><div class="bg-gray-200 aspect-w-4 aspect-h-5"><img alt="Solutions Architect’s Handbook, 2nd Edition cover" loading="lazy" decoding="async" data-nimg="fill" class="w-full h-full object-center object-cover lg:w-full lg:h-full group-hover:brightness-105 z-0" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cfilter id='b' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1' result='s'/%3E%3CfeFlood x='0' y='0' width='100%25' height='100%25'/%3E%3CfeComposite operator='out' in='s'/%3E%3CfeComposite in2='SourceGraphic'/%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3C/filter%3E%3Cimage width='100%25' height='100%25' x='0' y='0' preserveAspectRatio='none' style='filter: url(%23b);' href='data:image/jpeg;base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAZABQDASIAAhEBAxEB/8QAGQAAAgMBAAAAAAAAAAAAAAAAAAMCBAUH/8QAKRAAAQQAAwUJAAAAAAAAAAAAAQACAwQREnEFITE0YhMUIiMyNUFRYf/EABYBAQEBAAAAAAAAAAAAAAAAAAIBAP/EABkRAQEBAQEBAAAAAAAAAAAAAAEAEgJRIf/aAAwDAQACEQMRAD8A53S2bSnpxvllLXFu8Y/KrWKVKvKWlliQAephGCz8JGsDTmaR+qTGSEYve9rdUdk8MubuufyhKG9XFCkZIGkjss/UTxQpp8tk9rcVaxLE2TAnEbil168lqWaFxc6Zo8LQm1uXj0Stn+5HUqnIUe1+Sb9Q1pxHlc05QSD9oTtqc2dAhKN//9k='/%3E%3C/svg%3E")" src="https://cdn.sanity.io/images/708bnrs8/production/8e16d36cc8f6556832438c83a773f6bbec9c0587-1650x2035.jpg?rect=529,1024,417,521&w=200&h=250&fit=fill&auto=format"/><div class="absolute left-0 top-0 w-full h-full m-0 p-0"></div></div><div class="absolute bottom-0 mt-4 flex flex-col w-full"><div class="relative w-full h-8"></div><div class="relative pb-1 sm:pb-2 pt-1 w-full overflow-hidden" style="background-color:#732908"><div class="flex"><h3 class="pl-3 pr-2 mb-0 text-sm leading-4 font-medium text-white w-auto max-h-16 overflow-hidden group-hover:max-h-32">Solutions Architect’s Handbook, 2nd Edition</h3></div></div></div></div></a></li><li class="splide__slide"><a href="/premium/books/clean-code-in-javascript/" class="block"><div class="group relative rounded-md shadow-outline-sm hover:shadow-outline hover:cursor-pointer transition-all overflow-hidden "><div class="bg-gray-200 aspect-w-4 aspect-h-5"><img alt="Clean Code in JavaScript cover" loading="lazy" decoding="async" data-nimg="fill" class="w-full h-full object-center object-cover lg:w-full lg:h-full group-hover:brightness-105 z-0" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cfilter id='b' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1' result='s'/%3E%3CfeFlood x='0' y='0' width='100%25' height='100%25'/%3E%3CfeComposite operator='out' in='s'/%3E%3CfeComposite in2='SourceGraphic'/%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3C/filter%3E%3Cimage width='100%25' height='100%25' x='0' y='0' preserveAspectRatio='none' style='filter: url(%23b);' href='data:image/jpeg;base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAZABQDASIAAhEBAxEB/8QAGwAAAQQDAAAAAAAAAAAAAAAAAAEEBQYCAwf/xAArEAAABQMBBAsAAAAAAAAAAAAAAQIDBAUGESESEyJBFTE0NTZScoGDocH/xAAXAQADAQAAAAAAAAAAAAAAAAABAwQC/8QAHREAAgICAwEAAAAAAAAAAAAAAQIAAwSRFDFiIf/aAAwDAQACEQMRAD8Ap1PtWPMgx3t7ISpxOdEkZBX7WiR4TsiQ/JQTZa8JHqIdqo0IyJKHKlkuRKxgJKqNCaSpDjlSPmaTVnIUbyPhQ6lHF9ruMJyIqH8Q3VuNYLVScHkAy6UtzyT/AKAByPB1Bxva7jM464sN8mFqcJ5ONlSNS9xpolty67VGYbZ7jaSZmtZ5D5fZyE7YPiBv0mG5mTYtLOOwJrFRL70Rh8JlUuGyp9HqJxd6TvCStpHVqAdBvPvn40/oBBj5NllasT3LcnGqrtZAOjP/2Q=='/%3E%3C/svg%3E")" src="https://cdn.sanity.io/images/708bnrs8/production/aaee9a42c5dff7423353497b1636e8e1e6afb71b-810x1000.jpg?rect=138,530,297,371&w=200&h=250&fit=fill&auto=format"/><div class="absolute left-0 top-0 w-full h-full m-0 p-0"></div></div><div class="absolute bottom-0 mt-4 flex flex-col w-full"><div class="relative w-full h-8"></div><div class="relative pb-1 sm:pb-2 pt-1 w-full overflow-hidden" style="background-color:#a13406"><div class="flex"><h3 class="pl-3 pr-2 mb-0 text-sm leading-4 font-medium text-white w-auto max-h-16 overflow-hidden group-hover:max-h-32">Clean Code in JavaScript</h3><div class="pr-3 ml-auto text-xs font-medium text-white self-end flex items-center"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="star" class="svg-inline--fa fa-star text-yellow-500" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"></path></svg><span class="pl-0.5 text-2xs">5.0</span></div></div></div></div></div></a></li><li class="splide__slide"><a href="/premium/books/clean-code-in-python-2nd-edition/" class="block"><div class="group relative rounded-md shadow-outline-sm hover:shadow-outline hover:cursor-pointer transition-all overflow-hidden "><div class="bg-gray-200 aspect-w-4 aspect-h-5"><img alt="Clean Code in Python, 2nd Edition cover" loading="lazy" decoding="async" data-nimg="fill" class="w-full h-full object-center object-cover lg:w-full lg:h-full group-hover:brightness-105 z-0" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cfilter id='b' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1' result='s'/%3E%3CfeFlood x='0' y='0' width='100%25' height='100%25'/%3E%3CfeComposite operator='out' in='s'/%3E%3CfeComposite in2='SourceGraphic'/%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3C/filter%3E%3Cimage width='100%25' height='100%25' x='0' y='0' preserveAspectRatio='none' style='filter: url(%23b);' href='data:image/jpeg;base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAZABQDASIAAhEBAxEB/8QAGQAAAwEBAQAAAAAAAAAAAAAAAAIFBAMG/8QAKBAAAgEDAwIFBQAAAAAAAAAAAQIDAAQFERIhIjEGEzRRcRQyQmGR/8QAFQEBAQAAAAAAAAAAAAAAAAAAAwL/xAAdEQACAQQDAAAAAAAAAAAAAAAAAgEDEyFBETFS/9oADAMBAAIRAxEAPwDw2Pwdpd2MJkS8Dsm87FBB+KZvDljBG0l3HkEjUElgoPFR7E3qop6lVOAea0MtzKp33I8n8gWOv8oprJGxYoO2eCNNADM/0wdodegsOSKKqG5gjO3cBp7UVF1/ItlNsc5BcXMasrMqH7VU8U2Cs3u8jpMS6RHV017/AKqUvateL9Q/xSqkL0A1SWzImXt1tshNGvC66gewopMh6pqKsg//2Q=='/%3E%3C/svg%3E")" src="https://cdn.sanity.io/images/708bnrs8/production/61aee57239aa203b9dd0ae2e3351f9a7b477ae2d-810x1000.jpg?rect=292,422,226,283&w=200&h=250&fit=fill&auto=format"/><div class="absolute left-0 top-0 w-full h-full m-0 p-0"></div></div><div class="absolute bottom-0 mt-4 flex flex-col w-full"><div class="relative w-full h-8"></div><div class="relative pb-1 sm:pb-2 pt-1 w-full overflow-hidden" style="background-color:#711906"><div class="flex"><h3 class="pl-3 pr-2 mb-0 text-sm leading-4 font-medium text-white w-auto max-h-16 overflow-hidden group-hover:max-h-32">Clean Code in Python, 2nd Edition</h3></div></div></div></div></a></li><li class="splide__slide"><a href="/premium/books/clean-code-in-php/" class="block"><div class="group relative rounded-md shadow-outline-sm hover:shadow-outline hover:cursor-pointer transition-all overflow-hidden "><div class="bg-gray-200 aspect-w-4 aspect-h-5"><img alt="Clean Code in PHP cover" loading="lazy" decoding="async" data-nimg="fill" class="w-full h-full object-center object-cover lg:w-full lg:h-full group-hover:brightness-105 z-0" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cfilter id='b' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1' result='s'/%3E%3CfeFlood x='0' y='0' width='100%25' height='100%25'/%3E%3CfeComposite operator='out' in='s'/%3E%3CfeComposite in2='SourceGraphic'/%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3C/filter%3E%3Cimage width='100%25' height='100%25' x='0' y='0' preserveAspectRatio='none' style='filter: url(%23b);' href='data:image/jpeg;base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAZABQDASIAAhEBAxEB/8QAGQAAAwEBAQAAAAAAAAAAAAAAAAIEAwYH/8QAIxAAAQMDBAIDAAAAAAAAAAAAAQACAwQFERITITEGIkFCcf/EABcBAAMBAAAAAAAAAAAAAAAAAAACAwH/xAAdEQACAgEFAAAAAAAAAAAAAAAAAQIRAxIhMVFh/9oADAMBAAIRAxEAPwDzu0ePUFVbIJZI/dzck57TT+OUbHesWHfHK5S2zV02YoavaDBwHv0hWNZcQWvdcIjg9GZNqXRB4pN8kt7ptivdGB0AhJeJJ31hM0sL36RzGchCW/Cyi1tdkkcWp2C3USM94W4ix6mnDj3y5Ru+v4md0g1jzgNfjaDOOgcoWSEAf//Z'/%3E%3C/svg%3E")" src="https://cdn.sanity.io/images/708bnrs8/production/abafe6e3430d1c31e9a1f6529dd8eec5a20f1aec-810x1000.jpg?rect=197,88,219,274&w=200&h=250&fit=fill&auto=format"/><div class="absolute left-0 top-0 w-full h-full m-0 p-0"></div></div><div class="absolute bottom-0 mt-4 flex flex-col w-full"><div class="relative w-full h-8"></div><div class="relative pb-1 sm:pb-2 pt-1 w-full overflow-hidden" style="background-color:#6e2716"><div class="flex"><h3 class="pl-3 pr-2 mb-0 text-sm leading-4 font-medium text-white w-auto max-h-16 overflow-hidden group-hover:max-h-32">Clean Code in PHP</h3></div></div></div></div></a></li><li class="splide__slide"><a href="/premium/books/building-a-customer-service-chatbot-with-gpt-3-a-step-by-step-guide/" class="block"><div class="group relative rounded-md shadow-outline-sm hover:shadow-outline hover:cursor-pointer transition-all overflow-hidden "><div class="bg-gray-200 aspect-w-4 aspect-h-5"><img alt="Building a Customer Service Chatbot with GPT-3: A Step-by-Step Guide cover" loading="lazy" decoding="async" data-nimg="fill" class="w-full h-full object-center object-cover lg:w-full lg:h-full group-hover:brightness-105 z-0" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cfilter id='b' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1' result='s'/%3E%3CfeFlood x='0' y='0' width='100%25' height='100%25'/%3E%3CfeComposite operator='out' in='s'/%3E%3CfeComposite in2='SourceGraphic'/%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3C/filter%3E%3Cimage width='100%25' height='100%25' x='0' y='0' preserveAspectRatio='none' style='filter: url(%23b);' href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAZCAYAAAAxFw7TAAAACXBIWXMAAAsTAAALEwEAmpwYAAAC2UlEQVQ4jZ1VS08aURTmz3XR2Ghk6AgyPGYGRQRRUfABAVErgm+xttYm/QVNN11001W7ado0KrppY9PHovYlMq/t15x7fYwGFFwcmNw557vf95177ji07hCajZpHvTHH0TKgtwea3A8tFIcWGuChxqAFI9CknlsASr3Qw8PQ42PQB1I8oqPQeuLQfOHLgDdJOmdIbNRTZkoMmhyF5u9j7xxXwei/mWiU62jIkJhcZUlr9da7GzTlXFIoDj3OvdH7EtD7hqH3DkHvH+HrsSR/R9E7eNEYu+RLpifSMIurMOeWYU6XYE4XYWRmYeaLMEvrMBfLMEtrMAvLMNIzMCanYaSyrPsc0OYJA4wlYeQKMGcXYc6v8OLiKqzFMqy1x7DKW7A2tmGtb/GNCThXYJ2u7yF1jGQPT8LMz7MCYmWtbMJa2oC1VIZVfgLr4TZnO7cEYyIPTYnWl0w7kT9GMsuSGUNiSkHgxJYAN5+yNZKtD44zIg57Z9lzIML8YIXk4fwqlzW7wG2YKcFcWGdsaSMj+wDG+BSMkcyFh+wMnXnpC8MYmoA5VeCGp7IwUjnGlprFinMF1giyRKeOJyZhjGa45HOwU+AqhS+MEzmKGs1sIMIng4KelSg/JsF+trnmD/MjczZ6Z5JPPCr+dMn44fLjqyDhu8uHX2IQVbfS1NRo9oNNi7+7gjgUJByIflQkFfvuAD4LEo7EINuM5V0z4zX76JFMYrTvkrAbGcJOegofYgl8dEn44vTi2K1cKrzuMnHQz7FHYYV7933Yz+RR2X6Gt9kZvHZ6UGkX8dct1wVsOMtVj4pvgoQ9wYtKMo2djUd4NTKG53c78L5NYN62BHjiUXEkBvDJ6cVOt4w3chgvOrvw8s49HHS4G0quC1g7Tap6FPwUAzh0erHbLuJdm8DAqCn2++/Gb0rNlkxM/7kV1nEKem4FTLMfm+sKbs2wmeu+aYaNQFuRS4D/AaTzVS4H4DyIAAAAAElFTkSuQmCC'/%3E%3C/svg%3E")" src="https://cdn.sanity.io/images/708bnrs8/production/d704210bca2b351f4d57760dbb9660da66bcb34e-1021x1278.png?rect=0,1,1021,1276&w=200&h=250&fit=fill&auto=format"/><div class="absolute left-0 top-0 w-full h-full m-0 p-0"></div></div><div class="absolute bottom-0 mt-4 flex flex-col w-full"><div class="relative w-full h-8"></div><div class="relative pb-1 sm:pb-2 pt-1 w-full overflow-hidden" style="background-color:#a7323f"><div class="flex"><h3 class="pl-3 pr-2 mb-0 text-sm leading-4 font-medium text-white w-auto max-h-16 overflow-hidden group-hover:max-h-32">Building a Customer Service Chatbot with GPT-3: A Step-by-Step Guide</h3><div class="pr-3 ml-auto text-xs font-medium text-white self-end flex items-center"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="star" class="svg-inline--fa fa-star text-yellow-500" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"></path></svg><span class="pl-0.5 text-2xs">4.0</span></div></div></div></div></div></a></li></ul></div><div class="splide__arrows"><button class="splide__arrow splide__arrow--prev Carousel_splideArrow__oJOEm Carousel_splideArrowPrev__FGBFc"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" width="40" height="40" focusable="false"><path d="m15.5 0.932-4.3 4.38 14.5 14.6-14.5 14.5 4.3 4.4 14.6-14.6 4.4-4.3-4.4-4.4-14.6-14.6z"></path></svg></button><button class="splide__arrow splide__arrow--next Carousel_splideArrow__oJOEm Carousel_splideArrowNext__uHmgk"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" width="40" height="40" focusable="false"><path d="m15.5 0.932-4.3 4.38 14.5 14.6-14.5 14.5 4.3 4.4 14.6-14.6 4.4-4.3-4.4-4.4-14.6-14.6z"></path></svg></button></div></div></div></section><section><header class="flex flex-row items-baseline mb-2"><h2 class="font-bold text-base mb-0">Latest Courses</h2><a href="/premium/library/courses/" class="text-primary-700 text-sm font-medium ml-auto">See all</a></header><div><div class="splide Carousel_splide__p2P5n"><div class="splide__track -mx-8"><ul class="splide__list"><li class="splide__slide"><a href="/premium/courses/django-a-z-build-deploy-web-projects-with-python-django-3219/" class="block"><div class="group relative rounded-md shadow-outline-sm hover:shadow-outline hover:cursor-pointer transition-all overflow-hidden "><div class="bg-gray-200 aspect-w-4 aspect-h-5"><img alt="Django A-Z: Build & Deploy Web Projects With Python & Django cover" loading="lazy" decoding="async" data-nimg="fill" class="w-full h-full object-center object-cover lg:w-full lg:h-full group-hover:brightness-105 z-0" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cfilter id='b' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1' result='s'/%3E%3CfeFlood x='0' y='0' width='100%25' height='100%25'/%3E%3CfeComposite operator='out' in='s'/%3E%3CfeComposite in2='SourceGraphic'/%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3C/filter%3E%3Cimage width='100%25' height='100%25' x='0' y='0' preserveAspectRatio='none' style='filter: url(%23b);' href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAACXBIWXMAAA7EAAAOxAGVKw4bAAADTUlEQVQokTXS/VMTBBzH8f1e6mn40N0ywbHhniCUhzKjQwIrFKy0y/Muxi5ocyJjSYgYuDEcDMfcGBtzJPJ0ScUwD/DMjY2HSuaJ4AMYOvpB4peuX7p+qF/eHYz+gdd97/t5C14oCrChdJy48im2nbmP0DhHvDWK2LmE1PcHKX1/kTbwD+mD/5J67W/knX8icS+TaFtEaoygMNwg/uQIL2nGWKcOIVinCrK9/CdS6u6hMD8gwTxPfFMUSetzlN4l9njnyXBHyPBESPM9Ibnjd5LcyyTZorxRe5Mc7UVSSnxs1QRi4JbSELkNP1NxdRJt1x0y7Y9JsEaRXlog2TyCTGdCXnyC1FI9aaeb2d14C5nzGZKWKOl1Ad4u86DU9rBFMxoDhdowKmeI7uEB3EMjHHA/INH6FLkpgLhIjzg/lzz1MY6Wf06W6jiKzypRmANIbFFEpllEVWMI9WE2aSdiYFxJiPcuhDB+cxN9b5iMlseIGx8hM7Qj++hDCrWf0uC5RJPPxQc6FaJD+eyqcJPUPM928wIvn51ls+EuG7WTMfDFoiDCU+O8VncHRf19EsxPkFyYQapr5i3Vcc7ZLfT8MECnvx91tZ6d7+5HrLEgtT7k1YYYGGe4y4b/wZVRNmsn2FoRYVvVysrziC0PkRu87FWp0NRWYvW14ezuQF1dTtLhApL0bexau3DH2WnEhnGE2lHWq0cR7CwL8WbtOJmmKRK+mlnNRtS0gNx0G2XJl6QeLSRP/QnF1RUUlGlJLq1CXv8jYluUHfVzZNaMcazyW7J0fjaqAwj21YxR7AjzseMXZKYZXjHOxVa2/0qyeRjpifPIijS8rjvN3mr72spPVztUmu9xqG6I0jN9ZJ/0s2kFVH4xxkHLJDmNEUS1swjPxzoUty6h8D5nd/sc6W1Tqx3uWetQ0raMyLZIqmWa3IYwObVBEk+FWL/yw4wKP9k1Q2Qbb7GvPkiWdYL9jinyvNO8f/URhf0LHBlc5Mj13zj83TPye+Y44JvhHVeEvJYJCmxBCq23yTo3TKp+EEGTvRGr04rNY8Puc+DodOHq9eC+dpn277/m8vUuOoZ66RjuxXejG6//Cp5+H66+dpxdbTivOGn12WlxX8TqaOI/6hxOS04orAQAAAAASUVORK5CYII='/%3E%3C/svg%3E")" src="https://cdn.sanity.io/images/708bnrs8/production/a3ff09589d7094bc0e764e7fea77bbe7cee7c77d-2000x1179.png?rect=529,0,943,1179&w=200&h=250&fit=fill&auto=format"/><div class="absolute left-0 top-0 w-full h-full m-0 p-0"><div class="rounded-2xl text-sm text-white inline-flex items-center bg-gray-700 bg-opacity-50 drop-shadow transition-all ease-out z-50 m-2 pl-0.5 pr-2 py-px"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="circle-play" class="svg-inline--fa fa-circle-play rounded-full border border-transparent" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zM188.3 147.1c7.6-4.2 16.8-4.1 24.3 .5l144 88c7.1 4.4 11.5 12.1 11.5 20.5s-4.4 16.1-11.5 20.5l-144 88c-7.4 4.5-16.7 4.7-24.3 .5s-12.3-12.2-12.3-20.9V168c0-8.7 4.7-16.7 12.3-20.9z"></path></svg><span class="VideoCard_textShadow__E79AJ pl-px font-medium text-2xs z-40">7:00:23</span></div></div></div><div class="absolute bottom-0 mt-4 flex flex-col w-full"><div class="relative w-full h-8"></div><div class="relative pb-1 sm:pb-2 pt-1 w-full overflow-hidden" style="background-color:#044494"><div class="flex"><h3 class="pl-3 pr-2 mb-0 text-sm leading-4 font-medium text-white w-auto max-h-16 overflow-hidden group-hover:max-h-32">Django A-Z: Build & Deploy Web Projects With Python & Django</h3></div></div></div></div></a></li><li class="splide__slide"><a href="/premium/courses/git-github-masterclass-the-practical-bootcamp-3220/" class="block"><div class="group relative rounded-md shadow-outline-sm hover:shadow-outline hover:cursor-pointer transition-all overflow-hidden "><div class="bg-gray-200 aspect-w-4 aspect-h-5"><img alt="Git & GitHub Masterclass: The Practical Bootcamp cover" loading="lazy" decoding="async" data-nimg="fill" class="w-full h-full object-center object-cover lg:w-full lg:h-full group-hover:brightness-105 z-0" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cfilter id='b' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1' result='s'/%3E%3CfeFlood x='0' y='0' width='100%25' height='100%25'/%3E%3CfeComposite operator='out' in='s'/%3E%3CfeComposite in2='SourceGraphic'/%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3C/filter%3E%3Cimage width='100%25' height='100%25' x='0' y='0' preserveAspectRatio='none' style='filter: url(%23b);' href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAACXBIWXMAAA7EAAAOxAGVKw4bAAACo0lEQVQokX2S60uTYRTA9wdUdLGbZkXXjZYVBn2ITFMru32L9UkrxLLRLKcZq3c6nbtoazosL61cTqW1HFZqUKZdKOctL0kXJhRIQpQJWfTxF88baIH54Tyc649znnMUczQ1zEu5zaL0JiKy2lhhDLLaNojSFULt/sSW+nG2Bn7JInThU7qG5ZwVUpBwfZtcKxhzNF4U4hHGwpP3Cc98xHKp4x9gdP03Yhq+E9MwQfQkMDQzcEHKLVam1bMh4xZKw0PWWPtYXxoi6von9tWOkH2jm+yqDpI8H4j6u0PjNMDZGi+Lk73E6io5lltJguRjvbkTlStEYsVbLFcf8bKojBdGG2Z7gITyN6hmGnm2xsuS5Br2Zldz1lHH/oIAKnOQOOcr8vNq6TqTw7jJwHihkc6cXExmnxxbaxuYeWSVroGY3GY2m9qJsvVwytLEk+NavhyMZ+LsCX46rYxL53iql+SY2t7HcmOQiP8tZXH6fSKzWuV/Udv7SbO20JqawWcBTE/hh+k8Y9k62vVGTlpb/gClaYFTZyPaF2OIcXY4BzDk3+b5KT1fdScYy9TyItOAVHiHmJJ+1tkHURZ0oZKesUzXwvxJ4JEa2Zi6ww7W2AbkpcRVvMfoaKL9goUnhkLyLt0jvuKdHFMWvybW1c+Bsh6iDK2EHfMjWIpZGi9zU/yEpTezVN9GpBRklXWQdaXDqN2jJNwc4bS7F527l8SaETa6R+WYsniIuLJBDl3tY9OFx8w/egfBUqhTK9mk9RCd5WPbxbtsL3zIzsvPiC/vZrdniAO+YQ43fpRF6MK3q7ybWOdz9jgek2R/wHaDn81aD4KlkCx55BaZMZUUYb7ixHKtDLuniuK6ahz+WkoafZQ2B2QRuvAV11fLOSJX1IhawRCs3+XeUrWxxT70AAAAAElFTkSuQmCC'/%3E%3C/svg%3E")" src="https://cdn.sanity.io/images/708bnrs8/production/6328c347787cb4e21d9af0f8323924edeecb7e97-2000x1179.png?rect=529,0,943,1179&w=200&h=250&fit=fill&auto=format"/><div class="absolute left-0 top-0 w-full h-full m-0 p-0"><div class="rounded-2xl text-sm text-white inline-flex items-center bg-gray-700 bg-opacity-50 drop-shadow transition-all ease-out z-50 m-2 pl-0.5 pr-2 py-px"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="circle-play" class="svg-inline--fa fa-circle-play rounded-full border border-transparent" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zM188.3 147.1c7.6-4.2 16.8-4.1 24.3 .5l144 88c7.1 4.4 11.5 12.1 11.5 20.5s-4.4 16.1-11.5 20.5l-144 88c-7.4 4.5-16.7 4.7-24.3 .5s-12.3-12.2-12.3-20.9V168c0-8.7 4.7-16.7 12.3-20.9z"></path></svg><span class="VideoCard_textShadow__E79AJ pl-px font-medium text-2xs z-40">7:24:36</span></div></div></div><div class="absolute bottom-0 mt-4 flex flex-col w-full"><div class="relative w-full h-8"></div><div class="relative pb-1 sm:pb-2 pt-1 w-full overflow-hidden" style="background-color:#04589d"><div class="flex"><h3 class="pl-3 pr-2 mb-0 text-sm leading-4 font-medium text-white w-auto max-h-16 overflow-hidden group-hover:max-h-32">Git & GitHub Masterclass: The Practical Bootcamp</h3></div></div></div></div></a></li><li class="splide__slide"><a href="/premium/courses/web-development-foundation-learn-html5-css3-bootstrap-3221/" class="block"><div class="group relative rounded-md shadow-outline-sm hover:shadow-outline hover:cursor-pointer transition-all overflow-hidden "><div class="bg-gray-200 aspect-w-4 aspect-h-5"><img alt="Web Development Foundation: Learn HTML5, CSS3 & Bootstrap cover" loading="lazy" decoding="async" data-nimg="fill" class="w-full h-full object-center object-cover lg:w-full lg:h-full group-hover:brightness-105 z-0" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cfilter id='b' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1' result='s'/%3E%3CfeFlood x='0' y='0' width='100%25' height='100%25'/%3E%3CfeComposite operator='out' in='s'/%3E%3CfeComposite in2='SourceGraphic'/%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3C/filter%3E%3Cimage width='100%25' height='100%25' x='0' y='0' preserveAspectRatio='none' style='filter: url(%23b);' href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAACXBIWXMAAA7EAAAOxAGVKw4bAAADAUlEQVQokX2RfUzMcRzH73/zOI2FqGPpwVJWYbJhook85aklK4q5eShsdNX1QOmUFOlc1+l+q+53R925MsPRsnWnFFeNU2LDMQ9bmOnPl/1u8zDMH9/ts+/3/X593t/PRzZ2Sz0Tdor47LXhm2nHT+kgoNhFYOUzQmvfENE0QlTLKJHNo4Q3jhCq9RB4bgh5sQu/HIfXI3klhsSS/QmU5zpYoO5l5YU+ttb1k9rkZqPlAwubvxH2G1BqKjX3/RdwYrKIT4YN3yw70YX3OHy2DW2VQNtFDTd0OvLFLmJbPhNp/MR8nYegyiFm/z+hEZ+91/DNusOyQju1Z7Q8rSzg46U8XmkLEBpspFg9xIlvWX75BYs1Q4SX9yHPc/4NHJdoYErSFWbuvsGMw+1EqdopU9czWF3MZ0MJ74VSrjdd4aBpgMT6AZIbH5MkDhKr6Se40On9lQSc+AM4faOJmA0dxG92EZHeTUhOJwfUFpwVpXzUqHinL+Zmo8hBoZukuh6y29wcv/WCtbp+ggocTMv6I2HIOht7Vrs5tuYtq3c+Zu6JLhLU7egr9HRWncFep6Pa3EG68JA0oZfTd5+Tf/clqy71Mzvv1wx/JvRff5WE+B6SNw2yJL0XefZ9wkt72FrdhULnJMP4hBSLh5QmNwqxD9Xt5yhswyypcjEr14Fflp2wA60sSDcxbYcB2aREgYDt1whKsxNwqJ1ZSod3g6FVQ0TUeYg2jhBr/cK2Zg+7xKekXh1kg+AmouwRM3McBB61s+NYK4pDZqJSBGRjEusZnywyOcPG1Ew7M5QO/E+5mFPxjGDtG8IaPrGwZZQV1q/Emd+zquGld8tzT/cxXelEfuQOazJb2bbfREiSAVlwag3z9ukJzzQSmW1lUdFNYso6WFbdTax+gDjjMPGW16yzvibBPEy8YYCVNQ9YWn7Pq41WWok5aiRGoWd+Wg2yE0UqlCVF5JaXkn++gkLNBU7ptZQ0XEZtaqTMYuZsa4v3SLV0J71JGkkreSRvdslJjhep+A74lmGQ97aYXwAAAABJRU5ErkJggg=='/%3E%3C/svg%3E")" src="https://cdn.sanity.io/images/708bnrs8/production/9f2df951ab770fc80e34b0cc5c55f3f049e15135-2000x1179.png?rect=529,0,943,1179&w=200&h=250&fit=fill&auto=format"/><div class="absolute left-0 top-0 w-full h-full m-0 p-0"><div class="rounded-2xl text-sm text-white inline-flex items-center bg-gray-700 bg-opacity-50 drop-shadow transition-all ease-out z-50 m-2 pl-0.5 pr-2 py-px"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="circle-play" class="svg-inline--fa fa-circle-play rounded-full border border-transparent" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zM188.3 147.1c7.6-4.2 16.8-4.1 24.3 .5l144 88c7.1 4.4 11.5 12.1 11.5 20.5s-4.4 16.1-11.5 20.5l-144 88c-7.4 4.5-16.7 4.7-24.3 .5s-12.3-12.2-12.3-20.9V168c0-8.7 4.7-16.7 12.3-20.9z"></path></svg><span class="VideoCard_textShadow__E79AJ pl-px font-medium text-2xs z-40">23:28:01</span></div></div></div><div class="absolute bottom-0 mt-4 flex flex-col w-full"><div class="relative w-full h-8"></div><div class="relative pb-1 sm:pb-2 pt-1 w-full overflow-hidden" style="background-color:#0c549e"><div class="flex"><h3 class="pl-3 pr-2 mb-0 text-sm leading-4 font-medium text-white w-auto max-h-16 overflow-hidden group-hover:max-h-32">Web Development Foundation: Learn HTML5, CSS3 & Bootstrap</h3><div class="pr-3 ml-auto text-xs font-medium text-white self-end flex items-center"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="star" class="svg-inline--fa fa-star text-yellow-500" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"></path></svg><span class="pl-0.5 text-2xs">5.0</span></div></div></div></div></div></a></li><li class="splide__slide"><a href="/premium/courses/python-data-structures-and-algorithms-the-complete-bootcamp-3205/" class="block"><div class="group relative rounded-md shadow-outline-sm hover:shadow-outline hover:cursor-pointer transition-all overflow-hidden "><div class="bg-gray-200 aspect-w-4 aspect-h-5"><img alt="Python Data Structures and Algorithms: The Complete Bootcamp cover" loading="lazy" decoding="async" data-nimg="fill" class="w-full h-full object-center object-cover lg:w-full lg:h-full group-hover:brightness-105 z-0" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cfilter id='b' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1' result='s'/%3E%3CfeFlood x='0' y='0' width='100%25' height='100%25'/%3E%3CfeComposite operator='out' in='s'/%3E%3CfeComposite in2='SourceGraphic'/%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3C/filter%3E%3Cimage width='100%25' height='100%25' x='0' y='0' preserveAspectRatio='none' style='filter: url(%23b);' href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAACXBIWXMAAA7EAAAOxAGVKw4bAAADT0lEQVQokVXSW0wbBBjF8T4b521b5hwXgY0CBcq24lwIZig4p4sasmXMy2SaYvCyUJkkW6FQWtpyGaUMDLAGoUChF7aytsgYLRdpiwSBujGgojG1uBedyx7k8W8sxsSH7/WXc/IdwZ53TSSU2Nhf5ib+4gRxch+JdUsIW0KIuiJkDTxAMryF5PoWWeaHpBs3ERp+JEkTJL4qQPyXXpJk35BUep2dRb0IJBfsnNNPUdTqJ71q+n9g1rVfedn6O4Wjj3jL/Yhcyx9kGiPboDbIgZo5xNUzZFdOcLDcSewHAwiOy53obEvILT+QrZol9l8wozVEoSVCpec+Wm8YtSdM2dgm+X1hUg0h9muDiNTzvKDy8aLCg1jmJP68GcHhz+2ca5neTlg5/R+Y1xWidjxMpzeEwhygaXgGe2CRCtcah9vWognTVPMcUfuQyCd4/uNhnikyIdh1tpf4EjsJF9zEfDFBzGUfydolTvWu0zC6impwkoqOfozWNoIL3fRMfUte5z0SNEGSlXNIamejYKzUzuOnvkbwWGE3O94xs1PqYJ/sNnFyP0LtEqd712hwBTGODDE+pmBjTsb9u430T3l4pXOFBM0yidUBUuXTpFwcY++HVnb8A+4+a2JPsYXnPnGScmmSDPV3CHXL5Het0jS+yvzSCH+uVrO1Ucfqygi1rkWOtN0jMfplPzHlHp4tdfL0+0PbCTM/tSGW3SSj4hY5dT5ymxdJrQ8ibl3jvG0Dk28B/7KTycXbNHvv8mbfBmmG9SgYV+lnr2yCXSUjPPne4DYoKrWSc2mUPNUk+Y0BXmr+nrSGIEL9OtnGX3jbFkbqDlPsinB8aJODxjAphhDJuu3ZJFZ4if3Mxe5iC0+cjlbu41C5i1zlJIeUs4hU89FJHNCHSOuKIO5/QPbwX9ETDzxEZPyNlNYNRI13EGsWSK+aQVh+i1jpME+dMSHI/KiD1+VDvFHrIEdxk6OqMXKbpjnWPk9B9x1ODP3EyRsRTjo2OWH5mYKeFfI7Fni11cdrVzwUqN0ck9s5WmYiS9qJQK6uQavXobl6hZqrepQd7ai7u9D291BvMdN0w0azy4HePUKTw06DdRDdQC+6HiOaa1+hbjegbGlEUV/HZbWSvwEyCGnOphxejAAAAABJRU5ErkJggg=='/%3E%3C/svg%3E")" src="https://cdn.sanity.io/images/708bnrs8/production/0187dfb3c1822dca5339c0bbaa45fed6c037d7db-750x442.png?rect=198,0,354,442&w=200&h=250&fit=fill&auto=format"/><div class="absolute left-0 top-0 w-full h-full m-0 p-0"><div class="rounded-2xl text-sm text-white inline-flex items-center bg-gray-700 bg-opacity-50 drop-shadow transition-all ease-out z-50 m-2 pl-0.5 pr-2 py-px"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="circle-play" class="svg-inline--fa fa-circle-play rounded-full border border-transparent" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zM188.3 147.1c7.6-4.2 16.8-4.1 24.3 .5l144 88c7.1 4.4 11.5 12.1 11.5 20.5s-4.4 16.1-11.5 20.5l-144 88c-7.4 4.5-16.7 4.7-24.3 .5s-12.3-12.2-12.3-20.9V168c0-8.7 4.7-16.7 12.3-20.9z"></path></svg><span class="VideoCard_textShadow__E79AJ pl-px font-medium text-2xs z-40">19:51:59</span></div></div></div><div class="absolute bottom-0 mt-4 flex flex-col w-full"><div class="relative w-full h-8"></div><div class="relative pb-1 sm:pb-2 pt-1 w-full overflow-hidden" style="background-color:#0b559f"><div class="flex"><h3 class="pl-3 pr-2 mb-0 text-sm leading-4 font-medium text-white w-auto max-h-16 overflow-hidden group-hover:max-h-32">Python Data Structures and Algorithms: The Complete Bootcamp</h3></div></div></div></div></a></li><li class="splide__slide"><a href="/premium/courses/python-a-z-learn-python-by-building-15-projects-3204/" class="block"><div class="group relative rounded-md shadow-outline-sm hover:shadow-outline hover:cursor-pointer transition-all overflow-hidden "><div class="bg-gray-200 aspect-w-4 aspect-h-5"><img alt="Python A-Z: Learn Python By Building 15 Projects cover" loading="lazy" decoding="async" data-nimg="fill" class="w-full h-full object-center object-cover lg:w-full lg:h-full group-hover:brightness-105 z-0" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cfilter id='b' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1' result='s'/%3E%3CfeFlood x='0' y='0' width='100%25' height='100%25'/%3E%3CfeComposite operator='out' in='s'/%3E%3CfeComposite in2='SourceGraphic'/%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3C/filter%3E%3Cimage width='100%25' height='100%25' x='0' y='0' preserveAspectRatio='none' style='filter: url(%23b);' href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAACXBIWXMAAA7EAAAOxAGVKw4bAAADaElEQVQokR2Sa1DTBQDA/5+7Ss4uK09AeU6cgG50Zg+RI9IgLYQUaWEHV3JdBwUeMJnAxh485h48DnBsELCNR7AGW2lIvAYcMzYoNF51XaJ+sj7k9aEPv04+/L7+PvzuJzx7zspumZ29hS5Cv/qBsKs+ItQBYo3riDvuc9T+mOOuf3eQOP7msGUbkWmDSO0y4ZVziCsnSdNM8nqFl5dyexB2ZVuJL+wlo7KflOoxRFWzRKiDxBjXSbTcJ9X5iHPfPCRz6AEpjkckdm4Ta9ogQrNMxLU5MvTTGF0/UevwIykaRnjhQyunSrspa7BS0DCIRDVNpCaIyLjGa5bfye5Z46P2ebLMk2TZAqR+vUl88/qOMKpqng+Ms7S6/egcC7xaPIywJ6eLtCt9XNb1kaVxcbhmhihNEIlpldTWIFlNM2Rq3byvdCDvdlI75iHD6idKGyRcMc+RqknStbdJlo+xV9aLkFDYT67aS07dLSSKcfZX+hBpA5wwBTjTOE7e9QGKm6xUt5u56VWw4KuhuN/LwboAoZVzhF0ZJ7x4lJcLnDyXbUNILhmmpGmCS4YZ4uST7JP7OKgLkGJe4uOm72hyNuObKOOu7wse+vNZmiujyOHZEe67OkeE4hYJuhFEcju7c20IMfl23il3kVY2hLhoiP3lPxKtDXDMvMon3T5GJwz884uM/+7lcfeOApO3j9OWRWLrlhEpF0iqH+fkjRGkOjsv5nUhPJ9lI1Rm4WiuiiSZlpgSN5HqAHGmdd7tuUfbxCBbyxVsrSixTLk5a1/lkHmNBP0KFzqWuGzzkaL3cOBLByE5NoSnH+652EFcror4S/VEl44RqV7a+VDa+Qeyb39FNz2PbmYRmXsTqe1PYowbSA0rFPUFUQ34SdfdJuzTQXY9bfhMpo2Qiz28kt9D6OdDhJVPcUAdJNqwzqGObaSOx5xwPyHZ/YQk51+ILQ+IMW0iql/hLb2fTPMCZ6/PIikdJeR8N4IorxXxZ50kFtuRVoxwTPU9bzROkdyySKr1Z045tkgf2Sbdtc3p/t94u2uVk613eFM/zfHam6SqPVzQe3jvWj/xBW0I5coq5NpaFI11VJkNKNtaqLV2oO3tom7ATuPIIIYxFwaPC71riPoBB9rebtS2GyjbW6hpNqIyN1LdoKFCVc3/ciNle5B1MDAAAAAASUVORK5CYII='/%3E%3C/svg%3E")" src="https://cdn.sanity.io/images/708bnrs8/production/3e6a2b5f3d68f786684eabc5ac8f1dbec8fc8335-750x442.png?rect=198,0,354,442&w=200&h=250&fit=fill&auto=format"/><div class="absolute left-0 top-0 w-full h-full m-0 p-0"><div class="rounded-2xl text-sm text-white inline-flex items-center bg-gray-700 bg-opacity-50 drop-shadow transition-all ease-out z-50 m-2 pl-0.5 pr-2 py-px"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="circle-play" class="svg-inline--fa fa-circle-play rounded-full border border-transparent" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zM188.3 147.1c7.6-4.2 16.8-4.1 24.3 .5l144 88c7.1 4.4 11.5 12.1 11.5 20.5s-4.4 16.1-11.5 20.5l-144 88c-7.4 4.5-16.7 4.7-24.3 .5s-12.3-12.2-12.3-20.9V168c0-8.7 4.7-16.7 12.3-20.9z"></path></svg><span class="VideoCard_textShadow__E79AJ pl-px font-medium text-2xs z-40">24:59:59</span></div></div></div><div class="absolute bottom-0 mt-4 flex flex-col w-full"><div class="relative w-full h-8"></div><div class="relative pb-1 sm:pb-2 pt-1 w-full overflow-hidden" style="background-color:#084b97"><div class="flex"><h3 class="pl-3 pr-2 mb-0 text-sm leading-4 font-medium text-white w-auto max-h-16 overflow-hidden group-hover:max-h-32">Python A-Z: Learn Python By Building 15 Projects</h3></div></div></div></div></a></li><li class="splide__slide"><a href="/premium/courses/react-js-masterclass-zero-to-job-ready-with-10-projects-3203/" class="block"><div class="group relative rounded-md shadow-outline-sm hover:shadow-outline hover:cursor-pointer transition-all overflow-hidden "><div class="bg-gray-200 aspect-w-4 aspect-h-5"><img alt="React JS Masterclass: Zero To Job Ready With 10 Projects cover" loading="lazy" decoding="async" data-nimg="fill" class="w-full h-full object-center object-cover lg:w-full lg:h-full group-hover:brightness-105 z-0" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cfilter id='b' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1' result='s'/%3E%3CfeFlood x='0' y='0' width='100%25' height='100%25'/%3E%3CfeComposite operator='out' in='s'/%3E%3CfeComposite in2='SourceGraphic'/%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3C/filter%3E%3Cimage width='100%25' height='100%25' x='0' y='0' preserveAspectRatio='none' style='filter: url(%23b);' href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAACXBIWXMAAA7EAAAOxAGVKw4bAAADVElEQVQokT2SbVATBByH97W84rwjO6AwiJhbW9BZEcFZkYqKeOlRAXXKNd4OCo55URiMcMg2BgxQ3tY2GToGLLZBYPFiZSLLkxPGkWFOQUDQKxz0An57OofXh+fu/+m53/1+f8GmQ0b8Ui08lekkqGCI4GMjhJRfJbxmGnHLPBFnltn+zRqv2NeJtK4gMSwirL/B8yo3wcUuggoGCEy3siXFgF+SAcFDYcCRdt4utvO+boCYylHCKsZ9wpf080RZl3nDsUZMzwNe71ohwrTItv+Fo4R+YkP6XgnSffkEHahA8PhBI6LsdpT60zjOtZJj/hFxpdsnjDu7QPqQl5yRNXJG1sn8YZWd1iVE9TcIVbnZWjyKMKeNmAOZxMZ9QFhCEQL/ZDPRR7s5YTTT5tQjMw4h0kwgqbtOWu8iX0+tYL35tw/DtVU+7r9LZINnQ1gySkheNy8mKxElFhL4rhZBdL6drNqLZDWcJ0HTR6TyAkLVOLtMHo5fukf3LS+9c1565rzYZ7yUu/4gvm2GcM3kow4HCcjoxD/VxJNJRgQ7C3v5rPkymc1j7FC72Fb2C5LKCdIds1h+u++Ttd9a9tFz24tl+j4ZPXNIqiZ5tthFoHwY/6xe/D7qYFNSK4Kth88SW9iPrPkKcts08Y2TSCsnSOmcocX9J85ZL7bZZR+OWS/N7mVSbbcRazeEAfJhgrMdSNNMSJIbN0Z5+kgHe9Q/k2u9RnyDm3DVOFFNvyMfvkuXZ4W++VUfD2/5+XtE628S9qjDZ+SDROVayM6pIVdWsfE2mz+0EJrXx8ulFxCVuQgtv4q4dppDtjuornipm/qH2ql/UY2tkmRfQnJyY+WQkktIC78l8aiJ7E91pMm0CB47aOSJFAub051syRskqGiE55TjvKC7zqumBfY6vCR+v07iwAP29f7Fa+YlhPUeQiomfQkji86x+1gXcfJ2pDIzAuHhBsQZBiLyLWz/wk5U2XfEVP7Em6cu845xkj1WDwn2BfY777C3c4Zdrb/yVtMYsdUXiS4fJFbhZLeii/2KDnYUtCL4vKyUohNKvtRqUNTp+KrpFEqjnoozrag7LWgdNqr7nNT091Dl7EbTZUVlMVN+2kBZSyOKk7WU6qo4Xq2mVK3kP7S4c1RneuyCAAAAAElFTkSuQmCC'/%3E%3C/svg%3E")" src="https://cdn.sanity.io/images/708bnrs8/production/735badd0f16bc2e4932723146756f9ae4e350d56-2000x1179.png?rect=529,0,943,1179&w=200&h=250&fit=fill&auto=format"/><div class="absolute left-0 top-0 w-full h-full m-0 p-0"><div class="rounded-2xl text-sm text-white inline-flex items-center bg-gray-700 bg-opacity-50 drop-shadow transition-all ease-out z-50 m-2 pl-0.5 pr-2 py-px"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="circle-play" class="svg-inline--fa fa-circle-play rounded-full border border-transparent" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zM188.3 147.1c7.6-4.2 16.8-4.1 24.3 .5l144 88c7.1 4.4 11.5 12.1 11.5 20.5s-4.4 16.1-11.5 20.5l-144 88c-7.4 4.5-16.7 4.7-24.3 .5s-12.3-12.2-12.3-20.9V168c0-8.7 4.7-16.7 12.3-20.9z"></path></svg><span class="VideoCard_textShadow__E79AJ pl-px font-medium text-2xs z-40">34:49:53</span></div></div></div><div class="absolute bottom-0 mt-4 flex flex-col w-full"><div class="relative w-full h-8"></div><div class="relative pb-1 sm:pb-2 pt-1 w-full overflow-hidden" style="background-color:#083470"><div class="flex"><h3 class="pl-3 pr-2 mb-0 text-sm leading-4 font-medium text-white w-auto max-h-16 overflow-hidden group-hover:max-h-32">React JS Masterclass: Zero To Job Ready With 10 Projects</h3><div class="pr-3 ml-auto text-xs font-medium text-white self-end flex items-center"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="star" class="svg-inline--fa fa-star text-yellow-500" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"></path></svg><span class="pl-0.5 text-2xs">4.5</span></div></div></div></div></div></a></li><li class="splide__slide"><a href="/premium/courses/a-complete-guide-to-learning-chatgpt-4-midjourney-dall-e-2-and-ai-3202/" class="block"><div class="group relative rounded-md shadow-outline-sm hover:shadow-outline hover:cursor-pointer transition-all overflow-hidden "><div class="bg-gray-200 aspect-w-4 aspect-h-5"><img alt="A Complete Guide to Learning ChatGPT 4, Midjourney, DALL-E 2, and AI cover" loading="lazy" decoding="async" data-nimg="fill" class="w-full h-full object-center object-cover lg:w-full lg:h-full group-hover:brightness-105 z-0" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cfilter id='b' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1' result='s'/%3E%3CfeFlood x='0' y='0' width='100%25' height='100%25'/%3E%3CfeComposite operator='out' in='s'/%3E%3CfeComposite in2='SourceGraphic'/%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3C/filter%3E%3Cimage width='100%25' height='100%25' x='0' y='0' preserveAspectRatio='none' style='filter: url(%23b);' href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAYAAAB/Ca1DAAAACXBIWXMAABYlAAAWJQFJUiTwAAAC60lEQVQokYWRXWhTdxiH/0nbtGmM+TgnJz05OU3bfLVJCW1aV20SF9uY1n6katO1s3M62rQyy5hTWe2YIAxBRG9Wx8AhTjcF9UYHs40WtOrFhDGYN9vF1jHYLmQb67Z6+4zkerCLB3688P6eF14hZouI2Xv/QxHj1DJV++5SuX8Jw0xpp4hhqliemUdvUz1+B+PUEkIUVhHTTxAzq4jZlf8unLmHKb+Eo+sLrMllKsYfYnz9LuahT3F0nsXdfAq5fZGabKlw6nvE/h8Rb3yHePMphrkHVB1ewXT4fpnquRVqpovYe2/g1a/hrr+Ptfsxm9OXkMMF3PIOVFuKOmcBm3YZIeb+xHhwncrp36k8+jO1C89wLTxFnX+M+u4q2vwjfIduE+w5RSR8glDTFQKR64TC79DoTuB1BvBIjbjtXTg3TyDEwgaW4xt439/Af/YvWhafE7+wRvz8M9rOfE389FdsO/I56T0F0uk8ie63SW05Rk/nJIlYL12xbtqi7fh0P5KkI8QH/+A4s0HHxy/IfvaCoRt/k7v5BwPXfiV7+Seyi9+w+8RFxg8UyOfHGMlNsHf4NV7de5Cx3DhjA4MMbk/QHGhCkp0Iw/wPWE7+QuD8b7z0yTrJq+skrzwncXGN5IffknrvFpnJI/T3jZDt6aevdxeDO3Pk+kcZzoyQS75Mpi2KX9OQJBlRmzmHpe8S9lduIR8q4jr+BOWtL1EnP6J++CQN2/bh928hqEUJeloJazEiWpyI1knU00FUbSWoNKJKdUhOGaG4tqIovbj0AaSWMeydB3DE8rh8KeqUOB57BM0SRDe3UF/Tiq86RoOpvUwp6+YInk1NKHYPslNBaLUBSqjW0qd0XLKOS9JQbB5Uaz1eSxBfTQx/VRfBihShijRhY4ZQRQ+BygSNpo6yTLU2oNg0hG6OollCKDYvktOF5JTKp5ey7Kgri3zVbQSN22kW/UREjqgYJSJ202zoK0saTHG8tWFUq49/AerAliH7B1QQAAAAAElFTkSuQmCC'/%3E%3C/svg%3E")" src="https://cdn.sanity.io/images/708bnrs8/production/3d6cce07790cc8e536ede8183cfa8e3c175e1c3f-2542x1432.png?rect=698,0,1146,1432&w=200&h=250&fit=fill&auto=format"/><div class="absolute left-0 top-0 w-full h-full m-0 p-0"><div class="rounded-2xl text-sm text-white inline-flex items-center bg-gray-700 bg-opacity-50 drop-shadow transition-all ease-out z-50 m-2 pl-0.5 pr-2 py-px"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="circle-play" class="svg-inline--fa fa-circle-play rounded-full border border-transparent" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zM188.3 147.1c7.6-4.2 16.8-4.1 24.3 .5l144 88c7.1 4.4 11.5 12.1 11.5 20.5s-4.4 16.1-11.5 20.5l-144 88c-7.4 4.5-16.7 4.7-24.3 .5s-12.3-12.2-12.3-20.9V168c0-8.7 4.7-16.7 12.3-20.9z"></path></svg><span class="VideoCard_textShadow__E79AJ pl-px font-medium text-2xs z-40">10:38:34</span></div></div></div><div class="absolute bottom-0 mt-4 flex flex-col w-full"><div class="relative w-full h-8"></div><div class="relative pb-1 sm:pb-2 pt-1 w-full overflow-hidden" style="background-color:#0464bc"><div class="flex"><h3 class="pl-3 pr-2 mb-0 text-sm leading-4 font-medium text-white w-auto max-h-16 overflow-hidden group-hover:max-h-32">A Complete Guide to Learning ChatGPT 4, Midjourney, DALL-E 2, and AI</h3><div class="pr-3 ml-auto text-xs font-medium text-white self-end flex items-center"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="star" class="svg-inline--fa fa-star text-yellow-500" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"></path></svg><span class="pl-0.5 text-2xs">3.8</span></div></div></div></div></div></a></li><li class="splide__slide"><a href="/premium/courses/advanced-react-with-typescript-3201/" class="block"><div class="group relative rounded-md shadow-outline-sm hover:shadow-outline hover:cursor-pointer transition-all overflow-hidden "><div class="bg-gray-200 aspect-w-4 aspect-h-5"><img alt="Advanced React with TypeScript cover" loading="lazy" decoding="async" data-nimg="fill" class="w-full h-full object-center object-cover lg:w-full lg:h-full group-hover:brightness-105 z-0" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cfilter id='b' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1' result='s'/%3E%3CfeFlood x='0' y='0' width='100%25' height='100%25'/%3E%3CfeComposite operator='out' in='s'/%3E%3CfeComposite in2='SourceGraphic'/%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3C/filter%3E%3Cimage width='100%25' height='100%25' x='0' y='0' preserveAspectRatio='none' style='filter: url(%23b);' href='data:image/jpeg;base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAMABQDASIAAhEBAxEB/8QAGQAAAgMBAAAAAAAAAAAAAAAAAAMEBQYH/8QAIhAAAgICAgAHAAAAAAAAAAAAAQIDBAAFESEGEhMxQVFh/8QAFgEBAQEAAAAAAAAAAAAAAAAABQME/8QAGxEAAgMAAwAAAAAAAAAAAAAAAQIABBEDFCH/2gAMAwEAAhEDEQA/AMF4B0se/wBZ6gBLhiOPNwMTf1lWIbgyXlgeieFhbsufrOcanf7PV1xHQtyQoTyQp+cTPdsW5ZZbErvI/bMT7n9x3uMUAByHLWVXLN6JLtWzJMzMezhlI8jFjycMyG0xOy44hk//2Q=='/%3E%3C/svg%3E")" src="https://cdn.sanity.io/images/708bnrs8/production/e3b9af0c05a1b88a96a90097022495f26287cbe4-750x442.jpg?rect=158,0,354,442&w=200&h=250&fit=fill&auto=format"/><div class="absolute left-0 top-0 w-full h-full m-0 p-0"><div class="rounded-2xl text-sm text-white inline-flex items-center bg-gray-700 bg-opacity-50 drop-shadow transition-all ease-out z-50 m-2 pl-0.5 pr-2 py-px"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="circle-play" class="svg-inline--fa fa-circle-play rounded-full border border-transparent" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zM188.3 147.1c7.6-4.2 16.8-4.1 24.3 .5l144 88c7.1 4.4 11.5 12.1 11.5 20.5s-4.4 16.1-11.5 20.5l-144 88c-7.4 4.5-16.7 4.7-24.3 .5s-12.3-12.2-12.3-20.9V168c0-8.7 4.7-16.7 12.3-20.9z"></path></svg><span class="VideoCard_textShadow__E79AJ pl-px font-medium text-2xs z-40">5:43:36</span></div></div></div><div class="absolute bottom-0 mt-4 flex flex-col w-full"><div class="relative w-full h-8"></div><div class="relative pb-1 sm:pb-2 pt-1 w-full overflow-hidden" style="background-color:#043682"><div class="flex"><h3 class="pl-3 pr-2 mb-0 text-sm leading-4 font-medium text-white w-auto max-h-16 overflow-hidden group-hover:max-h-32">Advanced React with TypeScript</h3><div class="pr-3 ml-auto text-xs font-medium text-white self-end flex items-center"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="star" class="svg-inline--fa fa-star text-yellow-500" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"></path></svg><span class="pl-0.5 text-2xs">4.7</span></div></div></div></div></div></a></li><li class="splide__slide"><a href="/premium/courses/product-owner-certification-prep-3200/" class="block"><div class="group relative rounded-md shadow-outline-sm hover:shadow-outline hover:cursor-pointer transition-all overflow-hidden "><div class="bg-gray-200 aspect-w-4 aspect-h-5"><img alt="Product Owner Certification Prep cover" loading="lazy" decoding="async" data-nimg="fill" class="w-full h-full object-center object-cover lg:w-full lg:h-full group-hover:brightness-105 z-0" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cfilter id='b' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1' result='s'/%3E%3CfeFlood x='0' y='0' width='100%25' height='100%25'/%3E%3CfeComposite operator='out' in='s'/%3E%3CfeComposite in2='SourceGraphic'/%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3C/filter%3E%3Cimage width='100%25' height='100%25' x='0' y='0' preserveAspectRatio='none' style='filter: url(%23b);' href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAYAAAB/Ca1DAAAACXBIWXMAABYlAAAWJQFJUiTwAAACmklEQVQokW2S20uTYRzHdxVBdNUBbHPv9r4bbmqWnY2ICOoPqIvoIrqv+8CrrrrqnGGHlZnp2lHdTLc59Z1GNYwkKDpYSVlzdmCZuMO7veMT7+tEgy4+fB94eD7PD35fQ2FE4scjKx88Am+6BN52CbxzC3z0WpjyWZh8KPD+oUCq10p2SKKYsKHIy0x5a+horqPtjINJtw1Dfljiq19gwmUkedPEs1tGkreMTLSZeNVRree4y8QHj5n5mJWiLKLIIoURO9l4LalgI2OXDiBf2Me3gBNDYUAg07aR1LV1pO5WkXJbmPFIzPpEfgZEvvsk0h6RTLdIfsBOKWqnFBFRojXkBnczFznEtPcE077jzMd2YCh4q8ieW8NC8yqUq+tRvfWoPTtQAw2o/s2owUbUwBZUX91iBrai+p2UemooxptQEsfIyRfJyy0UR49gKPg3kT2/luzZ1SitG1CD9ZTD2yl311MO1lLubaDcs5ly0Em5u45yTwNqt5NS2EZxyElx9DD5sRbyY0GKY6cwKDELhYCRgqcKpc+MMmgjH7OTi0hkB0SyWkYkchFRJx+VUAYlitqCZJGF4UY+h07zsfccf+InMSiyhDJSQZaYi4p8CWhbXuS928zbLjPv3Ga9CVM+gZ/9VvIjEqWExO9YLcn7h5BdR0mFDlaECZteB61Cs2ErL9vNPLlh0klcNxG/bGToipHHrdrGq5nyW1iILwkdPG3fS8K1n3R4S0Uoa/2SdKE24XTQwusOM8/vVJO8Xc3TmyYd7aNPPgs/+hY7qQnnBh286NrD+IMmMlHnsnAluWGJTEQkHbIyE7IuZq+VX/2iPpn2caFS7EzUwUTnTl507tLP/xUuoT9cyT93NnLDdtJ9tSTvbdNJ9zn4Cy99XmQqm70UAAAAAElFTkSuQmCC'/%3E%3C/svg%3E")" src="https://cdn.sanity.io/images/708bnrs8/production/1e91b5a86fa79bb7322798d758a8dd27973112b3-2048x1152.png?rect=563,0,922,1152&w=200&h=250&fit=fill&auto=format"/><div class="absolute left-0 top-0 w-full h-full m-0 p-0"><div class="rounded-2xl text-sm text-white inline-flex items-center bg-gray-700 bg-opacity-50 drop-shadow transition-all ease-out z-50 m-2 pl-0.5 pr-2 py-px"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="circle-play" class="svg-inline--fa fa-circle-play rounded-full border border-transparent" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zM188.3 147.1c7.6-4.2 16.8-4.1 24.3 .5l144 88c7.1 4.4 11.5 12.1 11.5 20.5s-4.4 16.1-11.5 20.5l-144 88c-7.4 4.5-16.7 4.7-24.3 .5s-12.3-12.2-12.3-20.9V168c0-8.7 4.7-16.7 12.3-20.9z"></path></svg><span class="VideoCard_textShadow__E79AJ pl-px font-medium text-2xs z-40">1:42:40</span></div></div></div><div class="absolute bottom-0 mt-4 flex flex-col w-full"><div class="relative w-full h-8"></div><div class="relative pb-1 sm:pb-2 pt-1 w-full overflow-hidden" style="background-color:#748404"><div class="flex"><h3 class="pl-3 pr-2 mb-0 text-sm leading-4 font-medium text-white w-auto max-h-16 overflow-hidden group-hover:max-h-32">Product Owner Certification Prep</h3><div class="pr-3 ml-auto text-xs font-medium text-white self-end flex items-center"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="star" class="svg-inline--fa fa-star text-yellow-500" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"></path></svg><span class="pl-0.5 text-2xs">5.0</span></div></div></div></div></div></a></li><li class="splide__slide"><a href="/premium/courses/agile-project-management-certification-prep-3199/" class="block"><div class="group relative rounded-md shadow-outline-sm hover:shadow-outline hover:cursor-pointer transition-all overflow-hidden "><div class="bg-gray-200 aspect-w-4 aspect-h-5"><img alt="Agile Project Management Certification Prep cover" loading="lazy" decoding="async" data-nimg="fill" class="w-full h-full object-center object-cover lg:w-full lg:h-full group-hover:brightness-105 z-0" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cfilter id='b' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1' result='s'/%3E%3CfeFlood x='0' y='0' width='100%25' height='100%25'/%3E%3CfeComposite operator='out' in='s'/%3E%3CfeComposite in2='SourceGraphic'/%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3C/filter%3E%3Cimage width='100%25' height='100%25' x='0' y='0' preserveAspectRatio='none' style='filter: url(%23b);' href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAYAAAB/Ca1DAAAACXBIWXMAABYlAAAWJQFJUiTwAAACNElEQVQokU2SS2sTYRSG8wPFv6A/wJUI1lXFjS7EhS4KglBoXbgoWpSioOINpFqxlqa3NE0mt0nnPpnJd530kZk0aRYvc/i+8z3MOe9bm1BQqriw86/UgiDyGbh9eoMu3X6HTs9h6LkINZ72XljsxJJkGc2Oy/FZj47rUSsvZ7AZ0BSaXOQkWUo8SojSmCiJGOUputDzXlMYXD9kt37Czr8D9k9aU6AtDLawFJOpdGHItSERinisiMaqqoXRaCNQcoSxsgL6ccxBo8Xe4SmNdo9aCZBSMs7GKKnQWiO1ZiQVXpozCFP6YVLVcTbCOa1z9PszvnOIVhlSS8I0xY8T0jyfArNRRnAekIQJUkiMNYiyMYkZ+h6ud44XBrRbDTbXVlh9eIc/W+uk7ilG59iJqfZZTlsrH8dRjNsf4g09RC6qscs9ZuMRSRoRpxFR7FP/+5On92+zdOMamysPcPd/oFKPYjLbq6WmjSLwA7pOl067QxLF1U5n5mir0FajjKB5tMvzR/e4e/M664+XaP36gIj62EKVdk7/UGlFFIY4bYfGcQN34KK0nDtZ6TIFUeDy8c0aK8u32Hi2zNn2+wpYXDpfAccix/M9er0ubafNcOgi5DRriyofaCvpNOt82XjB15dPcLa3EGGXolBXwFxk+KHH0BtWwQ2joAr2YtAXoVLltA522Hm3SvP7azK3gTXiauTSIWVkBSlV1uXZInBycQUuz+LQZf/bWw4/vSJu72FVNr//DwchOSaZp4mgAAAAAElFTkSuQmCC'/%3E%3C/svg%3E")" src="https://cdn.sanity.io/images/708bnrs8/production/e51149b1ed8a631719b69c11c8262fa7e620b07a-2560x1434.png?rect=707,0,1147,1434&w=200&h=250&fit=fill&auto=format"/><div class="absolute left-0 top-0 w-full h-full m-0 p-0"><div class="rounded-2xl text-sm text-white inline-flex items-center bg-gray-700 bg-opacity-50 drop-shadow transition-all ease-out z-50 m-2 pl-0.5 pr-2 py-px"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="circle-play" class="svg-inline--fa fa-circle-play rounded-full border border-transparent" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zM188.3 147.1c7.6-4.2 16.8-4.1 24.3 .5l144 88c7.1 4.4 11.5 12.1 11.5 20.5s-4.4 16.1-11.5 20.5l-144 88c-7.4 4.5-16.7 4.7-24.3 .5s-12.3-12.2-12.3-20.9V168c0-8.7 4.7-16.7 12.3-20.9z"></path></svg><span class="VideoCard_textShadow__E79AJ pl-px font-medium text-2xs z-40">2:12:01</span></div></div></div><div class="absolute bottom-0 mt-4 flex flex-col w-full"><div class="relative w-full h-8"></div><div class="relative pb-1 sm:pb-2 pt-1 w-full overflow-hidden" style="background-color:#3c2513"><div class="flex"><h3 class="pl-3 pr-2 mb-0 text-sm leading-4 font-medium text-white w-auto max-h-16 overflow-hidden group-hover:max-h-32">Agile Project Management Certification Prep</h3><div class="pr-3 ml-auto text-xs font-medium text-white self-end flex items-center"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="star" class="svg-inline--fa fa-star text-yellow-500" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"></path></svg><span class="pl-0.5 text-2xs">3.0</span></div></div></div></div></div></a></li><li class="splide__slide"><a href="/premium/courses/python-for-beginners-3198/" class="block"><div class="group relative rounded-md shadow-outline-sm hover:shadow-outline hover:cursor-pointer transition-all overflow-hidden "><div class="bg-gray-200 aspect-w-4 aspect-h-5"><img alt="Python for Beginners cover" loading="lazy" decoding="async" data-nimg="fill" class="w-full h-full object-center object-cover lg:w-full lg:h-full group-hover:brightness-105 z-0" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cfilter id='b' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1' result='s'/%3E%3CfeFlood x='0' y='0' width='100%25' height='100%25'/%3E%3CfeComposite operator='out' in='s'/%3E%3CfeComposite in2='SourceGraphic'/%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3C/filter%3E%3Cimage width='100%25' height='100%25' x='0' y='0' preserveAspectRatio='none' style='filter: url(%23b);' href='data:image/jpeg;base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAALABQDASIAAhEBAxEB/8QAFwABAQEBAAAAAAAAAAAAAAAAAAQDB//EACAQAAICAQQDAQAAAAAAAAAAAAIDAQQABRESMSNRYVL/xAAWAQEBAQAAAAAAAAAAAAAAAAAFBAb/xAAcEQABBAMBAAAAAAAAAAAAAAABAAIDIQQRUUH/2gAMAwEAAhEDEQA/AOx6SIS5pMTL4BclC47KfWaVIbZ0a0+7p4VWifj4/n79ySm5iHc0nIFttvGUWbtlqCWxpEE9xmBgyomYpiLNk7vQ5V+J2SJ7pg8OrigxjGFKtf/Z'/%3E%3C/svg%3E")" src="https://cdn.sanity.io/images/708bnrs8/production/72af86833d6b6b110bf83ef04c36df4494be6c16-750x422.jpg?rect=182,0,338,422&w=200&h=250&fit=fill&auto=format"/><div class="absolute left-0 top-0 w-full h-full m-0 p-0"><div class="rounded-2xl text-sm text-white inline-flex items-center bg-gray-700 bg-opacity-50 drop-shadow transition-all ease-out z-50 m-2 pl-0.5 pr-2 py-px"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="circle-play" class="svg-inline--fa fa-circle-play rounded-full border border-transparent" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zM188.3 147.1c7.6-4.2 16.8-4.1 24.3 .5l144 88c7.1 4.4 11.5 12.1 11.5 20.5s-4.4 16.1-11.5 20.5l-144 88c-7.4 4.5-16.7 4.7-24.3 .5s-12.3-12.2-12.3-20.9V168c0-8.7 4.7-16.7 12.3-20.9z"></path></svg><span class="VideoCard_textShadow__E79AJ pl-px font-medium text-2xs z-40">3:37:56</span></div></div></div><div class="absolute bottom-0 mt-4 flex flex-col w-full"><div class="relative w-full h-8"></div><div class="relative pb-1 sm:pb-2 pt-1 w-full overflow-hidden" style="background-color:#396d95"><div class="flex"><h3 class="pl-3 pr-2 mb-0 text-sm leading-4 font-medium text-white w-auto max-h-16 overflow-hidden group-hover:max-h-32">Python for Beginners</h3><div class="pr-3 ml-auto text-xs font-medium text-white self-end flex items-center"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="star" class="svg-inline--fa fa-star text-yellow-500" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"></path></svg><span class="pl-0.5 text-2xs">5.0</span></div></div></div></div></div></a></li><li class="splide__slide"><a href="/premium/courses/react-hooks-tips-only-the-pros-know-3182/" class="block"><div class="group relative rounded-md shadow-outline-sm hover:shadow-outline hover:cursor-pointer transition-all overflow-hidden "><div class="bg-gray-200 aspect-w-4 aspect-h-5"><img alt="React Hooks Tips Only the Pros Know cover" loading="lazy" decoding="async" data-nimg="fill" class="w-full h-full object-center object-cover lg:w-full lg:h-full group-hover:brightness-105 z-0" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cfilter id='b' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1' result='s'/%3E%3CfeFlood x='0' y='0' width='100%25' height='100%25'/%3E%3CfeComposite operator='out' in='s'/%3E%3CfeComposite in2='SourceGraphic'/%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3C/filter%3E%3Cimage width='100%25' height='100%25' x='0' y='0' preserveAspectRatio='none' style='filter: url(%23b);' href='data:image/jpeg;base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAALABQDASIAAhEBAxEB/8QAFwABAQEBAAAAAAAAAAAAAAAABwAEBf/EAB4QAAICAgMBAQAAAAAAAAAAAAECAxEABAYSQQVR/8QAFgEBAQEAAAAAAAAAAAAAAAAABAAB/8QAHBEAAgEFAQAAAAAAAAAAAAAAAAEDAhESEyEy/9oADAMBAAIRAxEAPwBBXkevLEjyOhry8zwfdhLSuQGVLNX5gvpzSX17tX5edXR2Zo5ZAjkBkIOKk88ARNqrruKM3J42YGNU617lg3JtTByBI2Wbii2M/9k='/%3E%3C/svg%3E")" src="https://cdn.sanity.io/images/708bnrs8/production/27789a9cbe736927a4dcd8fcec40034da26d6d42-750x422.jpg?rect=206,0,338,422&w=200&h=250&fit=fill&auto=format"/><div class="absolute left-0 top-0 w-full h-full m-0 p-0"><div class="rounded-2xl text-sm text-white inline-flex items-center bg-gray-700 bg-opacity-50 drop-shadow transition-all ease-out z-50 m-2 pl-0.5 pr-2 py-px"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="circle-play" class="svg-inline--fa fa-circle-play rounded-full border border-transparent" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zM188.3 147.1c7.6-4.2 16.8-4.1 24.3 .5l144 88c7.1 4.4 11.5 12.1 11.5 20.5s-4.4 16.1-11.5 20.5l-144 88c-7.4 4.5-16.7 4.7-24.3 .5s-12.3-12.2-12.3-20.9V168c0-8.7 4.7-16.7 12.3-20.9z"></path></svg><span class="VideoCard_textShadow__E79AJ pl-px font-medium text-2xs z-40">2:23:34</span></div></div></div><div class="absolute bottom-0 mt-4 flex flex-col w-full"><div class="relative w-full h-8"></div><div class="relative pb-1 sm:pb-2 pt-1 w-full overflow-hidden" style="background-color:#14445c"><div class="flex"><h3 class="pl-3 pr-2 mb-0 text-sm leading-4 font-medium text-white w-auto max-h-16 overflow-hidden group-hover:max-h-32">React Hooks Tips Only the Pros Know</h3><div class="pr-3 ml-auto text-xs font-medium text-white self-end flex items-center"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="star" class="svg-inline--fa fa-star text-yellow-500" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"></path></svg><span class="pl-0.5 text-2xs">5.0</span></div></div></div></div></div></a></li><li class="splide__slide"><a href="/premium/courses/concurrent-rendering-adventures-in-react-18-3183/" class="block"><div class="group relative rounded-md shadow-outline-sm hover:shadow-outline hover:cursor-pointer transition-all overflow-hidden "><div class="bg-gray-200 aspect-w-4 aspect-h-5"><img alt="Concurrent Rendering Adventures in React 18 cover" loading="lazy" decoding="async" data-nimg="fill" class="w-full h-full object-center object-cover lg:w-full lg:h-full group-hover:brightness-105 z-0" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cfilter id='b' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1' result='s'/%3E%3CfeFlood x='0' y='0' width='100%25' height='100%25'/%3E%3CfeComposite operator='out' in='s'/%3E%3CfeComposite in2='SourceGraphic'/%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3C/filter%3E%3Cimage width='100%25' height='100%25' x='0' y='0' preserveAspectRatio='none' style='filter: url(%23b);' href='data:image/jpeg;base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAMABQDASIAAhEBAxEB/8QAFwAAAwEAAAAAAAAAAAAAAAAAAAQGCP/EACMQAAICAgECBwAAAAAAAAAAAAEEAgMABRESEwYVISIxQVL/xAAWAQEBAQAAAAAAAAAAAAAAAAAAAQL/xAAZEQEAAwEBAAAAAAAAAAAAAAABAAIRITH/2gAMAwEAAhEDEQA/AM96bQ7F1SNyys7Kj9jKTZ+EX2K6jr9bZX0RHcMiAOTkOi+3TV26mLYQ/MZEDHfO9nUD23mI88c+85nb9DIyqixDbJ3a9+xZmPTbD5AwxVxm5pmdzFkrLJHkykfU4ZTzsT//2Q=='/%3E%3C/svg%3E")" src="https://cdn.sanity.io/images/708bnrs8/production/577ec0a5cf23d3e12fc305a7f2510ae3790cb01b-1801x1050.jpg?rect=481,0,840,1050&w=200&h=250&fit=fill&auto=format"/><div class="absolute left-0 top-0 w-full h-full m-0 p-0"><div class="rounded-2xl text-sm text-white inline-flex items-center bg-gray-700 bg-opacity-50 drop-shadow transition-all ease-out z-50 m-2 pl-0.5 pr-2 py-px"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="circle-play" class="svg-inline--fa fa-circle-play rounded-full border border-transparent" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zM188.3 147.1c7.6-4.2 16.8-4.1 24.3 .5l144 88c7.1 4.4 11.5 12.1 11.5 20.5s-4.4 16.1-11.5 20.5l-144 88c-7.4 4.5-16.7 4.7-24.3 .5s-12.3-12.2-12.3-20.9V168c0-8.7 4.7-16.7 12.3-20.9z"></path></svg><span class="VideoCard_textShadow__E79AJ pl-px font-medium text-2xs z-40">1:16:31</span></div></div></div><div class="absolute bottom-0 mt-4 flex flex-col w-full"><div class="relative w-full h-8"></div><div class="relative pb-1 sm:pb-2 pt-1 w-full overflow-hidden" style="background-color:#04947c"><div class="flex"><h3 class="pl-3 pr-2 mb-0 text-sm leading-4 font-medium text-white w-auto max-h-16 overflow-hidden group-hover:max-h-32">Concurrent Rendering Adventures in React 18</h3><div class="pr-3 ml-auto text-xs font-medium text-white self-end flex items-center"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="star" class="svg-inline--fa fa-star text-yellow-500" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"></path></svg><span class="pl-0.5 text-2xs">5.0</span></div></div></div></div></div></a></li><li class="splide__slide"><a href="/premium/courses/a-playful-intro-to-react-3180/" class="block"><div class="group relative rounded-md shadow-outline-sm hover:shadow-outline hover:cursor-pointer transition-all overflow-hidden "><div class="bg-gray-200 aspect-w-4 aspect-h-5"><img alt="A Playful Intro to React cover" loading="lazy" decoding="async" data-nimg="fill" class="w-full h-full object-center object-cover lg:w-full lg:h-full group-hover:brightness-105 z-0" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cfilter id='b' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1' result='s'/%3E%3CfeFlood x='0' y='0' width='100%25' height='100%25'/%3E%3CfeComposite operator='out' in='s'/%3E%3CfeComposite in2='SourceGraphic'/%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3C/filter%3E%3Cimage width='100%25' height='100%25' x='0' y='0' preserveAspectRatio='none' style='filter: url(%23b);' href='data:image/jpeg;base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAALABQDASIAAhEBAxEB/8QAFwABAQEBAAAAAAAAAAAAAAAABgADB//EACQQAAEEAQMDBQAAAAAAAAAAAAMBAgQRAAUGEhMxQQcUIVGR/8QAFgEBAQEAAAAAAAAAAAAAAAAAAwIE/8QAGhEBAAMBAQEAAAAAAAAAAAAAAQACEQMSIf/aAAwDAQACEQMRAD8ALTtQLAhkMKZ0xOZSJxtbXEPphtUWv6YaZOOeUxz6GvJW0id/jC+qgF7DlwS+N5rtTUZkOEroskolTtwdSfmNxuVdTZN6Nj5OoH2sKEd4Qsl9NFtKt3j7yxDtefKLoMMhDOc9zLcq+VyzS8WzuwC/kxJ//9k='/%3E%3C/svg%3E")" src="https://cdn.sanity.io/images/708bnrs8/production/25fbc3c04aee2fbc4da14d1d10e8105d5e6566a2-1550x872.jpg?rect=426,0,698,872&w=200&h=250&fit=fill&auto=format"/><div class="absolute left-0 top-0 w-full h-full m-0 p-0"><div class="rounded-2xl text-sm text-white inline-flex items-center bg-gray-700 bg-opacity-50 drop-shadow transition-all ease-out z-50 m-2 pl-0.5 pr-2 py-px"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="circle-play" class="svg-inline--fa fa-circle-play rounded-full border border-transparent" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zM188.3 147.1c7.6-4.2 16.8-4.1 24.3 .5l144 88c7.1 4.4 11.5 12.1 11.5 20.5s-4.4 16.1-11.5 20.5l-144 88c-7.4 4.5-16.7 4.7-24.3 .5s-12.3-12.2-12.3-20.9V168c0-8.7 4.7-16.7 12.3-20.9z"></path></svg><span class="VideoCard_textShadow__E79AJ pl-px font-medium text-2xs z-40">47:51</span></div></div></div><div class="absolute bottom-0 mt-4 flex flex-col w-full"><div class="relative w-full h-8"></div><div class="relative pb-1 sm:pb-2 pt-1 w-full overflow-hidden" style="background-color:#0a1627"><div class="flex"><h3 class="pl-3 pr-2 mb-0 text-sm leading-4 font-medium text-white w-auto max-h-16 overflow-hidden group-hover:max-h-32">A Playful Intro to React</h3><div class="pr-3 ml-auto text-xs font-medium text-white self-end flex items-center"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="star" class="svg-inline--fa fa-star text-yellow-500" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"></path></svg><span class="pl-0.5 text-2xs">4.2</span></div></div></div></div></div></a></li><li class="splide__slide"><a href="/premium/courses/how-to-fetch-api-data-with-react-3178/" class="block"><div class="group relative rounded-md shadow-outline-sm hover:shadow-outline hover:cursor-pointer transition-all overflow-hidden "><div class="bg-gray-200 aspect-w-4 aspect-h-5"><img alt="How to Fetch API Data with React cover" loading="lazy" decoding="async" data-nimg="fill" class="w-full h-full object-center object-cover lg:w-full lg:h-full group-hover:brightness-105 z-0" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cfilter id='b' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1' result='s'/%3E%3CfeFlood x='0' y='0' width='100%25' height='100%25'/%3E%3CfeComposite operator='out' in='s'/%3E%3CfeComposite in2='SourceGraphic'/%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3C/filter%3E%3Cimage width='100%25' height='100%25' x='0' y='0' preserveAspectRatio='none' style='filter: url(%23b);' href='data:image/jpeg;base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAALABQDASIAAhEBAxEB/8QAFwAAAwEAAAAAAAAAAAAAAAAAAAUGBP/EAB8QAAEEAgMBAQAAAAAAAAAAAAECAwQRAAUGITESUf/EABUBAQEAAAAAAAAAAAAAAAAAAAUG/8QAHREAAgEFAQEAAAAAAAAAAAAAAQIAAwQREqEUYf/aAAwDAQACEQMRAD8AqmYKNdoBOZcQ+6U/QaKgAT+XizQ7pW1gra2aokSeF0llK+6PmSPNnnUcMmFDik1VUfO8ycfjMzNimTJbDj6WWyFn26xi6QeoLgZPyT1nTQ2jO8sthqHG5KgHmVg92F4YqkEl1XZwxtUcADbkHZ6ZOdez/9k='/%3E%3C/svg%3E")" src="https://cdn.sanity.io/images/708bnrs8/production/0792db2a2b5b941072a2062d34d3a859ae061c6e-1280x720.jpg?rect=352,0,576,720&w=200&h=250&fit=fill&auto=format"/><div class="absolute left-0 top-0 w-full h-full m-0 p-0"><div class="rounded-2xl text-sm text-white inline-flex items-center bg-gray-700 bg-opacity-50 drop-shadow transition-all ease-out z-50 m-2 pl-0.5 pr-2 py-px"><svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="circle-play" class="svg-inline--fa fa-circle-play rounded-full border border-transparent" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zM188.3 147.1c7.6-4.2 16.8-4.1 24.3 .5l144 88c7.1 4.4 11.5 12.1 11.5 20.5s-4.4 16.1-11.5 20.5l-144 88c-7.4 4.5-16.7 4.7-24.3 .5s-12.3-12.2-12.3-20.9V168c0-8.7 4.7-16.7 12.3-20.9z"></path></svg><span class="VideoCard_textShadow__E79AJ pl-px font-medium text-2xs z-40">1:10:12</span></div></div></div><div class="absolute bottom-0 mt-4 flex flex-col w-full"><div class="relative w-full h-8"></div><div class="relative pb-1 sm:pb-2 pt-1 w-full overflow-hidden" style="background-color:#184464"><div class="flex"><h3 class="pl-3 pr-2 mb-0 text-sm leading-4 font-medium text-white w-auto max-h-16 overflow-hidden group-hover:max-h-32">How to Fetch API Data with React</h3><div class="pr-3 ml-auto text-xs font-medium text-white self-end flex items-center"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="star" class="svg-inline--fa fa-star text-yellow-500" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"></path></svg><span class="pl-0.5 text-2xs">4.7</span></div></div></div></div></div></a></li></ul></div><div class="splide__arrows"><button class="splide__arrow splide__arrow--prev Carousel_splideArrow__oJOEm Carousel_splideArrowPrev__FGBFc"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" width="40" height="40" focusable="false"><path d="m15.5 0.932-4.3 4.38 14.5 14.6-14.5 14.5 4.3 4.4 14.6-14.6 4.4-4.3-4.4-4.4-14.6-14.6z"></path></svg></button><button class="splide__arrow splide__arrow--next Carousel_splideArrow__oJOEm Carousel_splideArrowNext__uHmgk"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" width="40" height="40" focusable="false"><path d="m15.5 0.932-4.3 4.38 14.5 14.6-14.5 14.5 4.3 4.4 14.6-14.6 4.4-4.3-4.4-4.4-14.6-14.6z"></path></svg></button></div></div></div></section><section><header class="flex flex-row items-baseline mb-2"><h2 class="font-bold text-base mb-0">Learning Paths</h2><a href="/premium/library/paths/" class="text-primary-700 text-sm font-medium ml-auto">See all</a></header><div><div class="splide Carousel_splide__p2P5n"><div class="splide__track -mx-8"><ul class="splide__list"><li class="splide__slide"><a href="/premium/paths/full-stack-javascript-developer/" class="block"><div class="group relative rounded-md shadow-outline-sm hover:shadow-outline hover:cursor-pointer transition-all overflow-hidden "><div class="bg-gray-200 aspect-w-4 aspect-h-5"><img alt="Full Stack JavaScript Developer cover" loading="lazy" decoding="async" data-nimg="fill" class="w-full h-full object-center object-cover lg:w-full lg:h-full group-hover:brightness-105 z-0" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cfilter id='b' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1' result='s'/%3E%3CfeFlood x='0' y='0' width='100%25' height='100%25'/%3E%3CfeComposite operator='out' in='s'/%3E%3CfeComposite in2='SourceGraphic'/%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3C/filter%3E%3Cimage width='100%25' height='100%25' x='0' y='0' preserveAspectRatio='none' style='filter: url(%23b);' href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAACXBIWXMAAAsTAAALEwEAmpwYAAAC50lEQVQokXWSW08bVxSF599BHM+ZOSMD5laUUIlSQ4xnIMYxdxzfDcYyMMbBOMXcUwJVkpZIadoKJWqC3YarzV+p+FQZCG95WNra++HTWltL6W86ujLbK1gdFXxtZbzu8vUc/K7CYOfN3eyoMNBaps91hMf4xCPjA6bxO8PGK0blDtPyOVFpk9TTKFZnhdDACYnAGdGhUyb7j+/2mZFzUsFzEsNnTPYdY7Z+wmscYhnvbmHbTMsiUbnIjJ4io4dR6g7C5inZ6SrzoSrpsQvSY+fXey5aYyl+iR2tkhr+QqDjkCF5QFC+ZEKu81Q+I6FnSGtR5sU4OeFHGXCXmfaekA1VsaO1Oy1GauRiNQqpGsuxM+b8fzPZ+RujxteIiyS1FGkxhS2fUHRZlAwPSv1/9ag3gEuWEpfXIDtSJR+7oJg8ZSVSxg78Sbr3F2a61kg1LZDSIsw6g2SdPtY7Bzjw+njzsBtlqOsfkk/Or13VQfl4DTt8gR06ZSX+hbXkEVupj2zH37M59YpVq4TdniDtfEzmXi95Zzc7P/p4G5vktdl743DCc0zEOiVinRAf+pek9ZlZ85Cs9Y6c9Zqif4+14S3WrQKlnlmeNQVYcPRgN7Sz7GjB/sFiLprFNgMo9Sp4W47wuT9juT/gd//BiPtXpty7hJtLJJrzzDVnWGiOkXeNs2IMUhQ9FBxtFBo0Co1Okg8eEBwJkvB4UOq96jM+4pV/MSjfEpD7jOkbhPRlYnqWWS1OVkyQE49ZEf2URDebahvrDp1So4PnjQ1kWlXC/c1kHxoo9V6Zxnv8xhtGjRdMyVUiMkdKn73u1aI2wrJm8pPoZUN08UK0sKtKdp2Cnfv32XTcY1V3UGxxsuFyogwZB1cBY59xuUlIFojXXekJstokS5qfFfGIkvieLdHOz8LFnqqzrwr2VZU9VeXlrfaEyr4QKEG5+9+43Lh6KpdvYXHmtYlbWD9roptt0cauarCnanewb+l/0XxhfMHoSXEAAAAASUVORK5CYII='/%3E%3C/svg%3E")" src="https://cdn.sanity.io/images/708bnrs8/production/d6f315a4e461293667850794413bd5c95ee8488c-704x405.png?rect=470,137,214,268&w=200&h=250&fit=fill&auto=format"/><div class="absolute left-0 top-0 w-full h-full m-0 p-0"></div></div><div class="absolute bottom-0 mt-4 flex flex-col w-full"><div class="relative w-full h-8"></div><div class="relative pb-1 sm:pb-2 pt-1 w-full overflow-hidden" style="background-color:#842c4c"><div class="flex"><h3 class="pl-3 pr-2 mb-0 text-sm leading-4 font-medium text-white w-auto max-h-16 overflow-hidden group-hover:max-h-32">Full Stack JavaScript Developer</h3></div></div></div></div></a></li><li class="splide__slide"><a href="/premium/paths/web-development-basics/" class="block"><div class="group relative rounded-md shadow-outline-sm hover:shadow-outline hover:cursor-pointer transition-all overflow-hidden "><div class="bg-gray-200 aspect-w-4 aspect-h-5"><img alt="Web Development Basics cover" loading="lazy" decoding="async" data-nimg="fill" class="w-full h-full object-center object-cover lg:w-full lg:h-full group-hover:brightness-105 z-0" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cfilter id='b' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1' result='s'/%3E%3CfeFlood x='0' y='0' width='100%25' height='100%25'/%3E%3CfeComposite operator='out' in='s'/%3E%3CfeComposite in2='SourceGraphic'/%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3C/filter%3E%3Cimage width='100%25' height='100%25' x='0' y='0' preserveAspectRatio='none' style='filter: url(%23b);' href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAACXBIWXMAAAsTAAALEwEAmpwYAAADEElEQVQokW2S209bBRzHz4BC7z3tKXjJiA/T+OCID/iwdHsguokmOrVjbIaHEbOH6Vyim2YkQ2QqRVouLae055Se0/V+pdAOxloIcZWVJfuTDJ8YYRpjfPi+/B4++fySj7DdefHwsfkSTfEKTdfnNGxX2Ooa4eGJUeodY9Q6x1nvuk6160vWDLeodN+m1H2XYs89CsZp8qYZsiY/GfMiacsyQsMywpPTNzl47x4Hwz/SGvyObXGc2okxNjqusd5xnbXOG1S6blE2/A2bpGC8T97kI2v2k7EskbaGSVmjCA3HKPue73l+eY7nVxd4Ouyj+fpttnq/ZuvVO2ydnGCzf5J6/zS1/l+ovuKj6PCRtcySsvrRbfNothCaPUrCriE0XWPsn53g2Wd+nnkXOfAGaV0I8NtQgNaHYVoXVVpenSfeJHsfJdn2xCmdDJGwB1DtflYc80RcQRR3FFXSEBq9X/D7uSkOPlmg/WmI9uUoTy8ptD5W2DsfYWdIYfd9nZ3hFI+HUtTe1ki/vIwiziM7F5BdIRKvRakMaKRO6QjbfTdoDc3Q9sq0RxXaV+Psj2jsXVCovxGgLPkouf0Ue5couGXSrjAxMUTYGSTklJHdKpmBHJsfbJB/p4zwUPyK5ltT7J6ZY9ezyM7ZZRpnZDYHQlT65siZZskYA6RNQVLmFXRbFEWMsCKpyFIcuTdNdPARqrdN5NweQrXnJuvWb6k67rImTlJxTlN2zlAUfyVnDZCx/JWDTMqqkLTF0RwJIs44IUkjKCUI9WVQPTUS402U8zWEiuEbyoY7FA0TFLp/IN9zn5zRR9YUIGMOkrKskLTGeGDTSdjTaI48EVeWoJRkwZ1k6aUUKU+SzWs62XdVhP9GmjPP/csqStIaJ2F7gG7PojlKxMU1VNcaYanIkjvDojuJckonPbiK9qaOUDBOHeaNP5E7ivTYKn1kpf5jpdvzxB0VVsV1VsUaMWcd1bXBilRBlgpHi7hLKFIVIW/6+Y+cafYwa57/3xd1e+EFbINVsU7sxVad9SNwzFU7nvP49idYQCvNmDDrewAAAABJRU5ErkJggg=='/%3E%3C/svg%3E")" src="https://cdn.sanity.io/images/708bnrs8/production/699da1a83858c0412585a95a7371bf40ca1c48eb-704x405.png?rect=472,140,212,265&w=200&h=250&fit=fill&auto=format"/><div class="absolute left-0 top-0 w-full h-full m-0 p-0"></div></div><div class="absolute bottom-0 mt-4 flex flex-col w-full"><div class="relative w-full h-8"></div><div class="relative pb-1 sm:pb-2 pt-1 w-full overflow-hidden" style="background-color:#a40480"><div class="flex"><h3 class="pl-3 pr-2 mb-0 text-sm leading-4 font-medium text-white w-auto max-h-16 overflow-hidden group-hover:max-h-32">Web Development Basics</h3></div></div></div></div></a></li><li class="splide__slide"><a href="/premium/paths/pro-dev-workflow/" class="block"><div class="group relative rounded-md shadow-outline-sm hover:shadow-outline hover:cursor-pointer transition-all overflow-hidden "><div class="bg-gray-200 aspect-w-4 aspect-h-5"><img alt="Pro Dev Workflow cover" loading="lazy" decoding="async" data-nimg="fill" class="w-full h-full object-center object-cover lg:w-full lg:h-full group-hover:brightness-105 z-0" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cfilter id='b' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1' result='s'/%3E%3CfeFlood x='0' y='0' width='100%25' height='100%25'/%3E%3CfeComposite operator='out' in='s'/%3E%3CfeComposite in2='SourceGraphic'/%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3C/filter%3E%3Cimage width='100%25' height='100%25' x='0' y='0' preserveAspectRatio='none' style='filter: url(%23b);' href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAACXBIWXMAAAsTAAALEwEAmpwYAAACKUlEQVQokW1Tx27bQBTkbznMQTaswoAS1Xu3VaxCipREqkPdhg1DsA4B9K2BB8GssAmQ+PAOu9g3b97MrBIMBj91XUc0GoVhGAiHw+A5EomIM+9ZsVgMyWQS2WwWpVIJtVoNzWYTnU4HpmliOBzCdV0obGq325jNZphOpxgMBuj1ehiPx/A8D47joNFoIJPJIJ1Oo1AooFKp4PHxUfT1+33Yti3A2K/E43FYloX9fo/n52esVisBLs+bzUYMIYhkJsE42LZtMZxgy+XiypC0l8sl1uu1KIIQ8Hg8ivNkMhFDOIyNZNXtdsWqjuPA9aaYLtZYrbdQqBUZsPlwOODl5QWn0wnv7+94fX0V92R6Pp9xuVzw9vaG0Wgk2LFM04I12cHe/oS7PUEJhULI5/NCJ5bUhTKwpD7z+VywXSwWghXf9HpdmNYAT+Mdqu4HavYOit/vRyAQQDAYhKZpwmU6mkqlkMvlUC6X8fDwgFarJdaUg8huYFlwPQ8t04GeqyEUS0O5v7+HBCUgJaBRdJWOVqvV/xwlQ4IyKpPZFO2JCb2bxW1K+8vwK7Cv4kFHaZLruRg6Q/QtE1XvCdFFHXfVCBQJJldl1qgpwbiqjAeNk/Gg29SSd9zAyCVwl/oBVbuFomma+Cn/6lav1//oxkY6e83aNV6MEeNGAv6AH+p3FTffbqDouv7LMIzPRCIhvlWxWBThpePyW1Ez/hrpNItsOZQy+Xw+qKoq6jcokA/4e0yS3gAAAABJRU5ErkJggg=='/%3E%3C/svg%3E")" src="https://cdn.sanity.io/images/708bnrs8/production/707ea9ca1b9c2bc01beaaf6da8064718644964d4-704x405.png?rect=470,137,214,267&w=200&h=250&fit=fill&auto=format"/><div class="absolute left-0 top-0 w-full h-full m-0 p-0"></div></div><div class="absolute bottom-0 mt-4 flex flex-col w-full"><div class="relative w-full h-8"></div><div class="relative pb-1 sm:pb-2 pt-1 w-full overflow-hidden" style="background-color:#0d2d1c"><div class="flex"><h3 class="pl-3 pr-2 mb-0 text-sm leading-4 font-medium text-white w-auto max-h-16 overflow-hidden group-hover:max-h-32">Pro Dev Workflow</h3></div></div></div></div></a></li><li class="splide__slide"><a href="/premium/paths/build-beautiful-webpages/" class="block"><div class="group relative rounded-md shadow-outline-sm hover:shadow-outline hover:cursor-pointer transition-all overflow-hidden "><div class="bg-gray-200 aspect-w-4 aspect-h-5"><img alt="Build Beautiful Webpages cover" loading="lazy" decoding="async" data-nimg="fill" class="w-full h-full object-center object-cover lg:w-full lg:h-full group-hover:brightness-105 z-0" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cfilter id='b' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1' result='s'/%3E%3CfeFlood x='0' y='0' width='100%25' height='100%25'/%3E%3CfeComposite operator='out' in='s'/%3E%3CfeComposite in2='SourceGraphic'/%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3C/filter%3E%3Cimage width='100%25' height='100%25' x='0' y='0' preserveAspectRatio='none' style='filter: url(%23b);' href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAACXBIWXMAAAsTAAALEwEAmpwYAAACmklEQVQokW2TS09TQRiGz386h9LTntOeovW6MjExcePORBONcaMLY2J0b4wuiC7cGDeYShCw3IpcWoqI9VIUSkt76B1saQvlpjwxMxVE4uLJZCaZd975vvdTKgV1r7ysUcy0UbJblG2NlaxGtaCyVvqX2mGKKvV8G41sO+sZFxtpA6WQbiM27SL8zmRqzGBq3GAm4mYupkvxelmlJviPWK2g0ci1s27rUqyZMlGySQfhUZP+HovgG4uBXotQ0MtM2I2dcLCa0yQ/8irV4iGXBY16zkHddrKedkuxzUUvSi7lkM6CvRYjQS+jAx7Ghj1Exgw+RNzMTrnlD77O6mQWHFTyGrViS6yWaWd1Xqca99CM+9me87ccToRM3gR8UnSwzyuFx4dNRgc9DPV7GX7rla4/z7hYEWUQdVt2Ukk4sd/r5EbOsDF4iZ3JCyj5pTb5vf2LAik4Ysq6TobMA/HZiEFh0SnFaimd/GcnC+905gIXSb68R7nveqsp0QmD3m4fPQEf3V0dvO7qoPe176Cmfd2W3E8MeVmOu6mndcpxnWS4nfmQQTRwhbfPO5nuuoMi4vEtphMdN2QthSPRJPGIQJxFRAJGPXyJmJS+G9QW3eRmXSTHdbKTFt8CVxl5+ITI09soa0WVHzkNkUVByW6t4iF5JnKZdrCaclJJumgsGTQSJoUPBsthg8q0n/yra8QePObro1soMgL7WTtCvaRSL2o08g7Ws06aGTebKZNmwmLtk8VK1KIaPYndc5OPnc9YeHEXZa2k7h2dBsmf4Ip4iCb8zZrF9kIHW/HjbHz005g+TSl0maW++5SHb0iHP2slde9/k3AwVraL5pLBZtLLVsLHzvdj7M6d4OeXU/yKnWV35hzb0Qvsvj/Pb2ycvvPv60CeAAAAAElFTkSuQmCC'/%3E%3C/svg%3E")" src="https://cdn.sanity.io/images/708bnrs8/production/878a3f9d4c52581e23b182e6875db2e013373ca7-704x405.png?rect=478,142,209,261&w=200&h=250&fit=fill&auto=format"/><div class="absolute left-0 top-0 w-full h-full m-0 p-0"></div></div><div class="absolute bottom-0 mt-4 flex flex-col w-full"><div class="relative w-full h-8"></div><div class="relative pb-1 sm:pb-2 pt-1 w-full overflow-hidden" style="background-color:#7c0c7c"><div class="flex"><h3 class="pl-3 pr-2 mb-0 text-sm leading-4 font-medium text-white w-auto max-h-16 overflow-hidden group-hover:max-h-32">Build Beautiful Webpages</h3></div></div></div></div></a></li><li class="splide__slide"><a href="/premium/paths/react-front-end-development/" class="block"><div class="group relative rounded-md shadow-outline-sm hover:shadow-outline hover:cursor-pointer transition-all overflow-hidden "><div class="bg-gray-200 aspect-w-4 aspect-h-5"><img alt="React Front End Development cover" loading="lazy" decoding="async" data-nimg="fill" class="w-full h-full object-center object-cover lg:w-full lg:h-full group-hover:brightness-105 z-0" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cfilter id='b' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1' result='s'/%3E%3CfeFlood x='0' y='0' width='100%25' height='100%25'/%3E%3CfeComposite operator='out' in='s'/%3E%3CfeComposite in2='SourceGraphic'/%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3C/filter%3E%3Cimage width='100%25' height='100%25' x='0' y='0' preserveAspectRatio='none' style='filter: url(%23b);' href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAACXBIWXMAAAsTAAALEwEAmpwYAAADBklEQVQokU3T/08TdxzH8fs7NzUEmMvmvphMzMacgbi5Occ2N12UsSCKSrEgRYRhoVIsbeV7RaClPTiu1+v33tGjpPQ+n2eWwn7wH3gm77wfL6V91ZWtUYfWsE1bpMr5aJXPFqtcitW5siW5lpDc2JH8npL8tSv5R5M81CXDaYEvI5jKCgJ5Qajo8qbkorRGqpwd3+JDzxLnRtZo9W3w6XSSy0sWXduCH3ckPUnJbVXSuycZ2BcMpQWjGcGLrMCfE8wXBNGSy0q5GVywOONd4YP+Gc49eEXbkxAXfGtcnte5Gs3x/WKOng2bu2qD+/uSJ2nJiCEYNxr8ax4zl2sQLjRYLtaJlY9RmqeeHV3nTL+flvt+PhoM8Lk3zFfjK3SMLPDNSIifggl64w6DWoOnaRef0WBCrzGtO8wZDqGMwxvTYT3voLSFbVqexWh5EKD9YYBPHgW46F2gYzRMx2M/Xw9Occ23wK35OH3LOp5EhQn9iCmtyoxm8Wq3xOxumYB2QCRto3wcsWn3veX8UIgLwyG+HH59Eusci3DFG+Q7j59uj58bY0HuzKzgeWswqR0w3YyoBYKpHJPJEt6dKv5dG+WLtToXw0UuhTJ0hk26wgY/RA1uLma4tWRwZ0mnd3GPgdV9PO9MnqfKvNRsZtUiwVSWUCrLs3iJe+8O8aUclI5NSeeWpLv50YTg16Tgtir4e1cwoAmGdMGo4fLCdPFnG8waNeZ0m9d7RcJqlqhq4t0s0LN6wNOEg/LtlqQrLk95pN7ncfrR93kECy4L+TqRTJWoVmRZy7GmZZmKF+hbLzORKKN0xyXXE5JfkpI/Vcm9PXnC47EuTng8NwUvc4K5gkvkxFqD9UKNmGmxaZbZNvJspAuspSvEMyWU6wkpbyYlf6iSu3uSfk3ySBd4m9ZMwXQzlheEi6dwNyyX7UqdRLGKWrDRixVypQply8KyLJSfk9L9LSVlc1Z9zVntSzxpwVhGMJkVzP4/q8WSS6zism27qAfHaNYRGfuQinNE9bCG4zjUajX+AwlLK+fdu9jSAAAAAElFTkSuQmCC'/%3E%3C/svg%3E")" src="https://cdn.sanity.io/images/708bnrs8/production/d6ce4c0ef677102f726984f9cef2d9af0f6374b6-704x405.png?rect=468,137,214,268&w=200&h=250&fit=fill&auto=format"/><div class="absolute left-0 top-0 w-full h-full m-0 p-0"></div></div><div class="absolute bottom-0 mt-4 flex flex-col w-full"><div class="relative w-full h-8"></div><div class="relative pb-1 sm:pb-2 pt-1 w-full overflow-hidden" style="background-color:#345b70"><div class="flex"><h3 class="pl-3 pr-2 mb-0 text-sm leading-4 font-medium text-white w-auto max-h-16 overflow-hidden group-hover:max-h-32">React Front End Development</h3></div></div></div></div></a></li><li class="splide__slide"><a href="/premium/paths/vue-front-end-development/" class="block"><div class="group relative rounded-md shadow-outline-sm hover:shadow-outline hover:cursor-pointer transition-all overflow-hidden "><div class="bg-gray-200 aspect-w-4 aspect-h-5"><img alt="Vue Front End Development cover" loading="lazy" decoding="async" data-nimg="fill" class="w-full h-full object-center object-cover lg:w-full lg:h-full group-hover:brightness-105 z-0" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cfilter id='b' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1' result='s'/%3E%3CfeFlood x='0' y='0' width='100%25' height='100%25'/%3E%3CfeComposite operator='out' in='s'/%3E%3CfeComposite in2='SourceGraphic'/%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3C/filter%3E%3Cimage width='100%25' height='100%25' x='0' y='0' preserveAspectRatio='none' style='filter: url(%23b);' href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAACXBIWXMAAAsTAAALEwEAmpwYAAADKElEQVQokXXSa0+aBwCG4fenYbe1icuarovNMhuTqvHQKlpt3abWqXVWRSsKWlHaKopnQOWkiIAgKKcih4KiomVOutjUrNnJLN5ZZMs+LNkfeD489yWIpqsvROoqRONicsbFXJ2p5TNdPXn6FgpMTyix9CBek1G3rqDJ/ZInW2p6A3M8Cy3yMmpmKr6GLunCfODFdhREEKnFiBTl5PSV8LGsjFxVDTcXmsg3tlG00sU9q5RaxyANLiWPN1V0+6aRv9KiDBuYeG1hfseBYd+D9TCAMx1GEE2IyZGX8lFnEdckJVwfvs+tqUYKNK0Ua9upWOymzjJAi3sUiW8aWVDLSNjAeGyFuR07+j03q4cBNtIRfD/GEXJUlVzpL+VqRzGfdpbxuVTMl0N1FDxvoFDRQNnIdzzU9NLuVCH1z6EILTEWXWY2YWdpz40l5cfxJoT7OEows4twZbyKT2Tl5ErKuNFTQV5vNbcHv6ZwuIFieT3l8kfUjnbQvDCIZHUMxZaOydgq2sQ6xqSHtVQAS8qHKbXFxg8RhGvqGnIHK7khreSWrIb8gTruKBoofd7MvZEWqhStPBhpp1H1lA7dMEq3jrmYDW3YxlLYgeW1B03UzmjUjPlgC+H6/Ld8MVXPV1NN3Jl7TJmmg6qFHuoMMprMQ7QtK+laGaXfNonSo2M2YsWw60YfdbIUsGEKOlB7jQx4Neh33Qh5+mbyjd9TtCyhwtrHA/szGl1K2jzjdPtmkAd12aLq2CqanXWM+5usHQax7wewRj1Ygi4mXEvIHNOY4m6E26Z2Cle6uPsfHtmi/8Pj8ivfcRzvQYSNmB+9z8bMppnNvW2EohUJ5au93LcPUO8codUzRpd3iv6ghuFtPapLHol/eKT8uNJh/CcJoj8dEM+kiKf3iKf3SZ4c8fbsFOGuVXpRbZPzjXM4a63TO0lfYB7F9t88ZhI2FpMb2ZLO9HbWWuTtPsl3ad68z5A5O+Xsl5/57Y/fOT8/R6iyyf98uD508WjjBe1bEzz1zzIYWuBFxMRk3Ip215mtZz96xeZxjFAmSeL0iMP3J2Q+vOPs1w//jl0O/gVrhMw6eP5p6gAAAABJRU5ErkJggg=='/%3E%3C/svg%3E")" src="https://cdn.sanity.io/images/708bnrs8/production/8e1275fc547585c126dcb0cb7667205911b29f3c-704x405.png?rect=481,140,210,263&w=200&h=250&fit=fill&auto=format"/><div class="absolute left-0 top-0 w-full h-full m-0 p-0"></div></div><div class="absolute bottom-0 mt-4 flex flex-col w-full"><div class="relative w-full h-8"></div><div class="relative pb-1 sm:pb-2 pt-1 w-full overflow-hidden" style="background-color:#3d9f6c"><div class="flex"><h3 class="pl-3 pr-2 mb-0 text-sm leading-4 font-medium text-white w-auto max-h-16 overflow-hidden group-hover:max-h-32">Vue Front End Development</h3></div></div></div></div></a></li><li class="splide__slide"><a href="/premium/paths/become-a-python-master/" class="block"><div class="group relative rounded-md shadow-outline-sm hover:shadow-outline hover:cursor-pointer transition-all overflow-hidden "><div class="bg-gray-200 aspect-w-4 aspect-h-5"><img alt="Become a Python Master cover" loading="lazy" decoding="async" data-nimg="fill" class="w-full h-full object-center object-cover lg:w-full lg:h-full group-hover:brightness-105 z-0" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cfilter id='b' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1' result='s'/%3E%3CfeFlood x='0' y='0' width='100%25' height='100%25'/%3E%3CfeComposite operator='out' in='s'/%3E%3CfeComposite in2='SourceGraphic'/%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3C/filter%3E%3Cimage width='100%25' height='100%25' x='0' y='0' preserveAspectRatio='none' style='filter: url(%23b);' href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAACXBIWXMAAAsTAAALEwEAmpwYAAAC/klEQVQokU2TWVNaBwBG77/tU/e0M5mOTdtYl7qgUaR4QcJyQeSyI/sigsomi4CCuKBRolETo0msUc50JJNJHr7X83LOJ3wzRPfbMfh+vNvbT5MfeTzznifiJf26M4YMx4xK+0xam6icVeZ860ihDLb4Mp50lFA2QKLoZrVmI9+wIHw3Bv26e8akO4YNHxmVblA5rtF63qBxv2LWdYTSvoPSXkf0lDAEclijaZzLCfxrIWLrXtIbDnJb85RaRoQfFDBiumfGfsu07Qa18xpT8JKF6DlSqIPOt8+sewvRXUbvzzMfXcGRTLC4GiaS97FcdpDZ/ASr7esegF0G9XdMWm9Qyu+Y815ijVwgx0+RQoeI7iaiu8JzfwFLZBX70hK+1QjhnI9YQSZVlsjX56jvqmm9UCH8OHHPkOEWpfwetfMtev8FcuwVzqUO5vAuGm8V3WIBc3gNOZHEuxIhlF0kmpOJ5YykSxrKNQV72/0cHgwgPJq6ZdzyAZ3vLQb/BabgKbbYMa7kAdZoA72/iBRaw5b4JCGY8RPJ2YnlTCTXNWSrKoqbf1Op/0y9+egB+I6nc5eMW86YsnWYsR+g9exgDGxhCpaRQlkW4incqRjBTIBo3kW8YCZV0pGtqllvTBGvDSCXHhPc+AXh1+k3/PbvGX/NdRg2tlHMbzNjr6PxljAGs1hjaVzLcQKZYM9osmQjVdaTrYmUGkoqLQWBqhIxJ+IojyI8wP7QdBg0HDBuaTEtP+RR7uUx/1Ue0YKXVMVBpm4mW9NS2FRSbSlotEdJbonIZZlkaxbhT22HAf0hY+YdpuVNZt2VXh6WXh5LX/KoOMluWiltG9nYFantPqPRHmHvaIDm0TDNEwUn18MIg/qD7qi0yzPbFmpXhecPRj/nsRIhnF8kWXaRqS9Q3DZRb+toHatpv5zk8HSYl+dPeX31Ox9u+7ijD2FE2rubsDa7KkcNrbeIqXerLxISRQ8rVZlCw0x1T0/zhUj7REnnYoLzq3+4uunnv7sn3NPX2/8N5frSrKJjdgAAAABJRU5ErkJggg=='/%3E%3C/svg%3E")" src="https://cdn.sanity.io/images/708bnrs8/production/ae3ff9bae91fec21d5088533e5f09a99d664b736-704x405.png?rect=465,130,219,274&w=200&h=250&fit=fill&auto=format"/><div class="absolute left-0 top-0 w-full h-full m-0 p-0"></div></div><div class="absolute bottom-0 mt-4 flex flex-col w-full"><div class="relative w-full h-8"></div><div class="relative pb-1 sm:pb-2 pt-1 w-full overflow-hidden" style="background-color:#279193"><div class="flex"><h3 class="pl-3 pr-2 mb-0 text-sm leading-4 font-medium text-white w-auto max-h-16 overflow-hidden group-hover:max-h-32">Become a Python Master</h3></div></div></div></div></a></li><li class="splide__slide"><a href="/premium/paths/computer-science-crash-course/" class="block"><div class="group relative rounded-md shadow-outline-sm hover:shadow-outline hover:cursor-pointer transition-all overflow-hidden "><div class="bg-gray-200 aspect-w-4 aspect-h-5"><img alt="Computer Science Crash Course cover" loading="lazy" decoding="async" data-nimg="fill" class="w-full h-full object-center object-cover lg:w-full lg:h-full group-hover:brightness-105 z-0" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cfilter id='b' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1' result='s'/%3E%3CfeFlood x='0' y='0' width='100%25' height='100%25'/%3E%3CfeComposite operator='out' in='s'/%3E%3CfeComposite in2='SourceGraphic'/%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3C/filter%3E%3Cimage width='100%25' height='100%25' x='0' y='0' preserveAspectRatio='none' style='filter: url(%23b);' href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAACXBIWXMAAAsTAAALEwEAmpwYAAACkUlEQVQokV2Ta1OaZxBA31/emcaCIldfLhEVwVopEtvUVo21xOIFFI0mxpJq1Bpjh0ySpkYbC7K7p50XcCbjt+fTmWf3nHVyX2CT92DKB3k/FPphJgAPB425kLEYNpZCRilg/Bow1gaNzZDxJGw8ixq/xYwD1ziJK68SijPZBzNR46e0sphVShPK4wlleVxZzSnVSaEyppQjxuqgUQ0aW2FjN2Lsx4zfh4yjuHKaUF4nFcf72WzKWPpaKBeE9aKwXhAqeenANiaEalpZixiVoFELdWHPY8aLIeNl3Dqw85TSuN8DzqWV5SlhdVqoPhA2ikLNe2eFVVdZCxvVsFGLGDtRYy9m1D2Ya/yR6I56llQaKcXJ+2B+RCnnhfVpYXNGqD0QtgrC1qSwOapsjyjPxpX9nFDPKC+SyqGrHMeFE7dFPdZiN3LDy6E2TsEPC8PKyjdCtSDUisL2tLA9Jezmhb1vhXpROHwoHM+2OZkWjkY8mHLsNjmIXLASfM9M8D2V2BVOoQ9+CBqPhoxSQimnlLWUUkkqtZSyk1b2RpX6uHKYE44zysn9roRT95qDyF8sxM5IJY5YHH6DU/wSvuuDH32w4DeWBozlQNfoRsjYDhtPoz2jbtfoq6RntM1Z/BOn7gVPEm8opc/ZH/uA830fzH4F8z74ud94PGCs3Mnj+Z08zpPKeaLJ6/gVjcQVjeRH3g5/5DrTwvFgc3dgnTw+g3Xy6Bm9zaORbHZg75KX/J265FP6H3T8Bmfehy36jdKAUQ4Y673WdiLGXrSbx2EP5oXrwd4NKx/SbS7SLa5Gmvw72qSdaWHZNs4jv8kv/Wa3Z/X53m7PyjPq7e3PlPK2A1MuR5XrMeEmI1hWICv8lxP+B8ugJGW4+PMwAAAAAElFTkSuQmCC'/%3E%3C/svg%3E")" src="https://cdn.sanity.io/images/708bnrs8/production/ef65a08e7eea424ebd74f89d7941160a0590b501-704x405.png?rect=489,141,201,251&w=200&h=250&fit=fill&auto=format"/><div class="absolute left-0 top-0 w-full h-full m-0 p-0"></div></div><div class="absolute bottom-0 mt-4 flex flex-col w-full"><div class="relative w-full h-8"></div><div class="relative pb-1 sm:pb-2 pt-1 w-full overflow-hidden" style="background-color:#1c8da4"><div class="flex"><h3 class="pl-3 pr-2 mb-0 text-sm leading-4 font-medium text-white w-auto max-h-16 overflow-hidden group-hover:max-h-32">Computer Science Crash Course</h3></div></div></div></div></a></li><li class="splide__slide"><a href="/premium/paths/become-a-python-data-scientist/" class="block"><div class="group relative rounded-md shadow-outline-sm hover:shadow-outline hover:cursor-pointer transition-all overflow-hidden "><div class="bg-gray-200 aspect-w-4 aspect-h-5"><img alt="Become a Python Data Scientist cover" loading="lazy" decoding="async" data-nimg="fill" class="w-full h-full object-center object-cover lg:w-full lg:h-full group-hover:brightness-105 z-0" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cfilter id='b' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1' result='s'/%3E%3CfeFlood x='0' y='0' width='100%25' height='100%25'/%3E%3CfeComposite operator='out' in='s'/%3E%3CfeComposite in2='SourceGraphic'/%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3C/filter%3E%3Cimage width='100%25' height='100%25' x='0' y='0' preserveAspectRatio='none' style='filter: url(%23b);' href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAACXBIWXMAAAsTAAALEwEAmpwYAAACGUlEQVQokX2TWWviYBiF859UWpdqoolGYxKNdYmJGzrQ2graiuNVB3phldYVpT926GE4n+iUaZmL8GbhezjLG+nu7u5jNBrh8fERDw8P4P1wOMRgMMDt7S16vR6azSZc10WlUsH19TUcx4Ft2zBNE4ZhQNd1pNNpqKoKiZD5fI7NZoPFYoGXlxcsl0u8vb3h+fkZk8lEQGu1GsrlMkqlEgqFAizLQj6fRzabRSaTgaapSKVSkMbjMVarFd7f3wV0vV7jcDhgv99jNpuB3zudjlBHWLFY/AJTVRWKkoQsy0cgFRL6+voqgIRtt1s8PT2d1dEqYZ+tHoFpZHUVRlaBpiYgMTsqoU0COXe7nQBPp1P4vn9WdoJx8tk0LeSNHNqejp8DHT0/BYklMDdCqJI5EszJfFkGDzM3wmiVpVSrVRSLDkzTwE3fwGxhYTjSIbFJHmT4VMt27+/v0e/30Wq1hNXPNnO5nMjQKTmwLRuGaaD8I4fWrxycGxVSt9sVofNwo9FAvV7/ttG/mWXEpNLTO72cgdbScGVfQWq32wLGrAijlf+tBxvlxd07r0xGg6zKCEfDkLi0n5V9tx60edw1DclkEoqiiEkwd09OyIiEwwgGg5B83//wPO8LjLmdYFRDmDgsy4jH44jFYohGo4hEIri4uBCwQCAAyfO8367rftDq6bc6Nfrvb0VliURCwAi6vLxEKBQ6wwj8A3yE6oU1b3U6AAAAAElFTkSuQmCC'/%3E%3C/svg%3E")" src="https://cdn.sanity.io/images/708bnrs8/production/862404308b750ca28aad6e7d02136917a0770fef-704x405.png?rect=485,126,219,274&w=200&h=250&fit=fill&auto=format"/><div class="absolute left-0 top-0 w-full h-full m-0 p-0"></div></div><div class="absolute bottom-0 mt-4 flex flex-col w-full"><div class="relative w-full h-8"></div><div class="relative pb-1 sm:pb-2 pt-1 w-full overflow-hidden" style="background-color:#3f4212"><div class="flex"><h3 class="pl-3 pr-2 mb-0 text-sm leading-4 font-medium text-white w-auto max-h-16 overflow-hidden group-hover:max-h-32">Become a Python Data Scientist</h3></div></div></div></div></a></li><li class="splide__slide"><a href="/premium/paths/advanced-javascript/" class="block"><div class="group relative rounded-md shadow-outline-sm hover:shadow-outline hover:cursor-pointer transition-all overflow-hidden "><div class="bg-gray-200 aspect-w-4 aspect-h-5"><img alt="Advanced JavaScript cover" loading="lazy" decoding="async" data-nimg="fill" class="w-full h-full object-center object-cover lg:w-full lg:h-full group-hover:brightness-105 z-0" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cfilter id='b' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1' result='s'/%3E%3CfeFlood x='0' y='0' width='100%25' height='100%25'/%3E%3CfeComposite operator='out' in='s'/%3E%3CfeComposite in2='SourceGraphic'/%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3C/filter%3E%3Cimage width='100%25' height='100%25' x='0' y='0' preserveAspectRatio='none' style='filter: url(%23b);' href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAACXBIWXMAAAsTAAALEwEAmpwYAAACuklEQVQokS2T7W9TZRiH+19qSBSTJer4YEyEMCP4gfgCZolCeDFDFJjtusEWQNz7ugHVdaPr2g5Yp27JJLpsa7tzzk6f8/Sc575uc6gf7q/Xff9y/e5M7M6JH57lsHWag9YZDlsDHLbOc9i6wEHzaw6agwThDRJ3F9FRhAmExwizCEsIvyE8R6gBL8kE4QD1Fx9SWDrJ3PxJpmfeY3K6j9n5U8wtfMRC4TQvNy8SmjuIjiM8QnQa0QVEnyG6AloBfQHaIOMFZymt9nF//C3yo2+TzZ3g5+w75Ef7yOXfJ5vrZ3Hpc/b2b5G4BzimSGSeRJ6QyDJOyjip46SBsE3muPMpa+sfMD5xgpF8Ou+SH0sX9JMb6efu8Cl+nfyMv3aGsN1fiN0sJirQMc/omBIds4YxNWy0SZLskIm659h9fYZq/WPW1j+hsj5ApXqe2sYXVKpfUa58Q+OPGzTbY8RuBtst4AdLeH4Rz1/B8yocexUif50k2iKTyAVs/CWRvYSx32LsVYwdIrK3iWyWqHuPbvIIJzM4FonsU3y/yJFXegPzvTphe5W4XUTCGhnRi4gOgl4B/R70Fugw6CjoBOhjRGcQXcRRJLLL+EEKKxMcbxCGDaKjEsnBFOKvkBEGcXyH4zqOH3DcwTGC43+jTCMUEC0irGDtc3y/jO/XCMMtjNkmapfo7j3EtX9PL7yM6DVEbyKaViOH6H1E03pMISwg9OohVLDdKkFQIwg26ZgdjPkbc1TD7heIvTeRryMMIXq7B+Meog97MJ1H9ClCCdE1hA3i+BXGbGGiHaz9B2v3sZ1/6YavSaJmGvmmCD8hZBEdQ/QBopOIziH6BNFlhDJoHWggso1zuzi3h3MtnAtwLkJcjIikwB8T0WERzSM6gaQS6EnovdUqolXgFeifoLuge0ATCAALOFBQVf4DCipVlI8gHY0AAAAASUVORK5CYII='/%3E%3C/svg%3E")" src="https://cdn.sanity.io/images/708bnrs8/production/cc0ad11bff70c1f3b4c29381edf0a1778e6a7efb-704x405.png?rect=475,137,212,265&w=200&h=250&fit=fill&auto=format"/><div class="absolute left-0 top-0 w-full h-full m-0 p-0"></div></div><div class="absolute bottom-0 mt-4 flex flex-col w-full"><div class="relative w-full h-8"></div><div class="relative pb-1 sm:pb-2 pt-1 w-full overflow-hidden" style="background-color:#685b1b"><div class="flex"><h3 class="pl-3 pr-2 mb-0 text-sm leading-4 font-medium text-white w-auto max-h-16 overflow-hidden group-hover:max-h-32">Advanced JavaScript</h3></div></div></div></div></a></li></ul></div><div class="splide__arrows"><button class="splide__arrow splide__arrow--prev Carousel_splideArrow__oJOEm Carousel_splideArrowPrev__FGBFc"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" width="40" height="40" focusable="false"><path d="m15.5 0.932-4.3 4.38 14.5 14.6-14.5 14.5 4.3 4.4 14.6-14.6 4.4-4.3-4.4-4.4-14.6-14.6z"></path></svg></button><button class="splide__arrow splide__arrow--next Carousel_splideArrow__oJOEm Carousel_splideArrowNext__uHmgk"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" width="40" height="40" focusable="false"><path d="m15.5 0.932-4.3 4.38 14.5 14.6-14.5 14.5 4.3 4.4 14.6-14.6 4.4-4.3-4.4-4.4-14.6-14.6z"></path></svg></button></div></div></div></section></article></main></div></div></div><footer class="Footer_container__Dj1D9 py-5 w-full bg-gray-800 text-gray-300"><nav aria-label="Footer navigation" class="container block w-full h-full mx-auto my-0 lg:flex lg:justify-between lg:flex-row"><div class="Footer_siteLinks__5LYuU md:flex md:flex-grow md:justify-between"><section class="flex-auto flex-shrink-0 p-gs-1"><h2 class="text-xl text-gray-200 font-bold mb-4">Stuff we do</h2><ul class="mb-0 ml-4 list-disc leading-base"><li><a href="/premium/library/" class="text-sm font-light hover:underline">Premium</a></li><li><a href="/newsletters/" class="text-sm font-light hover:underline">Newsletters</a></li><li><a href="/community/" class="text-sm font-light hover:underline">Forums</a></li></ul></section><section class="flex-auto flex-shrink-0 p-gs-1"><h2 class="text-xl text-gray-200 font-bold mb-4">About</h2><ul class="mb-0 ml-4 list-disc leading-base"><li><a href="/about-us/" class="text-sm font-light hover:underline">Our Story</a></li><li><a href="/legals/" class="text-sm font-light hover:underline">Terms of use</a></li><li><a href="/privacy-policy/" class="text-sm font-light hover:underline">Privacy Policy</a></li><li><a href="/premium-for-teams/" class="text-sm font-light hover:underline">Corporate Memberships</a></li></ul></section><section class="flex-auto flex-shrink-0 p-gs-1"><h2 class="text-xl text-gray-200 font-bold mb-4">Contact</h2><ul class="mb-0 ml-4 list-disc leading-base"><li><a href="/contact-us/" class="text-sm font-light hover:underline">Contact us</a></li><li><a href="https://sitepointhq.notion.site/Sitepoint-FAQs-619b2b88af4f4a5db27beade7ca2cce6" class="text-sm font-light hover:underline">FAQ</a></li><li><a href="https://sitepoint.typeform.com/to/HtAXVN" class="text-sm font-light hover:underline">Publish your book with us</a></li><li><a href="/write-for-us/" class="text-sm font-light hover:underline">Write an article for us</a></li><li><a href="/partnerships/" class="text-sm font-light hover:underline">Advertise</a></li></ul></section></div><div class="Footer_separator__y9zma hidden lg:block lg:mx-5"></div><section class="Footer_socialLinks__22g9N w-full p-gs-1"><h2 class="text-xl text-gray-200 font-bold inline-block mr-8">Connect</h2><ul class="inline-block mb-4 list-none"><li class="inline-block mr-4"><a href="https://www.facebook.com/sitepoint" rel="noopener noreferrer" target="_blank" aria-label="See SitePoint Facebook account" class="text-base"><svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="square-facebook" class="svg-inline--fa fa-square-facebook fa-lg " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64h98.2V334.2H109.4V256h52.8V222.3c0-87.1 39.4-127.5 125-127.5c16.2 0 44.2 3.2 55.7 6.4V172c-6-.6-16.5-1-29.6-1c-42 0-58.2 15.9-58.2 57.2V256h83.6l-14.4 78.2H255V480H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64z"></path></svg></a></li><li class="inline-block mr-4"><a href="https://twitter.com/sitepointdotcom" rel="noopener noreferrer" target="_blank" aria-label="See SitePoint Twitter account" class="text-base"><svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="square-x-twitter" class="svg-inline--fa fa-square-x-twitter fa-lg " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm297.1 84L257.3 234.6 379.4 396H283.8L209 298.1 123.3 396H75.8l111-126.9L69.7 116h98l67.7 89.5L313.6 116h47.5zM323.3 367.6L153.4 142.9H125.1L296.9 367.6h26.3z"></path></svg></a></li><li class="inline-block mr-4"><a href="/sitepoint.rss" rel="noopener noreferrer" target="_blank" aria-label="See Sitepoint RSS feed"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="square-rss" class="svg-inline--fa fa-square-rss fa-lg " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zM96 136c0-13.3 10.7-24 24-24c137 0 248 111 248 248c0 13.3-10.7 24-24 24s-24-10.7-24-24c0-110.5-89.5-200-200-200c-13.3 0-24-10.7-24-24zm0 96c0-13.3 10.7-24 24-24c83.9 0 152 68.1 152 152c0 13.3-10.7 24-24 24s-24-10.7-24-24c0-57.4-46.6-104-104-104c-13.3 0-24-10.7-24-24zm0 120a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z"></path></svg></a></li></ul><div><p class="mb-4 text-xs md:text-sm">© 2000 – 2024 SitePoint Pty. Ltd.</p><p class="text-xs">This site is protected by reCAPTCHA and the Google <a href="https://policies.google.com/privacy" class="font-bold hover:underline">Privacy Policy</a> and <a href="https://policies.google.com/terms" class="font-bold hover:underline">Terms of Service</a> apply.</p></div></section></nav></footer></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"category":"","categoryLabel":"All","page":1,"categories":[{"slug":"","name":"All"},{"slug":"books","name":"Text"},{"slug":"courses","name":"Video"},{"slug":"assessments","name":"Assessment"},{"slug":"paths","name":"Learning Path"},{"slug":"free","name":"Free"},{"slug":"tech-talks","name":"Tech Talk"}],"topics":[{"name":"JavaScript","slug":"javascript","rank":11,"description":"JavaScript makes your pages dance, move and interact. For a front-end developer, it’s a fundamental skill.","content_count":184},{"name":"PHP","slug":"php","rank":9,"description":"PHP is a popular open-source back-end language that’s grown up with the web. It’s huge, it’s free, and it has a vibrant community behind it.","content_count":33},{"name":"Ruby","slug":"ruby","rank":8,"description":"Ruby is an elegant programming language that shot to hipster stardom through Ruby-on-Rails. It’s fun, fast-developing and popular in Silicon Valley.","content_count":14},{"name":"Mobile","slug":"mobile","rank":6,"description":"With more than 5.4 billion phones out there, everyone’s looking for a new app idea. It’s a booming industry, and you’re invited!","content_count":26},{"name":"Workflow","slug":"workflow","rank":5,"description":"Get things done, faster. Learn Agile/Scrum, Project Management, Freelancing and Outsourcing.","content_count":109},{"name":"WordPress","slug":"wordpress","rank":4,"description":"One in five sites on the web today are powered by WordPress. It’s a huge ecosystem with themes, plugins, and a helpful and dedicated community.","content_count":17},{"name":"Back End","slug":"back-end","rank":0,"description":"Learn the best programming languages and platforms for website and web app development","content_count":69},{"name":"HTML \u0026 CSS","slug":"htmlcss","rank":0,"description":"Learn HTML and CSS with step-by-step online courses, books and short video lessons","content_count":118},{"name":"Design \u0026 UX","slug":"designux","rank":0,"description":"All SitePoint web design and UX books plus short videos and online courses on how to design a better web","content_count":74},{"name":"Python","slug":"python","rank":0,"description":"Python","content_count":44},{"name":"Web","slug":"web","rank":0,"description":"Overarching web topics ","content_count":47},{"name":"Blockchain","slug":"blockchain","rank":0,"description":"","content_count":7},{"name":"Cloud \u0026 DevOps","slug":"devops","rank":0,"description":"","content_count":26}],"title":"The SitePoint Library","description":"Browse our comprehensive collection of courses, books, and tutorials on a wide range of development and design topics.","data":{"recentBooks":[{"_id":1504,"title":"Unleashing the Power of Astro","url":"/books/unleashing-the-power-of-astro/","rating":null,"imageSrc":{"_type":"image","asset":{"_ref":"image-9b180f1df344a8047cf3ee91c33acd20d5481d6d-1600x2000-jpg","_type":"reference"}},"color":"#0c043c","lowres":"data:image/jpeg;base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAZABQDASIAAhEBAxEB/8QAGgAAAwADAQAAAAAAAAAAAAAAAAIHAwQFBv/EACUQAAEEAAYCAgMAAAAAAAAAAAEAAgMEBQYREiExB0EyURMiYf/EABgBAAIDAAAAAAAAAAAAAAAAAAABAgME/8QAGBEBAQEBAQAAAAAAAAAAAAAAAAEREiH/2gAMAwEAAhEDEQA/AIHQyhPboxWWl+17N/AC5d7DqtKw+CxPKyVnYLEuGNuWbMNSCabWRwaGtJOmp+lQPL3jqLKdXDLdWW3N+dm2d0zOnADkH65Wr2XKEskDQ8hhJb6JQnMR9IUsoejydefhWP1bUU7a5adrpnt3BoPZ0VH8lZ4kxvL5qx4428D+hidDodn8PrpSaP4lMruJbptUs54OiFkf8ihGE//Z","alt":"Unleashing the Power of Astro cover"},{"_id":1503,"title":"Generative AI Tools for Developers: A Practical Guide","url":"/books/generative-ai-tools-for-developers-a-practical-guide/","rating":5,"imageSrc":{"_type":"image","asset":{"_ref":"image-36086893f23436b3ef36cc36184b70e019968436-1600x2000-png","_type":"reference"}},"color":"#2c1c74","lowres":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAZCAYAAAAxFw7TAAAACXBIWXMAAAsTAAALEwEAmpwYAAAEOElEQVQ4jY2VZ3PaWBSG+SdJwGB6r6IKhCWBANFkAQZMdYsNtpM43l0n8czu7353zqGEzXhn98MBlXuf+54qy/vjJP7LPmzt/6y18IXjDYAztTfr1vj+OAmrS4ArUIA/KrF5w0Uc+3P83sIwRxLvHAm8syf4/z0Zg1Nvgo/cafgiJUQFFVGhglBChjsk8kEW+vGEiwjEyryITvOGS3wyLSTbKQknZURSBFERSSkMi6QUuIMibO40q7c4/XkUFQNtc4HW6Ry6MUWjM2EzBpfo9i9Qb5+jqg/3z/XulK1pzFBtjhhKHpBnFnewwA/P52u26fIB54s1RtM7zC8f2ei6P75h6/aXDK21xnyQWh8wkDyl0FlcgTyU2gC90TWrGZx/xHi2wnByi/F8xXCy6cUD3xOwKBsIxk84VO5gAXZPZl8FFoc3i0yxySorjTM+mVxpnc7Q6S04FHRPLpLbJfUU8UwVx74cq7IeZJ+BRI+lqxzHctXEidZjI9Vac8T/QqHBiSBQLF2BP1aGM5CH3ZvhjBOYY0hAm1uAJyRyNmkTbSCjzal8HYmsxpnNSS00OpuE5aU2AvEy197Rr8BdodILOtHhy/JCii3Fh+KUzNU447cPL1h/+o7RbAVR7sIXlWD3ZmHbArlsdl1h20E9P6HkFgFJ3XByx7Cn3//C49MresNr9sAZyHMNciz3CgnoFnDkyfCJFHCqT2ovb6SEnNSGObzG5e1XrD9/x5ff/sTV3TPk2oCb4ehNICn0bNymU392TZGVUKYni3tc3T5j/fkHVo/f0DaXCKcU9sr6ry57M1tIAxmxhahQ5QSRGlI5WT6wuo/3f6A3uuGk0Z49kIcANf1BDMlN8cREu32Lam2JdKHJbtfbE4YQ9OLmiZshmattCnuX5UMgBZdeUnYLpR5GvVecmS8QyyYrKakmdGPG0PF8zb0fFSos5J/APTQFhzePQERFsTTGWfcVA+MF+dIpQokTLnAq9KYxR6e3hKSaPJlo375TdnPP7snB6RPhC8nIZc/RqHxCV3+Cpl0hmdU5ruGkwkUta31uQbq3H7i7AToSsDoFhCI6SoULFAszSOICDeULNGWFbIHUyXBRkYdE7iZSGktr8IdleAMyXD4JVmd6M75o5Hw4FhCONKErzzD1V6jqJYqlITI5E8GYyh0RSigIxmnYlnnYBqIqEkkDaeGM9x65slvgVqrdnUMs3oEsXaFSnUPWBigpJpLZBuLpOk7UMZTqBKmcDn9MgicoIRzVEY934A9VYXNmDoD8Xdm47g1JEPI6113LuECrcwO1OoPevIbZu4emT5ARdfgiEsc8ENYQDNUPFP7yxaOMUbziGQ1qbQzDWEGrL1BWBwyrt6dQakOI0gCJVAehSAO+QAU2107h9qu3t20J0XAgqKT2USh3ud4oGZTdan2CfvcbzMYPjiPDtp7+DU9NZX867rL8AAAAAElFTkSuQmCC","alt":"Generative AI Tools for Developers: A Practical Guide cover"},{"_id":1502,"title":"Scalable Vector Graphics","url":"/books/scalable-vector-graphics/","rating":null,"imageSrc":{"_type":"image","asset":{"_ref":"image-0955d29c35eeae738a4ae44f1aa467f7dedad621-1375x2200-jpg","_type":"reference"}},"color":"#2a0978","lowres":"data:image/jpeg;base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAgABQDASIAAhEBAxEB/8QAGQAAAwADAAAAAAAAAAAAAAAAAAYIBAUH/8QAKRAAAQMDAwIFBQAAAAAAAAAAAQIDBAAFEQYSEyFBBwgxUZMVNVRhof/EABcBAAMBAAAAAAAAAAAAAAAAAAIFBgP/xAAiEQABAwMDBQAAAAAAAAAAAAABAAIEERKhAwUhIjFR0fD/2gAMAwEAAhEDEQA/AHK1eYBq4pd47PsWjB2qd9a2a/GpKGVOG2tjAzjm9amvTkZ1iOFuQ3eQnO4ZBxTA+6p5tbRjPcZHdR6/ymEqCWE2J5GZEeepuV1s+YhnP2Rfy0VPD8WU06pJjujuMJJ6UUqOlrqiG27WRW3J9q67pEt0CA7IMCOrYM44wKU9Naltd0vaLXIt0REhxBWgoSCMD3p6ujbT8Nxl9outuDaUjuKWNLaXtdjuC5MaG9zryA451KR7D9VpRxdUu4+woVhA7hMv0m3/AIUf4xRWbRRVQXHyv//Z","alt":"Scalable Vector Graphics cover"},{"_id":1501,"title":"Unleashing the Power of TypeScript","url":"/books/unleashing-the-power-of-typescript/","rating":5,"imageSrc":{"_type":"image","asset":{"_ref":"image-5fd75bb7ed78541494a1ec40662e913cd67c7838-1600x2000-png","_type":"reference"}},"color":"#38295a","lowres":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAZCAYAAAAxFw7TAAAACXBIWXMAAA3XAAAN1wFCKJt4AAAEKUlEQVQ4jYVV6XbaZhTknRobkNglJCQBEosECDCExcYstuMkjbGNjZeTkyax26Qv0DednrnUOO7pSX9c7d98c2fuvYq82onhZ7GzG38R//d95Gcgu1GG8jJ244jGFCSSGWSyukQqnYOipmRN5JdXUfwYT4AEi0YVWRyNqc8RVRBXEsjm8jALjoSeLyCZysqGkWeAzcK4koSiJqGqKSQSaWHCUBPpTagpKEoSaiK1fR5XkrJWUo7FE8hpeVh2EY5TRrHoolh6jlLZQ9mtouxW4BTLwoYbcR3Z7/xL10gimYYfNHEwmaL/eohWq42w3ZVoNEM5j8cH8r7d2RNggjI0zUA6nUMmq0nKoiEp7/VeY3l+icXRCYajfRxO55jNj+R8dPwGl6trXK9v5XowHEvw3WQyxWh8gMPDGVphR4yJMPe638Dp6Tsszy9we3uP3z5/wZevD3h8/AMPD79LfPv2pzy/ul5jdXWN+/uP+PrwKN99+vQZ09lC3I7QDNJnaicnp7i5ucPd/UdcXa1xcbnC2fIc7389w/nFJZbLC9l4NlsI2/XNHVZXaxwfvxGGTFsA6aqum6jVA9GJ4Lx23eomvBoq1To8ryYa2jSv5CFohPI8bxRESxolgEyb5ZDJaMI2b1iygaab23uGYdowTAt63kROM6QWk6nstmykDnmIxVVhSQ0KVhFepSblYwqALcXLkqn7TXH+yel0ZuMuzSCGAEajKuLxBFQ1DV0rImyMsT9aoNvtw6vUYTslFCwH1aqPyWQm2lEWbiCpZjTJbguoKBlk0zYyaRO2GWDSW+PD4hFH0wv0e2NUa4GAshLmi+MtoB+0pH4LVlE6ZguYUHVY+QB5rYy8VkLHP8b7w+84W3zHZPQOQRCKCQQe70/Q7w/gelVJfTjcF9BsVn8GjMWSyGYs5HUHuVwBtlVBL5xjPl5h2D9Gvd6UtqSb7CQCUVen6EpDdLo9MYwOS6fwQJf0nAPb8GEVPNGr3e4jDHuoVOqw7JKUUXevL2c6zGDanW4PZsEWhgLIhpYBkbVhGT4KpicuN1vtraPUqVrz5Z4Dg0YwaFqz1YZhWM/Thgcy1DQThlGEYdiyiNoEjRZKJU/qzrZLAs70aALLhd/V6oHUK/XbApIhH/IDLtqMrApcYefIVNZ0Q1LjqHuaiyzysluRZy8AecMuIRBZsS8bjVBajcVNVqw7aklHmRFJ8Np2NjOS9y/+KWKMboqbFHo0mmA0mKMZ9OF5vmhFGciK0zoWU//pLEcKnOtfAD65zaFJU3q9EeaTJcb9U1QrDfh+C532ALVaUxwmI2pJKWjQ1pQff06iZ0zdpF+qoBMO0W4N4Tgu3HKAQfstRt0P8Eoh1ERGCGy6ZJMucf7zr0dN6SL/MRxdTMstNzHt3WN58BcGjRUyKVtYEezJEAL+DZIwrlFmcDYcAAAAAElFTkSuQmCC","alt":"Unleashing the Power of TypeScript cover"},{"_id":1500,"title":"The Web Development Glossary 3K","url":"/books/the-web-development-glossary-3k/","rating":null,"imageSrc":{"_type":"image","asset":{"_ref":"image-d7e80370778a841deaa3b5244724c5627d6e2c16-612x792-jpg","_type":"reference"}},"color":"#424242","lowres":"data:image/jpeg;base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAaABQDASIAAhEBAxEB/8QAGgAAAgIDAAAAAAAAAAAAAAAAAAECBQQGCP/EACUQAAICAQIEBwAAAAAAAAAAAAECABEDBAUGEiExExQjUVJhkf/EABQBAQAAAAAAAAAAAAAAAAAAAAD/xAAUEQEAAAAAAAAAAAAAAAAAAAAA/9oADAMBAAIRAxEAPwDnzc+H8ZzA6XJjxIVshiTRmBk2PkBPntKQBfR5Y7pq9S+V2bUthxVVAWJrORqdgrcwvv7wEUIJFiEXMYQG2R2FM7EfZkVBZgB3PSKMQL1OFtyZAwXBRFj1VhKbxH+bfsIH/9k=","alt":"The Web Development Glossary 3K cover"},{"_id":1499,"title":"Useful Python","url":"/books/useful-python/","rating":null,"imageSrc":{"_type":"image","asset":{"_ref":"image-0020301367cafd1036bcaca789cd328be30990af-1600x2000-jpg","_type":"reference"}},"color":"#3d3b49","lowres":"data:image/jpeg;base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAZABQDASIAAhEBAxEB/8QAGgAAAgMBAQAAAAAAAAAAAAAAAAQDBgcBAv/EACMQAAICAgICAQUAAAAAAAAAAAECAAMEERIxBWFBEyJicaH/xAAXAQADAQAAAAAAAAAAAAAAAAABAgQD/8QAGBEAAwEBAAAAAAAAAAAAAAAAAAECERL/2gAMAwEAAhEDEQA/AMftuDfMRuYqwbjy9Edx6yob0e5a8PP8Xj4Va/WUMFA+6gMQfkyi9A0jP2sZjvhx9AQll8vk4l+XyquRlCgbFXH+Qi4xcOV4psYhdb9meLsC+sFmC8R+Qk7dyM9H9ympKKkUFAYb1CNr1CDlGeH/2Q==","alt":"Useful Python cover"},{"_id":1498,"title":"Forty-Three Post-Apocalyptic Website Project Ideas","url":"/books/forty-three-post-apocalyptic-website-project-ideas/","rating":null,"imageSrc":{"hotspot":{"y":0.3038481012658228,"height":0.6076962025316456,"_type":"sanity.imageHotspot","width":1,"x":0.5},"_type":"image","asset":{"_ref":"image-60ca4b480a515d60be7752a7229bf7d1abe3354b-1375x2200-jpg","_type":"reference"},"crop":{"top":0,"left":0,"bottom":0.0026329113924050684,"_type":"sanity.imageCrop","right":0}},"color":"#ae7431","lowres":"data:image/jpeg;base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAgABQDASIAAhEBAxEB/8QAGQAAAgMBAAAAAAAAAAAAAAAAAAQDBgcF/8QAJRAAAQMBCAIDAAAAAAAAAAAAAQACAwQGERITITFBYQVTgZGS/8QAGAEAAwEBAAAAAAAAAAAAAAAAAwQGBQf/xAAlEQABAgMIAwEAAAAAAAAAAAABAAIDBBIFERMhQVGh0QYxUsH/2gAMAwEAAhEDEQA/ANwNm2jepP5Q6zYaQDUG484VZpIw15uILSo8LduONVIGwJEZYfJ7WsJ+N9LhRWWEjcTarTtqFaadjWRgF7R8oTLfHLPIF8Pk9oZtGYvydwsunq5Yoy7Mfp2l6TyckzrhJJtfqUwYhKC1xAHaXo/GtpDI7PMhcbwHcdBc7hPaYL6yatP1UDgaxd61TufL7H/aFEhKYj90WkbL/9k=","alt":"Forty-Three Post-Apocalyptic Website Project Ideas cover"},{"_id":1497,"title":"An Introduction to Website Performance","url":"/books/an-introduction-to-website-performance/","rating":null,"imageSrc":{"_type":"image","asset":{"_ref":"image-bfc93bed568f2894ea2185ebd81b258b380db4c7-1375x2200-jpg","_type":"reference"},"crop":{"left":0,"bottom":0,"_type":"sanity.imageCrop","right":0,"top":0},"hotspot":{"height":0.4918481012658228,"_type":"sanity.imageHotspot","width":1,"x":0.5,"y":0.2459240506329114}},"color":"#db5504","lowres":"data:image/jpeg;base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAgABQDASIAAhEBAxEB/8QAGgAAAgIDAAAAAAAAAAAAAAAAAAYFBwMECP/EACcQAAEEAQIFBAMAAAAAAAAAAAEAAgMEEQUHBhIhIjETFVGSQXGB/8QAFwEBAQEBAAAAAAAAAAAAAAAABgMAAv/EACQRAAECBQIHAAAAAAAAAAAAAAEAAgMEBRGhEiETMUJRUtHh/9oADAMBAAIRAxEAPwC2au6DbDSY9MPb571lduUWgk6YcDz3Ks60kcfWOu9jnDBxlbUsxa0CWObB6eSjQn49t3YTN1Llr7Myfadju3ECR7YfuhVlYjjEmI60mP6hSNQmfLCuKRJnoz9XSza9E1vWbDA5nLzAhowUi2ONKsc72DTKrg1xGS4dU9wxV6dFteBuIgMBo+EnP4D0SxYe+SOdpeck8/5SchqDniHkVHu44rg9NJqn9OCFKDbjQfmb7oW0hcXid1//2Q==","alt":"An Introduction to Website Performance cover"},{"_id":1496,"title":"Unleashing the Power of CSS","url":"/books/unleashing-the-power-of-css/","rating":5,"imageSrc":{"_type":"image","asset":{"_type":"reference","_ref":"image-e48ef679bb9958c0ea8560c8c7888189fb650d7d-1600x2000-png"}},"color":"#34244c","lowres":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAZCAYAAAAxFw7TAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFhElEQVQ4jVXUWXPaWBMGYP2Hb5LYxuxIaDuLFgSSxQ5iN2CD2WwnceLJzCSZyv+/ePsrkcxFLt5q1bl4qo+kbsXwx6i6CVSnj4rooMSbKNoR8lYdOaOGrO7iWpPIqJwuKxYuSgZdFHV6V6z+lov0vGySorsjVJ0hVNFFmbdQsmMUrBB5M0BO95GtOrhWBTIVG1dlEyl2WdQpX2VUsR2qMJfKlkM5ndFl2SDFcBNUZR8q76BsN1GyIhTMBvJGDbmqh6wmcV1hyJQtpNBFXqPLgkZlU5Dp1Mh0AtKFT0WD02VJJ8VyR9BFHypro2zFKJkhikYdBd1Hvuogqwq6LtvIlAxcFqp0kavQu2yJrvIVyhTVc64KKl0UVHqbr5DCvBFM2YfG2qhYNyibIUpGgILuIa85yKkc12ULmaJBV3mNLrJlepsp0JvLLP1xcU3/S5M+p2fZEinMTWA7AxiiC82OUTEbKOkBilUPBc2hvMqRLVu4Lup0lVfpIluid5k8vbm8pj8uMj/zG+gkYM4QluxBZ02oZoiyEaBU9VHUHCqoHLmyRSmYyat0mYJXOXqTQu+ufgevS6RwZwQmB7BEF7rdhGaGUI06dLsB4bXIq3fgBE1iToNsWSPm1MgWLlUNRqpukW4L0kxB2bJOb3MVUrhMfoK8C8NuQrduoJkNcLeF3nBJy7sjVvdHmi+3NF3c0Xx5T8v1lmaLFSWTOU0XKxqMF8T9kNKPpnCRgMshbNGDdPuImjOE8QT1KEE/WdFiucdyfTiDk3kKbuj+4Ujb3Yk2D0fa7E50e7ejIO5RpmSQIuUIQqboAHHzFofTF3x4+Y7D6RXHx1d6fP4Tp6fPWN0faHa7od3xPR2fPtJm90j703t6ef2b3r98od5oQTmVkeI6E0iZQIgBopsF7u4/4un5H3x4+YaXz9/x6fU7ffz0FevNiRbLHe2PH2i9OdJ4tqbb9Y6OT5/o8PSJOsMFClUJxZUTyPTafAApB6gFI4TRFHFzhmZrhmZ7hrg9QdDowa93EIQ9SC8m5oQk/RhevQ233oYhGuchUCQbQbAEgg3AWA+23YFtt2DZMUzrBqYdwbRD6FadqmYNmuGjorsoaQ6KmkRBFcirgnIVgWxFQpH2CCkqeQLBB+CsB867YKwNmzVhsxg2j2GxGxh2SGfYCkg1fCpVXSpqLgqai7zqIqe6UDw+hcsncMUYjkjRPgT/iXLeAeMtMPEzFo9hsgiGHaFqNVDRayinA1D1UdDS2a9BqYk5fD6Fd0ZHZ9QRA0jRhxAp3AEX/6UN+ww3Ydjp/xqiYtRR1uso/opS4wv4fIa0U09M4Ikx3DM6hPzVrZR9uO4Qrj+E4w3AZRcWb0G3YmhmhIqRjmu6VCIoAbtFitb4HL6Ywk9ROf7V7RBSDOB5IzQaC4TRLYL6FK6fgIl0slqoWun8p0slTRNKKO5Q50vU2AI+m52vX5Mz+HJ6RiUfwnPHaDSWuInvEEZL1IIZZLpQWBe61YZmtqCl1epAabo7hHyNwF6gZs/PaPpeA2f+Cx3DkxPUawvcRHeIojVqwRzSHcPmfRhWiqaLJd1WfSjd4BE3YoM6WyG9fuis0I0ekHRPGHaPGHT26Hf2SPpHTEbPGCWP6HV3CMMVpBzDsgcw7AFMNoTJEyjD8AVt74CI35877TX22C7+wvP+Bx4f/sVh8w2H7Vc87v/F8+kHnk4/sN99xWT8HkGwBONj2GwEO61iAmUcf0G//gEtZ49YbtGrH7BKXrFd/I272Z9YTj5jPXvFdv0P9pvv2G2+4W71F0bDZ9SDNaSYgYspeFqdOZRp+yuS8DM63glN+YCm3KLlPqDlbRF7G8T+Bt3ogHHvBbPkFUnvA9rxAVF9A99dwpELyP/i3OL/60QypgE1F5IAAAAASUVORK5CYII=","alt":"Unleashing the Power of CSS cover"},{"_id":1495,"title":"The Designer’s Guide to Figma","url":"/books/the-designer-s-guide-to-figma/","rating":5,"imageSrc":{"hotspot":{"width":0.5429447852760737,"x":0.27147239263803685,"y":0.6914110429447854,"height":0.49938650306748467,"_type":"sanity.imageHotspot"},"_type":"image","asset":{"_ref":"image-37f71f55142620be6533c9f25475cf0fe8b6bede-1600x2000-png","_type":"reference"},"crop":{"top":0.44171779141104306,"left":0,"bottom":0.058895705521472275,"_type":"sanity.imageCrop","right":0.4171779141104295}},"color":"#310924","lowres":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAZCAYAAAAxFw7TAAAACXBIWXMAAAsTAAALEwEAmpwYAAAE+ElEQVQ4jX2VW2/cxhmG939UEo9DDoenPXB3uas9aLXSrm0dasnryK4sWxZkSbZlHeIEso0EKdomRVIYDVCk6J2BXvWmN/2BD4oZWUJRoL14yJkh+fKd+b75phIEATIMySJJLVZUVUQsJWEQEHwmDEPDTf//UdGXKAzJVUQjVtRjRRLJWxGNlNLwn/08zymKwlCv10nT1Dy7FdTOWklMkSjSSBrX4f8giiIj0ul0DO12m2q1an5UEUIgg4CakrSTmFaizPT1lOM4plarGbIsM65u0GONRuMW/dw49DyPUPjUI0knUZRaUIZGUP/5wYMHPH78mO3tbdPe2dlhNpuZ9tbWFvfv32djY4PhcIhSiorrugSeR12GLCbKiGZhQCCEmc7Tp085Ozvj9PSUN2/ecHV1xfv377m8vDRjx8fH7O3tce/ePbOOFdu2Ea5LQ4b0E2VEtaDveWbKvV7PuHj+/DmHh4ecn5/z7t07I/7s2TN2d3eN68lkQpIkVCzLQjgOhQwYpopeEpEFAs91cRzHpEK/3+fJkye8fPmSi4sLI/j27VsODg7MuL5vbm5eO1xYWMC3bZoyYJQqBklEHvi4jo12r9dYB2FlZcU4OTk5MS5fvXrF/v6+EdRO19fXrwXn5+cRtkUpA1YyxSiNqAofx7LQ7rVLLapTQq+pDtDr16+N05s1PDo6MgHSka7Mz80R2Ba9KGCtGjPNFI3Aw7UWsBYWsC0bx3bQwdNrOhwMTYS1iHY4m814+PAh0+n085Tn5ogdi7U05LCVslckDKRAaIfzWtDCtp1bp3pN9Yc6pXT+pWlqnOmAmDy05uYoPIvjZsTH5Sq/G+RsZ5LM8QktgbAFnu3hOR6uowPlmrvnetd41/i+TyACLfgrSt/iqzLi07TKL+MaL4qCjXTMRrbBWK3QDFrkokrqZyR+QqwRMUoTaJQhCqJrh1XX4lk94odhg+/6bU7b63y79IGfJn/mq/47tqsPWY5X6Ksh3ahHGXVpy5KmbNGQBTVZpypr5DKn4iy4KFcxyUYcdHbYL7/guHPIz9O/8PfNf/Dj6keeNp9zN11jHK8yVCP6asDiZ+FW1KaQTeqyYUQrwompyyV+XV5ytPpXDkZ/4knngrdL3/D76UfOBl+zWd1moJbpyj5t2aUpS4qwRT0sqIV18rBGFuakYUYl9DLa8RqPBt9zvvZPTqaf2Oxfcndyyv2tD6yuHlE0JiRxiYoKIllHyhpS5kipK4yugzrCMWGoqAg3Jg97TNvH/Gb1R2bL37F055z+0U+Mrj7RffE96eoOohjgV0u8vIWXFfhpAz+p4cdVfJXhRykiSqi4jocIFI3+mNFsl8HWI1qzQ/pf/43xH/9F78tfyDb2CcoxfqOHX+8aYT9v4RvhuhEVcYZQKRVTAGqK1t6E8W/3WLp6RLE7o9j7kvLkB+qPLpCDNfxaaZx5aQMvqeHFVTyV46kUP0oQUWyouJ5HVOYsnm5y5+cXjP+wR+3BMkGrg2gO8PI2dqCwPIHlanyD/RnH83F9gS8CRBBS0RkeNVI6uxNWPjxmeLZNdbVERCG+0C8KswtudsM1An10/PeJqMfMmRLnCZ07Q5Z311n64i7lco+iWdAsCprN5u3JpvfuTV+j93NZlqatC8ftMaqSmOZiSX8yYjAZsTjsU3ZK87JGf6iFNDd9jS5n3W7XtHVx0IL/BnruOvShugwFAAAAAElFTkSuQmCC","alt":"The Designer’s Guide to Figma cover"},{"_id":1494,"title":"Solutions Architect’s Handbook, 2nd Edition","url":"/books/solutions-architect-s-handbook-2nd-edition/","rating":null,"imageSrc":{"hotspot":{"x":0.4469696969696968,"y":0.6227272727272725,"height":0.23909090909090902,"_type":"sanity.imageHotspot","width":0.5303030303030303},"_type":"image","asset":{"_type":"reference","_ref":"image-8e16d36cc8f6556832438c83a773f6bbec9c0587-1650x2035-jpg"},"crop":{"_type":"sanity.imageCrop","right":0,"top":0.503181818181818,"left":0,"bottom":0.24054545454545462}},"color":"#732908","lowres":"data:image/jpeg;base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAZABQDASIAAhEBAxEB/8QAGQAAAgMBAAAAAAAAAAAAAAAAAAMCBAUH/8QAKRAAAQQAAwUJAAAAAAAAAAAAAQACAwQREnEFITE0YhMUIiMyNUFRYf/EABYBAQEBAAAAAAAAAAAAAAAAAAIBAP/EABkRAQEBAQEBAAAAAAAAAAAAAAEAEgJRIf/aAAwDAQACEQMRAD8A53S2bSnpxvllLXFu8Y/KrWKVKvKWlliQAephGCz8JGsDTmaR+qTGSEYve9rdUdk8MubuufyhKG9XFCkZIGkjss/UTxQpp8tk9rcVaxLE2TAnEbil168lqWaFxc6Zo8LQm1uXj0Stn+5HUqnIUe1+Sb9Q1pxHlc05QSD9oTtqc2dAhKN//9k=","alt":"Solutions Architect’s Handbook, 2nd Edition cover"},{"_id":1491,"title":"Clean Code in JavaScript","url":"/books/clean-code-in-javascript/","rating":5,"imageSrc":{"hotspot":{"height":0.3668949745906268,"_type":"sanity.imageHotspot","width":0.4671560323734236,"x":0.3534726143421795,"y":0.7178828345567476},"_type":"image","asset":{"_ref":"image-aaee9a42c5dff7423353497b1636e8e1e6afb71b-810x1000-jpg","_type":"reference"},"crop":{"top":0.5295262563523432,"left":0.053227931488801075,"bottom":0.09866967814793903,"_type":"sanity.imageCrop","right":0.34628270280444196}},"color":"#a13406","lowres":"data:image/jpeg;base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAZABQDASIAAhEBAxEB/8QAGwAAAQQDAAAAAAAAAAAAAAAAAAEEBQYCAwf/xAArEAAABQMBBAsAAAAAAAAAAAAAAQIDBAUGESESEyJBFTE0NTZScoGDocH/xAAXAQADAQAAAAAAAAAAAAAAAAABAwQC/8QAHREAAgICAwEAAAAAAAAAAAAAAQIAAwSRFDFiIf/aAAwDAQACEQMRAD8Ap1PtWPMgx3t7ISpxOdEkZBX7WiR4TsiQ/JQTZa8JHqIdqo0IyJKHKlkuRKxgJKqNCaSpDjlSPmaTVnIUbyPhQ6lHF9ruMJyIqH8Q3VuNYLVScHkAy6UtzyT/AKAByPB1Bxva7jM464sN8mFqcJ5ONlSNS9xpolty67VGYbZ7jaSZmtZ5D5fZyE7YPiBv0mG5mTYtLOOwJrFRL70Rh8JlUuGyp9HqJxd6TvCStpHVqAdBvPvn40/oBBj5NllasT3LcnGqrtZAOjP/2Q==","alt":"Clean Code in JavaScript cover"},{"_id":1492,"title":"Clean Code in Python, 2nd Edition","url":"/books/clean-code-in-python-2nd-edition/","rating":null,"imageSrc":{"hotspot":{"_type":"sanity.imageHotspot","width":0.7515151515151515,"x":0.5,"y":0.5638181818181818,"height":0.2734545454545454},"_type":"image","asset":{"_type":"reference","_ref":"image-61aee57239aa203b9dd0ae2e3351f9a7b477ae2d-810x1000-jpg"},"crop":{"left":0,"bottom":0.29454545454545467,"_type":"sanity.imageCrop","right":0,"top":0.42218181818181816}},"color":"#711906","lowres":"data:image/jpeg;base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAZABQDASIAAhEBAxEB/8QAGQAAAwEBAQAAAAAAAAAAAAAAAAIFBAMG/8QAKBAAAgEDAwIFBQAAAAAAAAAAAQIDAAQFERIhIjEGEzRRcRQyQmGR/8QAFQEBAQAAAAAAAAAAAAAAAAAAAwL/xAAdEQACAQQDAAAAAAAAAAAAAAAAAgEDEyFBETFS/9oADAMBAAIRAxEAPwDw2Pwdpd2MJkS8Dsm87FBB+KZvDljBG0l3HkEjUElgoPFR7E3qop6lVOAea0MtzKp33I8n8gWOv8oprJGxYoO2eCNNADM/0wdodegsOSKKqG5gjO3cBp7UVF1/ItlNsc5BcXMasrMqH7VU8U2Cs3u8jpMS6RHV017/AKqUvateL9Q/xSqkL0A1SWzImXt1tshNGvC66gewopMh6pqKsg//2Q==","alt":"Clean Code in Python, 2nd Edition cover"},{"_id":1493,"title":"Clean Code in PHP","url":"/books/clean-code-in-php/","rating":null,"imageSrc":{"asset":{"_ref":"image-abafe6e3430d1c31e9a1f6529dd8eec5a20f1aec-810x1000-jpg","_type":"reference"},"crop":{"bottom":0.638181818181818,"_type":"sanity.imageCrop","right":0.41515151515151527,"top":0.08836363636363634,"left":0.16969696969696968},"hotspot":{"y":0.2250909090909092,"height":0.2734545454545457,"_type":"sanity.imageHotspot","width":0.37878787878787856,"x":0.3772727272727272},"_type":"image"},"color":"#6e2716","lowres":"data:image/jpeg;base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAZABQDASIAAhEBAxEB/8QAGQAAAwEBAQAAAAAAAAAAAAAAAAIEAwYH/8QAIxAAAQMDBAIDAAAAAAAAAAAAAQACAwQFERITITEGIkFCcf/EABcBAAMBAAAAAAAAAAAAAAAAAAACAwH/xAAdEQACAgEFAAAAAAAAAAAAAAAAAQIRAxIhMVFh/9oADAMBAAIRAxEAPwDzu0ePUFVbIJZI/dzck57TT+OUbHesWHfHK5S2zV02YoavaDBwHv0hWNZcQWvdcIjg9GZNqXRB4pN8kt7ptivdGB0AhJeJJ31hM0sL36RzGchCW/Cyi1tdkkcWp2C3USM94W4ix6mnDj3y5Ru+v4md0g1jzgNfjaDOOgcoWSEAf//Z","alt":"Clean Code in PHP cover"},{"_id":1490,"title":"Building a Customer Service Chatbot with GPT-3: A Step-by-Step Guide","url":"/books/building-a-customer-service-chatbot-with-gpt-3-a-step-by-step-guide/","rating":4,"imageSrc":{"_type":"image","asset":{"_ref":"image-d704210bca2b351f4d57760dbb9660da66bcb34e-1021x1278-png","_type":"reference"}},"color":"#a7323f","lowres":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAZCAYAAAAxFw7TAAAACXBIWXMAAAsTAAALEwEAmpwYAAAC2UlEQVQ4jZ1VS08aURTmz3XR2Ghk6AgyPGYGRQRRUfABAVErgm+xttYm/QVNN11001W7ado0KrppY9PHovYlMq/t15x7fYwGFFwcmNw557vf95177ji07hCajZpHvTHH0TKgtwea3A8tFIcWGuChxqAFI9CknlsASr3Qw8PQ42PQB1I8oqPQeuLQfOHLgDdJOmdIbNRTZkoMmhyF5u9j7xxXwei/mWiU62jIkJhcZUlr9da7GzTlXFIoDj3OvdH7EtD7hqH3DkHvH+HrsSR/R9E7eNEYu+RLpifSMIurMOeWYU6XYE4XYWRmYeaLMEvrMBfLMEtrMAvLMNIzMCanYaSyrPsc0OYJA4wlYeQKMGcXYc6v8OLiKqzFMqy1x7DKW7A2tmGtb/GNCThXYJ2u7yF1jGQPT8LMz7MCYmWtbMJa2oC1VIZVfgLr4TZnO7cEYyIPTYnWl0w7kT9GMsuSGUNiSkHgxJYAN5+yNZKtD44zIg57Z9lzIML8YIXk4fwqlzW7wG2YKcFcWGdsaSMj+wDG+BSMkcyFh+wMnXnpC8MYmoA5VeCGp7IwUjnGlprFinMF1giyRKeOJyZhjGa45HOwU+AqhS+MEzmKGs1sIMIng4KelSg/JsF+trnmD/MjczZ6Z5JPPCr+dMn44fLjqyDhu8uHX2IQVbfS1NRo9oNNi7+7gjgUJByIflQkFfvuAD4LEo7EINuM5V0z4zX76JFMYrTvkrAbGcJOegofYgl8dEn44vTi2K1cKrzuMnHQz7FHYYV7933Yz+RR2X6Gt9kZvHZ6UGkX8dct1wVsOMtVj4pvgoQ9wYtKMo2djUd4NTKG53c78L5NYN62BHjiUXEkBvDJ6cVOt4w3chgvOrvw8s49HHS4G0quC1g7Tap6FPwUAzh0erHbLuJdm8DAqCn2++/Gb0rNlkxM/7kV1nEKem4FTLMfm+sKbs2wmeu+aYaNQFuRS4D/AaTzVS4H4DyIAAAAAElFTkSuQmCC","alt":"Building a Customer Service Chatbot with GPT-3: A Step-by-Step Guide cover"}],"recentCourses":[{"_id":3219,"title":"Django A-Z: Build \u0026 Deploy Web Projects With Python \u0026 Django","url":"/premium/courses/django-a-z-build-deploy-web-projects-with-python-django-3219","duration":25223,"rating":null,"imageSrc":{"_type":"image","asset":{"_type":"reference","_ref":"image-a3ff09589d7094bc0e764e7fea77bbe7cee7c77d-2000x1179-png"}},"color":"#044494","lowres":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAACXBIWXMAAA7EAAAOxAGVKw4bAAADTUlEQVQokTXS/VMTBBzH8f1e6mn40N0ywbHhniCUhzKjQwIrFKy0y/Muxi5ocyJjSYgYuDEcDMfcGBtzJPJ0ScUwD/DMjY2HSuaJ4AMYOvpB4peuX7p+qF/eHYz+gdd97/t5C14oCrChdJy48im2nbmP0DhHvDWK2LmE1PcHKX1/kTbwD+mD/5J67W/knX8icS+TaFtEaoygMNwg/uQIL2nGWKcOIVinCrK9/CdS6u6hMD8gwTxPfFMUSetzlN4l9njnyXBHyPBESPM9Ibnjd5LcyyTZorxRe5Mc7UVSSnxs1QRi4JbSELkNP1NxdRJt1x0y7Y9JsEaRXlog2TyCTGdCXnyC1FI9aaeb2d14C5nzGZKWKOl1Ad4u86DU9rBFMxoDhdowKmeI7uEB3EMjHHA/INH6FLkpgLhIjzg/lzz1MY6Wf06W6jiKzypRmANIbFFEpllEVWMI9WE2aSdiYFxJiPcuhDB+cxN9b5iMlseIGx8hM7Qj++hDCrWf0uC5RJPPxQc6FaJD+eyqcJPUPM928wIvn51ls+EuG7WTMfDFoiDCU+O8VncHRf19EsxPkFyYQapr5i3Vcc7ZLfT8MECnvx91tZ6d7+5HrLEgtT7k1YYYGGe4y4b/wZVRNmsn2FoRYVvVysrziC0PkRu87FWp0NRWYvW14ezuQF1dTtLhApL0bexau3DH2WnEhnGE2lHWq0cR7CwL8WbtOJmmKRK+mlnNRtS0gNx0G2XJl6QeLSRP/QnF1RUUlGlJLq1CXv8jYluUHfVzZNaMcazyW7J0fjaqAwj21YxR7AjzseMXZKYZXjHOxVa2/0qyeRjpifPIijS8rjvN3mr72spPVztUmu9xqG6I0jN9ZJ/0s2kFVH4xxkHLJDmNEUS1swjPxzoUty6h8D5nd/sc6W1Tqx3uWetQ0raMyLZIqmWa3IYwObVBEk+FWL/yw4wKP9k1Q2Qbb7GvPkiWdYL9jinyvNO8f/URhf0LHBlc5Mj13zj83TPye+Y44JvhHVeEvJYJCmxBCq23yTo3TKp+EEGTvRGr04rNY8Puc+DodOHq9eC+dpn277/m8vUuOoZ66RjuxXejG6//Cp5+H66+dpxdbTivOGn12WlxX8TqaOI/6hxOS04orAQAAAAASUVORK5CYII=","alt":"Django A-Z: Build \u0026 Deploy Web Projects With Python \u0026 Django cover","external":true},{"_id":3220,"title":"Git \u0026 GitHub Masterclass: The Practical Bootcamp","url":"/premium/courses/git-github-masterclass-the-practical-bootcamp-3220","duration":26676,"rating":null,"imageSrc":{"asset":{"_ref":"image-6328c347787cb4e21d9af0f8323924edeecb7e97-2000x1179-png","_type":"reference"},"_type":"image"},"color":"#04589d","lowres":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAACXBIWXMAAA7EAAAOxAGVKw4bAAACo0lEQVQokX2S60uTYRTA9wdUdLGbZkXXjZYVBn2ITFMru32L9UkrxLLRLKcZq3c6nbtoazosL61cTqW1HFZqUKZdKOctL0kXJhRIQpQJWfTxF88baIH54Tyc649znnMUczQ1zEu5zaL0JiKy2lhhDLLaNojSFULt/sSW+nG2Bn7JInThU7qG5ZwVUpBwfZtcKxhzNF4U4hHGwpP3Cc98xHKp4x9gdP03Yhq+E9MwQfQkMDQzcEHKLVam1bMh4xZKw0PWWPtYXxoi6von9tWOkH2jm+yqDpI8H4j6u0PjNMDZGi+Lk73E6io5lltJguRjvbkTlStEYsVbLFcf8bKojBdGG2Z7gITyN6hmGnm2xsuS5Br2Zldz1lHH/oIAKnOQOOcr8vNq6TqTw7jJwHihkc6cXExmnxxbaxuYeWSVroGY3GY2m9qJsvVwytLEk+NavhyMZ+LsCX46rYxL53iql+SY2t7HcmOQiP8tZXH6fSKzWuV/Udv7SbO20JqawWcBTE/hh+k8Y9k62vVGTlpb/gClaYFTZyPaF2OIcXY4BzDk3+b5KT1fdScYy9TyItOAVHiHmJJ+1tkHURZ0oZKesUzXwvxJ4JEa2Zi6ww7W2AbkpcRVvMfoaKL9goUnhkLyLt0jvuKdHFMWvybW1c+Bsh6iDK2EHfMjWIpZGi9zU/yEpTezVN9GpBRklXWQdaXDqN2jJNwc4bS7F527l8SaETa6R+WYsniIuLJBDl3tY9OFx8w/egfBUqhTK9mk9RCd5WPbxbtsL3zIzsvPiC/vZrdniAO+YQ43fpRF6MK3q7ybWOdz9jgek2R/wHaDn81aD4KlkCx55BaZMZUUYb7ixHKtDLuniuK6ahz+WkoafZQ2B2QRuvAV11fLOSJX1IhawRCs3+XeUrWxxT70AAAAAElFTkSuQmCC","alt":"Git \u0026 GitHub Masterclass: The Practical Bootcamp cover","external":true},{"_id":3221,"title":"Web Development Foundation: Learn HTML5, CSS3 \u0026 Bootstrap","url":"/premium/courses/web-development-foundation-learn-html5-css3-bootstrap-3221","duration":84481,"rating":5,"imageSrc":{"_type":"image","asset":{"_ref":"image-9f2df951ab770fc80e34b0cc5c55f3f049e15135-2000x1179-png","_type":"reference"}},"color":"#0c549e","lowres":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAACXBIWXMAAA7EAAAOxAGVKw4bAAADAUlEQVQokX2RfUzMcRzH73/zOI2FqGPpwVJWYbJhook85aklK4q5eShsdNX1QOmUFOlc1+l+q+53R925MsPRsnWnFFeNU2LDMQ9bmOnPl/1u8zDMH9/ts+/3/X593t/PRzZ2Sz0Tdor47LXhm2nHT+kgoNhFYOUzQmvfENE0QlTLKJHNo4Q3jhCq9RB4bgh5sQu/HIfXI3klhsSS/QmU5zpYoO5l5YU+ttb1k9rkZqPlAwubvxH2G1BqKjX3/RdwYrKIT4YN3yw70YX3OHy2DW2VQNtFDTd0OvLFLmJbPhNp/MR8nYegyiFm/z+hEZ+91/DNusOyQju1Z7Q8rSzg46U8XmkLEBpspFg9xIlvWX75BYs1Q4SX9yHPc/4NHJdoYErSFWbuvsGMw+1EqdopU9czWF3MZ0MJ74VSrjdd4aBpgMT6AZIbH5MkDhKr6Se40On9lQSc+AM4faOJmA0dxG92EZHeTUhOJwfUFpwVpXzUqHinL+Zmo8hBoZukuh6y29wcv/WCtbp+ggocTMv6I2HIOht7Vrs5tuYtq3c+Zu6JLhLU7egr9HRWncFep6Pa3EG68JA0oZfTd5+Tf/clqy71Mzvv1wx/JvRff5WE+B6SNw2yJL0XefZ9wkt72FrdhULnJMP4hBSLh5QmNwqxD9Xt5yhswyypcjEr14Fflp2wA60sSDcxbYcB2aREgYDt1whKsxNwqJ1ZSod3g6FVQ0TUeYg2jhBr/cK2Zg+7xKekXh1kg+AmouwRM3McBB61s+NYK4pDZqJSBGRjEusZnywyOcPG1Ew7M5QO/E+5mFPxjGDtG8IaPrGwZZQV1q/Emd+zquGld8tzT/cxXelEfuQOazJb2bbfREiSAVlwag3z9ukJzzQSmW1lUdFNYso6WFbdTax+gDjjMPGW16yzvibBPEy8YYCVNQ9YWn7Pq41WWok5aiRGoWd+Wg2yE0UqlCVF5JaXkn++gkLNBU7ptZQ0XEZtaqTMYuZsa4v3SLV0J71JGkkreSRvdslJjhep+A74lmGQ97aYXwAAAABJRU5ErkJggg==","alt":"Web Development Foundation: Learn HTML5, CSS3 \u0026 Bootstrap cover","external":true},{"_id":3205,"title":"Python Data Structures and Algorithms: The Complete Bootcamp","url":"/premium/courses/python-data-structures-and-algorithms-the-complete-bootcamp-3205","duration":71519,"rating":null,"imageSrc":{"_type":"image","asset":{"_ref":"image-0187dfb3c1822dca5339c0bbaa45fed6c037d7db-750x442-png","_type":"reference"}},"color":"#0b559f","lowres":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAACXBIWXMAAA7EAAAOxAGVKw4bAAADT0lEQVQokVXSW0wbBBjF8T4b521b5hwXgY0CBcq24lwIZig4p4sasmXMy2SaYvCyUJkkW6FQWtpyGaUMDLAGoUChF7aytsgYLRdpiwSBujGgojG1uBedyx7k8W8sxsSH7/WXc/IdwZ53TSSU2Nhf5ib+4gRxch+JdUsIW0KIuiJkDTxAMryF5PoWWeaHpBs3ERp+JEkTJL4qQPyXXpJk35BUep2dRb0IJBfsnNNPUdTqJ71q+n9g1rVfedn6O4Wjj3jL/Yhcyx9kGiPboDbIgZo5xNUzZFdOcLDcSewHAwiOy53obEvILT+QrZol9l8wozVEoSVCpec+Wm8YtSdM2dgm+X1hUg0h9muDiNTzvKDy8aLCg1jmJP68GcHhz+2ca5neTlg5/R+Y1xWidjxMpzeEwhygaXgGe2CRCtcah9vWognTVPMcUfuQyCd4/uNhnikyIdh1tpf4EjsJF9zEfDFBzGUfydolTvWu0zC6impwkoqOfozWNoIL3fRMfUte5z0SNEGSlXNIamejYKzUzuOnvkbwWGE3O94xs1PqYJ/sNnFyP0LtEqd712hwBTGODDE+pmBjTsb9u430T3l4pXOFBM0yidUBUuXTpFwcY++HVnb8A+4+a2JPsYXnPnGScmmSDPV3CHXL5Het0jS+yvzSCH+uVrO1Ucfqygi1rkWOtN0jMfplPzHlHp4tdfL0+0PbCTM/tSGW3SSj4hY5dT5ymxdJrQ8ibl3jvG0Dk28B/7KTycXbNHvv8mbfBmmG9SgYV+lnr2yCXSUjPPne4DYoKrWSc2mUPNUk+Y0BXmr+nrSGIEL9OtnGX3jbFkbqDlPsinB8aJODxjAphhDJuu3ZJFZ4if3Mxe5iC0+cjlbu41C5i1zlJIeUs4hU89FJHNCHSOuKIO5/QPbwX9ETDzxEZPyNlNYNRI13EGsWSK+aQVh+i1jpME+dMSHI/KiD1+VDvFHrIEdxk6OqMXKbpjnWPk9B9x1ODP3EyRsRTjo2OWH5mYKeFfI7Fni11cdrVzwUqN0ck9s5WmYiS9qJQK6uQavXobl6hZqrepQd7ai7u9D291BvMdN0w0azy4HePUKTw06DdRDdQC+6HiOaa1+hbjegbGlEUV/HZbWSvwEyCGnOphxejAAAAABJRU5ErkJggg==","alt":"Python Data Structures and Algorithms: The Complete Bootcamp cover","external":true},{"_id":3204,"title":"Python A-Z: Learn Python By Building 15 Projects","url":"/premium/courses/python-a-z-learn-python-by-building-15-projects-3204","duration":89999,"rating":null,"imageSrc":{"_type":"image","asset":{"_ref":"image-3e6a2b5f3d68f786684eabc5ac8f1dbec8fc8335-750x442-png","_type":"reference"}},"color":"#084b97","lowres":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAACXBIWXMAAA7EAAAOxAGVKw4bAAADaElEQVQokR2Sa1DTBQDA/5+7Ss4uK09AeU6cgG50Zg+RI9IgLYQUaWEHV3JdBwUeMJnAxh485h48DnBsELCNR7AGW2lIvAYcMzYoNF51XaJ+sj7k9aEPv04+/L7+PvzuJzx7zspumZ29hS5Cv/qBsKs+ItQBYo3riDvuc9T+mOOuf3eQOP7msGUbkWmDSO0y4ZVziCsnSdNM8nqFl5dyexB2ZVuJL+wlo7KflOoxRFWzRKiDxBjXSbTcJ9X5iHPfPCRz6AEpjkckdm4Ta9ogQrNMxLU5MvTTGF0/UevwIykaRnjhQyunSrspa7BS0DCIRDVNpCaIyLjGa5bfye5Z46P2ebLMk2TZAqR+vUl88/qOMKpqng+Ms7S6/egcC7xaPIywJ6eLtCt9XNb1kaVxcbhmhihNEIlpldTWIFlNM2Rq3byvdCDvdlI75iHD6idKGyRcMc+RqknStbdJlo+xV9aLkFDYT67aS07dLSSKcfZX+hBpA5wwBTjTOE7e9QGKm6xUt5u56VWw4KuhuN/LwboAoZVzhF0ZJ7x4lJcLnDyXbUNILhmmpGmCS4YZ4uST7JP7OKgLkGJe4uOm72hyNuObKOOu7wse+vNZmiujyOHZEe67OkeE4hYJuhFEcju7c20IMfl23il3kVY2hLhoiP3lPxKtDXDMvMon3T5GJwz884uM/+7lcfeOApO3j9OWRWLrlhEpF0iqH+fkjRGkOjsv5nUhPJ9lI1Rm4WiuiiSZlpgSN5HqAHGmdd7tuUfbxCBbyxVsrSixTLk5a1/lkHmNBP0KFzqWuGzzkaL3cOBLByE5NoSnH+652EFcror4S/VEl44RqV7a+VDa+Qeyb39FNz2PbmYRmXsTqe1PYowbSA0rFPUFUQ34SdfdJuzTQXY9bfhMpo2Qiz28kt9D6OdDhJVPcUAdJNqwzqGObaSOx5xwPyHZ/YQk51+ILQ+IMW0iql/hLb2fTPMCZ6/PIikdJeR8N4IorxXxZ50kFtuRVoxwTPU9bzROkdyySKr1Z045tkgf2Sbdtc3p/t94u2uVk613eFM/zfHam6SqPVzQe3jvWj/xBW0I5coq5NpaFI11VJkNKNtaqLV2oO3tom7ATuPIIIYxFwaPC71riPoBB9rebtS2GyjbW6hpNqIyN1LdoKFCVc3/ciNle5B1MDAAAAAASUVORK5CYII=","alt":"Python A-Z: Learn Python By Building 15 Projects cover","external":true},{"_id":3203,"title":"React JS Masterclass: Zero To Job Ready With 10 Projects","url":"/premium/courses/react-js-masterclass-zero-to-job-ready-with-10-projects-3203","duration":125393,"rating":4.5,"imageSrc":{"asset":{"_type":"reference","_ref":"image-735badd0f16bc2e4932723146756f9ae4e350d56-2000x1179-png"},"_type":"image"},"color":"#083470","lowres":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAACXBIWXMAAA7EAAAOxAGVKw4bAAADVElEQVQokT2SbVATBByH97W84rwjO6AwiJhbW9BZEcFZkYqKeOlRAXXKNd4OCo55URiMcMg2BgxQ3tY2GToGLLZBYPFiZSLLkxPGkWFOQUDQKxz0An57OofXh+fu/+m53/1+f8GmQ0b8Ui08lekkqGCI4GMjhJRfJbxmGnHLPBFnltn+zRqv2NeJtK4gMSwirL/B8yo3wcUuggoGCEy3siXFgF+SAcFDYcCRdt4utvO+boCYylHCKsZ9wpf080RZl3nDsUZMzwNe71ohwrTItv+Fo4R+YkP6XgnSffkEHahA8PhBI6LsdpT60zjOtZJj/hFxpdsnjDu7QPqQl5yRNXJG1sn8YZWd1iVE9TcIVbnZWjyKMKeNmAOZxMZ9QFhCEQL/ZDPRR7s5YTTT5tQjMw4h0kwgqbtOWu8iX0+tYL35tw/DtVU+7r9LZINnQ1gySkheNy8mKxElFhL4rhZBdL6drNqLZDWcJ0HTR6TyAkLVOLtMHo5fukf3LS+9c1565rzYZ7yUu/4gvm2GcM3kow4HCcjoxD/VxJNJRgQ7C3v5rPkymc1j7FC72Fb2C5LKCdIds1h+u++Ttd9a9tFz24tl+j4ZPXNIqiZ5tthFoHwY/6xe/D7qYFNSK4Kth88SW9iPrPkKcts08Y2TSCsnSOmcocX9J85ZL7bZZR+OWS/N7mVSbbcRazeEAfJhgrMdSNNMSJIbN0Z5+kgHe9Q/k2u9RnyDm3DVOFFNvyMfvkuXZ4W++VUfD2/5+XtE628S9qjDZ+SDROVayM6pIVdWsfE2mz+0EJrXx8ulFxCVuQgtv4q4dppDtjuornipm/qH2ql/UY2tkmRfQnJyY+WQkktIC78l8aiJ7E91pMm0CB47aOSJFAub051syRskqGiE55TjvKC7zqumBfY6vCR+v07iwAP29f7Fa+YlhPUeQiomfQkji86x+1gXcfJ2pDIzAuHhBsQZBiLyLWz/wk5U2XfEVP7Em6cu845xkj1WDwn2BfY777C3c4Zdrb/yVtMYsdUXiS4fJFbhZLeii/2KDnYUtCL4vKyUohNKvtRqUNTp+KrpFEqjnoozrag7LWgdNqr7nNT091Dl7EbTZUVlMVN+2kBZSyOKk7WU6qo4Xq2mVK3kP7S4c1RneuyCAAAAAElFTkSuQmCC","alt":"React JS Masterclass: Zero To Job Ready With 10 Projects cover","external":true},{"_id":3202,"title":"A Complete Guide to Learning ChatGPT 4, Midjourney, DALL-E 2, and AI","url":"/premium/courses/a-complete-guide-to-learning-chatgpt-4-midjourney-dall-e-2-and-ai-3202","duration":38314,"rating":3.75,"imageSrc":{"asset":{"_ref":"image-3d6cce07790cc8e536ede8183cfa8e3c175e1c3f-2542x1432-png","_type":"reference"},"_type":"image"},"color":"#0464bc","lowres":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAYAAAB/Ca1DAAAACXBIWXMAABYlAAAWJQFJUiTwAAAC60lEQVQokYWRXWhTdxiH/0nbtGmM+TgnJz05OU3bfLVJCW1aV20SF9uY1n6katO1s3M62rQyy5hTWe2YIAxBRG9Wx8AhTjcF9UYHs40WtOrFhDGYN9vF1jHYLmQb67Z6+4zkerCLB3688P6eF14hZouI2Xv/QxHj1DJV++5SuX8Jw0xpp4hhqliemUdvUz1+B+PUEkIUVhHTTxAzq4jZlf8unLmHKb+Eo+sLrMllKsYfYnz9LuahT3F0nsXdfAq5fZGabKlw6nvE/h8Rb3yHePMphrkHVB1ewXT4fpnquRVqpovYe2/g1a/hrr+Ptfsxm9OXkMMF3PIOVFuKOmcBm3YZIeb+xHhwncrp36k8+jO1C89wLTxFnX+M+u4q2vwjfIduE+w5RSR8glDTFQKR64TC79DoTuB1BvBIjbjtXTg3TyDEwgaW4xt439/Af/YvWhafE7+wRvz8M9rOfE389FdsO/I56T0F0uk8ie63SW05Rk/nJIlYL12xbtqi7fh0P5KkI8QH/+A4s0HHxy/IfvaCoRt/k7v5BwPXfiV7+Seyi9+w+8RFxg8UyOfHGMlNsHf4NV7de5Cx3DhjA4MMbk/QHGhCkp0Iw/wPWE7+QuD8b7z0yTrJq+skrzwncXGN5IffknrvFpnJI/T3jZDt6aevdxeDO3Pk+kcZzoyQS75Mpi2KX9OQJBlRmzmHpe8S9lduIR8q4jr+BOWtL1EnP6J++CQN2/bh928hqEUJeloJazEiWpyI1knU00FUbSWoNKJKdUhOGaG4tqIovbj0AaSWMeydB3DE8rh8KeqUOB57BM0SRDe3UF/Tiq86RoOpvUwp6+YInk1NKHYPslNBaLUBSqjW0qd0XLKOS9JQbB5Uaz1eSxBfTQx/VRfBihShijRhY4ZQRQ+BygSNpo6yTLU2oNg0hG6OollCKDYvktOF5JTKp5ey7Kgri3zVbQSN22kW/UREjqgYJSJ202zoK0saTHG8tWFUq49/AerAliH7B1QQAAAAAElFTkSuQmCC","alt":"A Complete Guide to Learning ChatGPT 4, Midjourney, DALL-E 2, and AI cover","external":true},{"_id":3201,"title":"Advanced React with TypeScript","url":"/premium/courses/advanced-react-with-typescript-3201","duration":20616,"rating":4.66667,"imageSrc":{"hotspot":{"_type":"sanity.imageHotspot","width":0.7157534246575342,"x":0.44691780821917815,"y":0.5,"height":1},"_type":"image","asset":{"_type":"reference","_ref":"image-e3b9af0c05a1b88a96a90097022495f26287cbe4-750x442-jpg"},"crop":{"right":0.18664383561643838,"top":0,"left":0.08904109589041101,"bottom":0,"_type":"sanity.imageCrop"}},"color":"#043682","lowres":"data:image/jpeg;base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAMABQDASIAAhEBAxEB/8QAGQAAAgMBAAAAAAAAAAAAAAAAAAMEBQYH/8QAIhAAAgICAgAHAAAAAAAAAAAAAQIDBAAFESEGEhMxQVFh/8QAFgEBAQEAAAAAAAAAAAAAAAAABQME/8QAGxEAAgMAAwAAAAAAAAAAAAAAAQIABBEDFCH/2gAMAwEAAhEDEQA/AMF4B0se/wBZ6gBLhiOPNwMTf1lWIbgyXlgeieFhbsufrOcanf7PV1xHQtyQoTyQp+cTPdsW5ZZbErvI/bMT7n9x3uMUAByHLWVXLN6JLtWzJMzMezhlI8jFjycMyG0xOy44hk//2Q==","alt":"Advanced React with TypeScript cover","external":true},{"_id":3200,"title":"Product Owner Certification Prep","url":"/premium/courses/product-owner-certification-prep-3200","duration":6160,"rating":5,"imageSrc":{"_type":"image","asset":{"_ref":"image-1e91b5a86fa79bb7322798d758a8dd27973112b3-2048x1152-png","_type":"reference"}},"color":"#748404","lowres":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAYAAAB/Ca1DAAAACXBIWXMAABYlAAAWJQFJUiTwAAACmklEQVQokW2S20uTYRzHdxVBdNUBbHPv9r4bbmqWnY2ICOoPqIvoIrqv+8CrrrrqnGGHlZnp2lHdTLc59Z1GNYwkKDpYSVlzdmCZuMO7veMT7+tEgy4+fB94eD7PD35fQ2FE4scjKx88Am+6BN52CbxzC3z0WpjyWZh8KPD+oUCq10p2SKKYsKHIy0x5a+horqPtjINJtw1Dfljiq19gwmUkedPEs1tGkreMTLSZeNVRree4y8QHj5n5mJWiLKLIIoURO9l4LalgI2OXDiBf2Me3gBNDYUAg07aR1LV1pO5WkXJbmPFIzPpEfgZEvvsk0h6RTLdIfsBOKWqnFBFRojXkBnczFznEtPcE077jzMd2YCh4q8ieW8NC8yqUq+tRvfWoPTtQAw2o/s2owUbUwBZUX91iBrai+p2UemooxptQEsfIyRfJyy0UR49gKPg3kT2/luzZ1SitG1CD9ZTD2yl311MO1lLubaDcs5ly0Em5u45yTwNqt5NS2EZxyElx9DD5sRbyY0GKY6cwKDELhYCRgqcKpc+MMmgjH7OTi0hkB0SyWkYkchFRJx+VUAYlitqCZJGF4UY+h07zsfccf+InMSiyhDJSQZaYi4p8CWhbXuS928zbLjPv3Ga9CVM+gZ/9VvIjEqWExO9YLcn7h5BdR0mFDlaECZteB61Cs2ErL9vNPLlh0klcNxG/bGToipHHrdrGq5nyW1iILwkdPG3fS8K1n3R4S0Uoa/2SdKE24XTQwusOM8/vVJO8Xc3TmyYd7aNPPgs/+hY7qQnnBh286NrD+IMmMlHnsnAluWGJTEQkHbIyE7IuZq+VX/2iPpn2caFS7EzUwUTnTl507tLP/xUuoT9cyT93NnLDdtJ9tSTvbdNJ9zn4Cy99XmQqm70UAAAAAElFTkSuQmCC","alt":"Product Owner Certification Prep cover","external":true},{"_id":3199,"title":"Agile Project Management Certification Prep","url":"/premium/courses/agile-project-management-certification-prep-3199","duration":7921,"rating":3,"imageSrc":{"crop":{"left":0,"bottom":0,"_type":"sanity.imageCrop","right":0,"top":0},"hotspot":{"_type":"sanity.imageHotspot","width":1,"x":0.5,"y":0.5,"height":1},"_type":"image","asset":{"_ref":"image-e51149b1ed8a631719b69c11c8262fa7e620b07a-2560x1434-png","_type":"reference"}},"color":"#3c2513","lowres":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAYAAAB/Ca1DAAAACXBIWXMAABYlAAAWJQFJUiTwAAACNElEQVQokU2SS2sTYRSG8wPFv6A/wJUI1lXFjS7EhS4KglBoXbgoWpSioOINpFqxlqa3NE0mt0nnPpnJd530kZk0aRYvc/i+8z3MOe9bm1BQqriw86/UgiDyGbh9eoMu3X6HTs9h6LkINZ72XljsxJJkGc2Oy/FZj47rUSsvZ7AZ0BSaXOQkWUo8SojSmCiJGOUputDzXlMYXD9kt37Czr8D9k9aU6AtDLawFJOpdGHItSERinisiMaqqoXRaCNQcoSxsgL6ccxBo8Xe4SmNdo9aCZBSMs7GKKnQWiO1ZiQVXpozCFP6YVLVcTbCOa1z9PszvnOIVhlSS8I0xY8T0jyfArNRRnAekIQJUkiMNYiyMYkZ+h6ud44XBrRbDTbXVlh9eIc/W+uk7ilG59iJqfZZTlsrH8dRjNsf4g09RC6qscs9ZuMRSRoRpxFR7FP/+5On92+zdOMamysPcPd/oFKPYjLbq6WmjSLwA7pOl067QxLF1U5n5mir0FajjKB5tMvzR/e4e/M664+XaP36gIj62EKVdk7/UGlFFIY4bYfGcQN34KK0nDtZ6TIFUeDy8c0aK8u32Hi2zNn2+wpYXDpfAccix/M9er0ubafNcOgi5DRriyofaCvpNOt82XjB15dPcLa3EGGXolBXwFxk+KHH0BtWwQ2joAr2YtAXoVLltA522Hm3SvP7azK3gTXiauTSIWVkBSlV1uXZInBycQUuz+LQZf/bWw4/vSJu72FVNr//DwchOSaZp4mgAAAAAElFTkSuQmCC","alt":"Agile Project Management Certification Prep cover","external":true},{"_id":3198,"title":"Python for Beginners","url":"/premium/courses/python-for-beginners-3198","duration":13076,"rating":5,"imageSrc":{"hotspot":{"height":1,"_type":"sanity.imageHotspot","width":0.934931506849315,"x":0.4674657534246575,"y":0.5},"_type":"image","asset":{"_type":"reference","_ref":"image-72af86833d6b6b110bf83ef04c36df4494be6c16-750x422-jpg"},"crop":{"top":0,"left":0,"bottom":0,"_type":"sanity.imageCrop","right":0.06506849315068497}},"color":"#396d95","lowres":"data:image/jpeg;base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAALABQDASIAAhEBAxEB/8QAFwABAQEBAAAAAAAAAAAAAAAAAAQDB//EACAQAAICAQQDAQAAAAAAAAAAAAIDAQQABRESMSNRYVL/xAAWAQEBAQAAAAAAAAAAAAAAAAAFBAb/xAAcEQABBAMBAAAAAAAAAAAAAAABAAIDIQQRUUH/2gAMAwEAAhEDEQA/AOx6SIS5pMTL4BclC47KfWaVIbZ0a0+7p4VWifj4/n79ySm5iHc0nIFttvGUWbtlqCWxpEE9xmBgyomYpiLNk7vQ5V+J2SJ7pg8OrigxjGFKtf/Z","alt":"Python for Beginners cover","external":true},{"_id":3182,"title":"React Hooks Tips Only the Pros Know","url":"/premium/courses/react-hooks-tips-only-the-pros-know-3182","duration":8614,"rating":5,"imageSrc":{"asset":{"_ref":"image-27789a9cbe736927a4dcd8fcec40034da26d6d42-750x422-jpg","_type":"reference"},"_type":"image"},"color":"#14445c","lowres":"data:image/jpeg;base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAALABQDASIAAhEBAxEB/8QAFwABAQEBAAAAAAAAAAAAAAAABwAEBf/EAB4QAAICAgMBAQAAAAAAAAAAAAECAxEABAYSQQVR/8QAFgEBAQEAAAAAAAAAAAAAAAAABAAB/8QAHBEAAgEFAQAAAAAAAAAAAAAAAAEDAhESEyEy/9oADAMBAAIRAxEAPwBBXkevLEjyOhry8zwfdhLSuQGVLNX5gvpzSX17tX5edXR2Zo5ZAjkBkIOKk88ARNqrruKM3J42YGNU617lg3JtTByBI2Wbii2M/9k=","alt":"React Hooks Tips Only the Pros Know cover","external":true},{"_id":3183,"title":"Concurrent Rendering Adventures in React 18","url":"/premium/courses/concurrent-rendering-adventures-in-react-18-3183","duration":4591,"rating":5,"imageSrc":{"_type":"image","asset":{"_ref":"image-577ec0a5cf23d3e12fc305a7f2510ae3790cb01b-1801x1050-jpg","_type":"reference"}},"color":"#04947c","lowres":"data:image/jpeg;base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAMABQDASIAAhEBAxEB/8QAFwAAAwEAAAAAAAAAAAAAAAAAAAQGCP/EACMQAAICAgECBwAAAAAAAAAAAAEEAgMABRESEwYVISIxQVL/xAAWAQEBAQAAAAAAAAAAAAAAAAAAAQL/xAAZEQEAAwEBAAAAAAAAAAAAAAABAAIRITH/2gAMAwEAAhEDEQA/AM96bQ7F1SNyys7Kj9jKTZ+EX2K6jr9bZX0RHcMiAOTkOi+3TV26mLYQ/MZEDHfO9nUD23mI88c+85nb9DIyqixDbJ3a9+xZmPTbD5AwxVxm5pmdzFkrLJHkykfU4ZTzsT//2Q==","alt":"Concurrent Rendering Adventures in React 18 cover","external":true},{"_id":3180,"title":"A Playful Intro to React","url":"/premium/courses/a-playful-intro-to-react-3180","duration":2871,"rating":4.16667,"imageSrc":{"_type":"image","asset":{"_ref":"image-25fbc3c04aee2fbc4da14d1d10e8105d5e6566a2-1550x872-jpg","_type":"reference"}},"color":"#0a1627","lowres":"data:image/jpeg;base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAALABQDASIAAhEBAxEB/8QAFwABAQEBAAAAAAAAAAAAAAAABgADB//EACQQAAEEAQMDBQAAAAAAAAAAAAMBAgQRAAUGEhMxQQcUIVGR/8QAFgEBAQEAAAAAAAAAAAAAAAAAAwIE/8QAGhEBAAMBAQEAAAAAAAAAAAAAAQACEQMSIf/aAAwDAQACEQMRAD8ALTtQLAhkMKZ0xOZSJxtbXEPphtUWv6YaZOOeUxz6GvJW0id/jC+qgF7DlwS+N5rtTUZkOEroskolTtwdSfmNxuVdTZN6Nj5OoH2sKEd4Qsl9NFtKt3j7yxDtefKLoMMhDOc9zLcq+VyzS8WzuwC/kxJ//9k=","alt":"A Playful Intro to React cover","external":true},{"_id":3178,"title":"How to Fetch API Data with React","url":"/premium/courses/how-to-fetch-api-data-with-react-3178","duration":4212,"rating":4.71429,"imageSrc":{"_type":"image","asset":{"_type":"reference","_ref":"image-0792db2a2b5b941072a2062d34d3a859ae061c6e-1280x720-jpg"}},"color":"#184464","lowres":"data:image/jpeg;base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAALABQDASIAAhEBAxEB/8QAFwAAAwEAAAAAAAAAAAAAAAAAAAUGBP/EAB8QAAEEAgMBAQAAAAAAAAAAAAECAwQRAAUGITESUf/EABUBAQEAAAAAAAAAAAAAAAAAAAUG/8QAHREAAgEFAQEAAAAAAAAAAAAAAQIAAwQREqEUYf/aAAwDAQACEQMRAD8AqmYKNdoBOZcQ+6U/QaKgAT+XizQ7pW1gra2aokSeF0llK+6PmSPNnnUcMmFDik1VUfO8ycfjMzNimTJbDj6WWyFn26xi6QeoLgZPyT1nTQ2jO8sthqHG5KgHmVg92F4YqkEl1XZwxtUcADbkHZ6ZOdez/9k=","alt":"How to Fetch API Data with React cover","external":true}],"popularBooks":[{"_id":1480,"title":"Beginning ReactJS Foundations Building User Interfaces with ReactJS","url":"/books/beginning-reactjs-foundations-building-user-interfaces-with-reactjs-an-approachable-guide/","rating":5,"imageSrc":{"hotspot":{"y":0.3056348853795213,"height":0.5321969230769233,"_type":"sanity.imageHotspot","width":0.9630769230769228,"x":0.5},"_type":"image","asset":{"_ref":"image-92a19538a8bd357e0d1436bd2e8e07a75ffb7622-717x900-jpg","_type":"reference"},"crop":{"_type":"sanity.imageCrop","right":0,"top":0.03953642384105964,"left":0,"bottom":0.20478429861529202}},"color":"#648404","lowres":"data:image/jpeg;base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAZABQDASIAAhEBAxEB/8QAGgAAAQUBAAAAAAAAAAAAAAAAAAMEBQYIB//EACwQAAEDBAADBQkAAAAAAAAAAAIBAwUABAYREiFxBxQVFjEiMjNBQlFhcoH/xAAWAQEBAQAAAAAAAAAAAAAAAAACAAP/xAAcEQEBAQABBQAAAAAAAAAAAAABABECAxMUIVH/2gAMAwEAAhEDEQA/AOpSHaLYx+O+LR9s9IMcSBtv2URV9NqtJ4ZlkhMtEUXCPoDxK4br7uwEvsn4qIgICS8rJDZFaq8JEim2zoR6cqukE2kJYBZx0Y4xbh6ANUj1WaEO9cjmyk2W2bpd8QAW0T+0VErJyHyj3lT9koqp1dqOWWwHeiMJu0VFLaaeSnKZfDkPEeSWzfPkiupWKG/fHrTm7+GPWm8cQh5XP4W3rTO8caZQHcgsnCT6lcSisL0U+2WT1ldy/9k=","alt":"Beginning ReactJS Foundations Building User Interfaces with ReactJS cover"},{"_id":1503,"title":"Generative AI Tools for Developers: A Practical Guide","url":"/books/generative-ai-tools-for-developers-a-practical-guide/","rating":5,"imageSrc":{"asset":{"_ref":"image-36086893f23436b3ef36cc36184b70e019968436-1600x2000-png","_type":"reference"},"_type":"image"},"color":"#2c1c74","lowres":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAZCAYAAAAxFw7TAAAACXBIWXMAAAsTAAALEwEAmpwYAAAEOElEQVQ4jY2VZ3PaWBSG+SdJwGB6r6IKhCWBANFkAQZMdYsNtpM43l0n8czu7353zqGEzXhn98MBlXuf+54qy/vjJP7LPmzt/6y18IXjDYAztTfr1vj+OAmrS4ArUIA/KrF5w0Uc+3P83sIwRxLvHAm8syf4/z0Zg1Nvgo/cafgiJUQFFVGhglBChjsk8kEW+vGEiwjEyryITvOGS3wyLSTbKQknZURSBFERSSkMi6QUuIMibO40q7c4/XkUFQNtc4HW6Ry6MUWjM2EzBpfo9i9Qb5+jqg/3z/XulK1pzFBtjhhKHpBnFnewwA/P52u26fIB54s1RtM7zC8f2ei6P75h6/aXDK21xnyQWh8wkDyl0FlcgTyU2gC90TWrGZx/xHi2wnByi/F8xXCy6cUD3xOwKBsIxk84VO5gAXZPZl8FFoc3i0yxySorjTM+mVxpnc7Q6S04FHRPLpLbJfUU8UwVx74cq7IeZJ+BRI+lqxzHctXEidZjI9Vac8T/QqHBiSBQLF2BP1aGM5CH3ZvhjBOYY0hAm1uAJyRyNmkTbSCjzal8HYmsxpnNSS00OpuE5aU2AvEy197Rr8BdodILOtHhy/JCii3Fh+KUzNU447cPL1h/+o7RbAVR7sIXlWD3ZmHbArlsdl1h20E9P6HkFgFJ3XByx7Cn3//C49MresNr9sAZyHMNciz3CgnoFnDkyfCJFHCqT2ovb6SEnNSGObzG5e1XrD9/x5ff/sTV3TPk2oCb4ehNICn0bNymU392TZGVUKYni3tc3T5j/fkHVo/f0DaXCKcU9sr6ry57M1tIAxmxhahQ5QSRGlI5WT6wuo/3f6A3uuGk0Z49kIcANf1BDMlN8cREu32Lam2JdKHJbtfbE4YQ9OLmiZshmattCnuX5UMgBZdeUnYLpR5GvVecmS8QyyYrKakmdGPG0PF8zb0fFSos5J/APTQFhzePQERFsTTGWfcVA+MF+dIpQokTLnAq9KYxR6e3hKSaPJlo375TdnPP7snB6RPhC8nIZc/RqHxCV3+Cpl0hmdU5ruGkwkUta31uQbq3H7i7AToSsDoFhCI6SoULFAszSOICDeULNGWFbIHUyXBRkYdE7iZSGktr8IdleAMyXD4JVmd6M75o5Hw4FhCONKErzzD1V6jqJYqlITI5E8GYyh0RSigIxmnYlnnYBqIqEkkDaeGM9x65slvgVqrdnUMs3oEsXaFSnUPWBigpJpLZBuLpOk7UMZTqBKmcDn9MgicoIRzVEY934A9VYXNmDoD8Xdm47g1JEPI6113LuECrcwO1OoPevIbZu4emT5ARdfgiEsc8ENYQDNUPFP7yxaOMUbziGQ1qbQzDWEGrL1BWBwyrt6dQakOI0gCJVAehSAO+QAU2107h9qu3t20J0XAgqKT2USh3ud4oGZTdan2CfvcbzMYPjiPDtp7+DU9NZX867rL8AAAAAElFTkSuQmCC","alt":"Generative AI Tools for Developers: A Practical Guide cover"},{"_id":1420,"title":"Learn to Code with JavaScript","url":"/books/learn-to-code-with-javascript/","rating":5,"imageSrc":{"crop":{"top":0.5088355263157899,"left":0,"bottom":0.08773026315789467,"_type":"sanity.imageCrop","right":0},"hotspot":{"y":0.7105526315789477,"height":0.40343421052631545,"_type":"sanity.imageHotspot","width":1,"x":0.5},"_type":"image","alt":"Learn to Code with JavaScript Cover","asset":{"_ref":"image-2c87f8e33ddb9de695a262ebd81aacd357305968-1306x1712-jpg","_type":"reference"}},"color":"#4c246d","lowres":"data:image/jpeg;base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAaABQDASIAAhEBAxEB/8QAGgAAAgIDAAAAAAAAAAAAAAAAAAYEBQECB//EACYQAAEEAQMDBAMAAAAAAAAAAAEAAgMEEQUTIQciMQYSQWFCUXH/xAAYAQACAwAAAAAAAAAAAAAAAAACAwEEBf/EABsRAAIDAAMAAAAAAAAAAAAAAAABAhESEyJB/9oADAMBAAIRAxEAPwDnrQXEADkq2raNe4LYmEOH5HwsaJHbJe6tButI57c4VzBdfXr7lmCTbYcOeBwD+luSk/C62Ll+nPXsFkzWtfjOG+EKRrF6G5c3Yg4N9oGMIRK6JHPpr6ho6ZO0Wa4Bxgvbzn6IR1E1XT7NdsWlQmKF7jLJ8dx+Eg03Fr+0kfwre9I9wAc9xH2UrjW9A57WQ0IQnBn/2Q==","alt":"Learn to Code with JavaScript Cover"},{"_id":1076,"title":"HTML5 \u0026 CSS3 for the Real World: 2nd Edition","url":"/books/html5-css3-for-the-real-world-2nd-edition/","rating":4.29121,"imageSrc":{"hotspot":{"x":0.3307453416149068,"y":0.7012341614906832,"height":0.557303105590062,"_type":"sanity.imageHotspot","width":0.6614906832298136},"_type":"image","alt":"HTML5 \u0026 CSS3 for the Real World: 2nd Edition Cover","asset":{"_ref":"image-1890ac380ff055ad71bf4c6514bbf4746a13529c-1200x1516-png","_type":"reference"},"crop":{"top":0.42258260869565223,"left":0,"bottom":0.02011428571428575,"_type":"sanity.imageCrop","right":0.33850931677018636}},"color":"#75180f","lowres":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAZCAIAAAC+dZmEAAAACXBIWXMAABYlAAAWJQFJUiTwAAADj0lEQVQ4jY2UfVMaVxTG+UgtsKCAIqKyLCzLW0GBBZWIUUQEJq1pVbSjaZs26Uymkz9q2/SFpqZpOx2bpglGEt4C2mhj2xnHl2qisvcuuwv9CJ27OrbTSUJmfnNm75l95jlz7rlHAgyyhkBSxbr0rKuDdXei6NRBUgUMMslLia2aKm2q+s1V2lz1mdjuTkipAS5/OTGhgJQGWjUoWjTIllAAw/PEuBwYMWhSQosK2rWsXQstaqQhm6G5CX2bm5/vbMSgU8f1UdxZNz/Wx0d7+REfP+LjBt1cgORCr1VpEyAUzxJ3SQGhqPrNwuuDtYlI7a2I8OZIfW7874tT9WRcSARr48N82Astqmc7Q3NTNUByYY8w6hdi/Xw8WE/G6rNv1KcTtYnR2mSUj9DQov6PGJefwro7+AjNhVxc0M5H/Hysr3Y+jKqYiNYmx2rJGD/qh+T/naXAIIW4vNpL1ZMxIXGGG3TzEVqI99cmo/WZRH1aZCYhjPVC6tSZUACblnF3Ma5Oxt7G0iYhHuTD3movxYVc/LCHjwb4WL8Q6xPiQSEe5AYcgGwWxbi84jY8OR/d+eDC9vuzu+ORA5qEDh20tqKrsrWiqxJh7VrW0cY62sQhwUSxEXs62PP7J/Mrt+6Ufvp5Zf7q5llvhVCCrgbDIwEGGUNp9s6F1769mb+Xy6YzudSXG/HQoUXdcPIkDC4/DFBbVy6tpzMruXIpWywuLq6/O/PEQ6DON3DGsf0h30YqtZot/VpYXcmv5NOZ8qfzO0M+BlUufbFYvjfkW099XbpfLGdLxUxh+dbd/PzHW8fiBs6Ecm9sYG3hRiFTKGYK+aXs8uLt4tWPdvqdTMOyj5zt21PnVm9+n08/yC1lc0vZ/O27a1cu73rNlYbdPvAYtxJDjz+8WLy+cH/xl9ydzMMffnw0Nf6nRburlx41cLa1Hrg6dwe6y+/NpT9PLS989+DypTztLLXLN3Sv7nfJmBc3DODyQw/x2ztv3/vqevraF8uJ0ZxRU9a+8ode+rRht4ERO/Kati5MP/rmRuGza6WRM4/x5s0O2b4BY4wYMGIAPwb9eYLYSwkkVdCmBd2Go2HfX7MTm3PJ7VDPgU1bsbYA28lIQ2sLpFpQtLWeQIprCFrUrLOddemhSw9ocyVAMT0G1qkTaUeL1tWBHomj7SSD0EFKDZHYiEFCCU1NaN2JAJMSZY5B+aZ/j6eIlf8D3PQDw253VIUAAAAASUVORK5CYII=","alt":"HTML5 \u0026 CSS3 for the Real World: 2nd Edition Cover"},{"_id":1434,"title":"CSS Master, 3rd Edition","url":"/books/css-master-3rd-edition/","rating":4.84615,"imageSrc":{"hotspot":{"_type":"sanity.imageHotspot","width":0.5643400084886369,"x":0.38339699810934913,"y":0.6433225489061233,"height":0.40024528301886797},"_type":"image","alt":"CSS Master Cover","asset":{"_ref":"image-ec8688d3f0426bf5cd5e99122b19c6791853564d-832x1042-png","_type":"reference"},"crop":{"left":0.10122699386503069,"bottom":0.15655480958444268,"_type":"sanity.imageCrop","right":0.3344329976463325,"top":0.4407520546359528}},"color":"#583b28","lowres":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAZCAYAAAAxFw7TAAAACXBIWXMAABYlAAAWJQFJUiTwAAAFI0lEQVQ4ja2U2W8bVRTG52+DRySoIkgRVEVqAQkhUlXihcILtKiqENAiCkIibUiaNHGzOLGzOrETx/sa77vHs9zZ7MRJnKVVpe+gO04iBHnk4acr3e/qm7nnO/cInrCC/xPhUiFyCWf7ayEZy/4GFrdqFyxt1bGy3bQ1YT2i4J9scKKXcKathSS4vCU413IXzHsKcPuqtiZ4owp8MdVmM95n6xLONX7eE2xiZZv/VR3L9trAalCEJyxD2E6q4ARSKoIplUJpdinBtEpcDyRV+BMKNmMSfFEJ3oiM9YiE9TBfFQiRDKNohlEsa4N47nK4xgmlZXhDFVrx5WhxI0uu9QwtrGXg9hbgCYkQUgUNnHRRww6npCHzL/ge1/iZSErE8kYSzsUQXsz7Me7wYGxyjaacAVr1lyHkyhryFQ2FKkdHscbheyqyRRmZM3YKMtJ5mcKJKi2tRWhmYZOmZtZp7PkSRsbdeD7jxepWAUK5rqPS0Kna7FMT+arRTq5Gm9sJ2tiMks+fIO9WAj5/EmveKNzL2zQ956HJF6v03LHCTckx58NGoAih0TKoKRkQZQMt2YCkGBAlHamdItyL65idXYJzfpVD8651DtxLm3C6NsgxvUyTjiUam3CRY3adfMECCYpqQmUmmGaC6RY03QLTLNTqLSSSGYTDCQRDcQSCMfgDMWx4g7S46KHZaScmnk1hdGSCRp6M0+TkAm340yQYZhum1YHV3rVptzuwTBOG2oTWzIGJZShSC7LMILZUFIpV+LxbmHM4aOrZGCZGRzE+MkrTDif5/EkSdve62NvbR3f/oI+lotOIQEvNQgkNQ4uNwyx50VZr9odUpqNUriIRTyIcilIwGIXfH6HtYIri6RoJB4c99HpH6PUOqdc16LAVJHP7IRWnhig+fJOSTz+hivMO9MQEOlIWlmlANywoqg5R0lAXGVXqDKUao2JVI+Hk9JRevnxFp0ddHIpBdMK/oDXzOSKPB7Fy/wpc996B7+FVqs19SZ2dSeyyKiyrY5uqmslDtEOtNXWU6zoJr1+/BudVV8FucpQk5xdUGLlGoV8HyfPDADnvDcB5/yoif96E7LlLnaoXbVOHYXbsIGXVQFMyeLvZ7ccN6dVxl3qNTeie76gy9hFFHr9H3h8H4H80CM/PH8D54BqtPLyO3NQtGIlxarMGeJjnhqJsUP3c8OTklA47CjqpCbCFIeSffkjue2/T8O03afbuFdr+4watPboO1/13KT58A2rgNxitAjTdBGPGfw15IF1LgsUN3beRfXoNU9+8hQcfv4HhO4PwP7kF//AQ3D/dQPSvIcihERhSyTZU+4b9Goo6ymeG1DUaMBOjaDpvUeT39+nFtwMY/f4zLAw/QGD2MWJLI4itjKPgn4ZSCsNgcj8U1g+l0TJQbeoo8VCOjo/poMPIyrnQcH2N+JNPsTXyFWKrk8jGg8gnw2iU81BlCRpTYRiGXT/+ohRmXly33LAHC6/hCY56B3TA8jBTDkjhcYgZHxSxCo0x6JoGy2qjs9tFu7MH09o9M+NvX0ejZQ8V2yxf0Ug4PjnB8fExHe23YV9dbUDXGAzDhGlaZJgWdIO/dcNuZklmaIoKqnUJ5ZpM5ZqKUk2zzTIljYSjoyPi9Ho9dLv7Z+1gXMCfGjcRWwoaTdkeGqVKE/lik7IFEbmyzOepbZYuaCQc9np0zv7BIe1199HZ3SN+PT4s+vXqJyopOpqShlqTUbnOUKwy5CuMsmWN0kWNEnlGfwNEZatGf/dvrgAAAABJRU5ErkJggg==","alt":"CSS Master Cover"},{"_id":1457,"title":"Node.js: Novice to Ninja","url":"/books/node-js-novice-to-ninja/","rating":5,"imageSrc":{"hotspot":{"height":0.4394417177914113,"_type":"sanity.imageHotspot","width":1,"x":0.5,"y":0.7190828220858894},"_type":"image","asset":{"_ref":"image-153fce8cc1efa957775b725b92bae96ca6c8cf0f-1021x1278-jpg","_type":"reference"},"crop":{"left":0,"bottom":0.061196319018405054,"_type":"sanity.imageCrop","right":0,"top":0.4993619631901837}},"color":"#04728a","lowres":"data:image/jpeg;base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAZABQDASIAAhEBAxEB/8QAGQAAAgMBAAAAAAAAAAAAAAAAAAYBBAUD/8QAIBAAAgICAgIDAAAAAAAAAAAAAQIDEQAEEiEFMSIyQf/EABcBAAMBAAAAAAAAAAAAAAAAAAADBgL/xAAbEQACAwEBAQAAAAAAAAAAAAAAAQISQQMRQv/aAAwDAQACEQMRAD8ATRoE9Ad5dXwO3Gpd9YstX2cY9XVCSIVKcmsAMLzu888Z+VGvyspXD1+Rwg11qlKeiRteOljlpouBIusMZtt2nm5si3VYYLmwfdYWoNtghKqrWOrwn2GkUWoBruj7zGT1knGbYV80LEs3FyGq8Mz5PscMLMzRH//Z","alt":"Node.js: Novice to Ninja cover"},{"_id":1452,"title":"PHP \u0026 MySQL: Novice to Ninja, 7th Edition","url":"/books/php-mysql-novice-to-ninja-7th-edition/","rating":4.8,"imageSrc":{"crop":{"top":0.5409754601226995,"left":0,"bottom":0.0342699386503067,"_type":"sanity.imageCrop","right":0},"hotspot":{"height":0.4247546012269938,"_type":"sanity.imageHotspot","width":1,"x":0.5,"y":0.7533527607361964},"_type":"image","alt":"PHP \u0026 MySQL: Novice to Ninja, 7th Edition Cover","asset":{"_ref":"image-42f7ad8c736f958f6793e085d3764433e50f5b2a-1021x1278-jpg","_type":"reference"}},"color":"#140454","lowres":"data:image/jpeg;base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAZABQDASIAAhEBAxEB/8QAGgAAAgIDAAAAAAAAAAAAAAAAAAQCBgMFB//EACEQAAEEAgIDAQEAAAAAAAAAAAEAAgMEBREGEhMxQSEi/8QAFwEBAQEBAAAAAAAAAAAAAAAAAAIBBv/EABkRAAIDAQAAAAAAAAAAAAAAAAARAQISIf/aAAwDAQACEQMRAD8A5DWw9yzXE0UYMZG99gmIMFfDiXVQ8b66c7X6nOO8Vz2ajMuIqTzxsOi5voFSyMuXwORfXysLmzM9skGtLoZrLTLRp79GxXn6SV/G7QPUfqE3azr7EvcxNB1r2hOgtnD+f2sDgX0ajT5BKHtI9a+7SnPuXTcmJa6o0BjuzZSP71r0VSYfqyH6pmldbXQLIQhUYf/Z","alt":"PHP \u0026 MySQL: Novice to Ninja, 7th Edition Cover"},{"_id":1501,"title":"Unleashing the Power of TypeScript","url":"/books/unleashing-the-power-of-typescript/","rating":5,"imageSrc":{"_type":"image","asset":{"_ref":"image-5fd75bb7ed78541494a1ec40662e913cd67c7838-1600x2000-png","_type":"reference"}},"color":"#38295a","lowres":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAZCAYAAAAxFw7TAAAACXBIWXMAAA3XAAAN1wFCKJt4AAAEKUlEQVQ4jYVV6XbaZhTknRobkNglJCQBEosECDCExcYstuMkjbGNjZeTkyax26Qv0DednrnUOO7pSX9c7d98c2fuvYq82onhZ7GzG38R//d95Gcgu1GG8jJ244jGFCSSGWSyukQqnYOipmRN5JdXUfwYT4AEi0YVWRyNqc8RVRBXEsjm8jALjoSeLyCZysqGkWeAzcK4koSiJqGqKSQSaWHCUBPpTagpKEoSaiK1fR5XkrJWUo7FE8hpeVh2EY5TRrHoolh6jlLZQ9mtouxW4BTLwoYbcR3Z7/xL10gimYYfNHEwmaL/eohWq42w3ZVoNEM5j8cH8r7d2RNggjI0zUA6nUMmq0nKoiEp7/VeY3l+icXRCYajfRxO55jNj+R8dPwGl6trXK9v5XowHEvw3WQyxWh8gMPDGVphR4yJMPe638Dp6Tsszy9we3uP3z5/wZevD3h8/AMPD79LfPv2pzy/ul5jdXWN+/uP+PrwKN99+vQZ09lC3I7QDNJnaicnp7i5ucPd/UdcXa1xcbnC2fIc7389w/nFJZbLC9l4NlsI2/XNHVZXaxwfvxGGTFsA6aqum6jVA9GJ4Lx23eomvBoq1To8ryYa2jSv5CFohPI8bxRESxolgEyb5ZDJaMI2b1iygaab23uGYdowTAt63kROM6QWk6nstmykDnmIxVVhSQ0KVhFepSblYwqALcXLkqn7TXH+yel0ZuMuzSCGAEajKuLxBFQ1DV0rImyMsT9aoNvtw6vUYTslFCwH1aqPyWQm2lEWbiCpZjTJbguoKBlk0zYyaRO2GWDSW+PD4hFH0wv0e2NUa4GAshLmi+MtoB+0pH4LVlE6ZguYUHVY+QB5rYy8VkLHP8b7w+84W3zHZPQOQRCKCQQe70/Q7w/gelVJfTjcF9BsVn8GjMWSyGYs5HUHuVwBtlVBL5xjPl5h2D9Gvd6UtqSb7CQCUVen6EpDdLo9MYwOS6fwQJf0nAPb8GEVPNGr3e4jDHuoVOqw7JKUUXevL2c6zGDanW4PZsEWhgLIhpYBkbVhGT4KpicuN1vtraPUqVrz5Z4Dg0YwaFqz1YZhWM/Thgcy1DQThlGEYdiyiNoEjRZKJU/qzrZLAs70aALLhd/V6oHUK/XbApIhH/IDLtqMrApcYefIVNZ0Q1LjqHuaiyzysluRZy8AecMuIRBZsS8bjVBajcVNVqw7aklHmRFJ8Np2NjOS9y/+KWKMboqbFHo0mmA0mKMZ9OF5vmhFGciK0zoWU//pLEcKnOtfAD65zaFJU3q9EeaTJcb9U1QrDfh+C532ALVaUxwmI2pJKWjQ1pQff06iZ0zdpF+qoBMO0W4N4Tgu3HKAQfstRt0P8Eoh1ERGCGy6ZJMucf7zr0dN6SL/MRxdTMstNzHt3WN58BcGjRUyKVtYEezJEAL+DZIwrlFmcDYcAAAAAElFTkSuQmCC","alt":"Unleashing the Power of TypeScript cover"},{"_id":1504,"title":"Unleashing the Power of Astro","url":"/books/unleashing-the-power-of-astro/","rating":null,"imageSrc":{"_type":"image","asset":{"_ref":"image-9b180f1df344a8047cf3ee91c33acd20d5481d6d-1600x2000-jpg","_type":"reference"}},"color":"#0c043c","lowres":"data:image/jpeg;base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAZABQDASIAAhEBAxEB/8QAGgAAAwADAQAAAAAAAAAAAAAAAAIHAwQFBv/EACUQAAEEAAYCAgMAAAAAAAAAAAEAAgMEBQYREiExB0EyURMiYf/EABgBAAIDAAAAAAAAAAAAAAAAAAABAgME/8QAGBEBAQEBAQAAAAAAAAAAAAAAAAEREiH/2gAMAwEAAhEDEQA/AIHQyhPboxWWl+17N/AC5d7DqtKw+CxPKyVnYLEuGNuWbMNSCabWRwaGtJOmp+lQPL3jqLKdXDLdWW3N+dm2d0zOnADkH65Wr2XKEskDQ8hhJb6JQnMR9IUsoejydefhWP1bUU7a5adrpnt3BoPZ0VH8lZ4kxvL5qx4428D+hidDodn8PrpSaP4lMruJbptUs54OiFkf8ihGE//Z","alt":"Unleashing the Power of Astro cover"},{"_id":1499,"title":"Useful Python","url":"/books/useful-python/","rating":null,"imageSrc":{"_type":"image","asset":{"_type":"reference","_ref":"image-0020301367cafd1036bcaca789cd328be30990af-1600x2000-jpg"}},"color":"#3d3b49","lowres":"data:image/jpeg;base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAZABQDASIAAhEBAxEB/8QAGgAAAgMBAQAAAAAAAAAAAAAAAAQDBgcBAv/EACMQAAICAgICAQUAAAAAAAAAAAECAAMEERIxBWFBEyJicaH/xAAXAQADAQAAAAAAAAAAAAAAAAABAgQD/8QAGBEAAwEBAAAAAAAAAAAAAAAAAAECERL/2gAMAwEAAhEDEQA/AMftuDfMRuYqwbjy9Edx6yob0e5a8PP8Xj4Va/WUMFA+6gMQfkyi9A0jP2sZjvhx9AQll8vk4l+XyquRlCgbFXH+Qi4xcOV4psYhdb9meLsC+sFmC8R+Qk7dyM9H9ympKKkUFAYb1CNr1CDlGeH/2Q==","alt":"Useful Python cover"},{"_id":1299,"title":"The Python Apprentice","url":"/books/the-python-apprentice/","rating":4.5,"imageSrc":{"hotspot":{"x":0.5,"y":0.47992356687898086,"height":0.2471337579617835,"_type":"sanity.imageHotspot","width":1},"_type":"image","alt":"The Python Apprentice Cover","asset":{"_ref":"image-488bf43e65bb69de544a369f24303b7e4499723a-600x761-jpg","_type":"reference"},"crop":{"left":0,"bottom":0.39650955414012734,"_type":"sanity.imageCrop","right":0,"top":0.3563566878980891}},"color":"#155d6f","lowres":"data:image/jpeg;base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAZABQDASIAAhEBAxEB/8QAGwAAAQQDAAAAAAAAAAAAAAAAAAECAwQFBgj/xAAkEAACAQIEBwEAAAAAAAAAAAAAAQIREgMhMTIFEyJSYXGBkf/EABgBAAMBAQAAAAAAAAAAAAAAAAACBAED/8QAHREAAgEEAwAAAAAAAAAAAAAAAAIRAQMSYRMUMf/aAAwDAQACEQMRAD8A6lxZWKvU/RHzlVK2efgsMZh3Z3/Ba+wA9aAADAJKjWo1UWsn9ZAVOIbYnBbmTRBj1xWTKXR7l+gavLcwLOPZP2NH/9k=","alt":"The Python Apprentice Cover"},{"_id":1496,"title":"Unleashing the Power of CSS","url":"/books/unleashing-the-power-of-css/","rating":5,"imageSrc":{"_type":"image","asset":{"_type":"reference","_ref":"image-e48ef679bb9958c0ea8560c8c7888189fb650d7d-1600x2000-png"}},"color":"#34244c","lowres":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAZCAYAAAAxFw7TAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFhElEQVQ4jVXUWXPaWBMGYP2Hb5LYxuxIaDuLFgSSxQ5iN2CD2WwnceLJzCSZyv+/ePsrkcxFLt5q1bl4qo+kbsXwx6i6CVSnj4rooMSbKNoR8lYdOaOGrO7iWpPIqJwuKxYuSgZdFHV6V6z+lov0vGySorsjVJ0hVNFFmbdQsmMUrBB5M0BO95GtOrhWBTIVG1dlEyl2WdQpX2VUsR2qMJfKlkM5ndFl2SDFcBNUZR8q76BsN1GyIhTMBvJGDbmqh6wmcV1hyJQtpNBFXqPLgkZlU5Dp1Mh0AtKFT0WD02VJJ8VyR9BFHypro2zFKJkhikYdBd1Hvuogqwq6LtvIlAxcFqp0kavQu2yJrvIVyhTVc64KKl0UVHqbr5DCvBFM2YfG2qhYNyibIUpGgILuIa85yKkc12ULmaJBV3mNLrJlepsp0JvLLP1xcU3/S5M+p2fZEinMTWA7AxiiC82OUTEbKOkBilUPBc2hvMqRLVu4Lup0lVfpIluid5k8vbm8pj8uMj/zG+gkYM4QluxBZ02oZoiyEaBU9VHUHCqoHLmyRSmYyat0mYJXOXqTQu+ufgevS6RwZwQmB7BEF7rdhGaGUI06dLsB4bXIq3fgBE1iToNsWSPm1MgWLlUNRqpukW4L0kxB2bJOb3MVUrhMfoK8C8NuQrduoJkNcLeF3nBJy7sjVvdHmi+3NF3c0Xx5T8v1lmaLFSWTOU0XKxqMF8T9kNKPpnCRgMshbNGDdPuImjOE8QT1KEE/WdFiucdyfTiDk3kKbuj+4Ujb3Yk2D0fa7E50e7ejIO5RpmSQIuUIQqboAHHzFofTF3x4+Y7D6RXHx1d6fP4Tp6fPWN0faHa7od3xPR2fPtJm90j703t6ef2b3r98od5oQTmVkeI6E0iZQIgBopsF7u4/4un5H3x4+YaXz9/x6fU7ffz0FevNiRbLHe2PH2i9OdJ4tqbb9Y6OT5/o8PSJOsMFClUJxZUTyPTafAApB6gFI4TRFHFzhmZrhmZ7hrg9QdDowa93EIQ9SC8m5oQk/RhevQ233oYhGuchUCQbQbAEgg3AWA+23YFtt2DZMUzrBqYdwbRD6FadqmYNmuGjorsoaQ6KmkRBFcirgnIVgWxFQpH2CCkqeQLBB+CsB867YKwNmzVhsxg2j2GxGxh2SGfYCkg1fCpVXSpqLgqai7zqIqe6UDw+hcsncMUYjkjRPgT/iXLeAeMtMPEzFo9hsgiGHaFqNVDRayinA1D1UdDS2a9BqYk5fD6Fd0ZHZ9QRA0jRhxAp3AEX/6UN+ww3Ydjp/xqiYtRR1uso/opS4wv4fIa0U09M4Ikx3DM6hPzVrZR9uO4Qrj+E4w3AZRcWb0G3YmhmhIqRjmu6VCIoAbtFitb4HL6Ywk9ROf7V7RBSDOB5IzQaC4TRLYL6FK6fgIl0slqoWun8p0slTRNKKO5Q50vU2AI+m52vX5Mz+HJ6RiUfwnPHaDSWuInvEEZL1IIZZLpQWBe61YZmtqCl1epAabo7hHyNwF6gZs/PaPpeA2f+Cx3DkxPUawvcRHeIojVqwRzSHcPmfRhWiqaLJd1WfSjd4BE3YoM6WyG9fuis0I0ekHRPGHaPGHT26Hf2SPpHTEbPGCWP6HV3CMMVpBzDsgcw7AFMNoTJEyjD8AVt74CI35877TX22C7+wvP+Bx4f/sVh8w2H7Vc87v/F8+kHnk4/sN99xWT8HkGwBONj2GwEO61iAmUcf0G//gEtZ49YbtGrH7BKXrFd/I272Z9YTj5jPXvFdv0P9pvv2G2+4W71F0bDZ9SDNaSYgYspeFqdOZRp+yuS8DM63glN+YCm3KLlPqDlbRF7G8T+Bt3ogHHvBbPkFUnvA9rxAVF9A99dwpELyP/i3OL/60QypgE1F5IAAAAASUVORK5CYII=","alt":"Unleashing the Power of CSS cover"},{"_id":1476,"title":"The Self-Taught Computer Scientist: The Beginner's Guide to Data Structures \u0026 Algorithms","url":"/books/the-self-taught-computer-scientist-the-beginner-s-guide-to-data-structures-algorithms/","rating":5,"imageSrc":{"hotspot":{"_type":"sanity.imageHotspot","width":1,"x":0.5,"y":0.40810185185185177,"height":0.3260802469135803},"_type":"image","asset":{"_ref":"image-996414f46f566c9dda023e44961df804cfb21889-713x896-jpg","_type":"reference"},"crop":{"_type":"sanity.imageCrop","right":0,"top":0,"left":0,"bottom":0}},"color":"#0c0408","lowres":"data:image/jpeg;base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAZABQDASIAAhEBAxEB/8QAGwABAAEFAQAAAAAAAAAAAAAAAAUBAgMEBgj/xAAiEAACAgIBBAMBAAAAAAAAAAABAgADBBExBQYSYRMiUZH/xAAVAQEBAAAAAAAAAAAAAAAAAAAAAf/EABgRAQADAQAAAAAAAAAAAAAAAAABESFB/9oADAMBAAIRAxEAPwD1JdaqqdWKp9zFXeDYN31kfk5rq3b2XlZV7hlFbElPuR/Zr1du5vxuvnTvhQHMk3xcdsrBhtSCPUSP6L09sHAWmxtt5Fid75iVEg6h10eJRK1TgS6ICIiB/9k=","alt":"The Self-Taught Computer Scientist: The Beginner's Guide to Data Structures \u0026 Algorithms cover"},{"_id":1391,"title":"The Principles of Beautiful Web Design, 4th Edition","url":"/books/the-principles-of-beautiful-web-design-4th-edition/","rating":4.58824,"imageSrc":{"asset":{"_type":"reference","_ref":"image-a64d113810e025961519ef9498c18aa882391627-1594x1988-png"},"crop":{"_type":"sanity.imageCrop","right":0.4141104294478528,"top":0.44313588957055183,"left":0,"bottom":0.08834355828220852},"hotspot":{"width":0.5858895705521472,"x":0.2929447852760736,"y":0.657423389570552,"height":0.4285750000000004,"_type":"sanity.imageHotspot"},"_type":"image","alt":"The Principles of Beautiful Web Design, 4th Edition Cover"},"color":"#0e5f76","lowres":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAZCAYAAAAxFw7TAAAACXBIWXMAABYlAAAWJQFJUiTwAAAFZUlEQVQ4jX3T23Mb5RmA8f3PakuKg2kak4NNoC2QpC3BsWU78QlDAh5K4kMKCQm9KZ3pdHpF7Ng6r86rgy3LJsM0MzAtQ4i0Z0l7cELvn863cpMOF1w8s3e/eb/93k8aiBmIBhMmg0mLwZRFKG0TynQIyR1C2S7hXI9wvke44BAuukTKHhHFI1LxiVQPCVefEqo9I1R/hjSwrfNzaFjuEH6OOrxUcjlV9Thb9xndOeTM7lNO1J8SqfVRaWBLI0CP4MG4QM0AHRTo82m7hLI9jhccTldcxmoeY3WfM/VDTtQOiVQOCVWfIg08UAnQ/8FiWoEmTEIpi0jGJpLpcEzucCzbZSjfY7jgMFxyGC67vFT2OC6Or/iEFB9pYFMlQB+8QAdjBpGEyUnZZrTQYbTY5Vy5x68Vh9crDucqLq9WXcaqHqM1jzM1n5crHuGyhzSw0SboCA5v6/wqZXIuZ/M7pctEvcd43eHyjsPVpsfigc/8gc/sgU903+edps+Fhs+IAEsu0vBmm6HNNmEBbqocj2mcL9gs7PZY2nNYaDgs7LlcbbjM7rksHfhcf+iz9NUhV/Z9pvZ93m74nFRcQgUX6Y24xusxjbMxjZMxjdNJnQnFZnnf4cN9h/ndPrq45zKz6zDdcJlrelxpekzvecGkE3s+pxQ32AJpMqVzOaUzmTG5WrRZqHa4tttjuenwQdNhptZlpt7j/abLUtNltuEy3xR5zO97vP+wf/wxxQlWS4omdaIpnfmsyUqty2f7DmsCa/RY3OlyWekwUemw2HB4t+Ew13AC+NqBx9KBFxxf/NfXBJjtIk0mNEQzaZ338hbLZZv3yjbjeYvfygajaYNXMya/yVm8UbD5fblDtNZjesdhaqf/C8Z3XM4We8EjkCbjKpNxjWhCYyqpM5M2uCIbnE9qDD9QCYkLE7e/pTEU0zmVNo/gLpcqPcZrPS5We7yS7xLO2EiTMQH20Ym4xmxa56ZislQ0GNlq84v7Lf5/tSLbWoC+dYS+XelyQekykusQSltI03GVqbjKdEJlKqGyKOv87asuf/+6w8V0m4EvnzBwv8VgALYZ3FQZ2tYYSRmcyZiclS1OyRbHxVNNmkjXMhpLaY3lnM4txeCzmknmmy71xw7LisrLGz8w+GUrQAfutwNYoKEtjfC2RjimE4kbhOMGoYSJtJI3uJHTuVsxSTzq0vje4d+Gx3emx1+bBm/FWpzYaBEWYAD3jy/QY1sav4zpjCQMTqdMTosjr+UNRLfLBttfdwLs8Nl/sL0fST6y+CCnciHW5pXNFsMbLYY2WhzbaHNiS+VcQud82uQPssWlnB0kreZ0VvM66wWDL+omu9/16Pk/BujDx12+2FGZS7e5GFN5M6by2rbK2LbKmwmddzImk1mLaM5mKi/qIK1mddZyOndKBv/YM9n5l03LcmnbHtVvDe6WnzCXbPW3IKExntC4JJ5nyiCaMYnKJlGBHsHSqqyxntX4vKRyf0+l9M825UcqDw5U7pSesJB8wlS8HWyC2NWgo9cVTRtE0+YR3EelFVlDoH/Ktvlz4TF/KX3P54UfuCG3WEy0mEu0WUhpLKY15lM6M8mfoCmBvphWWsmoiFZllTW5HbSSVflI1vgwo/FRVueG2IS8wR/zJtezBnNpnSkBJ3WmUqIXqLSSFpDGJ3md2wWD28V+n4pKJrfLJncU63mfKBYfF0yWZIMF2eDdrMlC1mRWNrgSgKk267LKnYLOvZLRrywyuaeY3KtYQXfFtyqy+bRi8XHRDFpVbG6WbZaLFtcLFtLNVBuBrmX6k4rEJa3nRDq38jq3Cka/oshkVWB5k5tFk/Wyxbpis3bUfwGF6/TnooPN6QAAAABJRU5ErkJggg==","alt":"The Principles of Beautiful Web Design, 4th Edition Cover"},{"_id":1494,"title":"Solutions Architect’s Handbook, 2nd Edition","url":"/books/solutions-architect-s-handbook-2nd-edition/","rating":null,"imageSrc":{"_type":"image","asset":{"_ref":"image-8e16d36cc8f6556832438c83a773f6bbec9c0587-1650x2035-jpg","_type":"reference"},"crop":{"right":0,"top":0.503181818181818,"left":0,"bottom":0.24054545454545462,"_type":"sanity.imageCrop"},"hotspot":{"y":0.6227272727272725,"height":0.23909090909090902,"_type":"sanity.imageHotspot","width":0.5303030303030303,"x":0.4469696969696968}},"color":"#732908","lowres":"data:image/jpeg;base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAZABQDASIAAhEBAxEB/8QAGQAAAgMBAAAAAAAAAAAAAAAAAAMCBAUH/8QAKRAAAQQAAwUJAAAAAAAAAAAAAQACAwQREnEFITE0YhMUIiMyNUFRYf/EABYBAQEBAAAAAAAAAAAAAAAAAAIBAP/EABkRAQEBAQEBAAAAAAAAAAAAAAEAEgJRIf/aAAwDAQACEQMRAD8A53S2bSnpxvllLXFu8Y/KrWKVKvKWlliQAephGCz8JGsDTmaR+qTGSEYve9rdUdk8MubuufyhKG9XFCkZIGkjss/UTxQpp8tk9rcVaxLE2TAnEbil168lqWaFxc6Zo8LQm1uXj0Stn+5HUqnIUe1+Sb9Q1pxHlc05QSD9oTtqc2dAhKN//9k=","alt":"Solutions Architect’s Handbook, 2nd Edition cover"}],"popularCourses":[{"_id":3203,"title":"React JS Masterclass: Zero To Job Ready With 10 Projects","url":"/premium/courses/react-js-masterclass-zero-to-job-ready-with-10-projects-3203","duration":125393,"rating":4.5,"imageSrc":{"asset":{"_ref":"image-735badd0f16bc2e4932723146756f9ae4e350d56-2000x1179-png","_type":"reference"},"_type":"image"},"color":"#083470","lowres":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAACXBIWXMAAA7EAAAOxAGVKw4bAAADVElEQVQokT2SbVATBByH97W84rwjO6AwiJhbW9BZEcFZkYqKeOlRAXXKNd4OCo55URiMcMg2BgxQ3tY2GToGLLZBYPFiZSLLkxPGkWFOQUDQKxz0An57OofXh+fu/+m53/1+f8GmQ0b8Ui08lekkqGCI4GMjhJRfJbxmGnHLPBFnltn+zRqv2NeJtK4gMSwirL/B8yo3wcUuggoGCEy3siXFgF+SAcFDYcCRdt4utvO+boCYylHCKsZ9wpf080RZl3nDsUZMzwNe71ohwrTItv+Fo4R+YkP6XgnSffkEHahA8PhBI6LsdpT60zjOtZJj/hFxpdsnjDu7QPqQl5yRNXJG1sn8YZWd1iVE9TcIVbnZWjyKMKeNmAOZxMZ9QFhCEQL/ZDPRR7s5YTTT5tQjMw4h0kwgqbtOWu8iX0+tYL35tw/DtVU+7r9LZINnQ1gySkheNy8mKxElFhL4rhZBdL6drNqLZDWcJ0HTR6TyAkLVOLtMHo5fukf3LS+9c1565rzYZ7yUu/4gvm2GcM3kow4HCcjoxD/VxJNJRgQ7C3v5rPkymc1j7FC72Fb2C5LKCdIds1h+u++Ttd9a9tFz24tl+j4ZPXNIqiZ5tthFoHwY/6xe/D7qYFNSK4Kth88SW9iPrPkKcts08Y2TSCsnSOmcocX9J85ZL7bZZR+OWS/N7mVSbbcRazeEAfJhgrMdSNNMSJIbN0Z5+kgHe9Q/k2u9RnyDm3DVOFFNvyMfvkuXZ4W++VUfD2/5+XtE628S9qjDZ+SDROVayM6pIVdWsfE2mz+0EJrXx8ulFxCVuQgtv4q4dppDtjuornipm/qH2ql/UY2tkmRfQnJyY+WQkktIC78l8aiJ7E91pMm0CB47aOSJFAub051syRskqGiE55TjvKC7zqumBfY6vCR+v07iwAP29f7Fa+YlhPUeQiomfQkji86x+1gXcfJ2pDIzAuHhBsQZBiLyLWz/wk5U2XfEVP7Em6cu845xkj1WDwn2BfY777C3c4Zdrb/yVtMYsdUXiS4fJFbhZLeii/2KDnYUtCL4vKyUohNKvtRqUNTp+KrpFEqjnoozrag7LWgdNqr7nNT091Dl7EbTZUVlMVN+2kBZSyOKk7WU6qo4Xq2mVK3kP7S4c1RneuyCAAAAAElFTkSuQmCC","alt":"React JS Masterclass: Zero To Job Ready With 10 Projects cover","external":true},{"_id":3221,"title":"Web Development Foundation: Learn HTML5, CSS3 \u0026 Bootstrap","url":"/premium/courses/web-development-foundation-learn-html5-css3-bootstrap-3221","duration":84481,"rating":5,"imageSrc":{"_type":"image","asset":{"_ref":"image-9f2df951ab770fc80e34b0cc5c55f3f049e15135-2000x1179-png","_type":"reference"}},"color":"#0c549e","lowres":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAACXBIWXMAAA7EAAAOxAGVKw4bAAADAUlEQVQokX2RfUzMcRzH73/zOI2FqGPpwVJWYbJhook85aklK4q5eShsdNX1QOmUFOlc1+l+q+53R925MsPRsnWnFFeNU2LDMQ9bmOnPl/1u8zDMH9/ts+/3/X593t/PRzZ2Sz0Tdor47LXhm2nHT+kgoNhFYOUzQmvfENE0QlTLKJHNo4Q3jhCq9RB4bgh5sQu/HIfXI3klhsSS/QmU5zpYoO5l5YU+ttb1k9rkZqPlAwubvxH2G1BqKjX3/RdwYrKIT4YN3yw70YX3OHy2DW2VQNtFDTd0OvLFLmJbPhNp/MR8nYegyiFm/z+hEZ+91/DNusOyQju1Z7Q8rSzg46U8XmkLEBpspFg9xIlvWX75BYs1Q4SX9yHPc/4NHJdoYErSFWbuvsGMw+1EqdopU9czWF3MZ0MJ74VSrjdd4aBpgMT6AZIbH5MkDhKr6Se40On9lQSc+AM4faOJmA0dxG92EZHeTUhOJwfUFpwVpXzUqHinL+Zmo8hBoZukuh6y29wcv/WCtbp+ggocTMv6I2HIOht7Vrs5tuYtq3c+Zu6JLhLU7egr9HRWncFep6Pa3EG68JA0oZfTd5+Tf/clqy71Mzvv1wx/JvRff5WE+B6SNw2yJL0XefZ9wkt72FrdhULnJMP4hBSLh5QmNwqxD9Xt5yhswyypcjEr14Fflp2wA60sSDcxbYcB2aREgYDt1whKsxNwqJ1ZSod3g6FVQ0TUeYg2jhBr/cK2Zg+7xKekXh1kg+AmouwRM3McBB61s+NYK4pDZqJSBGRjEusZnywyOcPG1Ew7M5QO/E+5mFPxjGDtG8IaPrGwZZQV1q/Emd+zquGld8tzT/cxXelEfuQOazJb2bbfREiSAVlwag3z9ukJzzQSmW1lUdFNYso6WFbdTax+gDjjMPGW16yzvibBPEy8YYCVNQ9YWn7Pq41WWok5aiRGoWd+Wg2yE0UqlCVF5JaXkn++gkLNBU7ptZQ0XEZtaqTMYuZsa4v3SLV0J71JGkkreSRvdslJjhep+A74lmGQ97aYXwAAAABJRU5ErkJggg==","alt":"Web Development Foundation: Learn HTML5, CSS3 \u0026 Bootstrap cover","external":true},{"_id":3202,"title":"A Complete Guide to Learning ChatGPT 4, Midjourney, DALL-E 2, and AI","url":"/premium/courses/a-complete-guide-to-learning-chatgpt-4-midjourney-dall-e-2-and-ai-3202","duration":38314,"rating":3.75,"imageSrc":{"_type":"image","asset":{"_ref":"image-3d6cce07790cc8e536ede8183cfa8e3c175e1c3f-2542x1432-png","_type":"reference"}},"color":"#0464bc","lowres":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAYAAAB/Ca1DAAAACXBIWXMAABYlAAAWJQFJUiTwAAAC60lEQVQokYWRXWhTdxiH/0nbtGmM+TgnJz05OU3bfLVJCW1aV20SF9uY1n6katO1s3M62rQyy5hTWe2YIAxBRG9Wx8AhTjcF9UYHs40WtOrFhDGYN9vF1jHYLmQb67Z6+4zkerCLB3688P6eF14hZouI2Xv/QxHj1DJV++5SuX8Jw0xpp4hhqliemUdvUz1+B+PUEkIUVhHTTxAzq4jZlf8unLmHKb+Eo+sLrMllKsYfYnz9LuahT3F0nsXdfAq5fZGabKlw6nvE/h8Rb3yHePMphrkHVB1ewXT4fpnquRVqpovYe2/g1a/hrr+Ptfsxm9OXkMMF3PIOVFuKOmcBm3YZIeb+xHhwncrp36k8+jO1C89wLTxFnX+M+u4q2vwjfIduE+w5RSR8glDTFQKR64TC79DoTuB1BvBIjbjtXTg3TyDEwgaW4xt439/Af/YvWhafE7+wRvz8M9rOfE389FdsO/I56T0F0uk8ie63SW05Rk/nJIlYL12xbtqi7fh0P5KkI8QH/+A4s0HHxy/IfvaCoRt/k7v5BwPXfiV7+Seyi9+w+8RFxg8UyOfHGMlNsHf4NV7de5Cx3DhjA4MMbk/QHGhCkp0Iw/wPWE7+QuD8b7z0yTrJq+skrzwncXGN5IffknrvFpnJI/T3jZDt6aevdxeDO3Pk+kcZzoyQS75Mpi2KX9OQJBlRmzmHpe8S9lduIR8q4jr+BOWtL1EnP6J++CQN2/bh928hqEUJeloJazEiWpyI1knU00FUbSWoNKJKdUhOGaG4tqIovbj0AaSWMeydB3DE8rh8KeqUOB57BM0SRDe3UF/Tiq86RoOpvUwp6+YInk1NKHYPslNBaLUBSqjW0qd0XLKOS9JQbB5Uaz1eSxBfTQx/VRfBihShijRhY4ZQRQ+BygSNpo6yTLU2oNg0hG6OollCKDYvktOF5JTKp5ey7Kgri3zVbQSN22kW/UREjqgYJSJ202zoK0saTHG8tWFUq49/AerAliH7B1QQAAAAAElFTkSuQmCC","alt":"A Complete Guide to Learning ChatGPT 4, Midjourney, DALL-E 2, and AI cover","external":true},{"_id":3220,"title":"Git \u0026 GitHub Masterclass: The Practical Bootcamp","url":"/premium/courses/git-github-masterclass-the-practical-bootcamp-3220","duration":26676,"rating":null,"imageSrc":{"_type":"image","asset":{"_type":"reference","_ref":"image-6328c347787cb4e21d9af0f8323924edeecb7e97-2000x1179-png"}},"color":"#04589d","lowres":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAACXBIWXMAAA7EAAAOxAGVKw4bAAACo0lEQVQokX2S60uTYRTA9wdUdLGbZkXXjZYVBn2ITFMru32L9UkrxLLRLKcZq3c6nbtoazosL61cTqW1HFZqUKZdKOctL0kXJhRIQpQJWfTxF88baIH54Tyc649znnMUczQ1zEu5zaL0JiKy2lhhDLLaNojSFULt/sSW+nG2Bn7JInThU7qG5ZwVUpBwfZtcKxhzNF4U4hHGwpP3Cc98xHKp4x9gdP03Yhq+E9MwQfQkMDQzcEHKLVam1bMh4xZKw0PWWPtYXxoi6von9tWOkH2jm+yqDpI8H4j6u0PjNMDZGi+Lk73E6io5lltJguRjvbkTlStEYsVbLFcf8bKojBdGG2Z7gITyN6hmGnm2xsuS5Br2Zldz1lHH/oIAKnOQOOcr8vNq6TqTw7jJwHihkc6cXExmnxxbaxuYeWSVroGY3GY2m9qJsvVwytLEk+NavhyMZ+LsCX46rYxL53iql+SY2t7HcmOQiP8tZXH6fSKzWuV/Udv7SbO20JqawWcBTE/hh+k8Y9k62vVGTlpb/gClaYFTZyPaF2OIcXY4BzDk3+b5KT1fdScYy9TyItOAVHiHmJJ+1tkHURZ0oZKesUzXwvxJ4JEa2Zi6ww7W2AbkpcRVvMfoaKL9goUnhkLyLt0jvuKdHFMWvybW1c+Bsh6iDK2EHfMjWIpZGi9zU/yEpTezVN9GpBRklXWQdaXDqN2jJNwc4bS7F527l8SaETa6R+WYsniIuLJBDl3tY9OFx8w/egfBUqhTK9mk9RCd5WPbxbtsL3zIzsvPiC/vZrdniAO+YQ43fpRF6MK3q7ybWOdz9jgek2R/wHaDn81aD4KlkCx55BaZMZUUYb7ixHKtDLuniuK6ahz+WkoafZQ2B2QRuvAV11fLOSJX1IhawRCs3+XeUrWxxT70AAAAAElFTkSuQmCC","alt":"Git \u0026 GitHub Masterclass: The Practical Bootcamp cover","external":true},{"_id":3204,"title":"Python A-Z: Learn Python By Building 15 Projects","url":"/premium/courses/python-a-z-learn-python-by-building-15-projects-3204","duration":89999,"rating":null,"imageSrc":{"_type":"image","asset":{"_ref":"image-3e6a2b5f3d68f786684eabc5ac8f1dbec8fc8335-750x442-png","_type":"reference"}},"color":"#084b97","lowres":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAACXBIWXMAAA7EAAAOxAGVKw4bAAADaElEQVQokR2Sa1DTBQDA/5+7Ss4uK09AeU6cgG50Zg+RI9IgLYQUaWEHV3JdBwUeMJnAxh485h48DnBsELCNR7AGW2lIvAYcMzYoNF51XaJ+sj7k9aEPv04+/L7+PvzuJzx7zspumZ29hS5Cv/qBsKs+ItQBYo3riDvuc9T+mOOuf3eQOP7msGUbkWmDSO0y4ZVziCsnSdNM8nqFl5dyexB2ZVuJL+wlo7KflOoxRFWzRKiDxBjXSbTcJ9X5iHPfPCRz6AEpjkckdm4Ta9ogQrNMxLU5MvTTGF0/UevwIykaRnjhQyunSrspa7BS0DCIRDVNpCaIyLjGa5bfye5Z46P2ebLMk2TZAqR+vUl88/qOMKpqng+Ms7S6/egcC7xaPIywJ6eLtCt9XNb1kaVxcbhmhihNEIlpldTWIFlNM2Rq3byvdCDvdlI75iHD6idKGyRcMc+RqknStbdJlo+xV9aLkFDYT67aS07dLSSKcfZX+hBpA5wwBTjTOE7e9QGKm6xUt5u56VWw4KuhuN/LwboAoZVzhF0ZJ7x4lJcLnDyXbUNILhmmpGmCS4YZ4uST7JP7OKgLkGJe4uOm72hyNuObKOOu7wse+vNZmiujyOHZEe67OkeE4hYJuhFEcju7c20IMfl23il3kVY2hLhoiP3lPxKtDXDMvMon3T5GJwz884uM/+7lcfeOApO3j9OWRWLrlhEpF0iqH+fkjRGkOjsv5nUhPJ9lI1Rm4WiuiiSZlpgSN5HqAHGmdd7tuUfbxCBbyxVsrSixTLk5a1/lkHmNBP0KFzqWuGzzkaL3cOBLByE5NoSnH+652EFcror4S/VEl44RqV7a+VDa+Qeyb39FNz2PbmYRmXsTqe1PYowbSA0rFPUFUQ34SdfdJuzTQXY9bfhMpo2Qiz28kt9D6OdDhJVPcUAdJNqwzqGObaSOx5xwPyHZ/YQk51+ILQ+IMW0iql/hLb2fTPMCZ6/PIikdJeR8N4IorxXxZ50kFtuRVoxwTPU9bzROkdyySKr1Z045tkgf2Sbdtc3p/t94u2uVk613eFM/zfHam6SqPVzQe3jvWj/xBW0I5coq5NpaFI11VJkNKNtaqLV2oO3tom7ATuPIIIYxFwaPC71riPoBB9rebtS2GyjbW6hpNqIyN1LdoKFCVc3/ciNle5B1MDAAAAAASUVORK5CYII=","alt":"Python A-Z: Learn Python By Building 15 Projects cover","external":true},{"_id":3198,"title":"Python for Beginners","url":"/premium/courses/python-for-beginners-3198","duration":13076,"rating":5,"imageSrc":{"hotspot":{"_type":"sanity.imageHotspot","width":0.934931506849315,"x":0.4674657534246575,"y":0.5,"height":1},"_type":"image","asset":{"_ref":"image-72af86833d6b6b110bf83ef04c36df4494be6c16-750x422-jpg","_type":"reference"},"crop":{"top":0,"left":0,"bottom":0,"_type":"sanity.imageCrop","right":0.06506849315068497}},"color":"#396d95","lowres":"data:image/jpeg;base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAALABQDASIAAhEBAxEB/8QAFwABAQEBAAAAAAAAAAAAAAAAAAQDB//EACAQAAICAQQDAQAAAAAAAAAAAAIDAQQABRESMSNRYVL/xAAWAQEBAQAAAAAAAAAAAAAAAAAFBAb/xAAcEQABBAMBAAAAAAAAAAAAAAABAAIDIQQRUUH/2gAMAwEAAhEDEQA/AOx6SIS5pMTL4BclC47KfWaVIbZ0a0+7p4VWifj4/n79ySm5iHc0nIFttvGUWbtlqCWxpEE9xmBgyomYpiLNk7vQ5V+J2SJ7pg8OrigxjGFKtf/Z","alt":"Python for Beginners cover","external":true},{"_id":2941,"title":"Creating Animations with CSS","url":"/premium/courses/creating-animations-with-css-2941","duration":4787,"rating":4.83673,"imageSrc":{"_type":"image","asset":{"_ref":"image-7a673fad131ee0b31b967e791279ca5e5de17488-2340x1560-png","_type":"reference"}},"color":"#69551b","lowres":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAANCAIAAAAmMtkJAAAACXBIWXMAAAsTAAALEwEAmpwYAAACgUlEQVQokWXOW0/aABQH8H5Kt4fFLGaPy5ItS5aBpdByRygUsNydOkVFAQejXoEWWqoCDnS4KArKXekFHeLeFjeWGU1OTnJO/r+cA0jA5KOSyoYdlJMglNRoU96pvMOdQ5AEDK0jSEKOUAo4rlZvAE8wOQ6RMgWlm2Awe8aKJXDrmstBopYMakr7nLTTuWO2pKwo4bKtAioto9IyoJwah8j7U3IKgimtIW130Jht02oOeexBs4nQ6hIud2ZlJT87l3c7kz487LGHARues+E5WEXLFBSsSik1tM7AaPQJKbjy+o0XlPhQnR8C/dLxgAUjPk2Tc/N7C/PMwjThwQlAb2T1RhaCU6CcVCCUVkebMVaBEC/HHM+eGz+8d6gV3ndvJyXS6ampzbVYlmHKe9kqnS4RsSIAyilQTslgSqlO6zUkpktMWhkYib0YtY+MTEASt88ZcLsjoVX2oFitV1rtptC+6jfaN9WLHqDWM0pNWqNnUGzHg5IBw5rfnjQYiLFX+OioxaRfJLfZUqlSa/A8/1Pkrjmuz/d+/S3AZGHNlrR9kvX48n6cJvSRRUPYaAh9+PgZUS4GlxLF/FGreSmIt2LvjhcGnHj3EGdmZzJfo4Wt+Ml6pBh0bmHKZRSNzvmp1VA8GtxIx3fLx7Uu1xeuh+Y/jhAn2Vz19LR9dna5ny1Hv2RdXjoQOiwUyvR2bAbHl2aXs7vfm+3eI3mPz+s3nW6fEwdXnV7l+OJgv7yXrx+VxXaHKx+y2xF/LBTeZb9d1LsPHx7irjBcccJtpy20Gt3Lq5s/uQHHcbXzykGhdPSj2uz0+N4T3OkOOPHfLN5xwuBhqMvf1pp8oyV2hYHw5O3fkA4+/i2n8AwAAAAASUVORK5CYII=","alt":"Creating Animations with CSS cover","external":true},{"_id":2969,"title":"Become the CSS Hero of Your Office with CSS Architecture","url":"/premium/courses/become-the-css-hero-of-your-office-with-css-architecture-2969","duration":9259,"rating":4.44737,"imageSrc":{"asset":{"_ref":"image-7f14291095745a8e5c735c751fcd77451af2079b-1920x1080-png","_type":"reference"},"_type":"image"},"color":"#c0a605","lowres":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAIAAADwazoUAAAACXBIWXMAAAsTAAALEwEAmpwYAAABZ0lEQVQokWWS4W6rMAyF+Vts5/1faCuQhHSl7ab92OgaJ0Db7RUmO6y60pU+IUI49slxKrYmOcNWSNbknqYdTTtcCUIOlHqKFmNHbImdSY7YUbW+FbEzU6Blj9cDPLgd4Xaql6H+auHcYBGzpWhVLGtrpIqnKdB1gPtr/V1423y/bX7eN9fjZmzqcQvsKHnSflSxNbFT257YYw64DHA/1ffXen1KiXo5iHJ8RnaUAyYvFio5cMEje0g9Lnu8HdXzoBzgdoJ5KGKSzj1EB7GjKnsJKXn5yg6zih8HXgbheoB5D2MD41YDk+SQrammQLlHdrJgJ4XmHS6DlFj2ML0A+5o9sMdLh18txhKQUmlPjHYVJy+Bzy8068BywHMLH08wbkU8NiXwP7GmrYHr6CSPddSUg4SfvDQ8N3Rp6fMZPrcgzVUlaa84ik6ml9R8UrIXL+XX2JlLS5dyT9bOD7E1USn+V/7Z/Z9f2emBO/lzzvgAAAAASUVORK5CYII=","alt":"Become the CSS Hero of Your Office with CSS Architecture cover","external":true},{"_id":2869,"title":"CSS Troubleshooting in Six Easy Steps","url":"/premium/courses/css-troubleshooting-in-six-easy-steps-2869","duration":3288,"rating":4.65031,"imageSrc":{"_type":"image","asset":{"_ref":"image-d80eb34de3dd585ef5995288212374e0581b0910-1920x1080-jpg","_type":"reference"}},"color":"#c6ae11","lowres":"data:image/jpeg;base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAALABQDASIAAhEBAxEB/8QAFwABAQEBAAAAAAAAAAAAAAAAAAECB//EABoQAQEAAgMAAAAAAAAAAAAAAAEAAhExQYH/xAAXAQADAQAAAAAAAAAAAAAAAAAAAQYH/8QAFREBAQAAAAAAAAAAAAAAAAAAABH/2gAMAwEAAhEDEQA/AO0YiuinaB7ZyeKtl1VKySQf/9k=","alt":"CSS Troubleshooting in Six Easy Steps cover","external":true},{"_id":2950,"title":"Master CSS Layouts with Flexbox","url":"/premium/courses/master-css-layouts-with-flexbox-2950","duration":3506,"rating":4.59524,"imageSrc":{"_type":"image","asset":{"_type":"reference","_ref":"image-f6b6b74c59e4b3680c3dbf3ad476bf854d4cb323-1920x1080-png"}},"color":"#15a563","lowres":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAIAAADwazoUAAAACXBIWXMAAAsTAAALEwEAmpwYAAACHUlEQVQokW1SbU/TUBjtn1rX25e1DN0iOnQJAoGJgxESfwrQ3nvbjvHSibDBcDP+C916X9pusPI2Iy5EfofpiMYYk/PhSZ6c55w85whqZE9f7qghTPlbCsdPoqpBsPJlS+xupoj5GxZgSAscldtpClPEFCcQQIDUgQ0CS6Qm4EgLsEog6JkSsRJQKDM0FVYLcX1+1CheHeqBIxILUKgyLIjUEpklBRCESOZI43aWu/mw9jzaL5wfFIbebFx/PTou3Z+Vf3YWR82p0AUU6tw2uCOk6eR8iJQIGaHzcuDNX3xYjI9Wb1ob3zuVcXv1vrP28Kn80Fketwqxp3AMKDKYoxMsZLhjcEdjWKZWLtxZiZuV69abm+bat9b6Xbv846wy7ry7/7x+1351+d6IHIlDwKBGseZDYTqoTnPXIFj2rVxYWx42SsPGQny0cn2yMfpYvj1dumqWr05Lw0Y+rGkBljmSmKUEWO87Qpa5BsWqD9O+mWH2bOQVB/XZvjd3fvg2PlkaHhcH9WLkvWA7UwRnJx4lBrVz9+ntnmD0IOhui/52ipgSgVlenYn2ZqK9QnQwNzgs9r2ZYDdPXb1rgZ6ZYVgPHSXEct/OxK4gf90Se5spkpDFSTYaSz6ZC2qFaP9ZsJtljkoSX6K/DTjSL9zMwEnzJCMhNdH8G0kB6CRJihWKJAofK5GsmAUiJHHzUUz4h/mnUv+fqSnSR2ZC/gXN8mibzCAKtwAAAABJRU5ErkJggg==","alt":"Master CSS Layouts with Flexbox cover","external":true},{"_id":3092,"title":"JavaScript Fundamentals","url":"/premium/courses/javascript-fundamentals-3092","duration":6228,"rating":4.68421,"imageSrc":{"_type":"image","asset":{"_type":"reference","_ref":"image-1453c9c11d73b0bd06f44eae6d304b4136d52f00-750x442-jpg"}},"color":"#e07a04","lowres":"data:image/jpeg;base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAMABQDASIAAhEBAxEB/8QAGAAAAgMAAAAAAAAAAAAAAAAAAAQDBQb/xAAhEAABBAEEAwEAAAAAAAAAAAACAQMEEQAFEiExBiJBYf/EABcBAAMBAAAAAAAAAAAAAAAAAAQFBgf/xAAaEQADAQEBAQAAAAAAAAAAAAABAgMAEQQh/9oADAMBAAIRAxEAPwDVg3Hh6Y7Kdv1Fekvn5lL4/LlytYZZnKZtus3tQKQF/ceiOkYq0S2C9pjfEZdzKbSqrzL5VRJMpXpOrfRGrWBDaGXHBt8hFeMMTdcMzVSJbwwPmaqrAfTv/9k=","alt":"JavaScript Fundamentals cover","external":true},{"_id":3201,"title":"Advanced React with TypeScript","url":"/premium/courses/advanced-react-with-typescript-3201","duration":20616,"rating":4.66667,"imageSrc":{"hotspot":{"height":1,"_type":"sanity.imageHotspot","width":0.7157534246575342,"x":0.44691780821917815,"y":0.5},"_type":"image","asset":{"_ref":"image-e3b9af0c05a1b88a96a90097022495f26287cbe4-750x442-jpg","_type":"reference"},"crop":{"bottom":0,"_type":"sanity.imageCrop","right":0.18664383561643838,"top":0,"left":0.08904109589041101}},"color":"#043682","lowres":"data:image/jpeg;base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAMABQDASIAAhEBAxEB/8QAGQAAAgMBAAAAAAAAAAAAAAAAAAMEBQYH/8QAIhAAAgICAgAHAAAAAAAAAAAAAQIDBAAFESEGEhMxQVFh/8QAFgEBAQEAAAAAAAAAAAAAAAAABQME/8QAGxEAAgMAAwAAAAAAAAAAAAAAAQIABBEDFCH/2gAMAwEAAhEDEQA/AMF4B0se/wBZ6gBLhiOPNwMTf1lWIbgyXlgeieFhbsufrOcanf7PV1xHQtyQoTyQp+cTPdsW5ZZbErvI/bMT7n9x3uMUAByHLWVXLN6JLtWzJMzMezhlI8jFjycMyG0xOy44hk//2Q==","alt":"Advanced React with TypeScript cover","external":true},{"_id":2871,"title":"Learn Fundamental Design Principles for Non-Designers","url":"/premium/courses/learn-fundamental-design-principles-for-non-designers-2871","duration":4054,"rating":3.62136,"imageSrc":{"_type":"image","asset":{"_ref":"image-bfdeb2b648ae2690da5981bc18e9b4aa24d6d70c-1920x1080-jpg","_type":"reference"}},"color":"#12447e","lowres":"data:image/jpeg;base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAALABQDASIAAhEBAxEB/8QAFwAAAwEAAAAAAAAAAAAAAAAAAAIDBf/EABwQAAEFAQEBAAAAAAAAAAAAAAABAgMRITESYf/EABYBAQEBAAAAAAAAAAAAAAAAAAAFBv/EABQRAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhEDEQA/AMOPO87Sjeo7xm/CN2NdMw1iAZI3P1NAmAH/2Q==","alt":"Learn Fundamental Design Principles for Non-Designers cover","external":true},{"_id":3154,"title":"The Complete Nodejs MySQL Login System","url":"/premium/courses/the-complete-nodejs-mysql-login-system-3154","duration":12148,"rating":4.71429,"imageSrc":{"_type":"image","asset":{"_ref":"image-3e433ba26f9254427ee4bbb4bbdd16f03d2b69ca-1280x720-jpg","_type":"reference"}},"color":"#125a9b","lowres":"data:image/jpeg;base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAALABQDASIAAhEBAxEB/8QAFwAAAwEAAAAAAAAAAAAAAAAAAAYHA//EACEQAAEEAgICAwAAAAAAAAAAAAIAAQMEERIGMQUHEyJx/8QAFwEAAwEAAAAAAAAAAAAAAAAAAgUGB//EAB8RAAICAQQDAAAAAAAAAAAAAAECABEDBAUGIRIxwf/aAAwDAQACEQMRAD8Ar9qe3C2tej8v2wz74yyR+Q0qs3I5DsCzG4tlnfpUIDLTt1FPYlmaPl87RyELaD0kvF3XJrAqCj4n5D3kFMFt32Jh5rx9Ab5sBDjCEn3LMxTk5SE7/qFpKoQKuSJcE+p//9k=","alt":"The Complete Nodejs MySQL Login System cover","external":true},{"_id":3219,"title":"Django A-Z: Build \u0026 Deploy Web Projects With Python \u0026 Django","url":"/premium/courses/django-a-z-build-deploy-web-projects-with-python-django-3219","duration":25223,"rating":null,"imageSrc":{"_type":"image","asset":{"_ref":"image-a3ff09589d7094bc0e764e7fea77bbe7cee7c77d-2000x1179-png","_type":"reference"}},"color":"#044494","lowres":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAACXBIWXMAAA7EAAAOxAGVKw4bAAADTUlEQVQokTXS/VMTBBzH8f1e6mn40N0ywbHhniCUhzKjQwIrFKy0y/Muxi5ocyJjSYgYuDEcDMfcGBtzJPJ0ScUwD/DMjY2HSuaJ4AMYOvpB4peuX7p+qF/eHYz+gdd97/t5C14oCrChdJy48im2nbmP0DhHvDWK2LmE1PcHKX1/kTbwD+mD/5J67W/knX8icS+TaFtEaoygMNwg/uQIL2nGWKcOIVinCrK9/CdS6u6hMD8gwTxPfFMUSetzlN4l9njnyXBHyPBESPM9Ibnjd5LcyyTZorxRe5Mc7UVSSnxs1QRi4JbSELkNP1NxdRJt1x0y7Y9JsEaRXlog2TyCTGdCXnyC1FI9aaeb2d14C5nzGZKWKOl1Ad4u86DU9rBFMxoDhdowKmeI7uEB3EMjHHA/INH6FLkpgLhIjzg/lzz1MY6Wf06W6jiKzypRmANIbFFEpllEVWMI9WE2aSdiYFxJiPcuhDB+cxN9b5iMlseIGx8hM7Qj++hDCrWf0uC5RJPPxQc6FaJD+eyqcJPUPM928wIvn51ls+EuG7WTMfDFoiDCU+O8VncHRf19EsxPkFyYQapr5i3Vcc7ZLfT8MECnvx91tZ6d7+5HrLEgtT7k1YYYGGe4y4b/wZVRNmsn2FoRYVvVysrziC0PkRu87FWp0NRWYvW14ezuQF1dTtLhApL0bexau3DH2WnEhnGE2lHWq0cR7CwL8WbtOJmmKRK+mlnNRtS0gNx0G2XJl6QeLSRP/QnF1RUUlGlJLq1CXv8jYluUHfVzZNaMcazyW7J0fjaqAwj21YxR7AjzseMXZKYZXjHOxVa2/0qyeRjpifPIijS8rjvN3mr72spPVztUmu9xqG6I0jN9ZJ/0s2kFVH4xxkHLJDmNEUS1swjPxzoUty6h8D5nd/sc6W1Tqx3uWetQ0raMyLZIqmWa3IYwObVBEk+FWL/yw4wKP9k1Q2Qbb7GvPkiWdYL9jinyvNO8f/URhf0LHBlc5Mj13zj83TPye+Y44JvhHVeEvJYJCmxBCq23yTo3TKp+EEGTvRGr04rNY8Puc+DodOHq9eC+dpn277/m8vUuOoZ66RjuxXejG6//Cp5+H66+dpxdbTivOGn12WlxX8TqaOI/6hxOS04orAQAAAAASUVORK5CYII=","alt":"Django A-Z: Build \u0026 Deploy Web Projects With Python \u0026 Django cover","external":true}],"paths":[{"_id":1,"title":"Full Stack JavaScript Developer","url":"/paths/full-stack-javascript-developer/","imageSrc":{"hotspot":{"width":0.33391915641476333,"x":0.8189806678383125,"y":0.6695502180563693,"height":0.6608995638872615,"_type":"sanity.imageHotspot"},"_type":"image","asset":{"_ref":"image-d6f315a4e461293667850794413bd5c95ee8488c-704x405-png","_type":"reference"},"crop":{"bottom":0,"_type":"sanity.imageCrop","right":0.01405975395430581,"top":0.33910043611273855,"left":0.6485061511423545}},"color":"#842c4c","lowres":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAACXBIWXMAAAsTAAALEwEAmpwYAAAC50lEQVQokXWSW08bVxSF599BHM+ZOSMD5laUUIlSQ4xnIMYxdxzfDcYyMMbBOMXcUwJVkpZIadoKJWqC3YarzV+p+FQZCG95WNra++HTWltL6W86ujLbK1gdFXxtZbzu8vUc/K7CYOfN3eyoMNBaps91hMf4xCPjA6bxO8PGK0blDtPyOVFpk9TTKFZnhdDACYnAGdGhUyb7j+/2mZFzUsFzEsNnTPYdY7Z+wmscYhnvbmHbTMsiUbnIjJ4io4dR6g7C5inZ6SrzoSrpsQvSY+fXey5aYyl+iR2tkhr+QqDjkCF5QFC+ZEKu81Q+I6FnSGtR5sU4OeFHGXCXmfaekA1VsaO1Oy1GauRiNQqpGsuxM+b8fzPZ+RujxteIiyS1FGkxhS2fUHRZlAwPSv1/9ag3gEuWEpfXIDtSJR+7oJg8ZSVSxg78Sbr3F2a61kg1LZDSIsw6g2SdPtY7Bzjw+njzsBtlqOsfkk/Or13VQfl4DTt8gR06ZSX+hbXkEVupj2zH37M59YpVq4TdniDtfEzmXi95Zzc7P/p4G5vktdl743DCc0zEOiVinRAf+pek9ZlZ85Cs9Y6c9Zqif4+14S3WrQKlnlmeNQVYcPRgN7Sz7GjB/sFiLprFNgMo9Sp4W47wuT9juT/gd//BiPtXpty7hJtLJJrzzDVnWGiOkXeNs2IMUhQ9FBxtFBo0Co1Okg8eEBwJkvB4UOq96jM+4pV/MSjfEpD7jOkbhPRlYnqWWS1OVkyQE49ZEf2URDebahvrDp1So4PnjQ1kWlXC/c1kHxoo9V6Zxnv8xhtGjRdMyVUiMkdKn73u1aI2wrJm8pPoZUN08UK0sKtKdp2Cnfv32XTcY1V3UGxxsuFyogwZB1cBY59xuUlIFojXXekJstokS5qfFfGIkvieLdHOz8LFnqqzrwr2VZU9VeXlrfaEyr4QKEG5+9+43Lh6KpdvYXHmtYlbWD9roptt0cauarCnanewb+l/0XxhfMHoSXEAAAAASUVORK5CYII=","alt":"Full Stack JavaScript Developer cover"},{"_id":2,"title":"Web Development Basics","url":"/paths/web-development-basics/","imageSrc":{"hotspot":{"_type":"sanity.imageHotspot","width":0.3286467486818987,"x":0.8216168717047448,"y":0.6802425741500142,"height":0.6395148516999717},"_type":"image","asset":{"_ref":"image-699da1a83858c0412585a95a7371bf40ca1c48eb-704x405-png","_type":"reference"},"crop":{"right":0.014059753954305698,"top":0.3452103538805355,"left":0.6572934973637955,"bottom":0,"_type":"sanity.imageCrop"}},"color":"#a40480","lowres":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAACXBIWXMAAAsTAAALEwEAmpwYAAADEElEQVQokW2S209bBRzHz4BC7z3tKXjJiA/T+OCID/iwdHsguokmOrVjbIaHEbOH6Vyim2YkQ2QqRVouLae055Se0/V+pdAOxloIcZWVJfuTDJ8YYRpjfPi+/B4++fySj7DdefHwsfkSTfEKTdfnNGxX2Ooa4eGJUeodY9Q6x1nvuk6160vWDLeodN+m1H2XYs89CsZp8qYZsiY/GfMiacsyQsMywpPTNzl47x4Hwz/SGvyObXGc2okxNjqusd5xnbXOG1S6blE2/A2bpGC8T97kI2v2k7EskbaGSVmjCA3HKPue73l+eY7nVxd4Ouyj+fpttnq/ZuvVO2ydnGCzf5J6/zS1/l+ovuKj6PCRtcySsvrRbfNothCaPUrCriE0XWPsn53g2Wd+nnkXOfAGaV0I8NtQgNaHYVoXVVpenSfeJHsfJdn2xCmdDJGwB1DtflYc80RcQRR3FFXSEBq9X/D7uSkOPlmg/WmI9uUoTy8ptD5W2DsfYWdIYfd9nZ3hFI+HUtTe1ki/vIwiziM7F5BdIRKvRakMaKRO6QjbfTdoDc3Q9sq0RxXaV+Psj2jsXVCovxGgLPkouf0Ue5couGXSrjAxMUTYGSTklJHdKpmBHJsfbJB/p4zwUPyK5ltT7J6ZY9ezyM7ZZRpnZDYHQlT65siZZskYA6RNQVLmFXRbFEWMsCKpyFIcuTdNdPARqrdN5NweQrXnJuvWb6k67rImTlJxTlN2zlAUfyVnDZCx/JWDTMqqkLTF0RwJIs44IUkjKCUI9WVQPTUS402U8zWEiuEbyoY7FA0TFLp/IN9zn5zRR9YUIGMOkrKskLTGeGDTSdjTaI48EVeWoJRkwZ1k6aUUKU+SzWs62XdVhP9GmjPP/csqStIaJ2F7gG7PojlKxMU1VNcaYanIkjvDojuJckonPbiK9qaOUDBOHeaNP5E7ivTYKn1kpf5jpdvzxB0VVsV1VsUaMWcd1bXBilRBlgpHi7hLKFIVIW/6+Y+cafYwa57/3xd1e+EFbINVsU7sxVad9SNwzFU7nvP49idYQCvNmDDrewAAAABJRU5ErkJggg==","alt":"Web Development Basics cover"},{"_id":3,"title":"Pro Dev Workflow","url":"/paths/pro-dev-workflow/","imageSrc":{"_type":"image","asset":{"_ref":"image-707ea9ca1b9c2bc01beaaf6da8064718644964d4-704x405-png","_type":"reference"},"crop":{"right":0.008787346221441172,"top":0.3391004361127386,"left":0.6485061511423554,"bottom":0.0030549588838983954,"_type":"sanity.imageCrop"},"hotspot":{"_type":"sanity.imageHotspot","width":0.34270650263620345,"x":0.8198594024604572,"y":0.6680227386144202,"height":0.6578446050033628}},"color":"#0d2d1c","lowres":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAACXBIWXMAAAsTAAALEwEAmpwYAAACKUlEQVQokW1Tx27bQBTkbznMQTaswoAS1Xu3VaxCipREqkPdhg1DsA4B9K2BB8GssAmQ+PAOu9g3b97MrBIMBj91XUc0GoVhGAiHw+A5EomIM+9ZsVgMyWQS2WwWpVIJtVoNzWYTnU4HpmliOBzCdV0obGq325jNZphOpxgMBuj1ehiPx/A8D47joNFoIJPJIJ1Oo1AooFKp4PHxUfT1+33Yti3A2K/E43FYloX9fo/n52esVisBLs+bzUYMIYhkJsE42LZtMZxgy+XiypC0l8sl1uu1KIIQ8Hg8ivNkMhFDOIyNZNXtdsWqjuPA9aaYLtZYrbdQqBUZsPlwOODl5QWn0wnv7+94fX0V92R6Pp9xuVzw9vaG0Wgk2LFM04I12cHe/oS7PUEJhULI5/NCJ5bUhTKwpD7z+VywXSwWghXf9HpdmNYAT+Mdqu4HavYOit/vRyAQQDAYhKZpwmU6mkqlkMvlUC6X8fDwgFarJdaUg8huYFlwPQ8t04GeqyEUS0O5v7+HBCUgJaBRdJWOVqvV/xwlQ4IyKpPZFO2JCb2bxW1K+8vwK7Cv4kFHaZLruRg6Q/QtE1XvCdFFHXfVCBQJJldl1qgpwbiqjAeNk/Gg29SSd9zAyCVwl/oBVbuFomma+Cn/6lav1//oxkY6e83aNV6MEeNGAv6AH+p3FTffbqDouv7LMIzPRCIhvlWxWBThpePyW1Ez/hrpNItsOZQy+Xw+qKoq6jcokA/4e0yS3gAAAABJRU5ErkJggg==","alt":"Pro Dev Workflow cover"},{"_id":4,"title":"Build Beautiful Webpages","url":"/paths/build-beautiful-webpages/","imageSrc":{"_type":"image","asset":{"_ref":"image-878a3f9d4c52581e23b182e6875db2e013373ca7-704x405-png","_type":"reference"},"crop":{"top":0.34215539499663705,"left":0.6783831282952535,"bottom":0,"_type":"sanity.imageCrop","right":0.024604569420035194},"hotspot":{"_type":"sanity.imageHotspot","width":0.2653778558875236,"x":0.8427065026362031,"y":0.6710776974983186,"height":0.657844605003363}},"color":"#7c0c7c","lowres":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAACXBIWXMAAAsTAAALEwEAmpwYAAACmklEQVQokW2TS09TQRiGz386h9LTntOeovW6MjExcePORBONcaMLY2J0b4wuiC7cGDeYShCw3IpcWoqI9VIUSkt76B1saQvlpjwxMxVE4uLJZCaZd975vvdTKgV1r7ysUcy0UbJblG2NlaxGtaCyVvqX2mGKKvV8G41sO+sZFxtpA6WQbiM27SL8zmRqzGBq3GAm4mYupkvxelmlJviPWK2g0ci1s27rUqyZMlGySQfhUZP+HovgG4uBXotQ0MtM2I2dcLCa0yQ/8irV4iGXBY16zkHddrKedkuxzUUvSi7lkM6CvRYjQS+jAx7Ghj1Exgw+RNzMTrnlD77O6mQWHFTyGrViS6yWaWd1Xqca99CM+9me87ccToRM3gR8UnSwzyuFx4dNRgc9DPV7GX7rla4/z7hYEWUQdVt2Ukk4sd/r5EbOsDF4iZ3JCyj5pTb5vf2LAik4Ysq6TobMA/HZiEFh0SnFaimd/GcnC+905gIXSb68R7nveqsp0QmD3m4fPQEf3V0dvO7qoPe176Cmfd2W3E8MeVmOu6mndcpxnWS4nfmQQTRwhbfPO5nuuoMi4vEtphMdN2QthSPRJPGIQJxFRAJGPXyJmJS+G9QW3eRmXSTHdbKTFt8CVxl5+ITI09soa0WVHzkNkUVByW6t4iF5JnKZdrCaclJJumgsGTQSJoUPBsthg8q0n/yra8QePObro1soMgL7WTtCvaRSL2o08g7Ws06aGTebKZNmwmLtk8VK1KIaPYndc5OPnc9YeHEXZa2k7h2dBsmf4Ip4iCb8zZrF9kIHW/HjbHz005g+TSl0maW++5SHb0iHP2slde9/k3AwVraL5pLBZtLLVsLHzvdj7M6d4OeXU/yKnWV35hzb0Qvsvj/Pb2ycvvPv60CeAAAAAElFTkSuQmCC","alt":"Build Beautiful Webpages cover"},{"_id":5,"title":"React Front End Development","url":"/paths/react-front-end-development/","imageSrc":{"_type":"image","asset":{"_ref":"image-d6ce4c0ef677102f726984f9cef2d9af0f6374b6-704x405-png","_type":"reference"},"crop":{"_type":"sanity.imageCrop","right":0.017123287671232834,"top":0.3393201420598681,"left":0.650684931506849,"bottom":0},"hotspot":{"y":0.6696600710299341,"height":0.6606798579401318,"_type":"sanity.imageHotspot","width":0.33219178082191814,"x":0.8167808219178081}},"color":"#345b70","lowres":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAACXBIWXMAAAsTAAALEwEAmpwYAAADBklEQVQokU3T/08TdxzH8fs7NzUEmMvmvphMzMacgbi5Occ2N12UsSCKSrEgRYRhoVIsbeV7RaClPTiu1+v33tGjpPQ+n2eWwn7wH3gm77wfL6V91ZWtUYfWsE1bpMr5aJXPFqtcitW5siW5lpDc2JH8npL8tSv5R5M81CXDaYEvI5jKCgJ5Qajo8qbkorRGqpwd3+JDzxLnRtZo9W3w6XSSy0sWXduCH3ckPUnJbVXSuycZ2BcMpQWjGcGLrMCfE8wXBNGSy0q5GVywOONd4YP+Gc49eEXbkxAXfGtcnte5Gs3x/WKOng2bu2qD+/uSJ2nJiCEYNxr8ax4zl2sQLjRYLtaJlY9RmqeeHV3nTL+flvt+PhoM8Lk3zFfjK3SMLPDNSIifggl64w6DWoOnaRef0WBCrzGtO8wZDqGMwxvTYT3voLSFbVqexWh5EKD9YYBPHgW46F2gYzRMx2M/Xw9Occ23wK35OH3LOp5EhQn9iCmtyoxm8Wq3xOxumYB2QCRto3wcsWn3veX8UIgLwyG+HH59Eusci3DFG+Q7j59uj58bY0HuzKzgeWswqR0w3YyoBYKpHJPJEt6dKv5dG+WLtToXw0UuhTJ0hk26wgY/RA1uLma4tWRwZ0mnd3GPgdV9PO9MnqfKvNRsZtUiwVSWUCrLs3iJe+8O8aUclI5NSeeWpLv50YTg16Tgtir4e1cwoAmGdMGo4fLCdPFnG8waNeZ0m9d7RcJqlqhq4t0s0LN6wNOEg/LtlqQrLk95pN7ncfrR93kECy4L+TqRTJWoVmRZy7GmZZmKF+hbLzORKKN0xyXXE5JfkpI/Vcm9PXnC47EuTng8NwUvc4K5gkvkxFqD9UKNmGmxaZbZNvJspAuspSvEMyWU6wkpbyYlf6iSu3uSfk3ySBd4m9ZMwXQzlheEi6dwNyyX7UqdRLGKWrDRixVypQply8KyLJSfk9L9LSVlc1Z9zVntSzxpwVhGMJkVzP4/q8WSS6zism27qAfHaNYRGfuQinNE9bCG4zjUajX+AwlLK+fdu9jSAAAAAElFTkSuQmCC","alt":"React Front End Development cover"},{"_id":6,"title":"Vue Front End Development","url":"/paths/vue-front-end-development/","imageSrc":{"crop":{"bottom":0,"_type":"sanity.imageCrop","right":0.018835616438356073,"top":0.31253170979198375,"left":0.6832191780821907},"hotspot":{"width":0.2671232876712343,"x":0.8476027397260268,"y":0.6696600710299341,"height":0.6368679181464568,"_type":"sanity.imageHotspot"},"_type":"image","asset":{"_ref":"image-8e1275fc547585c126dcb0cb7667205911b29f3c-704x405-png","_type":"reference"}},"color":"#3d9f6c","lowres":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAACXBIWXMAAAsTAAALEwEAmpwYAAADKElEQVQokXXSa0+aBwCG4fenYbe1icuarovNMhuTqvHQKlpt3abWqXVWRSsKWlHaKopnQOWkiIAgKKcih4KiomVOutjUrNnJLN5ZZMs+LNkfeD489yWIpqsvROoqRONicsbFXJ2p5TNdPXn6FgpMTyix9CBek1G3rqDJ/ZInW2p6A3M8Cy3yMmpmKr6GLunCfODFdhREEKnFiBTl5PSV8LGsjFxVDTcXmsg3tlG00sU9q5RaxyANLiWPN1V0+6aRv9KiDBuYeG1hfseBYd+D9TCAMx1GEE2IyZGX8lFnEdckJVwfvs+tqUYKNK0Ua9upWOymzjJAi3sUiW8aWVDLSNjAeGyFuR07+j03q4cBNtIRfD/GEXJUlVzpL+VqRzGfdpbxuVTMl0N1FDxvoFDRQNnIdzzU9NLuVCH1z6EILTEWXWY2YWdpz40l5cfxJoT7OEows4twZbyKT2Tl5ErKuNFTQV5vNbcHv6ZwuIFieT3l8kfUjnbQvDCIZHUMxZaOydgq2sQ6xqSHtVQAS8qHKbXFxg8RhGvqGnIHK7khreSWrIb8gTruKBoofd7MvZEWqhStPBhpp1H1lA7dMEq3jrmYDW3YxlLYgeW1B03UzmjUjPlgC+H6/Ld8MVXPV1NN3Jl7TJmmg6qFHuoMMprMQ7QtK+laGaXfNonSo2M2YsWw60YfdbIUsGEKOlB7jQx4Neh33Qh5+mbyjd9TtCyhwtrHA/szGl1K2jzjdPtmkAd12aLq2CqanXWM+5usHQax7wewRj1Ygi4mXEvIHNOY4m6E26Z2Cle6uPsfHtmi/8Pj8ivfcRzvQYSNmB+9z8bMppnNvW2EohUJ5au93LcPUO8codUzRpd3iv6ghuFtPapLHol/eKT8uNJh/CcJoj8dEM+kiKf3iKf3SZ4c8fbsFOGuVXpRbZPzjXM4a63TO0lfYB7F9t88ZhI2FpMb2ZLO9HbWWuTtPsl3ad68z5A5O+Xsl5/57Y/fOT8/R6iyyf98uD508WjjBe1bEzz1zzIYWuBFxMRk3Ip215mtZz96xeZxjFAmSeL0iMP3J2Q+vOPs1w//jl0O/gVrhMw6eP5p6gAAAABJRU5ErkJggg==","alt":"Vue Front End Development cover"},{"_id":7,"title":"Become a Python Master","url":"/paths/become-a-python-master/","imageSrc":{"_type":"image","asset":{"_ref":"image-ae3ff9bae91fec21d5088533e5f09a99d664b736-704x405-png","_type":"reference"},"crop":{"top":0.32146118721461175,"left":0.6609589041095888,"bottom":0.00297649247420928,"_type":"sanity.imageCrop","right":0.02910958904109584},"hotspot":{"_type":"sanity.imageHotspot","width":0.28424657534246645,"x":0.828767123287671,"y":0.6771013022154576,"height":0.6398444106206662}},"color":"#279193","lowres":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAACXBIWXMAAAsTAAALEwEAmpwYAAAC/klEQVQokU2TWVNaBwBG77/tU/e0M5mOTdtYl7qgUaR4QcJyQeSyI/sigsomi4CCuKBRolETo0msUc50JJNJHr7X83LOJ3wzRPfbMfh+vNvbT5MfeTzznifiJf26M4YMx4xK+0xam6icVeZ860ihDLb4Mp50lFA2QKLoZrVmI9+wIHw3Bv26e8akO4YNHxmVblA5rtF63qBxv2LWdYTSvoPSXkf0lDAEclijaZzLCfxrIWLrXtIbDnJb85RaRoQfFDBiumfGfsu07Qa18xpT8JKF6DlSqIPOt8+sewvRXUbvzzMfXcGRTLC4GiaS97FcdpDZ/ASr7esegF0G9XdMWm9Qyu+Y815ijVwgx0+RQoeI7iaiu8JzfwFLZBX70hK+1QjhnI9YQSZVlsjX56jvqmm9UCH8OHHPkOEWpfwetfMtev8FcuwVzqUO5vAuGm8V3WIBc3gNOZHEuxIhlF0kmpOJ5YykSxrKNQV72/0cHgwgPJq6ZdzyAZ3vLQb/BabgKbbYMa7kAdZoA72/iBRaw5b4JCGY8RPJ2YnlTCTXNWSrKoqbf1Op/0y9+egB+I6nc5eMW86YsnWYsR+g9exgDGxhCpaRQlkW4incqRjBTIBo3kW8YCZV0pGtqllvTBGvDSCXHhPc+AXh1+k3/PbvGX/NdRg2tlHMbzNjr6PxljAGs1hjaVzLcQKZYM9osmQjVdaTrYmUGkoqLQWBqhIxJ+IojyI8wP7QdBg0HDBuaTEtP+RR7uUx/1Ue0YKXVMVBpm4mW9NS2FRSbSlotEdJbonIZZlkaxbhT22HAf0hY+YdpuVNZt2VXh6WXh5LX/KoOMluWiltG9nYFantPqPRHmHvaIDm0TDNEwUn18MIg/qD7qi0yzPbFmpXhecPRj/nsRIhnF8kWXaRqS9Q3DZRb+toHatpv5zk8HSYl+dPeX31Ox9u+7ijD2FE2rubsDa7KkcNrbeIqXerLxISRQ8rVZlCw0x1T0/zhUj7REnnYoLzq3+4uunnv7sn3NPX2/8N5frSrKJjdgAAAABJRU5ErkJggg==","alt":"Become a Python Master cover"},{"_id":9,"title":"Computer Science Crash Course","url":"/paths/computer-science-crash-course/","imageSrc":{"hotspot":{"width":0.2499999999999995,"x":0.8458904109589044,"y":0.6562658548959921,"height":0.6815153052595972,"_type":"sanity.imageHotspot"},"_type":"image","asset":{"_ref":"image-ef65a08e7eea424ebd74f89d7941160a0590b501-704x405-png","_type":"reference"},"crop":{"top":0.3155082022661933,"left":0.6952054794520554,"bottom":0.00297649247420928,"_type":"sanity.imageCrop","right":0.020547945205479534}},"color":"#1c8da4","lowres":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAACXBIWXMAAAsTAAALEwEAmpwYAAACkUlEQVQokV2Ta1OaZxBA31/emcaCIldfLhEVwVopEtvUVo21xOIFFI0mxpJq1Bpjh0ySpkYbC7K7p50XcCbjt+fTmWf3nHVyX2CT92DKB3k/FPphJgAPB425kLEYNpZCRilg/Bow1gaNzZDxJGw8ixq/xYwD1ziJK68SijPZBzNR46e0sphVShPK4wlleVxZzSnVSaEyppQjxuqgUQ0aW2FjN2Lsx4zfh4yjuHKaUF4nFcf72WzKWPpaKBeE9aKwXhAqeenANiaEalpZixiVoFELdWHPY8aLIeNl3Dqw85TSuN8DzqWV5SlhdVqoPhA2ikLNe2eFVVdZCxvVsFGLGDtRYy9m1D2Ya/yR6I56llQaKcXJ+2B+RCnnhfVpYXNGqD0QtgrC1qSwOapsjyjPxpX9nFDPKC+SyqGrHMeFE7dFPdZiN3LDy6E2TsEPC8PKyjdCtSDUisL2tLA9Jezmhb1vhXpROHwoHM+2OZkWjkY8mHLsNjmIXLASfM9M8D2V2BVOoQ9+CBqPhoxSQimnlLWUUkkqtZSyk1b2RpX6uHKYE44zysn9roRT95qDyF8sxM5IJY5YHH6DU/wSvuuDH32w4DeWBozlQNfoRsjYDhtPoz2jbtfoq6RntM1Z/BOn7gVPEm8opc/ZH/uA830fzH4F8z74ud94PGCs3Mnj+Z08zpPKeaLJ6/gVjcQVjeRH3g5/5DrTwvFgc3dgnTw+g3Xy6Bm9zaORbHZg75KX/J265FP6H3T8Bmfehy36jdKAUQ4Y673WdiLGXrSbx2EP5oXrwd4NKx/SbS7SLa5Gmvw72qSdaWHZNs4jv8kv/Wa3Z/X53m7PyjPq7e3PlPK2A1MuR5XrMeEmI1hWICv8lxP+B8ugJGW4+PMwAAAAAElFTkSuQmCC","alt":"Computer Science Crash Course cover"},{"_id":10,"title":"Become a Python Data Scientist","url":"/paths/become-a-python-data-scientist/","imageSrc":{"hotspot":{"height":0.6993742601048538,"_type":"sanity.imageHotspot","width":0.27397260273972623,"x":0.8630136986301369,"y":0.6503128699475731},"_type":"image","asset":{"_ref":"image-862404308b750ca28aad6e7d02136917a0770fef-704x405-png","_type":"reference"},"crop":{"left":0.6883561643835621,"bottom":0,"_type":"sanity.imageCrop","right":0,"top":0.30062573989514624}},"color":"#3f4212","lowres":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAACXBIWXMAAAsTAAALEwEAmpwYAAACGUlEQVQokX2TWWviYBiF859UWpdqoolGYxKNdYmJGzrQ2graiuNVB3phldYVpT926GE4n+iUaZmL8GbhezjLG+nu7u5jNBrh8fERDw8P4P1wOMRgMMDt7S16vR6azSZc10WlUsH19TUcx4Ft2zBNE4ZhQNd1pNNpqKoKiZD5fI7NZoPFYoGXlxcsl0u8vb3h+fkZk8lEQGu1GsrlMkqlEgqFAizLQj6fRzabRSaTgaapSKVSkMbjMVarFd7f3wV0vV7jcDhgv99jNpuB3zudjlBHWLFY/AJTVRWKkoQsy0cgFRL6+voqgIRtt1s8PT2d1dEqYZ+tHoFpZHUVRlaBpiYgMTsqoU0COXe7nQBPp1P4vn9WdoJx8tk0LeSNHNqejp8DHT0/BYklMDdCqJI5EszJfFkGDzM3wmiVpVSrVRSLDkzTwE3fwGxhYTjSIbFJHmT4VMt27+/v0e/30Wq1hNXPNnO5nMjQKTmwLRuGaaD8I4fWrxycGxVSt9sVofNwo9FAvV7/ttG/mWXEpNLTO72cgdbScGVfQWq32wLGrAijlf+tBxvlxd07r0xGg6zKCEfDkLi0n5V9tx60edw1DclkEoqiiEkwd09OyIiEwwgGg5B83//wPO8LjLmdYFRDmDgsy4jH44jFYohGo4hEIri4uBCwQCAAyfO8367rftDq6bc6Nfrvb0VliURCwAi6vLxEKBQ6wwj8A3yE6oU1b3U6AAAAAElFTkSuQmCC","alt":"Become a Python Data Scientist cover"},{"_id":8,"title":"Advanced JavaScript","url":"/paths/advanced-javascript/","imageSrc":{"crop":{"left":0.6746575342465757,"bottom":0,"_type":"sanity.imageCrop","right":0.023972602739726012,"top":0.32741417216303065},"hotspot":{"x":0.8253424657534248,"y":0.6637070860815153,"height":0.6725858278369694,"_type":"sanity.imageHotspot","width":0.3013698630136982},"_type":"image","asset":{"_ref":"image-cc0ad11bff70c1f3b4c29381edf0a1778e6a7efb-704x405-png","_type":"reference"}},"color":"#685b1b","lowres":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAACXBIWXMAAAsTAAALEwEAmpwYAAACuklEQVQokS2T7W9TZRiH+19qSBSTJer4YEyEMCP4gfgCZolCeDFDFJjtusEWQNz7ugHVdaPr2g5Yp27JJLpsa7tzzk6f8/Sc575uc6gf7q/Xff9y/e5M7M6JH57lsHWag9YZDlsDHLbOc9i6wEHzaw6agwThDRJ3F9FRhAmExwizCEsIvyE8R6gBL8kE4QD1Fx9SWDrJ3PxJpmfeY3K6j9n5U8wtfMRC4TQvNy8SmjuIjiM8QnQa0QVEnyG6AloBfQHaIOMFZymt9nF//C3yo2+TzZ3g5+w75Ef7yOXfJ5vrZ3Hpc/b2b5G4BzimSGSeRJ6QyDJOyjip46SBsE3muPMpa+sfMD5xgpF8Ou+SH0sX9JMb6efu8Cl+nfyMv3aGsN1fiN0sJirQMc/omBIds4YxNWy0SZLskIm659h9fYZq/WPW1j+hsj5ApXqe2sYXVKpfUa58Q+OPGzTbY8RuBtst4AdLeH4Rz1/B8yocexUif50k2iKTyAVs/CWRvYSx32LsVYwdIrK3iWyWqHuPbvIIJzM4FonsU3y/yJFXegPzvTphe5W4XUTCGhnRi4gOgl4B/R70Fugw6CjoBOhjRGcQXcRRJLLL+EEKKxMcbxCGDaKjEsnBFOKvkBEGcXyH4zqOH3DcwTGC43+jTCMUEC0irGDtc3y/jO/XCMMtjNkmapfo7j3EtX9PL7yM6DVEbyKaViOH6H1E03pMISwg9OohVLDdKkFQIwg26ZgdjPkbc1TD7heIvTeRryMMIXq7B+Meog97MJ1H9ClCCdE1hA3i+BXGbGGiHaz9B2v3sZ1/6YavSaJmGvmmCD8hZBEdQ/QBopOIziH6BNFlhDJoHWggso1zuzi3h3MtnAtwLkJcjIikwB8T0WERzSM6gaQS6EnovdUqolXgFeifoLuge0ATCAALOFBQVf4DCipVlI8gHY0AAAAASUVORK5CYII=","alt":"Advanced JavaScript cover"}]},"numberOfPages":1},"__N_SSG":true},"page":"/library/[[...filters]]","query":{},"buildId":"en41Fj8ZqV4saRHlcDgL2","assetPrefix":"/premium","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html>