<linkrel="preload"href="/styles.092aea92.js"as="script">

<linkrel="preload"href="/runtime~main.152d68bb.js"as="script">

<linkrel="preload"href="/runtime~main.4343f958.js"as="script">

<linkrel="preload"href="/main.e555e4a7.js"as="script">

<scriptsrc="/styles.092aea92.js"></script>

<scriptsrc="/runtime~main.152d68bb.js"></script>

<scriptsrc="/runtime~main.4343f958.js"></script>

<scriptsrc="/main.e555e4a7.js"></script>

<linkrel="preload"href="/styles.092aea92.js"as="script">

<linkrel="preload"href="/runtime~main.152d68bb.js"as="script">

<linkrel="preload"href="/runtime~main.4343f958.js"as="script">

<linkrel="preload"href="/main.e555e4a7.js"as="script">

<scriptsrc="/styles.092aea92.js"></script>

<scriptsrc="/runtime~main.152d68bb.js"></script>

<scriptsrc="/runtime~main.4343f958.js"></script>

<scriptsrc="/main.e555e4a7.js"></script>

<linkrel="preload"href="/styles.092aea92.js"as="script">

<linkrel="preload"href="/runtime~main.152d68bb.js"as="script">

<linkrel="preload"href="/runtime~main.4343f958.js"as="script">

<linkrel="preload"href="/main.e555e4a7.js"as="script">

<scriptsrc="/styles.092aea92.js"></script>

<scriptsrc="/runtime~main.152d68bb.js"></script>

<scriptsrc="/runtime~main.4343f958.js"></script>

<scriptsrc="/main.e555e4a7.js"></script>

<linkrel="preload"href="/styles.092aea92.js"as="script">

<linkrel="preload"href="/runtime~main.152d68bb.js"as="script">

<linkrel="preload"href="/runtime~main.4343f958.js"as="script">

<linkrel="preload"href="/main.e555e4a7.js"as="script">

<linkrel="preload"href="/common.516bd13d.js"as="script">

<linkrel="preload"href="/c4f5d8e4.dad51a41.js"as="script">

<linkrel="preload"href="/c4f5d8e4.8a15aeb1.js"as="script">

<script>!function(){functiont(t){document.documentElement.setAttribute("data-theme",t)}vare=window.matchMedia("(prefers-color-scheme: dark)"),n=function(){vart=null;try{t=localStorage.getItem("theme")}catch(t){}returnt}();null!==n?t(n):e.matches&&t("dark")}()</script>

<divid="__docusaurus">

<navclass="navbar navbar--light navbar--fixed-top"><divclass="navbar__inner"><divclass="navbar__items"><divaria-label="Navigation bar toggle"class="navbar__toggle"role="button"tabindex="0"><svgxmlns="http://www.w3.org/2000/svg"width="30"height="30"viewBox="0 0 30 30"role="img"focusable="false"><title>Menu</title><pathstroke="currentColor"stroke-linecap="round"stroke-miterlimit="10"stroke-width="2"d="M4 7h22M4 15h22M4 23h22"></path></svg></div><aclass="navbar__brand"href="/"><imgclass="navbar__logo"src="/img/logo.svg"alt="My Site Logo"><strongclass="navbar__title">CodeRoad</strong></a><aclass="navbar__item navbar__link"href="/docs/overview">Docs</a></div><divclass="navbar__items navbar__items--right"><atarget="_blank"rel="noopener noreferrer"href="https://github.com/coderoad/coderoad-vscode"class="navbar__item navbar__link">GitHub</a><divclass="react-toggle react-toggle--disabled displayOnlyInLargeViewport_1gtM"><divclass="react-toggle-track"><divclass="react-toggle-track-check"><spanclass="toggle_keGJ moon_1gwN"></span></div><divclass="react-toggle-track-x"><spanclass="toggle_keGJ sun_3CPA"></span></div></div><divclass="react-toggle-thumb"></div><inputtype="checkbox"disabled=""aria-label="Dark mode toggle"class="react-toggle-screenreader-only"></div></div></div><divrole="presentation"class="navbar-sidebar__backdrop"></div><divclass="navbar-sidebar"><divclass="navbar-sidebar__brand"><aclass="navbar__brand"href="/"><imgclass="navbar__logo"src="/img/logo.svg"alt="My Site Logo"><strongclass="navbar__title">CodeRoad</strong></a></div><divclass="navbar-sidebar__items"><divclass="menu"><ulclass="menu__list"><liclass="menu__list-item"><aclass="menu__link"position="left"href="/docs/overview">Docs</a></li><liclass="menu__list-item"><atarget="_blank"rel="noopener noreferrer"href="https://github.com/coderoad/coderoad-vscode"class="menu__link"position="right">GitHub</a></li></ul></div></div></div></nav><divclass="main-wrapper"><headerclass="hero hero--primary heroBanner_2Ftp"><divclass="container"><h1class="hero__title">CodeRoad</h1><pclass="hero__subtitle">A VSCode Extension for Interactive Coding Tutorials</p><divclass="buttons_1Wc3"><aclass="button button--outline button--secondary button--lg"href="/docs/overview">Get Started</a></div></div></header><main><sectionclass="features_P2SU"><divclass="container"><divclass="row"><divclass="col col--4"><divclass="text--center"><imgclass="featureImage_3Xqx"src="/img/undraw_docusaurus_mountain.svg"alt="[object Object]"></div><h3>Your Editor</h3><p>Playing tutorials in a real-world setting: within your coding editor.</p></div><divclass="col col--4"><divclass="text--center"><imgclass="featureImage_3Xqx"src="/img/undraw_docusaurus_tree.svg"alt="[object Object]"></div><h3>Your Code</h3><p>You own your progress. Save with Git to build your timeline. Deploy to build your portfolio.</p></div><divclass="col col--4"><divclass="text--center"><imgclass="featureImage_3Xqx"src="/img/undraw_docusaurus_react.svg"alt="[object Object]"></div><h3>Open</h3><p>CodeRoad is open-source. Build your own tutorials. Contribute to the tooling.</p></div></div></div></section></main></div><footerclass="footer footer--dark"><divclass="container"><divclass="text--center"><div>Copyright © 2020 CodeRoad. Built with Docusaurus.</div></div></div></footer>

<navclass="navbar navbar--light navbar--fixed-top"><divclass="navbar__inner"><divclass="navbar__items"><divaria-label="Navigation bar toggle"class="navbar__toggle"role="button"tabindex="0"><svgxmlns="http://www.w3.org/2000/svg"width="30"height="30"viewBox="0 0 30 30"role="img"focusable="false"><title>Menu</title><pathstroke="currentColor"stroke-linecap="round"stroke-miterlimit="10"stroke-width="2"d="M4 7h22M4 15h22M4 23h22"></path></svg></div><aclass="navbar__brand"href="/"><imgclass="navbar__logo"src="/img/logo.svg"alt="My Site Logo"><strongclass="navbar__title">CodeRoad</strong></a><aclass="navbar__item navbar__link"href="/docs/overview">Docs</a></div><divclass="navbar__items navbar__items--right"><atarget="_blank"rel="noopener noreferrer"href="https://github.com/coderoad/coderoad-vscode"class="navbar__item navbar__link">GitHub</a><divclass="react-toggle react-toggle--disabled displayOnlyInLargeViewport_1gtM"><divclass="react-toggle-track"><divclass="react-toggle-track-check"><spanclass="toggle_keGJ moon_1gwN"></span></div><divclass="react-toggle-track-x"><spanclass="toggle_keGJ sun_3CPA"></span></div></div><divclass="react-toggle-thumb"></div><inputtype="checkbox"disabled=""aria-label="Dark mode toggle"class="react-toggle-screenreader-only"></div></div></div><divrole="presentation"class="navbar-sidebar__backdrop"></div><divclass="navbar-sidebar"><divclass="navbar-sidebar__brand"><aclass="navbar__brand"href="/"><imgclass="navbar__logo"src="/img/logo.svg"alt="My Site Logo"><strongclass="navbar__title">CodeRoad</strong></a></div><divclass="navbar-sidebar__items"><divclass="menu"><ulclass="menu__list"><liclass="menu__list-item"><aclass="menu__link"position="left"href="/docs/overview">Docs</a></li><liclass="menu__list-item"><atarget="_blank"rel="noopener noreferrer"href="https://github.com/coderoad/coderoad-vscode"class="menu__link"position="right">GitHub</a></li></ul></div></div></div></nav><divclass="main-wrapper"><headerclass="hero hero--primary heroBanner_2Ftp"><divclass="container"><h1class="hero__title">CodeRoad</h1><pclass="hero__subtitle">A VSCode Extension for Interactive Coding Tutorials</p><divclass="buttons_1Wc3"><aclass="button button--outline button--secondary button--lg"href="/docs/overview">Get Started</a></div></div></header><main><sectionclass="features_P2SU"><divclass="container"><divclass="row"><divclass="col col--4"><divclass="text--center"><imgclass="featureImage_3Xqx"src="/img/undraw_docusaurus_mountain.svg"alt="[object Object]"></div><h3>Your Editor</h3><p>Playing tutorials in a real-world setting: within your coding editor.</p></div><divclass="col col--4"><divclass="text--center"><imgclass="featureImage_3Xqx"src="/img/undraw_docusaurus_tree.svg"alt="[object Object]"></div><h3>Your Code</h3><p>You own your progress. Save with Git to build your timeline. Deploy to build your portfolio.</p></div><divclass="col col--4"><divclass="text--center"><imgclass="featureImage_3Xqx"src="/img/undraw_docusaurus_react.svg"alt="[object Object]"></div><h3>Free &amp; Open</h3><p>CodeRoad is open-source. Build your own tutorials. Contribute to the tooling.</p></div></div></div></section></main></div><footerclass="footer footer--dark"><divclass="container"><divclass="text--center"><div>Copyright © 2020 CodeRoad. Built with Docusaurus.</div></div></div></footer>

<scriptsrc="/styles.092aea92.js"></script>

<scriptsrc="/runtime~main.152d68bb.js"></script>

<scriptsrc="/runtime~main.4343f958.js"></script>

<scriptsrc="/main.e555e4a7.js"></script>

<scriptsrc="/common.516bd13d.js"></script>

<scriptsrc="/c4f5d8e4.dad51a41.js"></script>

<scriptsrc="/c4f5d8e4.8a15aeb1.js"></script>