Variable Declarations in JavaScript

相关文章推荐

聪明伶俐的煎鸡蛋 · 种植牙齿什么品牌比较好？怎么挑选_手机搜狐网· 10 月前 ·

重情义的芹菜 · 最美“林黛玉”陈晓旭，当初是如何被选出来的？ ...· 1 年前 ·

纯真的丝瓜 · “中国学派”动面电影如何体现民族性？ - 知乎· 1 年前 ·

飘逸的煎饼果子 · 频繁泼洒世界名画，极端环保主义为何总和艺术过 ...· 1 年前 ·

深情的大蒜 · MySQL、PostgreSQL ...· 1 年前 ·

</noscript><div id="__next" data-reactroot=""><div class="ed-grid lesson-page tablet lg:desktop"><nav class="sticky top-0 h-14 w-full sm:h-16 show-enterprise-nav bg-indigo-1000 dark:bg-gray-D1100 justify-between mx-auto transition duration-300 ease-in-out lg:px-6 border-0 border-b border-solid border-gray-L300 dark:border-gray-D1200" style="grid-area:ed-grid-header;z-index:12"><div class="show-enterprise-nav"><span class="flex "><button class="icon-default m-1.5 mr-0 sm:m-2" aria-label="toggle sidebar mobile"><div class="flex text-white dark:text-gray-D200"><svg xmlns="http://www.w3.org/2000/svg" height="24" viewbox="0 0 24 24" width="24" font-size="large" class="fill-current"><path d="M0 0h24v24H0z" fill="none"/><path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"/></svg></div></button></span></div><div class="flex flex-row items-center"><a title="educative.io" class="ml-1 lg:ml-3 flex cursor-pointer items-center duration-200 hover:text-black focus:text-black" href="/"><svg viewbox="0 0 100 100" fill="currentColor" xmlns="http://www.w3.org/2000/svg" height="26px" class="show-enterprise-nav text-white"><path d="M83.3333 0H16.6667C7.46115 0 0 7.46115 0 16.6667V83.326C0 92.5315 7.46115 99.9927 16.6593 99.9927H83.326C92.5315 99.9927 100 92.5388 100 83.3333V16.6667C100 7.46115 92.5388 0 83.3333 0ZM22.4861 81.5597L14.871 74.5896C14.3433 74.0985 14.3067 73.2703 14.7977 72.7353L31.479 54.5001C31.9261 54.0164 31.9408 53.2762 31.5157 52.7704L15.9191 34.2348C15.4573 33.6778 15.5233 32.8569 16.0803 32.3879L23.9666 25.7402C24.5236 25.2785 25.3445 25.3445 25.8135 25.9015L48.7101 53.1369C49.1352 53.6426 49.1205 54.3829 48.6734 54.8739L24.333 81.4937C23.842 82.0141 23.0211 82.0507 22.4934 81.567L22.4861 81.5597ZM85.5981 81.1346C85.5981 81.8602 85.0117 82.4465 84.2861 82.4465H48.9226C48.197 82.4465 47.6107 81.8602 47.6107 81.1346V71.416C47.6107 70.6904 48.197 70.1041 48.9226 70.1041H84.2861C85.0117 70.1041 85.5981 70.6904 85.5981 71.416V81.1346Z" fill="currentColor"/></svg><svg viewbox="0 0 100 100" fill="currentColor" xmlns="http://www.w3.org/2000/svg" height="26px" class="hide-enterprise-nav text-logo dark:text-white"><path d="M83.3333 0H16.6667C7.46115 0 0 7.46115 0 16.6667V83.326C0 92.5315 7.46115 99.9927 16.6593 99.9927H83.326C92.5315 99.9927 100 92.5388 100 83.3333V16.6667C100 7.46115 92.5388 0 83.3333 0ZM22.4861 81.5597L14.871 74.5896C14.3433 74.0985 14.3067 73.2703 14.7977 72.7353L31.479 54.5001C31.9261 54.0164 31.9408 53.2762 31.5157 52.7704L15.9191 34.2348C15.4573 33.6778 15.5233 32.8569 16.0803 32.3879L23.9666 25.7402C24.5236 25.2785 25.3445 25.3445 25.8135 25.9015L48.7101 53.1369C49.1352 53.6426 49.1205 54.3829 48.6734 54.8739L24.333 81.4937C23.842 82.0141 23.0211 82.0507 22.4934 81.567L22.4861 81.5597ZM85.5981 81.1346C85.5981 81.8602 85.0117 82.4465 84.2861 82.4465H48.9226C48.197 82.4465 47.6107 81.8602 47.6107 81.1346V71.416C47.6107 70.6904 48.197 70.1041 48.9226 70.1041H84.2861C85.0117 70.1041 85.5981 70.6904 85.5981 71.416V81.1346Z" fill="currentColor"/></svg><div class="show-enterprise-nav"><svg viewbox="0 0 396 66" fill="currentColor" xmlns="http://www.w3.org/2000/svg" height="16px" class="text-white tailwind-hidden ml-1 sm:block"><path d="m36.3 51.1 5.4 6.5c-2 2.5-4.5 4.4-7.3 5.5-3 1.3-6.4 1.9-10 1.9-4.9 0-9-1-12.7-3a20.8 20.8 0 0 1-8.4-8.2c-2-3.5-3-7.5-3-12 0-4.4 1-8.3 3-11.8 1.8-3.5 4.5-6.3 8-8.3 3.3-2 7.1-3 11.4-3 3.8 0 7.6 1 11 2.8 3.3 1.8 6 4.6 8 7.9 1.9 3.4 2.8 7.4 2.8 12L11.4 48c1 2.5 2.7 4.5 5 6 2.2 1.2 5 2 8.1 2 4.7 0 8.6-1.7 11.8-5Zm-22.7-20c-2.3 2.5-3.4 5.9-3.4 10.1v.1l24.5-4.9a12 12 0 0 0-12-9.2c-3.8 0-6.8 1.3-9 3.8ZM86 58.7V65h9V2.2h-8.7v22.6a16 16 0 0 0-6.1-4.6A22.2 22.2 0 0 0 61 21.6c-3.3 1.9-6 4.7-7.8 8-2 3.6-2.9 7.7-2.9 12.2 0 4.6 1 8.7 2.9 12.2 1.7 3.4 4.5 6.3 7.8 8.2a22.3 22.3 0 0 0 19.5 1.3c2.5-1 4.5-2.7 5.6-4.9ZM73.6 56c-2.3 0-4.6-.6-6.6-1.7-2-1.2-3.6-3-4.6-5a15.9 15.9 0 0 1-1.7-7.5c0-2.8.5-5.3 1.7-7.4 1-2 2.6-3.8 4.6-5C71 27 76 27 80.1 29.4c2 1.2 3.6 3 4.7 5 1 2.1 1.7 4.6 1.7 7.4 0 2.9-.6 5.4-1.7 7.5A12.3 12.3 0 0 1 73.5 56ZM145 18.7V65h-9v-6.3a19 19 0 0 1-14.2 6.4c-5.9 0-8.9-1.7-12.2-5-3.3-3.4-5-8.4-5-15V18.8h8.9v24.9c0 4 .6 7 2.3 9 1.8 2 4.3 3.1 7.6 3.1 3.6 0 6.5-1.2 8.6-3.5 2.2-2.4 4-4.3 4-10.2V18.8h9ZM164.6 62a21 21 0 0 1-8.2-8.2c-2-3.7-3-7.9-3-12 0-4.6 1-8.5 3-12 1.9-3.5 4.7-6.4 8.1-8.3 3.5-2 7.5-3 12-3 4.1 0 7.8 1 11 2.8 3 1.7 5.6 4.5 7 7.8l-7.6 4.7c-1-2-2.6-3.5-4.5-4.7-1.9-1-4-1.6-6-1.5-3.8 0-6.8 1.2-9.3 3.8-2.4 2.6-3.6 6-3.6 10.4 0 4.3 1.2 7.7 3.6 10.3a12 12 0 0 0 9.2 3.8 11.9 11.9 0 0 0 10.6-6.2l7.7 4.7c-1.6 3.3-4 6-7.2 7.9a21.3 21.3 0 0 1-11 2.8c-4.4 0-8.3-1-11.8-3ZM273.7 54.5a8.7 8.7 0 0 1-5.7 1.9c-2 0-3.4-.6-4.5-1.8-1-1.1-2-3.3-2-5V27.7h11.2v-9h-11.2v-9h-9v9h-6.7v9h6.7V50c0 5 1.3 8.8 4 11.4 2.6 2.6 5.5 3.8 10.3 3.8 1.8 0 3.6-.3 5.4-.8 1.6-.4 3-1.2 4.3-2.3l-2.8-7.5ZM285.8 18.8h8.8V65h-8.8V18.8ZM349.6 18.8 330.9 65h-10.4l-18.1-46.2h10l13.4 34.6 14-34.6h9.7ZM386.8 51.2l5.4 6.5c-1.9 2.5-4.4 4.4-7.3 5.5a26 26 0 0 1-10.1 1.9c-4.8 0-9-1-12.6-3a24.4 24.4 0 0 1-11.9-20.3 24.7 24.7 0 0 1 11.3-20.2c3.4-2 7.3-3 11.6-3 3.8 0 7.7 1 11 2.8 3.4 1.9 6.2 4.6 8 8 2 3.4 3 7.4 3 12L361.8 48c1 2.5 2.7 4.6 5 6 2.3 1.3 5 2 8.2 2 4.7 0 8.7-1.6 11.8-5ZM364.1 31c-2.3 2.5-3.5 6-3.5 10.2v.1l24.6-5a12.1 12.1 0 0 0-12-9.2c-3.8 0-6.8 1.3-9.2 3.9ZM294.7.8h-9v9h9v-9ZM235 22.1a20.5 20.5 0 0 0-12.7-3.6c-9.4 0-15.6 2.5-18.5 7.4l8.7 4.1c1.3-2.5 4.3-3.6 9.4-3.6 3.2 0 5.5.4 6.8 1.2 1.4.7 2.1 1.7 2.4 2.8.3 1.2 0 3 0 5.5h-2.4c-18.7 0-28.1 5.4-28.1 16 0 3.9 1.6 7.1 4.7 9.6 3 2.4 7 3.6 11.6 3.6 5.8 0 10.7-1.4 14.7-4.2v4l8.7.2V35.7c0-6.7-1.8-11.2-5.2-13.6Zm-3.4 29.5a13.8 13.8 0 0 1-5.2 4 17 17 0 0 1-7.2 1.6 11 11 0 0 1-6.3-1.5 4.8 4.8 0 0 1-2-4.2c0-5.4 5.4-8 16.2-8h4.5v8.1Z"/></svg></div><div class="hide-enterprise-nav"><svg viewbox="0 0 396 66" fill="currentColor" xmlns="http://www.w3.org/2000/svg" height="16px" class="text-gray-L900 dark:text-white tailwind-hidden ml-1 sm:block"><path d="m36.3 51.1 5.4 6.5c-2 2.5-4.5 4.4-7.3 5.5-3 1.3-6.4 1.9-10 1.9-4.9 0-9-1-12.7-3a20.8 20.8 0 0 1-8.4-8.2c-2-3.5-3-7.5-3-12 0-4.4 1-8.3 3-11.8 1.8-3.5 4.5-6.3 8-8.3 3.3-2 7.1-3 11.4-3 3.8 0 7.6 1 11 2.8 3.3 1.8 6 4.6 8 7.9 1.9 3.4 2.8 7.4 2.8 12L11.4 48c1 2.5 2.7 4.5 5 6 2.2 1.2 5 2 8.1 2 4.7 0 8.6-1.7 11.8-5Zm-22.7-20c-2.3 2.5-3.4 5.9-3.4 10.1v.1l24.5-4.9a12 12 0 0 0-12-9.2c-3.8 0-6.8 1.3-9 3.8ZM86 58.7V65h9V2.2h-8.7v22.6a16 16 0 0 0-6.1-4.6A22.2 22.2 0 0 0 61 21.6c-3.3 1.9-6 4.7-7.8 8-2 3.6-2.9 7.7-2.9 12.2 0 4.6 1 8.7 2.9 12.2 1.7 3.4 4.5 6.3 7.8 8.2a22.3 22.3 0 0 0 19.5 1.3c2.5-1 4.5-2.7 5.6-4.9ZM73.6 56c-2.3 0-4.6-.6-6.6-1.7-2-1.2-3.6-3-4.6-5a15.9 15.9 0 0 1-1.7-7.5c0-2.8.5-5.3 1.7-7.4 1-2 2.6-3.8 4.6-5C71 27 76 27 80.1 29.4c2 1.2 3.6 3 4.7 5 1 2.1 1.7 4.6 1.7 7.4 0 2.9-.6 5.4-1.7 7.5A12.3 12.3 0 0 1 73.5 56ZM145 18.7V65h-9v-6.3a19 19 0 0 1-14.2 6.4c-5.9 0-8.9-1.7-12.2-5-3.3-3.4-5-8.4-5-15V18.8h8.9v24.9c0 4 .6 7 2.3 9 1.8 2 4.3 3.1 7.6 3.1 3.6 0 6.5-1.2 8.6-3.5 2.2-2.4 4-4.3 4-10.2V18.8h9ZM164.6 62a21 21 0 0 1-8.2-8.2c-2-3.7-3-7.9-3-12 0-4.6 1-8.5 3-12 1.9-3.5 4.7-6.4 8.1-8.3 3.5-2 7.5-3 12-3 4.1 0 7.8 1 11 2.8 3 1.7 5.6 4.5 7 7.8l-7.6 4.7c-1-2-2.6-3.5-4.5-4.7-1.9-1-4-1.6-6-1.5-3.8 0-6.8 1.2-9.3 3.8-2.4 2.6-3.6 6-3.6 10.4 0 4.3 1.2 7.7 3.6 10.3a12 12 0 0 0 9.2 3.8 11.9 11.9 0 0 0 10.6-6.2l7.7 4.7c-1.6 3.3-4 6-7.2 7.9a21.3 21.3 0 0 1-11 2.8c-4.4 0-8.3-1-11.8-3ZM273.7 54.5a8.7 8.7 0 0 1-5.7 1.9c-2 0-3.4-.6-4.5-1.8-1-1.1-2-3.3-2-5V27.7h11.2v-9h-11.2v-9h-9v9h-6.7v9h6.7V50c0 5 1.3 8.8 4 11.4 2.6 2.6 5.5 3.8 10.3 3.8 1.8 0 3.6-.3 5.4-.8 1.6-.4 3-1.2 4.3-2.3l-2.8-7.5ZM285.8 18.8h8.8V65h-8.8V18.8ZM349.6 18.8 330.9 65h-10.4l-18.1-46.2h10l13.4 34.6 14-34.6h9.7ZM386.8 51.2l5.4 6.5c-1.9 2.5-4.4 4.4-7.3 5.5a26 26 0 0 1-10.1 1.9c-4.8 0-9-1-12.6-3a24.4 24.4 0 0 1-11.9-20.3 24.7 24.7 0 0 1 11.3-20.2c3.4-2 7.3-3 11.6-3 3.8 0 7.7 1 11 2.8 3.4 1.9 6.2 4.6 8 8 2 3.4 3 7.4 3 12L361.8 48c1 2.5 2.7 4.6 5 6 2.3 1.3 5 2 8.2 2 4.7 0 8.7-1.6 11.8-5ZM364.1 31c-2.3 2.5-3.5 6-3.5 10.2v.1l24.6-5a12.1 12.1 0 0 0-12-9.2c-3.8 0-6.8 1.3-9.2 3.9ZM294.7.8h-9v9h9v-9ZM235 22.1a20.5 20.5 0 0 0-12.7-3.6c-9.4 0-15.6 2.5-18.5 7.4l8.7 4.1c1.3-2.5 4.3-3.6 9.4-3.6 3.2 0 5.5.4 6.8 1.2 1.4.7 2.1 1.7 2.4 2.8.3 1.2 0 3 0 5.5h-2.4c-18.7 0-28.1 5.4-28.1 16 0 3.9 1.6 7.1 4.7 9.6 3 2.4 7 3.6 11.6 3.6 5.8 0 10.7-1.4 14.7-4.2v4l8.7.2V35.7c0-6.7-1.8-11.2-5.2-13.6Zm-3.4 29.5a13.8 13.8 0 0 1-5.2 4 17 17 0 0 1-7.2 1.6 11 11 0 0 1-6.3-1.5 4.8 4.8 0 0 1-2-4.2c0-5.4 5.4-8 16.2-8h4.5v8.1Z"/></svg></div></a></div><div class="tailwind-hidden flex-row lg:flex pl-6 h-full"/><div class="flex h-full flex-auto items-center justify-end"><div class="logged-out h-full"><div class="flex h-full items-center"><button class="m-0 h-full rounded-none p-4 text-default"><span class="text-white dark:text-gray-D50">Log In</span></button><button class="ml-2 mr-4 h-auto max-h-11 rounded-sm px-3 py-2.5 sm:px-4 contained-primary">Join<span class="tailwind-hidden sm:flex"> for free</span><div class="tailwind-hidden sm:flex"><svg xmlns="http://www.w3.org/2000/svg" height="24" viewbox="0 0 24 24" width="24" class="icon-right fill-current"><path d="M0 0h24v24H0z" fill="none"/><path d="M16 11H4v2h12v3l4-4-4-4z"/></svg></div></button></div></div></div></nav><nav class="sticky top-0 h-14 w-full sm:h-16 hide-enterprise-nav bg-white dark:bg-gray-D1400 mx-auto transition duration-300 ease-in-out lg:px-6 border-0 border-b border-solid border-gray-L300 dark:border-gray-D1200" style="grid-area:ed-grid-header;z-index:12"><div class="show-enterprise-nav"><span class="flex "><button class="icon-default m-1.5 mr-0 sm:m-2" aria-label="toggle sidebar mobile"><div class="flex text-white dark:text-gray-D200"><svg xmlns="http://www.w3.org/2000/svg" height="24" viewbox="0 0 24 24" width="24" font-size="large" class="fill-current"><path d="M0 0h24v24H0z" fill="none"/><path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"/></svg></div></button></span></div><div class="flex flex-row items-center"><a title="educative.io" class="ml-1 lg:ml-3 flex cursor-pointer items-center duration-200 hover:text-black focus:text-black" href="/"><svg viewbox="0 0 100 100" fill="currentColor" xmlns="http://www.w3.org/2000/svg" height="26px" class="show-enterprise-nav text-white"><path d="M83.3333 0H16.6667C7.46115 0 0 7.46115 0 16.6667V83.326C0 92.5315 7.46115 99.9927 16.6593 99.9927H83.326C92.5315 99.9927 100 92.5388 100 83.3333V16.6667C100 7.46115 92.5388 0 83.3333 0ZM22.4861 81.5597L14.871 74.5896C14.3433 74.0985 14.3067 73.2703 14.7977 72.7353L31.479 54.5001C31.9261 54.0164 31.9408 53.2762 31.5157 52.7704L15.9191 34.2348C15.4573 33.6778 15.5233 32.8569 16.0803 32.3879L23.9666 25.7402C24.5236 25.2785 25.3445 25.3445 25.8135 25.9015L48.7101 53.1369C49.1352 53.6426 49.1205 54.3829 48.6734 54.8739L24.333 81.4937C23.842 82.0141 23.0211 82.0507 22.4934 81.567L22.4861 81.5597ZM85.5981 81.1346C85.5981 81.8602 85.0117 82.4465 84.2861 82.4465H48.9226C48.197 82.4465 47.6107 81.8602 47.6107 81.1346V71.416C47.6107 70.6904 48.197 70.1041 48.9226 70.1041H84.2861C85.0117 70.1041 85.5981 70.6904 85.5981 71.416V81.1346Z" fill="currentColor"/></svg><svg viewbox="0 0 100 100" fill="currentColor" xmlns="http://www.w3.org/2000/svg" height="26px" class="hide-enterprise-nav text-logo dark:text-white"><path d="M83.3333 0H16.6667C7.46115 0 0 7.46115 0 16.6667V83.326C0 92.5315 7.46115 99.9927 16.6593 99.9927H83.326C92.5315 99.9927 100 92.5388 100 83.3333V16.6667C100 7.46115 92.5388 0 83.3333 0ZM22.4861 81.5597L14.871 74.5896C14.3433 74.0985 14.3067 73.2703 14.7977 72.7353L31.479 54.5001C31.9261 54.0164 31.9408 53.2762 31.5157 52.7704L15.9191 34.2348C15.4573 33.6778 15.5233 32.8569 16.0803 32.3879L23.9666 25.7402C24.5236 25.2785 25.3445 25.3445 25.8135 25.9015L48.7101 53.1369C49.1352 53.6426 49.1205 54.3829 48.6734 54.8739L24.333 81.4937C23.842 82.0141 23.0211 82.0507 22.4934 81.567L22.4861 81.5597ZM85.5981 81.1346C85.5981 81.8602 85.0117 82.4465 84.2861 82.4465H48.9226C48.197 82.4465 47.6107 81.8602 47.6107 81.1346V71.416C47.6107 70.6904 48.197 70.1041 48.9226 70.1041H84.2861C85.0117 70.1041 85.5981 70.6904 85.5981 71.416V81.1346Z" fill="currentColor"/></svg><div class="show-enterprise-nav"><svg viewbox="0 0 396 66" fill="currentColor" xmlns="http://www.w3.org/2000/svg" height="16px" class="text-white tailwind-hidden ml-1 sm:block"><path d="m36.3 51.1 5.4 6.5c-2 2.5-4.5 4.4-7.3 5.5-3 1.3-6.4 1.9-10 1.9-4.9 0-9-1-12.7-3a20.8 20.8 0 0 1-8.4-8.2c-2-3.5-3-7.5-3-12 0-4.4 1-8.3 3-11.8 1.8-3.5 4.5-6.3 8-8.3 3.3-2 7.1-3 11.4-3 3.8 0 7.6 1 11 2.8 3.3 1.8 6 4.6 8 7.9 1.9 3.4 2.8 7.4 2.8 12L11.4 48c1 2.5 2.7 4.5 5 6 2.2 1.2 5 2 8.1 2 4.7 0 8.6-1.7 11.8-5Zm-22.7-20c-2.3 2.5-3.4 5.9-3.4 10.1v.1l24.5-4.9a12 12 0 0 0-12-9.2c-3.8 0-6.8 1.3-9 3.8ZM86 58.7V65h9V2.2h-8.7v22.6a16 16 0 0 0-6.1-4.6A22.2 22.2 0 0 0 61 21.6c-3.3 1.9-6 4.7-7.8 8-2 3.6-2.9 7.7-2.9 12.2 0 4.6 1 8.7 2.9 12.2 1.7 3.4 4.5 6.3 7.8 8.2a22.3 22.3 0 0 0 19.5 1.3c2.5-1 4.5-2.7 5.6-4.9ZM73.6 56c-2.3 0-4.6-.6-6.6-1.7-2-1.2-3.6-3-4.6-5a15.9 15.9 0 0 1-1.7-7.5c0-2.8.5-5.3 1.7-7.4 1-2 2.6-3.8 4.6-5C71 27 76 27 80.1 29.4c2 1.2 3.6 3 4.7 5 1 2.1 1.7 4.6 1.7 7.4 0 2.9-.6 5.4-1.7 7.5A12.3 12.3 0 0 1 73.5 56ZM145 18.7V65h-9v-6.3a19 19 0 0 1-14.2 6.4c-5.9 0-8.9-1.7-12.2-5-3.3-3.4-5-8.4-5-15V18.8h8.9v24.9c0 4 .6 7 2.3 9 1.8 2 4.3 3.1 7.6 3.1 3.6 0 6.5-1.2 8.6-3.5 2.2-2.4 4-4.3 4-10.2V18.8h9ZM164.6 62a21 21 0 0 1-8.2-8.2c-2-3.7-3-7.9-3-12 0-4.6 1-8.5 3-12 1.9-3.5 4.7-6.4 8.1-8.3 3.5-2 7.5-3 12-3 4.1 0 7.8 1 11 2.8 3 1.7 5.6 4.5 7 7.8l-7.6 4.7c-1-2-2.6-3.5-4.5-4.7-1.9-1-4-1.6-6-1.5-3.8 0-6.8 1.2-9.3 3.8-2.4 2.6-3.6 6-3.6 10.4 0 4.3 1.2 7.7 3.6 10.3a12 12 0 0 0 9.2 3.8 11.9 11.9 0 0 0 10.6-6.2l7.7 4.7c-1.6 3.3-4 6-7.2 7.9a21.3 21.3 0 0 1-11 2.8c-4.4 0-8.3-1-11.8-3ZM273.7 54.5a8.7 8.7 0 0 1-5.7 1.9c-2 0-3.4-.6-4.5-1.8-1-1.1-2-3.3-2-5V27.7h11.2v-9h-11.2v-9h-9v9h-6.7v9h6.7V50c0 5 1.3 8.8 4 11.4 2.6 2.6 5.5 3.8 10.3 3.8 1.8 0 3.6-.3 5.4-.8 1.6-.4 3-1.2 4.3-2.3l-2.8-7.5ZM285.8 18.8h8.8V65h-8.8V18.8ZM349.6 18.8 330.9 65h-10.4l-18.1-46.2h10l13.4 34.6 14-34.6h9.7ZM386.8 51.2l5.4 6.5c-1.9 2.5-4.4 4.4-7.3 5.5a26 26 0 0 1-10.1 1.9c-4.8 0-9-1-12.6-3a24.4 24.4 0 0 1-11.9-20.3 24.7 24.7 0 0 1 11.3-20.2c3.4-2 7.3-3 11.6-3 3.8 0 7.7 1 11 2.8 3.4 1.9 6.2 4.6 8 8 2 3.4 3 7.4 3 12L361.8 48c1 2.5 2.7 4.6 5 6 2.3 1.3 5 2 8.2 2 4.7 0 8.7-1.6 11.8-5ZM364.1 31c-2.3 2.5-3.5 6-3.5 10.2v.1l24.6-5a12.1 12.1 0 0 0-12-9.2c-3.8 0-6.8 1.3-9.2 3.9ZM294.7.8h-9v9h9v-9ZM235 22.1a20.5 20.5 0 0 0-12.7-3.6c-9.4 0-15.6 2.5-18.5 7.4l8.7 4.1c1.3-2.5 4.3-3.6 9.4-3.6 3.2 0 5.5.4 6.8 1.2 1.4.7 2.1 1.7 2.4 2.8.3 1.2 0 3 0 5.5h-2.4c-18.7 0-28.1 5.4-28.1 16 0 3.9 1.6 7.1 4.7 9.6 3 2.4 7 3.6 11.6 3.6 5.8 0 10.7-1.4 14.7-4.2v4l8.7.2V35.7c0-6.7-1.8-11.2-5.2-13.6Zm-3.4 29.5a13.8 13.8 0 0 1-5.2 4 17 17 0 0 1-7.2 1.6 11 11 0 0 1-6.3-1.5 4.8 4.8 0 0 1-2-4.2c0-5.4 5.4-8 16.2-8h4.5v8.1Z"/></svg></div><div class="hide-enterprise-nav"><svg viewbox="0 0 396 66" fill="currentColor" xmlns="http://www.w3.org/2000/svg" height="16px" class="text-gray-L900 dark:text-white tailwind-hidden ml-1 sm:block"><path d="m36.3 51.1 5.4 6.5c-2 2.5-4.5 4.4-7.3 5.5-3 1.3-6.4 1.9-10 1.9-4.9 0-9-1-12.7-3a20.8 20.8 0 0 1-8.4-8.2c-2-3.5-3-7.5-3-12 0-4.4 1-8.3 3-11.8 1.8-3.5 4.5-6.3 8-8.3 3.3-2 7.1-3 11.4-3 3.8 0 7.6 1 11 2.8 3.3 1.8 6 4.6 8 7.9 1.9 3.4 2.8 7.4 2.8 12L11.4 48c1 2.5 2.7 4.5 5 6 2.2 1.2 5 2 8.1 2 4.7 0 8.6-1.7 11.8-5Zm-22.7-20c-2.3 2.5-3.4 5.9-3.4 10.1v.1l24.5-4.9a12 12 0 0 0-12-9.2c-3.8 0-6.8 1.3-9 3.8ZM86 58.7V65h9V2.2h-8.7v22.6a16 16 0 0 0-6.1-4.6A22.2 22.2 0 0 0 61 21.6c-3.3 1.9-6 4.7-7.8 8-2 3.6-2.9 7.7-2.9 12.2 0 4.6 1 8.7 2.9 12.2 1.7 3.4 4.5 6.3 7.8 8.2a22.3 22.3 0 0 0 19.5 1.3c2.5-1 4.5-2.7 5.6-4.9ZM73.6 56c-2.3 0-4.6-.6-6.6-1.7-2-1.2-3.6-3-4.6-5a15.9 15.9 0 0 1-1.7-7.5c0-2.8.5-5.3 1.7-7.4 1-2 2.6-3.8 4.6-5C71 27 76 27 80.1 29.4c2 1.2 3.6 3 4.7 5 1 2.1 1.7 4.6 1.7 7.4 0 2.9-.6 5.4-1.7 7.5A12.3 12.3 0 0 1 73.5 56ZM145 18.7V65h-9v-6.3a19 19 0 0 1-14.2 6.4c-5.9 0-8.9-1.7-12.2-5-3.3-3.4-5-8.4-5-15V18.8h8.9v24.9c0 4 .6 7 2.3 9 1.8 2 4.3 3.1 7.6 3.1 3.6 0 6.5-1.2 8.6-3.5 2.2-2.4 4-4.3 4-10.2V18.8h9ZM164.6 62a21 21 0 0 1-8.2-8.2c-2-3.7-3-7.9-3-12 0-4.6 1-8.5 3-12 1.9-3.5 4.7-6.4 8.1-8.3 3.5-2 7.5-3 12-3 4.1 0 7.8 1 11 2.8 3 1.7 5.6 4.5 7 7.8l-7.6 4.7c-1-2-2.6-3.5-4.5-4.7-1.9-1-4-1.6-6-1.5-3.8 0-6.8 1.2-9.3 3.8-2.4 2.6-3.6 6-3.6 10.4 0 4.3 1.2 7.7 3.6 10.3a12 12 0 0 0 9.2 3.8 11.9 11.9 0 0 0 10.6-6.2l7.7 4.7c-1.6 3.3-4 6-7.2 7.9a21.3 21.3 0 0 1-11 2.8c-4.4 0-8.3-1-11.8-3ZM273.7 54.5a8.7 8.7 0 0 1-5.7 1.9c-2 0-3.4-.6-4.5-1.8-1-1.1-2-3.3-2-5V27.7h11.2v-9h-11.2v-9h-9v9h-6.7v9h6.7V50c0 5 1.3 8.8 4 11.4 2.6 2.6 5.5 3.8 10.3 3.8 1.8 0 3.6-.3 5.4-.8 1.6-.4 3-1.2 4.3-2.3l-2.8-7.5ZM285.8 18.8h8.8V65h-8.8V18.8ZM349.6 18.8 330.9 65h-10.4l-18.1-46.2h10l13.4 34.6 14-34.6h9.7ZM386.8 51.2l5.4 6.5c-1.9 2.5-4.4 4.4-7.3 5.5a26 26 0 0 1-10.1 1.9c-4.8 0-9-1-12.6-3a24.4 24.4 0 0 1-11.9-20.3 24.7 24.7 0 0 1 11.3-20.2c3.4-2 7.3-3 11.6-3 3.8 0 7.7 1 11 2.8 3.4 1.9 6.2 4.6 8 8 2 3.4 3 7.4 3 12L361.8 48c1 2.5 2.7 4.6 5 6 2.3 1.3 5 2 8.2 2 4.7 0 8.7-1.6 11.8-5ZM364.1 31c-2.3 2.5-3.5 6-3.5 10.2v.1l24.6-5a12.1 12.1 0 0 0-12-9.2c-3.8 0-6.8 1.3-9.2 3.9ZM294.7.8h-9v9h9v-9ZM235 22.1a20.5 20.5 0 0 0-12.7-3.6c-9.4 0-15.6 2.5-18.5 7.4l8.7 4.1c1.3-2.5 4.3-3.6 9.4-3.6 3.2 0 5.5.4 6.8 1.2 1.4.7 2.1 1.7 2.4 2.8.3 1.2 0 3 0 5.5h-2.4c-18.7 0-28.1 5.4-28.1 16 0 3.9 1.6 7.1 4.7 9.6 3 2.4 7 3.6 11.6 3.6 5.8 0 10.7-1.4 14.7-4.2v4l8.7.2V35.7c0-6.7-1.8-11.2-5.2-13.6Zm-3.4 29.5a13.8 13.8 0 0 1-5.2 4 17 17 0 0 1-7.2 1.6 11 11 0 0 1-6.3-1.5 4.8 4.8 0 0 1-2-4.2c0-5.4 5.4-8 16.2-8h4.5v8.1Z"/></svg></div></a></div><div class="tailwind-hidden flex-row lg:flex pl-6 h-full"/><div class="flex h-full flex-auto items-center justify-end"><div class="logged-out h-full"><div class="flex h-full items-center"><button class="m-0 h-full rounded-none p-4 text-default"><span class="text-default">Log In</span></button><button class="ml-2 mr-4 h-auto max-h-11 rounded-sm px-3 py-2.5 sm:px-4 contained-primary">Join<span class="tailwind-hidden sm:flex"> for free</span><div class="tailwind-hidden sm:flex"><svg xmlns="http://www.w3.org/2000/svg" height="24" viewbox="0 0 24 24" width="24" class="icon-right fill-current"><path d="M0 0h24v24H0z" fill="none"/><path d="M16 11H4v2h12v3l4-4-4-4z"/></svg></div></button></div></div></div></nav><div class="sticky z-20 sm:z-10" style="top:var(--header-height);grid-area:ed-grid-header2"><div class="bg-gray-L600 text-white"/></div><div class="h-0 w-0 backdrop-blur-sm"/><div class="tailwind-hidden sm:flex &#10; fixed cursor-pointer bg-gray-L50 items-center rounded-full dark:bg-gray-D1400 border border-solid border-gray-L200 dark:border-gray-D1000 h-7 stroke-current&#10; justify-center w-7&#10; lg:opacity-0 opacity-100" id="sidebar-caret-collapse-2" aria-label="toggle sidebar" style="left:calc(19rem * var(--sidebar));transition:width 200ms ease-in-out, left 200ms ease-in-out;top:96px;z-index:12" role="navigation"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4 transform stroke-current transition duration-500 text-gray-L500 dark:text-gray-D100 rotate-0"><polyline points="15 18 9 12 15 6"/></svg></div><nav class="no-scrollbar overflow-x-hidden overscroll-y-contain ed-grid-sidebar2 major-second lg:minor-third flex flex-col bg-gray-L25 dark:bg-gray-D1400 dark:border-D1200 border-0 border-r border-solid border-gray-L200 lg:border-r-0" style="transition:max-width 200ms, width 200ms ease-in-out;max-width:calc(20rem * var(--sidebar));width:calc(20rem * var(--sidebar))"><div class="flex h-full w-full flex-col" style="width:20rem"><div class="no-scrollbar flex h-full flex-col overflow-y-auto"><a class="flex items-center space-x-2.5 p-3 pl-6 text-base font-bold hover:bg-gray-buttonHover dark:hover:bg-gray-D1000" href="/collection/10370001/5637225408626688"><svg width="24" height="24" fill="current" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="flex-shrink-0 fill-current text-gray-L400"><path d="M20 11H7.8l5.6-5.6L12 4l-8 8 8 8 1.4-1.4L7.8 13H20v-2z" fill="current"/></svg><span class="navigation-text">Back To Course Home</span></a><div class="border-0 border-b border-solid border-gray-L200 dark:border-gray-D1200 mb-6"/><a class="heading-five mb-4 cursor-pointer select-none break-words px-6 hover:text-indigo-500 dark:hover:text-indigo-400 dark:focus:text-indigo-400" href="/collection/10370001/5637225408626688">JavaScript Fundamentals Before Learning React</a><div class="mx-6 flex flex-col space-y-3"><div class="flex h-10 items-center justify-between space-x-2"><span class="body-small whitespace-pre-wrap">0% completed</span></div><div class=" h-2 bg-gray-L200 dark:bg-gray-D700 rounded overflow-hidden"><div class="h-full bg-green-500 dark:bg-green-700 rounded-r-none" style="width:0%" role="progressbar" aria-label="Progress Bar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"/></div></div><div class="m-6 flex items-center rounded border border-solid border-gray-L400 bg-white pl-4 dark:border-gray-D1100 dark:bg-gray-D1500"><svg xmlns="http://www.w3.org/2000/svg" height="24" viewbox="0 0 24 24" width="24" class="h-6 w-6 flex-shrink-0 fill-current dark:text-gray-D200"><path d="M0 0h24v24H0z" fill="none"/><path d="M15.5 14h-.8l-.3-.3c1-1.1 1.6-2.6 1.6-4.2a6.5 6.5 0 10-2.3 5l.3.2v.8l5 5 1.5-1.5-5-5zm-6 0a4.5 4.5 0 110-9 4.5 4.5 0 010 9z"/></svg><input type="text" aria-label="search" class="body-small no-outline h-8 w-full rounded border-none py-1 pl-2 dark:bg-gray-D1500 dark:text-gray-D200 dark:placeholder-gray-D400" placeholder="Search Course" value=""/></div><div class="no-scrollbar flex max-h-full flex-col overflow-y-auto overscroll-y-contain py-2"><div class="mb-4 flex flex-shrink-0 flex-col "><div id="category-collapse" class="flex flex-nowrap items-center justify-between mb-4 ml-6 mr-4 mt-2"><div class="cursor-pointer flex flex-col text-ellipsis overflow-hidden" style="word-break:break-word"><div class="flex"><div class="flex"><h5 class="m-0 heading-five">Getting Started</h5></div></div></div><div class="flex"><button class="icon-default rounded-full" aria-label="collapse category"><div class="inline-flex text-black dark:text-gray-D200 hover:text-indigo-500 dark:hover:text-indigo-400 cursor-pointer duration-200 IconButton_icon-button__2Rh_G transform scale-125" style="size:24px;margin:0px"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-up"><polyline points="18 15 12 9 6 15"/></svg></div></button></div></div><div class="flex flex-shrink-0 flex-col"><div class="" style="z-index:2"><div class="ml-10 mr-4 border-0 border-solid border-black py-3 dark:border-gray-D800 flex flex-nowrap items-start justify-start overflow-visible"><div class="flex w-full"><div class="-ml-2 flex-shrink-0 flex-grow-0" style="margin-top:-13px;width:15px"><div class="bg-gray-L50 dark:bg-gray-D1200 border border-gray-L900 border-solid dark:border-gray-D700 flex-shrink-0 rounded-full" style="height:15px;width:15px"/></div><a class="mr-1 min-h-[48px] w-full min-w-[48px] flex-grow-0 cursor-pointer overflow-hidden duration-200 sm:min-h-[auto] sm:min-w-[auto] mb-auto" id="" style="margin-left:18px;margin-top:-14px;text-decoration:none" href="/courses/javascript-fundamentals-before-learning-react/entering-react-after-learning-javascript"><div class="flex w-full justify-between"><span class="body-small">Entering React after learning JavaScript</span></div></a></div></div></div></div></div><div class="mb-4 flex flex-shrink-0 flex-col "><div id="category-collapse" class="flex flex-nowrap items-center justify-between mb-4 ml-6 mr-4 mt-2"><div class="cursor-pointer flex flex-col text-ellipsis overflow-hidden" style="word-break:break-word"><div class="flex"><div class="flex"><h5 class="m-0 heading-five">Variables, Operators &amp; Expressions</h5></div></div></div><div class="flex"><button class="icon-default rounded-full" aria-label="collapse category"><div class="inline-flex text-black dark:text-gray-D200 hover:text-indigo-500 dark:hover:text-indigo-400 cursor-pointer duration-200 IconButton_icon-button__2Rh_G transform scale-125" style="size:24px;margin:0px"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-up"><polyline points="18 15 12 9 6 15"/></svg></div></button></div></div><div class="flex flex-shrink-0 flex-col"><div class="relative -translate-y-2 transform bg-gray-L200 dark:bg-gray-D1200" style="z-index:1"><div class="border-l ml-10 mr-4 border-0 border-solid border-black py-3 dark:border-gray-D800 flex flex-nowrap items-start justify-start overflow-visible relative top-2"><div class="flex w-full"><div class="-ml-2 flex-shrink-0 flex-grow-0" style="margin-top:-13px;width:15px"><div class="bg-gray-L900 dark:bg-gray-D700 border-none flex-shrink-0 rounded-full" style="height:15px;width:15px"/></div><a class="mr-1 min-h-[48px] w-full min-w-[48px] flex-grow-0 cursor-pointer overflow-hidden duration-200 sm:min-h-[auto] sm:min-w-[auto] mb-auto" id="" style="margin-left:18px;margin-top:-14px;text-decoration:none" href="/courses/javascript-fundamentals-before-learning-react/variable-declarations-in-javascript"><div class="flex w-full justify-between"><span class="body-small">Variable Declarations in JavaScript</span></div></a></div></div></div><div class="" style="z-index:2"><div class="border-l ml-10 mr-4 border-0 border-solid border-black py-3 dark:border-gray-D800 flex flex-nowrap items-start justify-start overflow-visible"><div class="flex w-full"><div class="-ml-2 flex-shrink-0 flex-grow-0" style="margin-top:-13px;width:15px"><div class="bg-gray-L50 dark:bg-gray-D1200 border border-gray-L900 border-solid dark:border-gray-D700 flex-shrink-0 rounded-full" style="height:15px;width:15px"/></div><a class="mr-1 min-h-[48px] w-full min-w-[48px] flex-grow-0 cursor-pointer overflow-hidden duration-200 sm:min-h-[auto] sm:min-w-[auto] mb-auto" id="" style="margin-left:18px;margin-top:-14px;text-decoration:none" href="/courses/javascript-fundamentals-before-learning-react/operators-expressions-in-js"><div class="flex w-full justify-between"><span class="body-small">Operators &amp; Expressions in JS</span></div></a></div></div></div><div class="" style="z-index:2"><div class="border-l ml-10 mr-4 border-0 border-solid border-black py-3 dark:border-gray-D800 flex flex-nowrap items-start justify-start overflow-visible"><div class="flex w-full"><div class="-ml-2 flex-shrink-0 flex-grow-0" style="margin-top:-13px;width:15px"><div class="bg-gray-L50 dark:bg-gray-D1200 border border-gray-L900 border-solid dark:border-gray-D700 flex-shrink-0 rounded-full" style="height:15px;width:15px"/></div><a class="mr-1 min-h-[48px] w-full min-w-[48px] flex-grow-0 cursor-pointer overflow-hidden duration-200 sm:min-h-[auto] sm:min-w-[auto] mb-auto" id="" style="margin-left:18px;margin-top:-14px;text-decoration:none" href="/courses/javascript-fundamentals-before-learning-react/ternary-operator-in-react"><div class="flex w-full justify-between"><span class="body-small">Ternary Operator in React</span></div></a></div></div></div><div class="" style="z-index:2"><div class="border-l ml-10 mr-4 border-0 border-solid border-black py-3 dark:border-gray-D800 flex flex-nowrap items-start justify-start overflow-visible"><div class="flex w-full"><div class="-ml-2 flex-shrink-0 flex-grow-0" style="margin-top:-13px;width:15px"><svg class="dark:invert" fill="none" height="15" name="locked-lesson" viewbox="0 0 11 13" width="15"><path d="M9.625 4.33197H8.9375V3.21769C8.9375 1.73197 7.8375 0.357686 6.215 0.0729242C4.00125 -0.335647 2.0625 1.17483 2.0625 3.09388V4.33197H1.375C0.61875 4.33197 0 4.88911 0 5.57007V11.7605C0 12.4415 0.61875 12.9986 1.375 12.9986H9.625C10.3813 12.9986 11 12.4415 11 11.7605V5.57007C11 4.88911 10.3813 4.33197 9.625 4.33197Z" fill="#000000"/><path d="M5.12875 1.20093C4.125 1.37427 3.4375 2.24093 3.4375 3.15712V4.33331H7.5625V3.09522C7.5625 1.91903 6.435 0.990458 5.12875 1.20093Z" fill="#FFFFFF"/><path d="M5.375 9.47619C6.13439 9.47619 6.75 8.92188 6.75 8.2381C6.75 7.55431 6.13439 7 5.375 7C4.61561 7 4 7.55431 4 8.2381C4 8.92188 4.61561 9.47619 5.375 9.47619Z" fill="#FFFFFF"/></svg></div><a class="mr-1 min-h-[48px] w-full min-w-[48px] flex-grow-0 cursor-pointer overflow-hidden duration-200 sm:min-h-[auto] sm:min-w-[auto] mb-auto" id="" style="margin-left:18px;margin-top:-14px;text-decoration:none" href="/courses/javascript-fundamentals-before-learning-react/object-destructuring-spread-operators"><div class="flex w-full justify-between"><span class="body-small">Object Destructuring &amp; Spread Operators</span></div></a></div></div></div><div class="" style="z-index:2"><div class="ml-10 mr-4 border-0 border-solid border-black py-3 dark:border-gray-D800 flex flex-nowrap items-start justify-start overflow-visible"><div class="flex w-full"><div class="-ml-2 flex-shrink-0 flex-grow-0" style="margin-top:-13px;width:15px"><svg class="dark:invert" fill="none" height="15" name="locked-lesson" viewbox="0 0 11 13" width="15"><path d="M9.625 4.33197H8.9375V3.21769C8.9375 1.73197 7.8375 0.357686 6.215 0.0729242C4.00125 -0.335647 2.0625 1.17483 2.0625 3.09388V4.33197H1.375C0.61875 4.33197 0 4.88911 0 5.57007V11.7605C0 12.4415 0.61875 12.9986 1.375 12.9986H9.625C10.3813 12.9986 11 12.4415 11 11.7605V5.57007C11 4.88911 10.3813 4.33197 9.625 4.33197Z" fill="#000000"/><path d="M5.12875 1.20093C4.125 1.37427 3.4375 2.24093 3.4375 3.15712V4.33331H7.5625V3.09522C7.5625 1.91903 6.435 0.990458 5.12875 1.20093Z" fill="#FFFFFF"/><path d="M5.375 9.47619C6.13439 9.47619 6.75 8.92188 6.75 8.2381C6.75 7.55431 6.13439 7 5.375 7C4.61561 7 4 7.55431 4 8.2381C4 8.92188 4.61561 9.47619 5.375 9.47619Z" fill="#FFFFFF"/></svg></div><a class="mr-1 min-h-[48px] w-full min-w-[48px] flex-grow-0 cursor-pointer overflow-hidden duration-200 sm:min-h-[auto] sm:min-w-[auto] mb-auto" id="" style="margin-left:18px;margin-top:-14px;text-decoration:none" href="/courses/javascript-fundamentals-before-learning-react/quick-quiz-on-javascript-variables-operators"><div class="flex w-full justify-between"><span class="body-small">Quick Quiz on JavaScript Variables &amp; Operators!</span></div></a></div></div></div></div></div><div class="mb-4 flex flex-shrink-0 flex-col "><div id="category-collapse" class="flex flex-nowrap items-center justify-between mb-4 ml-6 mr-4 mt-2"><div class="cursor-pointer flex flex-col text-ellipsis overflow-hidden" style="word-break:break-word"><div class="flex"><div class="flex"><h5 class="m-0 heading-five">Functions</h5></div></div></div><div class="flex"><button class="icon-default rounded-full" aria-label="collapse category"><div class="inline-flex text-black dark:text-gray-D200 hover:text-indigo-500 dark:hover:text-indigo-400 cursor-pointer duration-200 IconButton_icon-button__2Rh_G transform scale-125" style="size:24px;margin:0px"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-up"><polyline points="18 15 12 9 6 15"/></svg></div></button></div></div><div class="flex flex-shrink-0 flex-col"><div class="" style="z-index:2"><div class="border-l ml-10 mr-4 border-0 border-solid border-black py-3 dark:border-gray-D800 flex flex-nowrap items-start justify-start overflow-visible"><div class="flex w-full"><div class="-ml-2 flex-shrink-0 flex-grow-0" style="margin-top:-13px;width:15px"><svg class="dark:invert" fill="none" height="15" name="locked-lesson" viewbox="0 0 11 13" width="15"><path d="M9.625 4.33197H8.9375V3.21769C8.9375 1.73197 7.8375 0.357686 6.215 0.0729242C4.00125 -0.335647 2.0625 1.17483 2.0625 3.09388V4.33197H1.375C0.61875 4.33197 0 4.88911 0 5.57007V11.7605C0 12.4415 0.61875 12.9986 1.375 12.9986H9.625C10.3813 12.9986 11 12.4415 11 11.7605V5.57007C11 4.88911 10.3813 4.33197 9.625 4.33197Z" fill="#000000"/><path d="M5.12875 1.20093C4.125 1.37427 3.4375 2.24093 3.4375 3.15712V4.33331H7.5625V3.09522C7.5625 1.91903 6.435 0.990458 5.12875 1.20093Z" fill="#FFFFFF"/><path d="M5.375 9.47619C6.13439 9.47619 6.75 8.92188 6.75 8.2381C6.75 7.55431 6.13439 7 5.375 7C4.61561 7 4 7.55431 4 8.2381C4 8.92188 4.61561 9.47619 5.375 9.47619Z" fill="#FFFFFF"/></svg></div><a class="mr-1 min-h-[48px] w-full min-w-[48px] flex-grow-0 cursor-pointer overflow-hidden duration-200 sm:min-h-[auto] sm:min-w-[auto] mb-auto" id="" style="margin-left:18px;margin-top:-14px;text-decoration:none" href="/courses/javascript-fundamentals-before-learning-react/function-declaration-in-javascript"><div class="flex w-full justify-between"><span class="body-small">Function Declaration in JavaScript</span></div></a></div></div></div><div class="" style="z-index:2"><div class="border-l ml-10 mr-4 border-0 border-solid border-black py-3 dark:border-gray-D800 flex flex-nowrap items-start justify-start overflow-visible"><div class="flex w-full"><div class="-ml-2 flex-shrink-0 flex-grow-0" style="margin-top:-13px;width:15px"><svg class="dark:invert" fill="none" height="15" name="locked-lesson" viewbox="0 0 11 13" width="15"><path d="M9.625 4.33197H8.9375V3.21769C8.9375 1.73197 7.8375 0.357686 6.215 0.0729242C4.00125 -0.335647 2.0625 1.17483 2.0625 3.09388V4.33197H1.375C0.61875 4.33197 0 4.88911 0 5.57007V11.7605C0 12.4415 0.61875 12.9986 1.375 12.9986H9.625C10.3813 12.9986 11 12.4415 11 11.7605V5.57007C11 4.88911 10.3813 4.33197 9.625 4.33197Z" fill="#000000"/><path d="M5.12875 1.20093C4.125 1.37427 3.4375 2.24093 3.4375 3.15712V4.33331H7.5625V3.09522C7.5625 1.91903 6.435 0.990458 5.12875 1.20093Z" fill="#FFFFFF"/><path d="M5.375 9.47619C6.13439 9.47619 6.75 8.92188 6.75 8.2381C6.75 7.55431 6.13439 7 5.375 7C4.61561 7 4 7.55431 4 8.2381C4 8.92188 4.61561 9.47619 5.375 9.47619Z" fill="#FFFFFF"/></svg></div><a class="mr-1 min-h-[48px] w-full min-w-[48px] flex-grow-0 cursor-pointer overflow-hidden duration-200 sm:min-h-[auto] sm:min-w-[auto] mb-auto" id="" style="margin-left:18px;margin-top:-14px;text-decoration:none" href="/courses/javascript-fundamentals-before-learning-react/arrow-functions-in-react"><div class="flex w-full justify-between"><span class="body-small">Arrow Functions in React</span></div></a></div></div></div><div class="" style="z-index:2"><div class="border-l ml-10 mr-4 border-0 border-solid border-black py-3 dark:border-gray-D800 flex flex-nowrap items-start justify-start overflow-visible"><div class="flex w-full"><div class="-ml-2 flex-shrink-0 flex-grow-0" style="margin-top:-13px;width:15px"><svg class="dark:invert" fill="none" height="15" name="locked-lesson" viewbox="0 0 11 13" width="15"><path d="M9.625 4.33197H8.9375V3.21769C8.9375 1.73197 7.8375 0.357686 6.215 0.0729242C4.00125 -0.335647 2.0625 1.17483 2.0625 3.09388V4.33197H1.375C0.61875 4.33197 0 4.88911 0 5.57007V11.7605C0 12.4415 0.61875 12.9986 1.375 12.9986H9.625C10.3813 12.9986 11 12.4415 11 11.7605V5.57007C11 4.88911 10.3813 4.33197 9.625 4.33197Z" fill="#000000"/><path d="M5.12875 1.20093C4.125 1.37427 3.4375 2.24093 3.4375 3.15712V4.33331H7.5625V3.09522C7.5625 1.91903 6.435 0.990458 5.12875 1.20093Z" fill="#FFFFFF"/><path d="M5.375 9.47619C6.13439 9.47619 6.75 8.92188 6.75 8.2381C6.75 7.55431 6.13439 7 5.375 7C4.61561 7 4 7.55431 4 8.2381C4 8.92188 4.61561 9.47619 5.375 9.47619Z" fill="#FFFFFF"/></svg></div><a class="mr-1 min-h-[48px] w-full min-w-[48px] flex-grow-0 cursor-pointer overflow-hidden duration-200 sm:min-h-[auto] sm:min-w-[auto] mb-auto" id="" style="margin-left:18px;margin-top:-14px;text-decoration:none" href="/courses/javascript-fundamentals-before-learning-react/higher-order-functions-in-react"><div class="flex w-full justify-between"><span class="body-small">Higher-Order Functions in React</span></div></a></div></div></div><div class="" style="z-index:2"><div class="border-l ml-10 mr-4 border-0 border-solid border-black py-3 dark:border-gray-D800 flex flex-nowrap items-start justify-start overflow-visible"><div class="flex w-full"><div class="-ml-2 flex-shrink-0 flex-grow-0" style="margin-top:-13px;width:15px"><svg class="dark:invert" fill="none" height="15" name="locked-lesson" viewbox="0 0 11 13" width="15"><path d="M9.625 4.33197H8.9375V3.21769C8.9375 1.73197 7.8375 0.357686 6.215 0.0729242C4.00125 -0.335647 2.0625 1.17483 2.0625 3.09388V4.33197H1.375C0.61875 4.33197 0 4.88911 0 5.57007V11.7605C0 12.4415 0.61875 12.9986 1.375 12.9986H9.625C10.3813 12.9986 11 12.4415 11 11.7605V5.57007C11 4.88911 10.3813 4.33197 9.625 4.33197Z" fill="#000000"/><path d="M5.12875 1.20093C4.125 1.37427 3.4375 2.24093 3.4375 3.15712V4.33331H7.5625V3.09522C7.5625 1.91903 6.435 0.990458 5.12875 1.20093Z" fill="#FFFFFF"/><path d="M5.375 9.47619C6.13439 9.47619 6.75 8.92188 6.75 8.2381C6.75 7.55431 6.13439 7 5.375 7C4.61561 7 4 7.55431 4 8.2381C4 8.92188 4.61561 9.47619 5.375 9.47619Z" fill="#FFFFFF"/></svg></div><a class="mr-1 min-h-[48px] w-full min-w-[48px] flex-grow-0 cursor-pointer overflow-hidden duration-200 sm:min-h-[auto] sm:min-w-[auto] mb-auto" id="" style="margin-left:18px;margin-top:-14px;text-decoration:none" href="/courses/javascript-fundamentals-before-learning-react/map-reduce-filter-in-react"><div class="flex w-full justify-between"><span class="body-small">Map, Reduce &amp; Filter in React</span></div></a></div></div></div><div class="" style="z-index:2"><div class="ml-10 mr-4 border-0 border-solid border-black py-3 dark:border-gray-D800 flex flex-nowrap items-start justify-start overflow-visible"><div class="flex w-full"><div class="-ml-2 flex-shrink-0 flex-grow-0" style="margin-top:-13px;width:15px"><svg class="dark:invert" fill="none" height="15" name="locked-lesson" viewbox="0 0 11 13" width="15"><path d="M9.625 4.33197H8.9375V3.21769C8.9375 1.73197 7.8375 0.357686 6.215 0.0729242C4.00125 -0.335647 2.0625 1.17483 2.0625 3.09388V4.33197H1.375C0.61875 4.33197 0 4.88911 0 5.57007V11.7605C0 12.4415 0.61875 12.9986 1.375 12.9986H9.625C10.3813 12.9986 11 12.4415 11 11.7605V5.57007C11 4.88911 10.3813 4.33197 9.625 4.33197Z" fill="#000000"/><path d="M5.12875 1.20093C4.125 1.37427 3.4375 2.24093 3.4375 3.15712V4.33331H7.5625V3.09522C7.5625 1.91903 6.435 0.990458 5.12875 1.20093Z" fill="#FFFFFF"/><path d="M5.375 9.47619C6.13439 9.47619 6.75 8.92188 6.75 8.2381C6.75 7.55431 6.13439 7 5.375 7C4.61561 7 4 7.55431 4 8.2381C4 8.92188 4.61561 9.47619 5.375 9.47619Z" fill="#FFFFFF"/></svg></div><a class="mr-1 min-h-[48px] w-full min-w-[48px] flex-grow-0 cursor-pointer overflow-hidden duration-200 sm:min-h-[auto] sm:min-w-[auto] mb-auto" id="" style="margin-left:18px;margin-top:-14px;text-decoration:none" href="/courses/javascript-fundamentals-before-learning-react/quick-quiz-on-javascript-functions"><div class="flex w-full justify-between"><span class="body-small">Quick Quiz on JavaScript Functions!</span></div></a></div></div></div></div></div><div class="mb-4 flex flex-shrink-0 flex-col "><div id="category-collapse" class="flex flex-nowrap items-center justify-between mb-4 ml-6 mr-4 mt-2"><div class="cursor-pointer flex flex-col text-ellipsis overflow-hidden" style="word-break:break-word"><div class="flex"><div class="flex"><h5 class="m-0 heading-five">Classes</h5></div></div></div><div class="flex"><button class="icon-default rounded-full" aria-label="collapse category"><div class="inline-flex text-black dark:text-gray-D200 hover:text-indigo-500 dark:hover:text-indigo-400 cursor-pointer duration-200 IconButton_icon-button__2Rh_G transform scale-125" style="size:24px;margin:0px"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-up"><polyline points="18 15 12 9 6 15"/></svg></div></button></div></div><div class="flex flex-shrink-0 flex-col"><div class="" style="z-index:2"><div class="border-l ml-10 mr-4 border-0 border-solid border-black py-3 dark:border-gray-D800 flex flex-nowrap items-start justify-start overflow-visible"><div class="flex w-full"><div class="-ml-2 flex-shrink-0 flex-grow-0" style="margin-top:-13px;width:15px"><div class="bg-gray-L50 dark:bg-gray-D1200 border border-gray-L900 border-solid dark:border-gray-D700 flex-shrink-0 rounded-full" style="height:15px;width:15px"/></div><a class="mr-1 min-h-[48px] w-full min-w-[48px] flex-grow-0 cursor-pointer overflow-hidden duration-200 sm:min-h-[auto] sm:min-w-[auto] mb-auto" id="" style="margin-left:18px;margin-top:-14px;text-decoration:none" href="/courses/javascript-fundamentals-before-learning-react/javascript-classes-and-object-creation"><div class="flex w-full justify-between"><span class="body-small">JavaScript Classes and Object Creation</span></div></a></div></div></div><div class="" style="z-index:2"><div class="border-l ml-10 mr-4 border-0 border-solid border-black py-3 dark:border-gray-D800 flex flex-nowrap items-start justify-start overflow-visible"><div class="flex w-full"><div class="-ml-2 flex-shrink-0 flex-grow-0" style="margin-top:-13px;width:15px"><svg class="dark:invert" fill="none" height="15" name="locked-lesson" viewbox="0 0 11 13" width="15"><path d="M9.625 4.33197H8.9375V3.21769C8.9375 1.73197 7.8375 0.357686 6.215 0.0729242C4.00125 -0.335647 2.0625 1.17483 2.0625 3.09388V4.33197H1.375C0.61875 4.33197 0 4.88911 0 5.57007V11.7605C0 12.4415 0.61875 12.9986 1.375 12.9986H9.625C10.3813 12.9986 11 12.4415 11 11.7605V5.57007C11 4.88911 10.3813 4.33197 9.625 4.33197Z" fill="#000000"/><path d="M5.12875 1.20093C4.125 1.37427 3.4375 2.24093 3.4375 3.15712V4.33331H7.5625V3.09522C7.5625 1.91903 6.435 0.990458 5.12875 1.20093Z" fill="#FFFFFF"/><path d="M5.375 9.47619C6.13439 9.47619 6.75 8.92188 6.75 8.2381C6.75 7.55431 6.13439 7 5.375 7C4.61561 7 4 7.55431 4 8.2381C4 8.92188 4.61561 9.47619 5.375 9.47619Z" fill="#FFFFFF"/></svg></div><a class="mr-1 min-h-[48px] w-full min-w-[48px] flex-grow-0 cursor-pointer overflow-hidden duration-200 sm:min-h-[auto] sm:min-w-[auto] mb-auto" id="" style="margin-left:18px;margin-top:-14px;text-decoration:none" href="/courses/javascript-fundamentals-before-learning-react/the-this-keyword-binding-in-javascript"><div class="flex w-full justify-between"><span class="body-small">The 'this' Keyword &amp; Binding in JavaScript</span></div></a></div></div></div><div class="" style="z-index:2"><div class="border-l ml-10 mr-4 border-0 border-solid border-black py-3 dark:border-gray-D800 flex flex-nowrap items-start justify-start overflow-visible"><div class="flex w-full"><div class="-ml-2 flex-shrink-0 flex-grow-0" style="margin-top:-13px;width:15px"><svg class="dark:invert" fill="none" height="15" name="locked-lesson" viewbox="0 0 11 13" width="15"><path d="M9.625 4.33197H8.9375V3.21769C8.9375 1.73197 7.8375 0.357686 6.215 0.0729242C4.00125 -0.335647 2.0625 1.17483 2.0625 3.09388V4.33197H1.375C0.61875 4.33197 0 4.88911 0 5.57007V11.7605C0 12.4415 0.61875 12.9986 1.375 12.9986H9.625C10.3813 12.9986 11 12.4415 11 11.7605V5.57007C11 4.88911 10.3813 4.33197 9.625 4.33197Z" fill="#000000"/><path d="M5.12875 1.20093C4.125 1.37427 3.4375 2.24093 3.4375 3.15712V4.33331H7.5625V3.09522C7.5625 1.91903 6.435 0.990458 5.12875 1.20093Z" fill="#FFFFFF"/><path d="M5.375 9.47619C6.13439 9.47619 6.75 8.92188 6.75 8.2381C6.75 7.55431 6.13439 7 5.375 7C4.61561 7 4 7.55431 4 8.2381C4 8.92188 4.61561 9.47619 5.375 9.47619Z" fill="#FFFFFF"/></svg></div><a class="mr-1 min-h-[48px] w-full min-w-[48px] flex-grow-0 cursor-pointer overflow-hidden duration-200 sm:min-h-[auto] sm:min-w-[auto] mb-auto" id="" style="margin-left:18px;margin-top:-14px;text-decoration:none" href="/courses/javascript-fundamentals-before-learning-react/class-inheritance"><div class="flex w-full justify-between"><span class="body-small">Class Inheritance</span></div></a></div></div></div><div class="" style="z-index:2"><div class="border-l ml-10 mr-4 border-0 border-solid border-black py-3 dark:border-gray-D800 flex flex-nowrap items-start justify-start overflow-visible"><div class="flex w-full"><div class="-ml-2 flex-shrink-0 flex-grow-0" style="margin-top:-13px;width:15px"><svg class="dark:invert" fill="none" height="15" name="locked-lesson" viewbox="0 0 11 13" width="15"><path d="M9.625 4.33197H8.9375V3.21769C8.9375 1.73197 7.8375 0.357686 6.215 0.0729242C4.00125 -0.335647 2.0625 1.17483 2.0625 3.09388V4.33197H1.375C0.61875 4.33197 0 4.88911 0 5.57007V11.7605C0 12.4415 0.61875 12.9986 1.375 12.9986H9.625C10.3813 12.9986 11 12.4415 11 11.7605V5.57007C11 4.88911 10.3813 4.33197 9.625 4.33197Z" fill="#000000"/><path d="M5.12875 1.20093C4.125 1.37427 3.4375 2.24093 3.4375 3.15712V4.33331H7.5625V3.09522C7.5625 1.91903 6.435 0.990458 5.12875 1.20093Z" fill="#FFFFFF"/><path d="M5.375 9.47619C6.13439 9.47619 6.75 8.92188 6.75 8.2381C6.75 7.55431 6.13439 7 5.375 7C4.61561 7 4 7.55431 4 8.2381C4 8.92188 4.61561 9.47619 5.375 9.47619Z" fill="#FFFFFF"/></svg></div><a class="mr-1 min-h-[48px] w-full min-w-[48px] flex-grow-0 cursor-pointer overflow-hidden duration-200 sm:min-h-[auto] sm:min-w-[auto] mb-auto" id="" style="margin-left:18px;margin-top:-14px;text-decoration:none" href="/courses/javascript-fundamentals-before-learning-react/react-favours-composition-over-inheritance"><div class="flex w-full justify-between"><span class="body-small">React favours composition over inheritance</span></div></a></div></div></div><div class="" style="z-index:2"><div class="ml-10 mr-4 border-0 border-solid border-black py-3 dark:border-gray-D800 flex flex-nowrap items-start justify-start overflow-visible"><div class="flex w-full"><div class="-ml-2 flex-shrink-0 flex-grow-0" style="margin-top:-13px;width:15px"><svg class="dark:invert" fill="none" height="15" name="locked-lesson" viewbox="0 0 11 13" width="15"><path d="M9.625 4.33197H8.9375V3.21769C8.9375 1.73197 7.8375 0.357686 6.215 0.0729242C4.00125 -0.335647 2.0625 1.17483 2.0625 3.09388V4.33197H1.375C0.61875 4.33197 0 4.88911 0 5.57007V11.7605C0 12.4415 0.61875 12.9986 1.375 12.9986H9.625C10.3813 12.9986 11 12.4415 11 11.7605V5.57007C11 4.88911 10.3813 4.33197 9.625 4.33197Z" fill="#000000"/><path d="M5.12875 1.20093C4.125 1.37427 3.4375 2.24093 3.4375 3.15712V4.33331H7.5625V3.09522C7.5625 1.91903 6.435 0.990458 5.12875 1.20093Z" fill="#FFFFFF"/><path d="M5.375 9.47619C6.13439 9.47619 6.75 8.92188 6.75 8.2381C6.75 7.55431 6.13439 7 5.375 7C4.61561 7 4 7.55431 4 8.2381C4 8.92188 4.61561 9.47619 5.375 9.47619Z" fill="#FFFFFF"/></svg></div><a class="mr-1 min-h-[48px] w-full min-w-[48px] flex-grow-0 cursor-pointer overflow-hidden duration-200 sm:min-h-[auto] sm:min-w-[auto] mb-auto" id="" style="margin-left:18px;margin-top:-14px;text-decoration:none" href="/courses/javascript-fundamentals-before-learning-react/quick-quiz-on-javascript-classes"><div class="flex w-full justify-between"><span class="body-small">Quick Quiz on JavaScript Classes!</span></div></a></div></div></div></div></div><div class="mb-4 flex flex-shrink-0 flex-col "><div id="category-collapse" class="flex flex-nowrap items-center justify-between mb-4 ml-6 mr-4 mt-2"><div class="cursor-pointer flex flex-col text-ellipsis overflow-hidden" style="word-break:break-word"><div class="flex"><div class="flex"><h5 class="m-0 heading-five">Modules</h5></div></div></div><div class="flex"><button class="icon-default rounded-full" aria-label="collapse category"><div class="inline-flex text-black dark:text-gray-D200 hover:text-indigo-500 dark:hover:text-indigo-400 cursor-pointer duration-200 IconButton_icon-button__2Rh_G transform scale-125" style="size:24px;margin:0px"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-up"><polyline points="18 15 12 9 6 15"/></svg></div></button></div></div><div class="flex flex-shrink-0 flex-col"><div class="" style="z-index:2"><div class="border-l ml-10 mr-4 border-0 border-solid border-black py-3 dark:border-gray-D800 flex flex-nowrap items-start justify-start overflow-visible"><div class="flex w-full"><div class="-ml-2 flex-shrink-0 flex-grow-0" style="margin-top:-13px;width:15px"><svg class="dark:invert" fill="none" height="15" name="locked-lesson" viewbox="0 0 11 13" width="15"><path d="M9.625 4.33197H8.9375V3.21769C8.9375 1.73197 7.8375 0.357686 6.215 0.0729242C4.00125 -0.335647 2.0625 1.17483 2.0625 3.09388V4.33197H1.375C0.61875 4.33197 0 4.88911 0 5.57007V11.7605C0 12.4415 0.61875 12.9986 1.375 12.9986H9.625C10.3813 12.9986 11 12.4415 11 11.7605V5.57007C11 4.88911 10.3813 4.33197 9.625 4.33197Z" fill="#000000"/><path d="M5.12875 1.20093C4.125 1.37427 3.4375 2.24093 3.4375 3.15712V4.33331H7.5625V3.09522C7.5625 1.91903 6.435 0.990458 5.12875 1.20093Z" fill="#FFFFFF"/><path d="M5.375 9.47619C6.13439 9.47619 6.75 8.92188 6.75 8.2381C6.75 7.55431 6.13439 7 5.375 7C4.61561 7 4 7.55431 4 8.2381C4 8.92188 4.61561 9.47619 5.375 9.47619Z" fill="#FFFFFF"/></svg></div><a class="mr-1 min-h-[48px] w-full min-w-[48px] flex-grow-0 cursor-pointer overflow-hidden duration-200 sm:min-h-[auto] sm:min-w-[auto] mb-auto" id="" style="margin-left:18px;margin-top:-14px;text-decoration:none" href="/courses/javascript-fundamentals-before-learning-react/modularity-import-export-in-react"><div class="flex w-full justify-between"><span class="body-small">Modularity &amp; Import/Export in React</span></div></a></div></div></div><div class="" style="z-index:2"><div class="border-l ml-10 mr-4 border-0 border-solid border-black py-3 dark:border-gray-D800 flex flex-nowrap items-start justify-start overflow-visible"><div class="flex w-full"><div class="-ml-2 flex-shrink-0 flex-grow-0" style="margin-top:-13px;width:15px"><svg class="dark:invert" fill="none" height="15" name="locked-lesson" viewbox="0 0 11 13" width="15"><path d="M9.625 4.33197H8.9375V3.21769C8.9375 1.73197 7.8375 0.357686 6.215 0.0729242C4.00125 -0.335647 2.0625 1.17483 2.0625 3.09388V4.33197H1.375C0.61875 4.33197 0 4.88911 0 5.57007V11.7605C0 12.4415 0.61875 12.9986 1.375 12.9986H9.625C10.3813 12.9986 11 12.4415 11 11.7605V5.57007C11 4.88911 10.3813 4.33197 9.625 4.33197Z" fill="#000000"/><path d="M5.12875 1.20093C4.125 1.37427 3.4375 2.24093 3.4375 3.15712V4.33331H7.5625V3.09522C7.5625 1.91903 6.435 0.990458 5.12875 1.20093Z" fill="#FFFFFF"/><path d="M5.375 9.47619C6.13439 9.47619 6.75 8.92188 6.75 8.2381C6.75 7.55431 6.13439 7 5.375 7C4.61561 7 4 7.55431 4 8.2381C4 8.92188 4.61561 9.47619 5.375 9.47619Z" fill="#FFFFFF"/></svg></div><a class="mr-1 min-h-[48px] w-full min-w-[48px] flex-grow-0 cursor-pointer overflow-hidden duration-200 sm:min-h-[auto] sm:min-w-[auto] mb-auto" id="" style="margin-left:18px;margin-top:-14px;text-decoration:none" href="/courses/javascript-fundamentals-before-learning-react/named-default-exports"><div class="flex w-full justify-between"><span class="body-small">Named &amp; Default Exports</span></div></a></div></div></div><div class="" style="z-index:2"><div class="border-l ml-10 mr-4 border-0 border-solid border-black py-3 dark:border-gray-D800 flex flex-nowrap items-start justify-start overflow-visible"><div class="flex w-full"><div class="-ml-2 flex-shrink-0 flex-grow-0" style="margin-top:-13px;width:15px"><svg class="dark:invert" fill="none" height="15" name="locked-lesson" viewbox="0 0 11 13" width="15"><path d="M9.625 4.33197H8.9375V3.21769C8.9375 1.73197 7.8375 0.357686 6.215 0.0729242C4.00125 -0.335647 2.0625 1.17483 2.0625 3.09388V4.33197H1.375C0.61875 4.33197 0 4.88911 0 5.57007V11.7605C0 12.4415 0.61875 12.9986 1.375 12.9986H9.625C10.3813 12.9986 11 12.4415 11 11.7605V5.57007C11 4.88911 10.3813 4.33197 9.625 4.33197Z" fill="#000000"/><path d="M5.12875 1.20093C4.125 1.37427 3.4375 2.24093 3.4375 3.15712V4.33331H7.5625V3.09522C7.5625 1.91903 6.435 0.990458 5.12875 1.20093Z" fill="#FFFFFF"/><path d="M5.375 9.47619C6.13439 9.47619 6.75 8.92188 6.75 8.2381C6.75 7.55431 6.13439 7 5.375 7C4.61561 7 4 7.55431 4 8.2381C4 8.92188 4.61561 9.47619 5.375 9.47619Z" fill="#FFFFFF"/></svg></div><a class="mr-1 min-h-[48px] w-full min-w-[48px] flex-grow-0 cursor-pointer overflow-hidden duration-200 sm:min-h-[auto] sm:min-w-[auto] mb-auto" id="" style="margin-left:18px;margin-top:-14px;text-decoration:none" href="/courses/javascript-fundamentals-before-learning-react/libraries-in-react"><div class="flex w-full justify-between"><span class="body-small">Libraries in React</span></div></a></div></div></div><div class="" style="z-index:2"><div class="ml-10 mr-4 border-0 border-solid border-black py-3 dark:border-gray-D800 flex flex-nowrap items-start justify-start overflow-visible"><div class="flex w-full"><div class="-ml-2 flex-shrink-0 flex-grow-0" style="margin-top:-13px;width:15px"><svg class="dark:invert" fill="none" height="15" name="locked-lesson" viewbox="0 0 11 13" width="15"><path d="M9.625 4.33197H8.9375V3.21769C8.9375 1.73197 7.8375 0.357686 6.215 0.0729242C4.00125 -0.335647 2.0625 1.17483 2.0625 3.09388V4.33197H1.375C0.61875 4.33197 0 4.88911 0 5.57007V11.7605C0 12.4415 0.61875 12.9986 1.375 12.9986H9.625C10.3813 12.9986 11 12.4415 11 11.7605V5.57007C11 4.88911 10.3813 4.33197 9.625 4.33197Z" fill="#000000"/><path d="M5.12875 1.20093C4.125 1.37427 3.4375 2.24093 3.4375 3.15712V4.33331H7.5625V3.09522C7.5625 1.91903 6.435 0.990458 5.12875 1.20093Z" fill="#FFFFFF"/><path d="M5.375 9.47619C6.13439 9.47619 6.75 8.92188 6.75 8.2381C6.75 7.55431 6.13439 7 5.375 7C4.61561 7 4 7.55431 4 8.2381C4 8.92188 4.61561 9.47619 5.375 9.47619Z" fill="#FFFFFF"/></svg></div><a class="mr-1 min-h-[48px] w-full min-w-[48px] flex-grow-0 cursor-pointer overflow-hidden duration-200 sm:min-h-[auto] sm:min-w-[auto] mb-auto" id="" style="margin-left:18px;margin-top:-14px;text-decoration:none" href="/courses/javascript-fundamentals-before-learning-react/quick-quiz-on-javascript-modules"><div class="flex w-full justify-between"><span class="body-small">Quick Quiz On JavaScript Modules!</span></div></a></div></div></div></div></div><div class="mb-4 flex flex-shrink-0 flex-col "><div id="category-collapse" class="flex flex-nowrap items-center justify-between mb-4 ml-6 mr-4 mt-2"><div class="cursor-pointer flex flex-col text-ellipsis overflow-hidden" style="word-break:break-word"><div class="flex"><div class="flex"><h5 class="m-0 heading-five">React</h5></div></div></div><div class="flex"><button class="icon-default rounded-full" aria-label="collapse category"><div class="inline-flex text-black dark:text-gray-D200 hover:text-indigo-500 dark:hover:text-indigo-400 cursor-pointer duration-200 IconButton_icon-button__2Rh_G transform scale-125" style="size:24px;margin:0px"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-up"><polyline points="18 15 12 9 6 15"/></svg></div></button></div></div><div class="flex flex-shrink-0 flex-col"><div class="" style="z-index:2"><div class="border-l ml-10 mr-4 border-0 border-solid border-black py-3 dark:border-gray-D800 flex flex-nowrap items-start justify-start overflow-visible"><div class="flex w-full"><div class="-ml-2 flex-shrink-0 flex-grow-0" style="margin-top:-13px;width:15px"><svg class="dark:invert" fill="none" height="15" name="locked-lesson" viewbox="0 0 11 13" width="15"><path d="M9.625 4.33197H8.9375V3.21769C8.9375 1.73197 7.8375 0.357686 6.215 0.0729242C4.00125 -0.335647 2.0625 1.17483 2.0625 3.09388V4.33197H1.375C0.61875 4.33197 0 4.88911 0 5.57007V11.7605C0 12.4415 0.61875 12.9986 1.375 12.9986H9.625C10.3813 12.9986 11 12.4415 11 11.7605V5.57007C11 4.88911 10.3813 4.33197 9.625 4.33197Z" fill="#000000"/><path d="M5.12875 1.20093C4.125 1.37427 3.4375 2.24093 3.4375 3.15712V4.33331H7.5625V3.09522C7.5625 1.91903 6.435 0.990458 5.12875 1.20093Z" fill="#FFFFFF"/><path d="M5.375 9.47619C6.13439 9.47619 6.75 8.92188 6.75 8.2381C6.75 7.55431 6.13439 7 5.375 7C4.61561 7 4 7.55431 4 8.2381C4 8.92188 4.61561 9.47619 5.375 9.47619Z" fill="#FFFFFF"/></svg></div><a class="mr-1 min-h-[48px] w-full min-w-[48px] flex-grow-0 cursor-pointer overflow-hidden duration-200 sm:min-h-[auto] sm:min-w-[auto] mb-auto" id="" style="margin-left:18px;margin-top:-14px;text-decoration:none" href="/courses/javascript-fundamentals-before-learning-react/react-class-components"><div class="flex w-full justify-between"><span class="body-small">React Class Components</span></div></a></div></div></div><div class="" style="z-index:2"><div class="border-l ml-10 mr-4 border-0 border-solid border-black py-3 dark:border-gray-D800 flex flex-nowrap items-start justify-start overflow-visible"><div class="flex w-full"><div class="-ml-2 flex-shrink-0 flex-grow-0" style="margin-top:-13px;width:15px"><svg class="dark:invert" fill="none" height="15" name="locked-lesson" viewbox="0 0 11 13" width="15"><path d="M9.625 4.33197H8.9375V3.21769C8.9375 1.73197 7.8375 0.357686 6.215 0.0729242C4.00125 -0.335647 2.0625 1.17483 2.0625 3.09388V4.33197H1.375C0.61875 4.33197 0 4.88911 0 5.57007V11.7605C0 12.4415 0.61875 12.9986 1.375 12.9986H9.625C10.3813 12.9986 11 12.4415 11 11.7605V5.57007C11 4.88911 10.3813 4.33197 9.625 4.33197Z" fill="#000000"/><path d="M5.12875 1.20093C4.125 1.37427 3.4375 2.24093 3.4375 3.15712V4.33331H7.5625V3.09522C7.5625 1.91903 6.435 0.990458 5.12875 1.20093Z" fill="#FFFFFF"/><path d="M5.375 9.47619C6.13439 9.47619 6.75 8.92188 6.75 8.2381C6.75 7.55431 6.13439 7 5.375 7C4.61561 7 4 7.55431 4 8.2381C4 8.92188 4.61561 9.47619 5.375 9.47619Z" fill="#FFFFFF"/></svg></div><a class="mr-1 min-h-[48px] w-full min-w-[48px] flex-grow-0 cursor-pointer overflow-hidden duration-200 sm:min-h-[auto] sm:min-w-[auto] mb-auto" id="" style="margin-left:18px;margin-top:-14px;text-decoration:none" href="/courses/javascript-fundamentals-before-learning-react/react-props"><div class="flex w-full justify-between"><span class="body-small">React Props</span></div></a></div></div></div><div class="" style="z-index:2"><div class="border-l ml-10 mr-4 border-0 border-solid border-black py-3 dark:border-gray-D800 flex flex-nowrap items-start justify-start overflow-visible"><div class="flex w-full"><div class="-ml-2 flex-shrink-0 flex-grow-0" style="margin-top:-13px;width:15px"><svg class="dark:invert" fill="none" height="15" name="locked-lesson" viewbox="0 0 11 13" width="15"><path d="M9.625 4.33197H8.9375V3.21769C8.9375 1.73197 7.8375 0.357686 6.215 0.0729242C4.00125 -0.335647 2.0625 1.17483 2.0625 3.09388V4.33197H1.375C0.61875 4.33197 0 4.88911 0 5.57007V11.7605C0 12.4415 0.61875 12.9986 1.375 12.9986H9.625C10.3813 12.9986 11 12.4415 11 11.7605V5.57007C11 4.88911 10.3813 4.33197 9.625 4.33197Z" fill="#000000"/><path d="M5.12875 1.20093C4.125 1.37427 3.4375 2.24093 3.4375 3.15712V4.33331H7.5625V3.09522C7.5625 1.91903 6.435 0.990458 5.12875 1.20093Z" fill="#FFFFFF"/><path d="M5.375 9.47619C6.13439 9.47619 6.75 8.92188 6.75 8.2381C6.75 7.55431 6.13439 7 5.375 7C4.61561 7 4 7.55431 4 8.2381C4 8.92188 4.61561 9.47619 5.375 9.47619Z" fill="#FFFFFF"/></svg></div><a class="mr-1 min-h-[48px] w-full min-w-[48px] flex-grow-0 cursor-pointer overflow-hidden duration-200 sm:min-h-[auto] sm:min-w-[auto] mb-auto" id="" style="margin-left:18px;margin-top:-14px;text-decoration:none" href="/courses/javascript-fundamentals-before-learning-react/state-in-react"><div class="flex w-full justify-between"><span class="body-small">State in React</span></div></a></div></div></div><div class="" style="z-index:2"><div class="border-l ml-10 mr-4 border-0 border-solid border-black py-3 dark:border-gray-D800 flex flex-nowrap items-start justify-start overflow-visible"><div class="flex w-full"><div class="-ml-2 flex-shrink-0 flex-grow-0" style="margin-top:-13px;width:15px"><svg class="dark:invert" fill="none" height="15" name="locked-lesson" viewbox="0 0 11 13" width="15"><path d="M9.625 4.33197H8.9375V3.21769C8.9375 1.73197 7.8375 0.357686 6.215 0.0729242C4.00125 -0.335647 2.0625 1.17483 2.0625 3.09388V4.33197H1.375C0.61875 4.33197 0 4.88911 0 5.57007V11.7605C0 12.4415 0.61875 12.9986 1.375 12.9986H9.625C10.3813 12.9986 11 12.4415 11 11.7605V5.57007C11 4.88911 10.3813 4.33197 9.625 4.33197Z" fill="#000000"/><path d="M5.12875 1.20093C4.125 1.37427 3.4375 2.24093 3.4375 3.15712V4.33331H7.5625V3.09522C7.5625 1.91903 6.435 0.990458 5.12875 1.20093Z" fill="#FFFFFF"/><path d="M5.375 9.47619C6.13439 9.47619 6.75 8.92188 6.75 8.2381C6.75 7.55431 6.13439 7 5.375 7C4.61561 7 4 7.55431 4 8.2381C4 8.92188 4.61561 9.47619 5.375 9.47619Z" fill="#FFFFFF"/></svg></div><a class="mr-1 min-h-[48px] w-full min-w-[48px] flex-grow-0 cursor-pointer overflow-hidden duration-200 sm:min-h-[auto] sm:min-w-[auto] mb-auto" id="" style="margin-left:18px;margin-top:-14px;text-decoration:none" href="/courses/javascript-fundamentals-before-learning-react/react-lifecycle-lifecycle-methods"><div class="flex w-full justify-between"><span class="body-small">React Lifecycle &amp; Lifecycle Methods</span></div></a></div></div></div><div class="" style="z-index:2"><div class="border-l ml-10 mr-4 border-0 border-solid border-black py-3 dark:border-gray-D800 flex flex-nowrap items-start justify-start overflow-visible"><div class="flex w-full"><div class="-ml-2 flex-shrink-0 flex-grow-0" style="margin-top:-13px;width:15px"><svg class="dark:invert" fill="none" height="15" name="locked-lesson" viewbox="0 0 11 13" width="15"><path d="M9.625 4.33197H8.9375V3.21769C8.9375 1.73197 7.8375 0.357686 6.215 0.0729242C4.00125 -0.335647 2.0625 1.17483 2.0625 3.09388V4.33197H1.375C0.61875 4.33197 0 4.88911 0 5.57007V11.7605C0 12.4415 0.61875 12.9986 1.375 12.9986H9.625C10.3813 12.9986 11 12.4415 11 11.7605V5.57007C11 4.88911 10.3813 4.33197 9.625 4.33197Z" fill="#000000"/><path d="M5.12875 1.20093C4.125 1.37427 3.4375 2.24093 3.4375 3.15712V4.33331H7.5625V3.09522C7.5625 1.91903 6.435 0.990458 5.12875 1.20093Z" fill="#FFFFFF"/><path d="M5.375 9.47619C6.13439 9.47619 6.75 8.92188 6.75 8.2381C6.75 7.55431 6.13439 7 5.375 7C4.61561 7 4 7.55431 4 8.2381C4 8.92188 4.61561 9.47619 5.375 9.47619Z" fill="#FFFFFF"/></svg></div><a class="mr-1 min-h-[48px] w-full min-w-[48px] flex-grow-0 cursor-pointer overflow-hidden duration-200 sm:min-h-[auto] sm:min-w-[auto] mb-auto" id="" style="margin-left:18px;margin-top:-14px;text-decoration:none" href="/courses/javascript-fundamentals-before-learning-react/react-component-syntax"><div class="flex w-full justify-between"><span class="body-small">React Component Syntax</span></div></a></div></div></div><div class="" style="z-index:2"><div class="border-l ml-10 mr-4 border-0 border-solid border-black py-3 dark:border-gray-D800 flex flex-nowrap items-start justify-start overflow-visible"><div class="flex w-full"><div class="-ml-2 flex-shrink-0 flex-grow-0" style="margin-top:-13px;width:15px"><svg class="dark:invert" fill="none" height="15" name="locked-lesson" viewbox="0 0 11 13" width="15"><path d="M9.625 4.33197H8.9375V3.21769C8.9375 1.73197 7.8375 0.357686 6.215 0.0729242C4.00125 -0.335647 2.0625 1.17483 2.0625 3.09388V4.33197H1.375C0.61875 4.33197 0 4.88911 0 5.57007V11.7605C0 12.4415 0.61875 12.9986 1.375 12.9986H9.625C10.3813 12.9986 11 12.4415 11 11.7605V5.57007C11 4.88911 10.3813 4.33197 9.625 4.33197Z" fill="#000000"/><path d="M5.12875 1.20093C4.125 1.37427 3.4375 2.24093 3.4375 3.15712V4.33331H7.5625V3.09522C7.5625 1.91903 6.435 0.990458 5.12875 1.20093Z" fill="#FFFFFF"/><path d="M5.375 9.47619C6.13439 9.47619 6.75 8.92188 6.75 8.2381C6.75 7.55431 6.13439 7 5.375 7C4.61561 7 4 7.55431 4 8.2381C4 8.92188 4.61561 9.47619 5.375 9.47619Z" fill="#FFFFFF"/></svg></div><a class="mr-1 min-h-[48px] w-full min-w-[48px] flex-grow-0 cursor-pointer overflow-hidden duration-200 sm:min-h-[auto] sm:min-w-[auto] mb-auto" id="" style="margin-left:18px;margin-top:-14px;text-decoration:none" href="/courses/javascript-fundamentals-before-learning-react/functions-as-components-in-react"><div class="flex w-full justify-between"><span class="body-small">Functions as Components in React</span></div></a></div></div></div><div class="" style="z-index:2"><div class="border-l ml-10 mr-4 border-0 border-solid border-black py-3 dark:border-gray-D800 flex flex-nowrap items-start justify-start overflow-visible"><div class="flex w-full"><div class="-ml-2 flex-shrink-0 flex-grow-0" style="margin-top:-13px;width:15px"><svg class="dark:invert" fill="none" height="15" name="locked-lesson" viewbox="0 0 11 13" width="15"><path d="M9.625 4.33197H8.9375V3.21769C8.9375 1.73197 7.8375 0.357686 6.215 0.0729242C4.00125 -0.335647 2.0625 1.17483 2.0625 3.09388V4.33197H1.375C0.61875 4.33197 0 4.88911 0 5.57007V11.7605C0 12.4415 0.61875 12.9986 1.375 12.9986H9.625C10.3813 12.9986 11 12.4415 11 11.7605V5.57007C11 4.88911 10.3813 4.33197 9.625 4.33197Z" fill="#000000"/><path d="M5.12875 1.20093C4.125 1.37427 3.4375 2.24093 3.4375 3.15712V4.33331H7.5625V3.09522C7.5625 1.91903 6.435 0.990458 5.12875 1.20093Z" fill="#FFFFFF"/><path d="M5.375 9.47619C6.13439 9.47619 6.75 8.92188 6.75 8.2381C6.75 7.55431 6.13439 7 5.375 7C4.61561 7 4 7.55431 4 8.2381C4 8.92188 4.61561 9.47619 5.375 9.47619Z" fill="#FFFFFF"/></svg></div><a class="mr-1 min-h-[48px] w-full min-w-[48px] flex-grow-0 cursor-pointer overflow-hidden duration-200 sm:min-h-[auto] sm:min-w-[auto] mb-auto" id="" style="margin-left:18px;margin-top:-14px;text-decoration:none" href="/courses/javascript-fundamentals-before-learning-react/the-create-react-app-component"><div class="flex w-full justify-between"><span class="body-small">The Create-react-app component</span></div></a></div></div></div><div class="" style="z-index:2"><div class="ml-10 mr-4 border-0 border-solid border-black py-3 dark:border-gray-D800 flex flex-nowrap items-start justify-start overflow-visible"><div class="flex w-full"><div class="-ml-2 flex-shrink-0 flex-grow-0" style="margin-top:-13px;width:15px"><svg class="dark:invert" fill="none" height="15" name="locked-lesson" viewbox="0 0 11 13" width="15"><path d="M9.625 4.33197H8.9375V3.21769C8.9375 1.73197 7.8375 0.357686 6.215 0.0729242C4.00125 -0.335647 2.0625 1.17483 2.0625 3.09388V4.33197H1.375C0.61875 4.33197 0 4.88911 0 5.57007V11.7605C0 12.4415 0.61875 12.9986 1.375 12.9986H9.625C10.3813 12.9986 11 12.4415 11 11.7605V5.57007C11 4.88911 10.3813 4.33197 9.625 4.33197Z" fill="#000000"/><path d="M5.12875 1.20093C4.125 1.37427 3.4375 2.24093 3.4375 3.15712V4.33331H7.5625V3.09522C7.5625 1.91903 6.435 0.990458 5.12875 1.20093Z" fill="#FFFFFF"/><path d="M5.375 9.47619C6.13439 9.47619 6.75 8.92188 6.75 8.2381C6.75 7.55431 6.13439 7 5.375 7C4.61561 7 4 7.55431 4 8.2381C4 8.92188 4.61561 9.47619 5.375 9.47619Z" fill="#FFFFFF"/></svg></div><a class="mr-1 min-h-[48px] w-full min-w-[48px] flex-grow-0 cursor-pointer overflow-hidden duration-200 sm:min-h-[auto] sm:min-w-[auto] mb-auto" id="" style="margin-left:18px;margin-top:-14px;text-decoration:none" href="/courses/javascript-fundamentals-before-learning-react/quick-quiz-on-react"><div class="flex w-full justify-between"><span class="body-small">Quick Quiz on React!</span></div></a></div></div></div></div></div><div class="mb-4 flex flex-shrink-0 flex-col "><div id="category-collapse" class="flex flex-nowrap items-center justify-between mb-4 ml-6 mr-4 mt-2"><div class="cursor-pointer flex flex-col text-ellipsis overflow-hidden" style="word-break:break-word"><div class="flex"><div class="flex"><h5 class="m-0 heading-five">Appendix</h5></div></div></div><div class="flex"><button class="icon-default rounded-full" aria-label="collapse category"><div class="inline-flex text-black dark:text-gray-D200 hover:text-indigo-500 dark:hover:text-indigo-400 cursor-pointer duration-200 IconButton_icon-button__2Rh_G transform scale-125" style="size:24px;margin:0px"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-up"><polyline points="18 15 12 9 6 15"/></svg></div></button></div></div><div class="flex flex-shrink-0 flex-col"><div class="" style="z-index:2"><div class="ml-10 mr-4 border-0 border-solid border-black py-3 dark:border-gray-D800 flex flex-nowrap items-start justify-start overflow-visible"><div class="flex w-full"><div class="-ml-2 flex-shrink-0 flex-grow-0" style="margin-top:-13px;width:15px"><svg class="dark:invert" fill="none" height="15" name="locked-lesson" viewbox="0 0 11 13" width="15"><path d="M9.625 4.33197H8.9375V3.21769C8.9375 1.73197 7.8375 0.357686 6.215 0.0729242C4.00125 -0.335647 2.0625 1.17483 2.0625 3.09388V4.33197H1.375C0.61875 4.33197 0 4.88911 0 5.57007V11.7605C0 12.4415 0.61875 12.9986 1.375 12.9986H9.625C10.3813 12.9986 11 12.4415 11 11.7605V5.57007C11 4.88911 10.3813 4.33197 9.625 4.33197Z" fill="#000000"/><path d="M5.12875 1.20093C4.125 1.37427 3.4375 2.24093 3.4375 3.15712V4.33331H7.5625V3.09522C7.5625 1.91903 6.435 0.990458 5.12875 1.20093Z" fill="#FFFFFF"/><path d="M5.375 9.47619C6.13439 9.47619 6.75 8.92188 6.75 8.2381C6.75 7.55431 6.13439 7 5.375 7C4.61561 7 4 7.55431 4 8.2381C4 8.92188 4.61561 9.47619 5.375 9.47619Z" fill="#FFFFFF"/></svg></div><a class="mr-1 min-h-[48px] w-full min-w-[48px] flex-grow-0 cursor-pointer overflow-hidden duration-200 sm:min-h-[auto] sm:min-w-[auto] mb-auto" id="" style="margin-left:18px;margin-top:-14px;text-decoration:none" href="/courses/javascript-fundamentals-before-learning-react/setting-up-the-create-react-app"><div class="flex w-full justify-between"><span class="body-small">Setting up the create-react-app</span></div></a></div></div></div></div></div><div class="mb-4 flex flex-shrink-0 flex-col "><div id="category-collapse" class="flex flex-nowrap items-center justify-between mb-4 ml-6 mr-4 mt-2"><div class="cursor-pointer flex flex-col text-ellipsis overflow-hidden" style="word-break:break-word"><div class="flex"><div class="flex"><h5 class="m-0 heading-five">Conclusion</h5></div></div></div><div class="flex"><button class="icon-default rounded-full" aria-label="collapse category"><div class="inline-flex text-black dark:text-gray-D200 hover:text-indigo-500 dark:hover:text-indigo-400 cursor-pointer duration-200 IconButton_icon-button__2Rh_G transform scale-125" style="size:24px;margin:0px"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-up"><polyline points="18 15 12 9 6 15"/></svg></div></button></div></div><div class="flex flex-shrink-0 flex-col"><div class="" style="z-index:2"><div class="border-l ml-10 mr-4 border-0 border-solid border-black py-3 dark:border-gray-D800 flex flex-nowrap items-start justify-start overflow-visible"><div class="flex w-full"><div class="-ml-2 flex-shrink-0 flex-grow-0" style="margin-top:-13px;width:15px"><svg class="dark:invert" fill="none" height="15" name="locked-lesson" viewbox="0 0 11 13" width="15"><path d="M9.625 4.33197H8.9375V3.21769C8.9375 1.73197 7.8375 0.357686 6.215 0.0729242C4.00125 -0.335647 2.0625 1.17483 2.0625 3.09388V4.33197H1.375C0.61875 4.33197 0 4.88911 0 5.57007V11.7605C0 12.4415 0.61875 12.9986 1.375 12.9986H9.625C10.3813 12.9986 11 12.4415 11 11.7605V5.57007C11 4.88911 10.3813 4.33197 9.625 4.33197Z" fill="#000000"/><path d="M5.12875 1.20093C4.125 1.37427 3.4375 2.24093 3.4375 3.15712V4.33331H7.5625V3.09522C7.5625 1.91903 6.435 0.990458 5.12875 1.20093Z" fill="#FFFFFF"/><path d="M5.375 9.47619C6.13439 9.47619 6.75 8.92188 6.75 8.2381C6.75 7.55431 6.13439 7 5.375 7C4.61561 7 4 7.55431 4 8.2381C4 8.92188 4.61561 9.47619 5.375 9.47619Z" fill="#FFFFFF"/></svg></div><a class="mr-1 min-h-[48px] w-full min-w-[48px] flex-grow-0 cursor-pointer overflow-hidden duration-200 sm:min-h-[auto] sm:min-w-[auto] mb-auto" id="" style="margin-left:18px;margin-top:-14px;text-decoration:none" href="/courses/javascript-fundamentals-before-learning-react/there-is-more-javascript-than-react"><div class="flex w-full justify-between"><span class="body-small">There is more JavaScript than React</span></div></a></div></div></div><div class="" style="z-index:2"><div class="ml-10 mr-4 border-0 border-solid border-black py-3 dark:border-gray-D800 flex flex-nowrap items-start justify-start overflow-visible"><div class="flex w-full"><div class="-ml-2 flex-shrink-0 flex-grow-0" style="margin-top:-13px;width:15px"><svg class="dark:invert" fill="none" height="15" name="locked-lesson" viewbox="0 0 11 13" width="15"><path d="M9.625 4.33197H8.9375V3.21769C8.9375 1.73197 7.8375 0.357686 6.215 0.0729242C4.00125 -0.335647 2.0625 1.17483 2.0625 3.09388V4.33197H1.375C0.61875 4.33197 0 4.88911 0 5.57007V11.7605C0 12.4415 0.61875 12.9986 1.375 12.9986H9.625C10.3813 12.9986 11 12.4415 11 11.7605V5.57007C11 4.88911 10.3813 4.33197 9.625 4.33197Z" fill="#000000"/><path d="M5.12875 1.20093C4.125 1.37427 3.4375 2.24093 3.4375 3.15712V4.33331H7.5625V3.09522C7.5625 1.91903 6.435 0.990458 5.12875 1.20093Z" fill="#FFFFFF"/><path d="M5.375 9.47619C6.13439 9.47619 6.75 8.92188 6.75 8.2381C6.75 7.55431 6.13439 7 5.375 7C4.61561 7 4 7.55431 4 8.2381C4 8.92188 4.61561 9.47619 5.375 9.47619Z" fill="#FFFFFF"/></svg></div><a class="mr-1 min-h-[48px] w-full min-w-[48px] flex-grow-0 cursor-pointer overflow-hidden duration-200 sm:min-h-[auto] sm:min-w-[auto] mb-auto" id="" style="margin-left:18px;margin-top:-14px;text-decoration:none" href="/courses/javascript-fundamentals-before-learning-react/want-to-learn-more-react"><div class="flex w-full justify-between"><span class="body-small">Want to learn more React?</span></div></a></div></div></div></div></div></div></div></div></nav><div class="learner-mode ed-grid-main lesson-page tablet lg:desktop"><div id="view-collection-article-content-root" class="relative flex flex-1 flex-col overflow-hidden" style="min-width:1px"><div class="fixed bottom-0 right-0 z-20 mb-8 mr-6 flex flex-col-reverse gap-4"><div class=""><div class="flex h-10 w-10 transform cursor-pointer items-center justify-center rounded-full border-gray-L500 bg-gray-L25 transition duration-500 ease-in-out hover:-translate-y-1 hover:border hover:border-solid dark:border-gray-D200 dark:bg-gray-D1300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="dark:hidden w-5 h-5 text-gray-L500 dark:text-gray-D200 "><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"/></svg><svg width="21" height="21" viewbox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg" class="tailwind-hidden dark:block w-5 h-5 text-gray-L500 dark:text-gray-D200 "><path d="M10.5 7.2c1.81 0 3.3 1.49 3.3 3.3 0 1.81-1.49 3.3-3.3 3.3a3.31 3.31 0 0 1-3.3-3.3c0-1.81 1.49-3.3 3.3-3.3Zm0-2.2a5.5 5.5 0 1 0 0 11 5.5 5.5 0 0 0 0-11ZM2.86 11.45H.96A.96.96 0 0 1 0 10.5c0-.53.43-.95.95-.95h1.91c.53 0 .96.42.96.95s-.43.95-.96.95ZM20.05 11.45h-1.91a.96.96 0 0 1-.96-.95c0-.53.43-.95.96-.95h1.9c.53 0 .96.42.96.95s-.43.95-.95.95ZM9.55 2.86V.96c0-.53.42-.96.95-.96s.95.43.95.95v1.91c0 .53-.42.96-.95.96a.96.96 0 0 1-.95-.96ZM9.55 20.05v-1.91c0-.53.42-.96.95-.96s.95.43.95.96v1.9c0 .53-.42.96-.95.96a.96.96 0 0 1-.95-.95ZM3.42 3.42a.95.95 0 0 1 1.34 0l1.02 1c.37.37.36.98 0 1.36a.95.95 0 0 1-1.35 0L3.42 4.76a.95.95 0 0 1 0-1.34ZM15.22 15.22a.95.95 0 0 1 1.35 0l1.01 1.02a.95.95 0 1 1-1.34 1.34l-1.01-1a.95.95 0 0 1 0-1.35ZM17.58 3.42c.38.36.38.97 0 1.34l-1 1.02a.95.95 0 1 1-1.35-1.35l1-1.01a.95.95 0 0 1 1.35 0ZM5.78 15.22c.37.37.37.98 0 1.35l-1.02 1.01a.95.95 0 1 1-1.35-1.35l1.02-1a.95.95 0 0 1 1.35 0Z" fill="currentColor"/></svg></div></div><div class="relative z-20 transform transition duration-500 ease-in-out hover:-translate-y-1"><div class="relative flex justify-center"><div id="overlay" class="flex items-center justify-center"><div class="z-20 flex h-10 w-10 cursor-pointer items-center justify-center rounded-full border-gray-L500 bg-gray-L25 hover:border hover:border-solid dark:border-gray-D200 dark:bg-gray-D1300"><svg width="12" height="19" viewbox="0 0 12 19" fill="none" xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 fill-current text-gray-L500 dark:text-gray-D200"><path d="M5 9.8c.8-1.3 2.3-2.2 3.2-3.4.9-1.3.4-3.7-2.2-3.7C4.3 2.7 3.5 4 3.1 5L.5 4C1.2 1.8 3.2 0 6 0c2.3 0 4 1 4.8 2.4.7 1.2 1 3.3 0 5-1.2 1.7-2.4 2.2-3 3.4-.2.4-.3.7-.3 2.2h-3c0-.8 0-2 .6-3.2ZM8 17a2 2 0 0 1-2 2 2 2 0 0 1-2-2c0-1.1.9-2 2-2a2 2 0 0 1 2 2Z" fill="current"/></svg></div></div></div></div></div><div class=" relative min-h-full w-full" id="handleArticleScroll"><div class="" style="transition:margin 0.5s"><div class="custom-default" style="min-height:calc(100vh - 170px)"><div class="relative mx-auto min-h-full w-full shrink-0 grow basis-auto px-10 mb-24 transition duration-200 content-width" style="max-width:1024px"><div style="font-family:Nunito Sans"><div class="mb-5"><div class="flex flex-col"><div class=""><h1 class="mb-2 mt-10 text-left text-gray-L800 dark:text-gray-D200 heading-one tracking-tight">Variable Declarations in JavaScript</h1></div><div class="flex flex-col justify-between sm:flex-row"><div class="flex flex-col" style="max-width:730px"><div class="flex-1 whitespace-pre-line" data-testid="summary-description"><p class="body-medium mt-0">This lesson teaches how variables are declared in JavaScript and what's the difference between var, let and const keywords.</p></div></div></div></div></div></div><div class="block " style="min-height:"><div class="mt-5 clear-both relative"><div><div><div tabindex="0" style="outline:none"><div><div class=""><div id="widget-parent-b084ba80-0856-4d2d-a45c-d1f11494e396" class=""><div class="h-auto w-full whitespace-normal after:clear-both after:table after:content-none markdown-container-div"><div class="markdownViewer select-text markdown-default markdown-table markdown-viewer markdown-viewer-heading" role="none"><p>Earlier before 2015, the only keyword available to declare variables was the <code>var</code> keyword. With JavaScript ES6 introduced, the two new keywords that came into existence are <code>const</code> and <code>let</code>. Let’s see how each of these keywords differ from one another and what’s the best time to use them.</p> <p>The different variable declarations with <code>var</code>, <code>let</code> and <code>const</code> can be confusing for newcomers to React even though they are not React specific. Maybe it is because JavaScript ES6 was introduced when React became popular. In general, I try to introduce <code>let</code> and <code>const</code> very early in my workshops. It simply starts with exchanging <code>var</code> with <code>const</code> in a React component:</p>