PageSourceSearch

https://fireship.dev/

html fireship.dev collected 2026-10-09 22:41:48 UTC 36,401 bytes, 1 lines download raw bytes

1<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><style> body { height: initial !important; } </style><title>Fireship | JavaScript, but fun.</title><meta name="description" content="We help JavaScript developers make more money - and enjoy themselves in the process."/><meta name="image" content="https://fireship.dev/images/default-og-image.jpg"/><link rel="canonical" href="https://fireship.dev/"/><meta property="og:site_name" content="Fireship"/><meta property="og:url" content="https://fireship.dev/"/><meta property="og:title" content="Fireship | JavaScript, but fun."/><meta property="og:description" content="We help JavaScript developers make more money - and enjoy themselves in the process."/><meta property="og:image" content="https://fireship.dev/images/default-og-image.jpg"/><meta content="website" property="og:type"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="630"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:site" content="@uidotdev"/><meta name="twitter:creator" content="@uidotdev"/><meta name="twitter:title" content="Fireship | JavaScript, but fun."/><meta name="twitter:description" content="We help JavaScript developers make more money - and enjoy themselves in the process."/><meta name="twitter:image" content="https://fireship.dev/images/default-og-image.jpg"/><meta name="twitter:image:width" content="1200"/><meta name="twitter:image:height" content="630"/><link rel="preload" href="/fonts/outfit-v4-latin-regular.woff2" as="font" crossorigin="anonymous"/><link rel="preload" href="/fonts/outfit-v4-latin-500.woff2" as="font" crossorigin="anonymous"/><link rel="preload" href="/fonts/outfit-v4-latin-700.woff2" as="font" crossorigin="anonymous"/><link rel="preload" href="/fonts/outfit-v4-latin-900.woff2" as="font" crossorigin="anonymous"/><link rel="preload" href="/fonts/paytone-one-v16-latin-regular.woff2" as="font" crossorigin="anonymous"/><meta name="next-head-count" content="28"/><noscript><img alt="fb" height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=312702129964814&amp;ev=PageView&amp;noscript=1"/></noscript><link data-next-font="" rel="preconnect" href="/" crossorigin="anonymous"/><link rel="preload" href="/_next/static/css/b6147e7fff365010.css" as="style"/><link rel="stylesheet" href="/_next/static/css/b6147e7fff365010.css" data-n-g=""/><noscript data-n-css=""></noscript>
1<script defer="" nomodule="" src="/_next/static/chunks/polyfills-78c92fac7aa8fdd8.js"></script>
1<script defer="" src="/_next/static/chunks/5787-139342ca278c536e.js"></script>
1<script defer="" src="/_next/static/chunks/1086.bb583c3874f3e6bc.js"></script>
1<script src="/_next/static/chunks/webpack-6d56c2ae500f1fc1.js" defer=""></script>
1<script src="/_next/static/chunks/framework-56eb74ff06128874.js" defer=""></script>
1<script src="/_next/static/chunks/main-854c13a8037929ae.js" defer=""></script>
1<script src="/_next/static/chunks/pages/_app-607971f9e441bb0f.js" defer=""></script>
1<script src="/_next/static/chunks/0c428ae2-a42fa7a98798433f.js" defer=""></script>
1<script src="/_next/static/chunks/7765-b8c1c06bd60a06e8.js" defer=""></script>
1<script src="/_next/static/chunks/7536-56869878f9c68c88.js" defer=""></script>
1<script src="/_next/static/chunks/947-120065f8c11b4f32.js" defer=""></script>
1<script src="/_next/static/chunks/5675-27117e432f15e6c1.js" defer=""></script>
1<script src="/_next/static/chunks/334-2ebb91e269a0c65e.js" defer=""></script>
1<script src="/_next/static/chunks/9503-3b9a189d985466cc.js" defer=""></script>
1<script src="/_next/static/chunks/pages/index-fbf4707fdf53dad4.js" defer=""></script>
1<script src="/_next/static/r_4k6_gcL9FTomo4yA_x_/_buildManifest.js" defer=""></script>
1<script src="/_next/static/r_4k6_gcL9FTomo4yA_x_/_ssgManifest.js" defer=""></script>
1<style id="sandpack">--sxs{--sxs:1 sp-k-eyOShd sp-k-iOHdLQ}@media{@keyframes sp-k-eyOShd{0%{opacity:0}100%{opacity:1}}@keyframes sp-k-iOHdLQ{0%{transform:rotateX(-25.5deg) rotateY(45deg)}100%{transform:rotateX(-25.5deg) rotateY(405deg)}}}--sxs{--sxs:2 sp-c-gMfcns sp-c-bxeRRt sp-c-jKPvnt sp-c-fWymNx sp-c-euXojQ sp-c-bpmgvy sp-c-PJLV}@media{.sp-c-gMfcns svg{margin:auto}.sp-c-bxeRRt{-webkit-appearance:none;appearance:none;outline:none;display:flex;align-items:center;font-size:inherit;font-family:inherit;background-color:transparent;transition:color var(--sp-transitions-default), background var(--sp-transitions-default);cursor:pointer;color:var(--sp-colors-clickable);border:0;text-decoration:none}.sp-c-bxeRRt:disabled{color:var(--sp-colors-disabled)}.sp-c-bxeRRt:hover:not(:disabled,[data-active='true']){color:var(--sp-colors-hover)}.sp-c-bxeRRt[data-active="true"]{color:var(--sp-colors-accent)}.sp-c-bxeRRt svg{min-width:var(--sp-space-4);width:var(--sp-space-4);height:var(--sp-space-4)}.sp-c-bxeRRt.sp-c-gMfcns{padding:var(--sp-space-1);height:var(--sp-space-7);display:flex}.sp-c-bxeRRt.sp-c-gMfcns.sp-c-bxeRRt:not(:has(span)){width:var(--sp-space-7)}.sp-c-bxeRRt.sp-c-gMfcns.sp-c-bxeRRt:has(svg + span){padding-right:var(--sp-space-3);padding-left:var(--sp-space-2);gap:var(--sp-space-1)}.sp-c-jKPvnt{padding:0 var(--sp-space-1) 0 var(--sp-space-1);border-radius:var(--sp-border-radius);margin-left:var(--sp-space-1);width:var(--sp-space-5);visibility:hidden;cursor:pointer;position:absolute;right:0px}.sp-c-jKPvnt svg{width:var(--sp-space-3);height:var(--sp-space-3);display:block;position:relative;top:1px}.sp-c-fWymNx{margin:0;display:block;font-family:var(--sp-font-mono);font-size:var(--sp-font-size);color:var(--sp-syntax-color-plain);line-height:var(--sp-font-lineHeight)}.sp-c-euXojQ{display:flex;flex-direction:column;width:100%;position:relative;background-color:var(--sp-colors-surface1);gap:1px}.sp-c-euXojQ:has(.sp-stack){background-color:var(--sp-colors-surface2)}.sp-c-bpmgvy{transform:translate(-4px, 9px) scale(0.13, 0.13)}.sp-c-bpmgvy *{position:absolute;width:96px;height:96px}}--sxs{--sxs:3 sp-c-PJLV-kCOVwI-status-pass sp-c-PJLV-kEzYsr-status-fail sp-c-PJLV-gHAhSA-status-skip sp-c-PJLV-jgnHyR-status-title sp-c-PJLV-iCgxLS-status-run sp-c-PJLV-bnDZSy-status-pass sp-c-PJLV-eYuGwt-status-fail}@media{.sp-c-PJLV-kCOVwI-status-pass{color:var(--test-pass)}.sp-c-PJLV-kEzYsr-status-fail{color:var(--test-fail)}.sp-c-PJLV-gHAhSA-status-skip{color:var(--test-skip)}.sp-c-PJLV-jgnHyR-status-title{color:var(--test-title)}.sp-c-PJLV-iCgxLS-status-run{background:var(--test-run);color:var(--sp-colors-surface1)}.sp-c-PJLV-bnDZSy-status-pass{background:var(--test-pass);color:var(--sp-colors-surface1)}.sp-c-PJLV-eYuGwt-status-fail{background:var(--test-fail);color:var(--sp-colors-surface1)}}</style></head><body class="dark"><div id="__next"><div style="position:fixed;z-index:9999;top:16px;left:16px;right:16px;bottom:16px;pointer-events:none"></div><nav class="mx-auto p-6 sm:p-8 container flex flex-wrap justify-end items-center gap-6"><a class="mr-auto grid place-items-center text-center aspect-square" href="/"><svg xmlns="http://www.w3.org/2000/svg" width="45" viewBox="0 0 300 301"><title>Fireship</title><path d="M115.44.64c-.53-.45-1.74-.43-2.75-.64-.53.78-1.21,1.4-1.38,2.08-.4,1.72-.69,3.47-.85,5.23-3.9,39.25-18.51,75.68-46.94,109.02-15.77,18.49-31.47,37.39-43.07,57.48-28.8,49.84-3.17,100.74,59.65,122.99,2.07.73,4.39,1.06,9.57,2.27-21.31-19.27-32.28-38.85-28.58-62.02,3.52-22.1,14.7-41.82,31.64-59.8,1.25,2.5,1.32,4.68,1.24,6.86-.83,19.72,5.7,37.12,25.86,50.86,9.32,6.35,17.69,13.54,26.12,20.61,8.56,7.2,11.04,15.85,8.61,25.28-1.17,4.58-2.88,9.09-4.73,14.74,14.35-1.42,27.62-3.4,36.53-11.33,8.52-7.57,14.82-16.55,23.91-27.01.64,8.85,1.88,15.74,1.4,22.56-.51,7.09-2.7,14.12-4.16,21.18,43.61-6.57,82.08-49.36,83.77-93.13,1.24-31.94-25.94-78.72-48.76-83.26,1.28,3,2.47,5.84,3.75,8.64,7.92,17.44,10.24,35.12,5.23,53.37-5.01,18.15-30.43,38.52-52.85,41.09.76-1.82,1.08-3.52,2.12-4.91,24.15-32.54,24.45-66.6,10.72-101.36C193.12,74.99,157.88,36.14,115.44.64Z" fill="var(--brand-orange)"></path></svg></a><a class="order-first sm:order-none w-full sm:w-auto p-px bg-[linear-gradient(45deg,var(--brand-purple),var(--brand-red))] dark:bg-[linear-gradient(45deg,var(--brand-blue),var(--brand-green))] rounded-[4px] text-sm !transition-none" href="/uidotdev-and-fireship-join-forces"><span class="block py-2 px-3 bg-gray-25 dark:bg-brand-coal rounded-[3px]"><strong class="uppercase text-brand-purple dark:text-brand-pink">New</strong> ui.dev + Fireship join forces →</span></a><button class="aspect-square w-[40px] grid place-items-center relative bg-gray-75 hover:bg-gray-100 dark:bg-brand-charcoalMuted dar
1k:hover:bg-brand-beige/10 text-xl text-brand-charcoal dark:text-brand-beige rounded-full transition-all duration-100"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 16 16" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M8 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0zm0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13zm8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5zM3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8zm10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0zm-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707zM4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"></path></svg></button><a class="px-8 py-2 border-brand-purple dark:border-brand-yellow bg-gray-25 dark:bg-brand-coal rounded-full uppercase font-medium border-2 cursor-pointer text-brand-purple dark:text-brand-yellow hover:bg-brand-purple hover:text-brand-beige dark:hover:bg-brand-yellow dark:hover:text-brand-charcoal shadow-button" href="/login"><span class="font-black">Login</span></a></nav><main class="font-body overflow-hidden"><section class="grid md:grid-cols-2 gap-12 container mx-auto mt-8 mb-14 px-6 sm:px-8 relative"><div class="mt-[4rem] xs:mt-0 h-full grid items-center"><div class="grid gap-8"><header><h1 class="max-w-[20ch] mt-8 text-4xl lg:text-6xl xl:text-7xl uppercase font-display">Brain food for <span class="text-brand-blue">developers</span></h1></header><p class="text-2xl max-w-[24ch] md:max-w-[40ch]">Fireship courses make learning the JavaScript ecosystem <span class="text-brand-orange font-semibold">fun</span> &amp;&amp; <span class="text-brand-green dark:text-brand-pink font-semibold">approachable</span>.</p><div class="mt-4"><a href="/subscribe"><span class="px-6 py-4 bg-brand-purple dark:bg-brand-yellow text-brand-white dark:text-brand-charcoal rounded-full uppercase font-medium border border-brand-charcoal cursor-pointer shadow-button"><span class="font-black">Shut up and take my money</span></span></a></div></div></div><aside class="absolute -right-8 -top-8 sm:-top-2 md:static grid place-items-center"><img src="/images/brain-food.svg" alt="brain food" class="w-[200px] md:w-10/12 max-w-[380px]"/></aside></section><section class="overflow-hidden md:mb-10 mt-16 py-12 skew-y-[-5deg]"><div style="transform:translateX(-300px) translateZ(0)"><div class="flex cursor-pointer gap-16" draggable="false" tabindex="0" style="-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:pan-y"><div style="z-index:5" class="shrink-0"><div class="max-w-[430px] bg-brand-white dark:bg-brand-charcoal shadow-md dark:shadow-none text-brand-charcoal dark:text-brand-beige p-8 pl-14 rounded-2xl font-[&#x27;Outfit&#x27;] relative skew-y-[5deg]"><img src="/images/emoji-eyes.svg" alt="eyes" width="90" class="absolute -left-11 top-4"/><blockquote class="relative"><span class="absolute left-[-.9ch]">“</span><p>Very informative, well paced, and I like how you take the time to explain why things work the way they work, by looking at how it was done before and how it has evolved.<!-- -->”</p></blockquote><footer class="relative mt-2 flex gap-2 items-center justify-end"><h5 class="font-bold">—<!-- -->Sabrina Goo</h5></footer></div></div><div style="z-index:4" class="shrink-0"><div class="max-w-[430px] bg-brand-white dark:bg-brand-charcoal shadow-md dark:shadow-none text-brand-charcoal dark:text-brand-beige p-8 pl-14 rounded-2xl font-[&#x27;Outfit&#x27;] relative skew-y-[5deg]"><img src="/images/emoji-heart-eyes-cat.svg" alt="heart-eyes-cat" width="90" class="absolute -left-11 top-4"/><blockquote class="relative"><span class="absolute left-[-.9ch]">“</span><p>The teaching, storytelling, the whole styling and presentation, the density and intensity, the interactivity and those small traces of humor here and there. You’ve done a fantastic job. It’s worth every cent.<!-- -->”</p></blockquote><footer class="relative mt-2 flex gap-2 items-center justify-end"><h5 class="font-bold">—<!-- -->Tobi</h5></footer></div></div><div style="z-index:3" class="shrink-0"><div class="max-w-[430px] bg-brand-white dark:bg-brand-charcoal shadow-md dark:shadow-none text-brand-charcoal dark:text-brand-beige p-8 pl-14 rounded-2xl font-[&#x27;Outfit&#x27;] relative skew-y-[5deg]"><img src="/images/emoji-clap.svg" alt="clap" width="90" class="absolute -left-11 top-4"/><blockquote class="relative"><span class="absolute left-[-.9ch]">“</span>
1<p>I just love how the course content flows into the next. Also the videos are not plain old boring videos, they are legit interesting. The storytelling is top-notch!<!-- -->”</p></blockquote><footer class="relative mt-2 flex gap-2 items-center justify-end"><h5 class="font-bold">—<!-- -->Vikrant Bhat</h5></footer></div></div><div style="z-index:2" class="shrink-0"><div class="max-w-[430px] bg-brand-white dark:bg-brand-charcoal shadow-md dark:shadow-none text-brand-charcoal dark:text-brand-beige p-8 pl-14 rounded-2xl font-[&#x27;Outfit&#x27;] relative skew-y-[5deg]"><img src="/images/emoji-star-struck.svg" alt="star-struck" width="90" class="absolute -left-11 top-4"/><blockquote class="relative"><span class="absolute left-[-.9ch]">“</span><p>Fantastic resource! Really helped to re-contextualize these concepts in a way that made them easy to understand.<!-- -->”</p></blockquote><footer class="relative mt-2 flex gap-2 items-center justify-end"><h5 class="font-bold">—<!-- -->Connor Rouillard</h5></footer></div></div><div style="z-index:1" class="shrink-0"><div class="max-w-[430px] bg-brand-white dark:bg-brand-charcoal shadow-md dark:shadow-none text-brand-charcoal dark:text-brand-beige p-8 pl-14 rounded-2xl font-[&#x27;Outfit&#x27;] relative skew-y-[5deg]"><img src="/images/emoji-fire.svg" alt="fire" width="90" class="absolute -left-11 top-4"/><blockquote class="relative"><span class="absolute left-[-.9ch]">“</span><p>An absolute masterpiece. Explanations are simple but effective, with relevant examples.<!-- -->”</p></blockquote><footer class="relative mt-2 flex gap-2 items-center justify-end"><h5 class="font-bold">—<!-- -->Ethan Kircher</h5></footer></div></div></div></div></section><section class="container mx-auto pt-[30px] sm:pt-[80px] pb-[80px] px-6"><figure class="text-center mt-4"><svg class="inline-block w-11/12 md:w-9/12" width="1139" height="46" viewBox="0 0 1139 46" fill="none" xmlns="http://www.w3.org/2000/svg"><title>Logos: Apple, Netflix, Microsoft, Netlify, Uber, Tesla, Amazon, Spotify</title><path fill="currentColor" d="M29.18 27.57c-.53 1.24-1.17 2.37-1.9 3.42-1 1.43-1.82 2.41-2.45 2.96-.98.9-2.03 1.36-3.15 1.39-.81 0-1.78-.23-2.91-.69-1.14-.46-2.18-.69-3.13-.69s-2.07.23-3.22.69c-1.15.47-2.08.71-2.78.73-1.08.05-2.15-.43-3.22-1.42-.68-.6-1.54-1.62-2.56-3.07-1.1-1.55-2-3.34-2.71-5.38C.39 23.3.01 21.16.01 19.09c0-2.37.51-4.42 1.54-6.13A9.066 9.066 0 0 1 4.77 9.7c1.34-.8 2.79-1.2 4.36-1.23.86 0 1.98.26 3.37.78 1.39.52 2.28.79 2.67.79.29 0 1.28-.31 2.96-.93 1.59-.57 2.93-.81 4.03-.72 2.98.24 5.21 1.41 6.7 3.53-2.66 1.61-3.98 3.87-3.95 6.77.02 2.26.84 4.14 2.45 5.63.73.69 1.54 1.23 2.45 1.61-.2.57-.4 1.12-.62 1.64ZM22.35.71c0 1.77-.65 3.42-1.94 4.95-1.56 1.82-3.44 2.87-5.48 2.7-.03-.21-.04-.44-.04-.67 0-1.7.74-3.52 2.05-5 .66-.75 1.49-1.38 2.5-1.88C20.45.32 21.4.05 22.3 0c.03.24.04.47.04.71ZM160.72 29.39V3h-5.66v31.27c4.44.22 8.98.44 13.29.66v-5.1c-2.53-.22-5.1-.34-7.63-.44ZM109.39 8.1V3H96.07v32.71c4.44-.33 8.87-.66 13.32-1v-5.1c-2.57.11-5.12.33-7.67.55v-8.21h6.66v-5.21h-6.66V8.1h7.67ZM77.33 37.73V18.19l6.65 18.74c2-.22 3.99-.44 6.1-.66V3h-5.43v20.18L77.55 3H72v35.38l5.32-.65Zm42.7-3.46c1.87-.11 3.75-.11 5.66-.22V8.1h5.19V3H114.8v5.1h5.23v26.18Zm17.39-.34h4.44V21.96h6.75v-5.21h-6.75V8.1h7.76V3h-13.29v30.94h1.09Zm41.92 1.89V3h-5.53v32.27c1.79.22 3.66.33 5.53.55Zm4.23.33c1.79.22 3.66.34 5.45.56l3.96-9.87 3.92 10.75c1.87.35 3.88.57 5.84.78l-6.75-18.97 6.75-16.41h-5.75l-3.66 8.98-3.09-8.98h-5.67l5.88 16.3-6.88 16.86ZM410.74 19.01v-2.92h-3.62v-4.53l-.12.04-3.4 1.04h-.07v3.43h-5.37v-1.92c0-.88.21-1.57.6-2.02.39-.45.96-.68 1.66-.68.52 0 1.06.13 1.58.36l.13.05V8.8l-.05-.03c-.49-.17-1.17-.27-1.99-.27-1.05 0-2.01.23-2.85.69-.84.44-1.5 1.1-1.96 1.93-.47.83-.7 1.79-.7 2.84v2.1h-2.51v2.91h2.52v12.28h3.61V18.97h5.37v7.8c0 3.21 1.51 4.84 4.51 4.84.49 0 1.01-.06 1.53-.17.54-.12.91-.23 1.11-.35l.05-.03v-2.94l-.15.1c-.19.13-.44.24-.73.32s-.53.13-.71.13c-.7 0-1.22-.18-1.54-.55-.33-.37-.49-1.02-.49-1.94v-7.17h3.6v-.02h-.02Zm-26.79 9.69c-1.31 0-2.35-.44-3.08-1.29-.73-.86-1.1-2.09-1.1-3.65s.37-2.87 1.11-3.75c.73-.87 1.76-1.31 3.05-1.31s2.24.42 2.96 1.26c.73.84 1.09 2.09 1.09 3.72s-.34 2.92-1.01 3.76c-.67.84-1.68 1.27-3 1.27h-.01Zm.17-12.97c-2.5 0-4.49.73-5.91 2.18-1.41 1.45-2.13 3.45-2.13 5.96s.7 4.29 2.09 5.68c1.39 1.4 3.27 2.12 5.6 2.12s4.38-.75 5.79-2.21c1.42-1.47 2.13-3.45 2.13-5.9s-.67-4.35-2.01-5.72c-1.33-1.39-3.2-2.09-5.57-2.09v-.03Zm-13.88.03c-1.71 0-3.11.44-4.2 1.3-1.08.86-1.63 1.99-1.63 3.37 0 .72.12 1.35.36 1.89.23.54.6 1.01 1.08 1.41.48.39 1.22.8 2.2 1.23.83.34 1.44.62 1.83.85.39.22.66.44.80.66.15.21.23.51.23.85 0 1.03-.76 1.52-2.33 1.52-.59 0-1.25-.12-1.98-.36s-1.42-.58-2.03-1.03l-.15-.1v3.47l.05.03c.52.23 1.16.44 1.92.6.76.17 1.45.25 2.05.25 1.85 0 3.34-.44 4.43-1.3 1.09-.87 1.64-2.03 1.64-3.45 0-1.02-.3-1.9-.89-2.61-.58-.71-1.59-1.35-3.01-1.92-1.12-.45-1.84-.83-2.15-1.11-.29-.28-.42-.67-.42-1.17 0-.44.18-.8.55-1.08.37-.29.89-.44 1.54-.44.6 0 1.22.09 1.84.28.61.19 1.15.44 1.59.75l.15.1v-3.32l-.05-.03c-.42-.18-.97-.33-1.63-.45-.66-.13-1.26-.18-1.78-.18h-.01Zm-15.27 12.96c-1.31 0-2.34-.43-3.07-1.3-.74-.85-1.11-2.08-1.11-3.65s.37-2.87 1.11-3.75c.73-.87 1.75-1.31 3.04-1.31s2.25.42 2.97 1.26c.71.84 1.09 2.09 1.09 3.72s-.35 2.91-1.02 3.76c-.66.84-1.67 1.27-3.01 1.27Zm.19-12.96c-2.51 0-4.51.73-5.92 2.18-1.42 1.45-2.14 3.45-2.14 5.96s.7 4.29 2.08 5.68c1.39 1.4 3.27 2.12 5.6 2.12s4.38-.75 5.8-2.21c1.42-1.47 2.14-3.45 2.14-5.9s-.67-4.35-1.99-5.72c-1.33-1.39-3.21-2.09-5.57-2.09Zm-13.52 2.99v-2.64h-3.57V31.3h3.57v-7.77c0-1.32.3-2.41.89-3.23.58-.82 1.36-1.22 2.31-1.22.32 0 .69.05 1.08.16.39.1.67.21.83.34l.15.1v
1-3.6l-.06-.03c-.34-.15-.8-.22-1.4-.22-.89 0-1.7.29-2.39.85-.61.5-1.04 1.19-1.38 2.04h-.07l.03.03h-.01Zm-10-3c-1.65 0-3.11.34-4.35 1.04-1.25.70-2.21 1.68-2.87 2.95-.65 1.26-.99 2.73-.99 4.36 0 1.44.33 2.75.96 3.91a6.786 6.786 0 0 0 2.68 2.71c1.13.63 2.45.95 3.9.95 1.7 0 3.15-.34 4.31-1.01l.05-.03v-3.28l-.15.11c-.53.39-1.11.69-1.75.91-.63.22-1.21.33-1.71.33-1.41 0-2.53-.44-3.35-1.3-.83-.88-1.24-2.1-1.24-3.63s.44-2.8 1.29-3.7c.85-.93 1.98-1.4 3.35-1.4 1.17 0 2.31.4 3.4 1.18l.15.1v-3.44l-.04-.03c-.41-.23-.96-.41-1.66-.56-.68-.14-1.35-.21-1.99-.21v.04Zm-10.66.33h-3.57v15.2h3.57v-15.2Zm-1.76-6.46c-.59 0-1.1.2-1.52.6-.42.4-.64.9-.64 1.49s.22 1.07.64 1.46c.41.39.93.58 1.53.58s1.11-.19 1.54-.58c.42-.39.64-.88.64-1.46s-.21-1.06-.62-1.48c-.42-.39-.93-.6-1.55-.6Zm-8.92 5.35v16.32h3.65V10.1h-5.05l-6.4 15.74-6.23-15.75h-5.25V31.3h3.43V14.99h.12l6.58 16.31h2.58l6.47-16.31h.1l-.01-.02Zm-46.71 6.59h16.81v16.82h-16.83l.02-16.81Zm-18.57 0h16.81v16.81h-16.81v-16.8Zm18.57-18.57h16.81v16.82h-16.82V3h.01Zm-18.57 0h16.81v16.82h-16.81V3Z"></path><g fill="currentColor"><path d="M626.04 22.93V8.63c0-.42.21-.63.64-.63h4.9v15.17c0 7.99-5.22 10.78-12.79 10.78S606 31.16 606 23.17V8.63c0-.42.21-.63.64-.63h4.9v14.93c0 4.78 2.17 6.76 7.25 6.76s7.25-1.98 7.25-6.76ZM697.73 11.73c-.13.29-.32.42-.72.42h-14.9v6.4h12.44c.21 0 .29.1.21.31l-1.36 3.29c-.13.29-.32.42-.72.42h-7.3c-2.38 0-3.26.7-3.26 2.27v4.52h16.83c.21 0 .29.1.21.31l-1.42 3.42c-.13.29-.32.42-.72.42h-18.38c-1.42 0-1.95-.47-1.95-1.51V9.78c0-1.23.7-1.78 2.54-1.78h19.72c.21 0 .29.1.21.31l-1.42 3.42ZM662.3 20.06c2.14-1.1 3.02-3.16 3.02-5.59 0-5.64-4.71-6.47-9.58-6.47h-11.13c-1.85 0-2.54.55-2.54 1.78v22.21c0 1.04.53 1.51 1.95 1.51h13.7c5.16 0 8.85-1.96 8.85-7.05 0-3.05-1.34-5.64-4.28-6.4Zm-5.14 9.35h-9.66v-4.67c0-1.57.88-2.27 3.26-2.27h6.4c3.08 0 3.93 1.15 3.93 3.5s-.86 3.45-3.93 3.45ZM647.5 12.1h8.64c2.89 0 3.69 1.06 3.69 3.26s-.8 3.26-3.69 3.26h-8.64v-6.53ZM727.46 23.25l5.86 9.82c.11.16.11.44-.24.44h-4.98c-.4 0-.56-.16-.72-.42l-5.3-9.29h-4.82c-2.38 0-3.26.7-3.26 2.27v7.44h-4.79c-.43 0-.64-.21-.64-.63V9.78c0-1.23.7-1.78 2.54-1.78h11.18c6.5 0 10.43 1.67 10.43 7.86 0 4.78-2.35 6.66-5.27 7.39ZM714 19.83h9.1c3.4 0 4.15-1.25 4.15-3.86s-.75-3.86-4.15-3.86H714v7.73Z"></path></g><path fill="currentColor" d="m793.01 10.9 3.65-4.46c4.57.25 8.83 1.34 12.71 3.12l-.22-.09a11.164 11.164 0 0 1-4.69 3.57l-.08.03c-.22-2.12-1.7-2.64-6.42-2.64L793 38.39l-4.98-27.96c-4.69 0-6.17.52-6.39 2.64-1.93-.77-3.54-1.99-4.74-3.55l-.02-.03c3.66-1.69 7.92-2.79 12.4-3.03h.09l3.65 4.45Zm0-5.75h.53c5.85 0 11.41 1.24 16.43 3.47l-.26-.1c.35-.58.68-1.26.96-1.96l.03-.09c-5.24-2.16-11.31-3.43-17.68-3.46H793c-6.38.04-12.46 1.3-18.01 3.58l.32-.12c.33.82.66 1.5 1.04 2.15l-.05-.09c4.77-2.13 10.35-3.38 16.21-3.38h.52-.03ZM863.71 21.6v-.79c-2.63 0-5.4.56-5.4 3.66 0 1.57.81 2.63 2.21 2.63 1.02 0 1.94-.63 2.51-1.65.72-1.26.68-2.44.68-3.85Zm3.66 8.86c-.24.21-.59.23-.86.09-1.21-1-1.42-1.47-2.08-2.42-1.99 2.04-3.41 2.64-5.99 2.64-3.06 0-5.44-1.89-5.44-5.66 0-2.95 1.6-4.96 3.88-5.94 1.97-.87 4.73-1.02 6.83-1.26v-.47c0-.87.07-1.89-.44-2.63-.45-.67-1.29-.95-2.04-.95-1.38 0-2.62.71-2.92 2.18-.06.33-.3.65-.63.66l-3.53-.38c-.3-.07-.62-.31-.54-.76.81-4.27 4.67-5.56 8.13-5.56 1.77 0 4.08.47 5.47 1.81 1.77 1.65 1.6 3.85 1.6 6.25v5.66c0 1.7.71 2.45 1.37 3.37.23.33.29.72-.01.97-.74.62-2.06 1.77-2.79 2.41h-.01Zm43.98-8.87v-.79c-2.63 0-5.41.56-5.41 3.66 0 1.57.82 2.63 2.21 2.63 1.02 0 1.94-.63 2.52-1.65.72-1.26.68-2.44.68-3.85Zm3.66 8.86c-.24.21-.59.23-.86.09-1.21-1-1.43-1.47-2.09-2.42-1.99 2.04-3.41 2.64-5.99 2.64-3.06 0-5.44-1.89-5.44-5.66 0-2.95 1.59-4.96 3.87-5.94 1.97-.87 4.73-1.02 6.84-1.26v-.47c0-.87.07-1.89-.45-2.63-.44-.67-1.29-.95-2.04-.95-1.38 0-2.62.71-2.92 2.18-.06.33-.3.65-.63.66l-3.52-.38c-.3-.07-.63-.31-.54-.76.81-4.27 4.67-5.56 8.13-5.56 1.77 0 4.08.47 5.47 1.81 1.77 1.65 1.6 3.85 1.6 6.25v5.66c0 1.7.71 2.45 1.37 3.37.23.33.28.72-.02.97-.74.62-2.06 1.77-2.78 2.41Zm44.75.04h-3.62c-.36-.03-.66-.32-.66-.67V11.18c.03-.34.33-.61.7-.61h3.37c.32.02.58.23.65.52v2.85h.07c1.02-2.55 2.44-3.77 4.95-3.77 1.63 0 3.22.59 4.24 2.2.95 1.49.95 4 .95 5.81v11.74c-.04.33-.34.59-.70.59h-3.64c-.33-.03-.61-.27-.64-.59V19.79c0-2.04.23-5.02-2.28-5.02-.88 0-1.70.59-2.1 1.49-.51 1.14-.58 2.28-.58 3.53v10.04c0 .37-.32.67-.71.67Zm-15.3-20.33c5.39 0 8.31 4.63 8.31 10.52s-3.22 10.2-8.31 10.2-8.18-4.63-8.18-10.4 2.92-10.32 8.18-10.32Zm.03 3.81c-2.68 0-2.85 3.65-2.85 5.92s-.03 7.15 2.82 7.15 2.95-3.92 2.95-6.32c0-1.58-.07-3.45-.54-4.95-.41-1.3-1.22-1.8-2.38-1.8Zm-67.2 16.52h-3.63c-.35-.03-.62-.28-.65-.62V11.24c0-.37.31-.67.70-.67h3.39c.35.02.63.29.66.62v2.44h.07c.89-2.36 2.55-3.46 4.78-3.46s3.70 1.1 4.72 3.46c.88-2.36 2.88-3.46 5.02-3.46 1.52 0 3.19.63 4.21 2.04 1.15 1.57.92 3.85.92 5.85v11.77c0 .37-.31.67-.70.67h-3.63c-.36-.03-.66-.32-.66-.67v-9.88c0-.79.07-2.75-.1-3.5-.27-1.25-1.08-1.6-2.14-1.6-.88 0-1.80.59
1-2.17 1.53-.37.94-.34 2.51-.34 3.57v9.88c0 .37-.31.67-.70.67h-3.63c-.37-.03-.66-.32-.66-.67v-9.88c0-2.08.34-5.14-2.24-5.14S878 17.79 878 19.95v9.88c0 .37-.31.67-.70.67h-.01Zm43.57-16.65v-2.67c0-.4.31-.67.68-.67h11.95c.38 0 .69.28.69.67v2.28c0 .38-.33.89-.90 1.68l-6.19 8.84c2.3-.06 4.73.29 6.81 1.46.47.27.60.65.63 1.04v2.85c0 .39-.43.84-.88.61-3.68-1.93-8.56-2.14-12.62.02-.41.22-.85-.23-.85-.61v-2.70c0-.43 0-1.18.44-1.83l7.17-10.28h-6.24c-.38 0-.69-.27-.69-.67Zm7.81 20.56c-.87-1.12-5.77-.53-7.96-.27-.67.08-.77-.50-.17-.92 3.9-2.74 10.3-1.95 11.04-1.03.75.92-.20 7.34-3.86 10.4-.56.47-1.1.22-.85-.40.82-2.05 2.67-6.66 1.8-7.78Zm-2.84 3.24c1.13-.84.16-2.08-.99-1.59-7.65 3.25-15.96 4.81-23.52 4.81-11.21 0-22.06-3.07-30.84-8.18-.77-.45-1.34.34-.70.91 8.13 7.34 18.88 11.76 30.82 11.76 8.51 0 18.4-2.68 25.23-7.71ZM1031 1c-10.49 0-19 8.51-19 19s8.51 19 19 19 19-8.51 19-19-8.51-19-19-19Zm8.71 27.4c-.34.56-1.07.74-1.63.39-4.46-2.73-10.07-3.34-16.69-1.83-.63.15-1.27-.25-1.41-.89-.15-.64.25-1.27.89-1.42 7.23-1.65 13.44-.94 18.45 2.12.56.34.74 1.07.39 1.63Zm2.33-5.17c-.43.70-1.34.92-2.04.49-5.1-3.14-12.89-4.05-18.93-2.21-.79.24-1.61-.20-1.85-.99-.24-.78.21-1.61.99-1.85 6.9-2.09 15.48-1.08 21.34 2.52.70.43.92 1.34.49 2.04Zm.20-5.39c-6.13-3.64-16.23-3.97-22.07-2.20-.94.28-1.94-.25-2.22-1.18-.29-.94.24-1.93 1.18-2.22 6.71-2.04 17.87-1.64 24.92 2.54.85.50 1.12 1.59.62 2.44-.50.84-1.59 1.12-2.43.62Zm21.45.70c-3.28-.78-3.86-1.33-3.86-2.49 0-1.09 1.02-1.82 2.55-1.82s2.95.56 4.48 1.70c.05.03.11.05.17.04.05 0 .1-.04.14-.09l1.60-2.26c.07-.09.05-.22-.04-.29-1.83-1.47-3.89-2.18-6.30-2.18-3.54 0-6.02 2.13-6.02 5.17 0 3.26 2.14 4.42 5.82 5.31 3.14.72 3.67 1.33 3.67 2.41 0 1.20-1.07 1.95-2.79 1.95-1.92 0-3.48-.65-5.23-2.16-.04-.04-.10-.05-.15-.05a.19.19 0 0 0-.15.08l-1.80 2.14c-.07.09-.06.22.02.30 2.04 1.81 4.54 2.77 7.24 2.77 3.81 0 6.28-2.09 6.28-5.31.01-2.72-1.63-4.23-5.62-5.21h-.01Zm14.26-3.24c-1.65 0-3.01.65-4.13 1.99v-1.50c0-.12-.09-.22-.21-.22h-2.94c-.12 0-.21.1-.21.22v16.70c0 .12.09.22.21.22h2.94c.12 0 .21-.10.21-.22v-5.27c1.12 1.26 2.48 1.87 4.13 1.87 3.08 0 6.19-2.37 6.19-6.89s-3.11-6.89-6.18-6.89h-.01Zm2.77 6.89c0 2.30-1.41 3.91-3.45 3.91s-3.52-1.68-3.52-3.91 1.52-3.91 3.52-3.91 3.45 1.64 3.45 3.91Zm11.4-6.89c-3.96 0-7.06 3.05-7.06 6.94s3.08 6.87 7.01 6.87 7.08-3.04 7.08-6.92-3.09-6.89-7.03-6.89Zm0 10.83c-2.11 0-3.70-1.69-3.70-3.94s1.54-3.89 3.65-3.89 3.72 1.69 3.72 3.94-1.55 3.89-3.67 3.89Zm15.49-10.56h-3.24v-3.30c0-.12-.09-.22-.21-.22h-2.94c-.12 0-.21.1-.21.22v3.30h-1.42c-.11 0-.21.1-.21.22v2.52c0 .12.1.22.21.22h1.42v6.53c0 2.64 1.31 3.98 3.9 3.98 1.06 0 1.93-.22 2.75-.68.07-.04.11-.11.11-.19v-2.4c0-.07-.04-.14-.10-.18a.199.199 0 0 0-.21 0c-.57.28-1.11.42-1.72.42-.95 0-1.37-.43-1.37-1.39v-6.07h3.24c.11 0 .21-.1.21-.22v-2.52c0-.12-.09-.22-.21-.22Zm11.26.01v-.41c0-1.19.46-1.73 1.48-1.73.62 0 1.11.12 1.66.31.07.02.14.01.19-.03a.21.21 0 0 0 .09-.17v-2.48c0-.09-.06-.18-.15-.21-.58-.17-1.33-.35-2.44-.35-2.72 0-4.15 1.53-4.15 4.42v.62h-1.41c-.12 0-.22.1-.22.22v2.54c0 .12.1.22.22.22h1.41v10.08c0 .12.1.22.21.22h2.94c.12 0 .22-.1.22-.22V18.53h2.74l4.20 10.07c-.48 1.06-.95 1.27-1.59 1.27-.51 0-1.06-.15-1.62-.46-.05-.03-.11-.03-.17-.02-.05.02-.1.06-.12.12l-1 2.18c-.05.1-.01.22.09.28 1.04.56 1.98.8 3.14.8 2.17 0 3.37-1.01 4.43-3.73l5.09-13.17c.03-.07.02-.14-.02-.20a.214.214 0 0 0-.18-.09h-3.06c-.09 0-.17.06-.20.14l-3.13 8.95-3.43-8.95a.217.217 0 0 0-.20-.14h-5.02Zm-6.53-.01h-2.94c-.12 0-.21.1-.21.22v12.82c0 .12.09.22.21.22h2.94c.12 0 .21-.1.21-.22V15.79s0-.06-.01-.08c-.01-.03-.03-.05-.05-.07a.18.18 0 0 0-.07-.05c-.03-.01-.05-.02-.08-.02Zm-1.45-5.84c-1.17 0-2.11.94-2.11 2.11s.94 2.11 2.11 2.11 2.10-.94 2.10-2.11-.94-2.11-2.10-2.11Zm25.73 9.96c-1.16 0-2.07-.93-2.07-2.07s.92-2.08 2.08-2.08 2.07.93 2.07 2.07-.92 2.08-2.08 2.08Zm.01-3.94c-1.06 0-1.86.84-1.86 1.87s.80 1.86 1.85 1.86 1.86-.84 1.86-1.87-.80-1.86-1.85-1.86Zm.46 2.07.58.82h-.49l-.53-.75h-.45v.75h-.41v-2.17h.97c.50 0 .83.26.83.69 0 .36-.20.57-.50.66Zm-.35-.98h-.54v.69h.54c.27 0 .43-.13.43-.34 0-.22-.16-.34-.43-.34Z"></path><g fill="currentColor"><path d="M478.5 45.35V33.94l.24-.24h2.85l.24.24v11.41l-.24.24h-2.85l-.24-.24ZM478.5 12.06V.65l.24-.24h2.85l.24.24v11.41l-.24.24h-2.85l-.24-.24ZM468.68 37.33h-.39l-1.96-1.96v-.39l3.68-3.68h2.08l.28.28v2.08l-3.68 3.68ZM466.33 11.13v-.4l1.96-1.96h.39l3.68 3.68v2.07l-.28.28H470l-3.68-3.68ZM453.41 21.33h16.17l.24.24v2.86l-.24.24h-16.17l-.24-.24v-2.86l.24-.24ZM563.81 21.34l.24.24v2.85l-.24.24H547.4l-.24-.24 1.19-2.85.24-.24h15.22ZM485.51 28.95h-2.85l-.24-.24v-6.68c0-1.19-.47-2.11-1.9-2.14-.74-.02-1.58 0-2.48.04l-.14.14v8.64l-.24.24h-2.85l-.24-.24V17.3l.24-.24h6.42c2.49 0 4.52 2.02 4.52 4.52v7.13l-.24.24ZM499.33 23.95l-.24.24h-7.38l-.24.24c0 .48.48 1.9 2.38 1.9.71 0 1.43-.24 1.67-.71l.24-.24h2.85l.24.24c-.24 1.43-1.43 3.57-5 3.57-4.04 0-5.95-2.85-5.95-6.19s1.90-6.19 5.71-6.19 5.71 2.85 5.71 6.19v.95Zm-3.57-2.38c0-.24-.24-1.90-2.14-1.90s-2.14 1.67-2.14 1.90l.24.24h3.81l.24-.24ZM505.99 25.38c0 .48.24.71.71.71h2.14l.24.24v2.38l-.24.24h-2.14c-2.14 0-4.04-.95-4.04-3.57v-5.23l-.24-.24h-1.67l-.24-.24v-2.38l.24-.24h1.67l.24-.24v-2.14l.24-.24h2.85l.24.24v2.14l.24.24h2.62l.24.24v2.38l-.24.24h-2.62l-.24.24v5.23ZM514.8 28.95h-2.85l-.24-.24V12.53l.24-.24h2.85l.24.24v16.18l-.24.24ZM521.22 15.15h-2.85l-.24-.24v-2.38l.24-.24h2.85l.24.24v2.38l-.24.24Zm0 13.8h-2.85l-.24-.24V17.29l.24-.24h2.85l.24.24v11.42l-.24.24ZM532.4 12.53v2.38l-.24.24h-2.14c-.48 0-.71.24-.71.71v.95l.24.24h2.38l.24.24v2.38l-.24.24h-2.38l-.24.24v8.56l-.24.24h-2.85l-.24-.24v-8.56l-.24
1-.24h-1.67l-.24-.24v-2.38l.24-.24h1.67l.24-.24v-.95c0-2.62 1.90-3.57 4.04-3.57h2.14l.24.24ZM541.2 29.18c-.95 2.38-1.90 3.81-5.23 3.81h-1.19l-.24-.24v-2.38l.24-.24h1.19c1.19 0 1.43-.24 1.67-.95v-.24l-3.81-9.28v-2.38l.24-.24h2.14l.24.24 2.85 8.09h.24l2.85-8.09.24-.24h2.14l.24.24v2.38l-3.81 9.52h.01Z"></path></g></svg><figcaption class="text-lg mt-6"><p class="text-pretty">You’ll be in great company with other developers we’ve trained</p></figcaption></figure></section><section id="pricing" class="container mx-auto mt-24 px-6 sm:px-8 pb-8 lg:py-20 grid lg:grid-cols-12 gap-20"><div class="md:col-span-6 xl:col-span-7 justify-start items-start text-xl relative"><h3 class="text-brand-green font-display text-5xl xl:text-7xl uppercase mb-10 mt-8 relative text-balance"><span class="relative z-10">Ready to level up?</span></h3><h4 class="text-4xl font-medium mb-10">Master the JavaScript ecosystem with a yearly subscription to Fireship Pro.</h4><p class="text-2xl">Access our entire course library for <span class="font-semibold dark:font-normal dark:text-brand-pink">$495 per year</span>.</p><a class="inline-block mt-12 px-8 py-4 bg-brand-purple dark:bg-brand-yellow rounded-full uppercase text-base font-medium text-brand-white dark:text-brand-charcoal border border-brand-charcoal cursor-pointer shadow-button" href="/subscribe"><span class="font-black">You had me at JavaScript</span></a></div><aside class="md:col-span-6 xl:col-span-5 relative md:mt-10 grid justify-items-center"><img src="/images/javascript-tech.svg" alt="retro computer and phone" class="w-7/12 md:w-full max-w-[360px]"/></aside></section><footer class="mt-10 mb-6 sm:mb-8 mx-6 sm:mx-8 py-8 lg:pt-14 bg-brand-white dark:bg-brand-charcoal rounded-3xl relative overflow-hidden shadow-md dark:shadow-none"><div class="container mx-auto px-8 pb-8 grid grid-cols-2 lg:grid-cols-12 gap-20"><div class="lg:col-span-3"><ul class="grid gap-4"><li><a class="underline" href="/login">Login</a></li><li><a class="underline" href="/about">About</a></li><li><a class="underline" href="/jobs">Jobs</a></li><li><a class="underline" href="/blog">Blog</a></li><li><a class="underline" href="/reviews">Reviews</a></li><li><a class="underline" href="/terms">Terms</a></li><li><a class="underline" href="/privacy">Privacy</a></li><li><a class="underline" href="/code-of-conduct">Code of Conduct</a></li></ul></div><div class="lg:col-span-3"><ul class="grid gap-4"><li><a href="https://www.youtube.com/@Fireship" target="_blank" class="underline">YouTube</a></li><li><a href="https://bytes.dev" target="_blank" class="underline">Bytes</a></li><li><a href="https://npmtrends.com" target="_blank" class="underline">npmtrends</a></li><li><a href="https://usehooks.com" target="_blank" class="underline">useHooks</a></li><li><a href="https://react.gg" target="_blank" class="underline">react.gg</a></li><li><a href="https://query.gg" target="_blank" class="underline">query.gg</a></li></ul></div><div class="col-span-2 lg:col-span-6"><h4 class="uppercase font-bold mb-8">Sign Up For Bytes</h4><form class="p-8 bg-brand-white dark:bg-[rgba(0,0,0,.2)] shadow dark:shadow-none relative rounded-2xl w-full"><figure class="absolute top-[-12px] right-0"><img width="48" src="/images/bytes-logo.svg" alt="Bytes"/></figure><h6 class="mb-4 pr-4 text-pretty">Delivered to over <b>200,000</b> web developers every <b>Tuesday</b> and<!-- --> <b>Friday</b></h6><div class="flex gap-2 items-start flex-wrap md:flex-nowrap"><div class="w-full"><div class="grid gap-2 flex-1 "><input id="bytes_email" placeholder="Enter your email" name="bytes_email" class="h-10 w-full !bg-[rgba(0,0,0,0)] border border-brand-charcoal/10 dark:border-brand-beige/10 rounded-md py-2 pl-4 placeholder:opacity-50 placeholder:text-brand-charcoal dark:placeholder:text-brand-beige focus:border-brand-purple dark:focus:border-brand-beige outline-none focus:ring-0  undefined"/></div></div><button type="submit" class="bg-brand-purple dark:bg-brand-yellow text-brand-white dark:text-brand-charcoal rounded py-2 px-4 font-bold w-full md:w-[200px] whitespace-nowrap"><span class="flex-grow">Get Bytes Today</span></button></div></form></div></div><div class="container mx-auto px-8 mt-14">
1<svg xmlns="http://www.w3.org/2000/svg" width="170" viewBox="0 0 393 95"><title>Fireship</title><path fill="var(--brand-orange)" d="M27.51.23c-.13-.11-.44-.11-.7-.16-.13.2-.31.36-.35.53-.1.44-.18.88-.22 1.33-.99 9.98-4.71 19.25-11.94 27.72-4.01 4.7-8 9.51-10.95 14.62-7.32 12.68-.81 25.62 15.17 31.28.53.18 1.12.27 2.43.58-5.42-4.9-8.21-9.88-7.27-15.77.9-5.62 3.74-10.64 8.05-15.21.32.64.34 1.19.31 1.74-.21 5.01 1.45 9.44 6.58 12.94 2.37 1.61 4.5 3.44 6.64 5.24 2.18 1.83 2.81 4.03 2.19 6.43-.3 1.17-.73 2.31-1.2 3.75 3.65-.36 7.02-.86 9.29-2.88 2.17-1.92 3.77-4.21 6.08-6.87.16 2.25.48 4 .36 5.74-.13 1.8-.69 3.59-1.06 5.39 11.09-1.67 20.87-12.55 21.3-23.68.31-8.12-6.6-20.02-12.4-21.17.33.76.63 1.48.95 2.2 2.01 4.44 2.6 8.93 1.33 13.57-1.27 4.62-7.74 9.8-13.44 10.45.19-.46.27-.9.54-1.25 6.14-8.28 6.22-16.94 2.73-25.78C47.26 19.14 38.3 9.26 27.51.23Z"></path><path fill="#f6f1d7" class="fill-brand-charcoal dark:fill-brand-beige" d="M131.27 32.47v41.91h-11.76V41.62h-17.05v32.76H90.7V41.62h-7.9v-9.15h7.9v-3.05c0-12.57 6.46-19.75 18.4-19.75h2.78v10.95h-1.71c-5.83 0-7.72 3.14-7.72 7.54v4.31h28.81Zm-13.38-14.45c0-3.95 3.41-7 7.45-7s7.45 3.05 7.45 7-3.23 7.09-7.45 7.09-7.45-3.14-7.45-7.09ZM173.72 32.73l-2.69 11.22c-2.51-1.35-4.58-1.53-6.01-1.53-6.01 0-10.14 5.65-10.14 17.59v14.36h-11.76V32.46h11.67v8.98c2.33-7 7.09-10.05 12.3-10.05 2.24 0 4.76.36 6.64 1.35ZM220.04 57.24h-31.5c1.26 4.94 5.21 7.81 10.77 7.81 4.31 0 8.44-1.97 11.04-4.94l6.82 6.91c-3.95 5.3-11.22 8.44-18.58 8.44-12.92 0-22.35-9.06-22.35-21.99s10.32-22.08 22.26-22.08 21.81 8.53 21.81 21.36c0 1.17-.09 2.6-.27 4.49Zm-11.58-7.63c-.36-4.94-4.4-8.08-9.69-8.08-4.85 0-8.98 2.42-10.23 8.08h19.93ZM226.77 61.19h11.04c0 2.42 2.06 5.03 6.19 5.03 3.41 0 6.01-1.71 6.01-4.13 0-1.8-1.44-2.69-4.58-3.5l-5.56-1.35c-10.77-2.87-12.21-8.89-12.21-13.28 0-6.46 6.73-12.57 16.42-12.57 7.63 0 16.6 3.68 16.51 13.64h-11.22c0-2.87-2.33-4.4-5.12-4.4s-4.85 1.53-4.85 3.68c0 1.97 1.79 2.96 4.13 3.59l6.91 1.8c10.05 2.69 11.31 8.98 11.31 12.39 0 8.8-8.98 13.37-17.59 13.37s-17.32-5.03-17.41-14.27ZM311.95 51.4v22.98h-11.76V52.12c0-6.55-3.95-9.6-7.99-9.6s-9.42 2.33-9.42 9.87v21.99h-11.76V9.67h11.76v29.44c1.79-5.39 8.53-7.72 12.56-7.72 10.95 0 16.69 7.45 16.6 20.01ZM321.65 18.02c0-3.95 3.41-7 7.45-7s7.45 3.05 7.45 7-3.32 7.09-7.45 7.09-7.45-3.14-7.45-7.09Zm1.61 56.36V32.47h11.76v41.91h-11.76ZM392.64 53.38c0 13.55-9.78 22.08-20.55 22.08-4.76 0-10.5-1.97-13.46-6.28v25.76h-11.76V32.47h11.76v5.12c2.96-4.22 8.71-6.19 13.46-6.19 10.77 0 20.55 8.62 20.55 21.99Zm-12.02.09c0-6.19-4.85-11.13-10.77-11.13s-10.86 4.76-10.86 11.13 5.39 11.04 10.86 11.04c5.92 0 10.77-4.85 10.77-11.04Z"></path></svg></div></footer></main></div>
1<script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/","query":{},"buildId":"r_4k6_gcL9FTomo4yA_x_","nextExport":true,"autoExport":true,"isFallback":false,"dynamicIds":[91086],"scriptLoader":[]}</script>
1</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.