1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2520],{85280:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/courses",function(){return t(62130)}])},40248:function(n,e,t){"use strict";var r=t(82729),i=t(85893),l=t(19521),a=t(62069),o=t(73857),s=t(41664),c=t.n(s),d=t(67294),p=t(62286),u=t.n(p);function _templateObject(){let n=(0,r._)(["\n padding: 48px 0px;\n\n "," {\n padding: 32px 0px;\n }\n ",' {\n padding: 48px 0px;\n }\n\n background: linear-gradient(\n 260deg,\n rgba(236, 72, 153, 0.33) 0%,\n rgba(124, 58, 237, 0.33) 32.48%,\n rgba(20, 173, 255, 0.33) 64.96%,\n rgba(163, 230, 53, 0.33) 98.43%\n ),\n #2e1065;\n\n background-blend-mode: hard-light, normal;\n\n p,\n h2 {\n margin: 0px;\n }\n\n .join-club-header {\n display: flex;\n flex-direction: column;\n\n gap: 16px;\n h2 {\n background: linear-gradient(\n 270deg,\n #14adff 0%,\n #a3e635 4.17%,\n #facc15 8.33%,\n #ec4899 12.5%,\n #7c3aed 16.67%,\n #14adff 20.83%,\n #a3e635 25%,\n #facc15 29.17%,\n #ec4899 33.33%,\n #7c3aed 37.5%,\n #14adff 41.67%,\n #a3e635 45.83%,\n #facc15 50%,\n #ec4899 54.17%,\n #7c3aed 58.33%,\n #14adff 62.5%,\n #a3e635 66.67%,\n #facc15 70.83%,\n #ec4899 75%,\n #7c3aed 79.17%,\n #14adff 83.33%,\n #a3e635 87.5%,\n #facc15 91.67%,\n #ec4899 95.83%,\n #7c3aed 100%\n );\n\n background-size: 400% 100%;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n -webkit-text-fill-color: transparent;\n animation: rainbow 60s ease-in-out infinite;\n\n @keyframes rainbow {\n 0% {\n background-position: 100% 50%;\n }\n 25% {\n background-position: 0% 20%;\n }\n 50% {\n background-position: 100% 50%;\n }\n 75% {\n background-position: 0% 60%;\n }\n 100% {\n background-position: 100% 50%;\n }\n }\n\n background-clip: text;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n\n text-align: center;\n\n font-family: "PixelGridM";\n font-size: 32px;\n font-style: normal;\n font-weight: 700;\n line-height: 140%; /* 44.8px */\n letter-spacing: 0.96px;\n\n '," {\n font-size: 24px;\n }\n "," {\n font-size: 32px;\n }\n }\n\n p {\n color: ",';\n text-align: center;\n\n font-family: "Mulish", sans-serif;\n\n font-size: 18px;\n font-style: normal;\n font-weight: 500;\n margin: 0rem 1rem;\n }\n }\n\n .reasons-container {\n margin: 32px 0px;\n\n display: flex;\n justify-content: center;\n\n font-family: "Mulish", sans-serif;\n\n '," {\n padding: 0px 16px;\n flex-direction: column-reverse;\n gap: 16px;\n }\n "," {\n padding: 0px 24px;\n flex-direction: row;\n gap: 64px;\n }\n\n "," {\n padding: 0px;\n }\n\n .reasons {\n display: flex;\n flex-direction: column;\n gap: 8px;\n .single-reason {\n display: flex;\n align-items: center;\n gap: 16px;\n\n svg {\n flex-shrink: 0;\n }\n\n .copy {\n display: flex;\n flex-direction: column;\n gap: 8px;\n padding: 8px 16px;\n\n .title {\n color: #fff;\n font-size: 16px;\n font-weight: 700;\n }\n .detail {\n color: ",";\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n }\n }\n }\n }\n\n .image-container {\n display: flex;\n align-items: center;\n justify-content: center;\n img {\n height: auto;\n\n "," {\n width: 160px;\n }\n "," {\n width: 280px;\n }\n }\n }\n }\n\n .button-container {\n display: flex;\n justify-content: center;\n\n a {\n text-decoration: none;\n }\n }\n"]);
1return _templateObject=function(){return n},n}let f=l.default.div.withConfig({componentId:"sc-d77c01f8-0"})(_templateObject(),n=>{let{theme:e}=n;return e.breakpoints.xs},n=>{let{theme:e}=n;return e.breakpoints.sm},n=>{let{theme:e}=n;return e.breakpoints.xs},n=>{let{theme:e}=n;return e.breakpoints.sm},n=>{let{theme:e}=n;return e.colors.palette.grey["300"]},n=>{let{theme:e}=n;return e.breakpoints.xs},n=>{let{theme:e}=n;return e.breakpoints.sm},n=>{let{theme:e}=n;return e.breakpoints.md},n=>{let{theme:e}=n;return e.colors.palette.grey["300"]},n=>{let{theme:e}=n;return e.breakpoints.xs},n=>{let{theme:e}=n;return e.breakpoints.sm}),x=[{title:"Unlimited exercises and projects",detail:"Unlock our complete collection of courses and real-world projects.",svg:(0,i.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",children:(0,i.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3 3H11V5H3V17H11V5H13V17H21V5H13V3H21H23V5V17V19H21H13V21H11V19H3H1V17V5V3H3ZM19 10H15V12H19V10ZM15 7H19V9H15V7ZM17 13H15V15H17V13Z",fill:"#A78BFA"})})},{title:"Get help from Code Mentors",detail:"Have your project code reviewed by human experts in the field.",svg:(0,i.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",children:(0,i.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9 2H5V4H3V6H1V12H3V14H5V16H7V18H9V20H11V22H13V20H15V18H17V16H19V14H21V12H23V6H21V4H19V2H15V4H13V6H11V4H9V2ZM9 4V6H11V8H13V6H15V4H19V6H21V12H19V14H17V16H15V18H13V20H11V18H9V16H7V14H5V12H3V6H5V4H9Z",fill:"#A78BFA"})})},{title:"Earn a Certificate of Completion",detail:"Request official certificates for finishing courses.",svg:(0,i.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",children:(0,i.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M16.0002 2H8H6V4L4.00012 4H2.00012V6V12H4V14L6 14H8V6H8.00012V4L16.0002 4V6V14L18.0001 14L18.0002 14L20.0001 14V12H22V6H22.0002V4H22H20H18.0002V2H18H16.0002ZM20 6V12H18.0002V6H20ZM6 12H4.00012V6H6V12ZM16 14H8V16H16V14ZM11 16.0001H13V20H16V22H8V20H11V16.0001Z",fill:"#A78BFA"})})}];e.Z=function(){let n=u().get().codedextoken,[e,t]=(0,d.useState)(!0),[r,l]=(0,d.useState)("true"===localStorage.getItem("headercheck")),[s,p]=(0,d.useState)(0);return((0,d.useEffect)(()=>{!function checkHeader(){let n="true"===localStorage.getItem("headercheck");if(n)l(!0),t(!0);else{if(s>5)return;setTimeout(checkHeader,1e3),p(n=>n+1)}}()},[r,s,n]),n&&e)?null:(0,i.jsx)(f,{children:(0,i.jsxs)(a.Z,{children:[(0,i.jsxs)("div",{className:"join-club-header",children:[(0,i.jsx)("h2",{children:"Join the Club"}),(0,i.jsxs)("p",{children:["Want to take your learning to the next level? ",(0,i.jsx)("br",{}),"Get full access to all courses and more for as low as $9.99 / month."]})]}),(0,i.jsxs)("div",{className:"reasons-container",children:[(0,i.jsx)("div",{className:"reasons",children:x.map(n=>(0,i.jsxs)("div",{className:"single-reason",children:[n.svg,(0,i.jsxs)("div",{className:"copy",children:[(0,i.jsx)("p",{className:"title",children:n.title}),(0,i.jsx)("p",{className:"detail",children:n.detail})]})]},n.title))}),(0,i.jsx)("div",{className:"image-container",children:(0,i.jsx)("img",{src:"https://i.imgur.com/dZ7Qu9K.gif",alt:"jam description"})})]}),(0,i.jsx)("div",{className:"button-container",children:(0,i.jsx)(c(),{href:"/pricing",children:(0,i.jsx)(o.Z,{variant:"yellow",children:"Join Club now"})})})]})})}},39579:function(n,e,t){"use strict";t.d(e,{Z:function(){return projects_TagsAndSearch}});var r=t(82729),i=t(85893),l=t(19521),a=t(3649),o=t(49691),s=t(67294),c=t(33846);function _templateObject(){let n=(0,r._)(["\n padding: 5px 16px;\n display: flex;\n align-items: center;\n gap: 12px;\n\n input {\n flex: 1;\n font-size: 16px;\n background-color: transparent;\n outline: none;\n border: none;\n min-width: 0;\n font-weight: 500;\n line-height: 150%;\n color: ",";\n caret-color: ",";\n\n ::placeholder {\n color: ",";\n }\n }\n\n .clear-button {\n background: none;\n color: inherit;\n border: none;\n padding: 0;\n margin: 0px;\n font: inherit;\n cursor: pointer;\n outline: inherit;\n\n color: ",";\n font-size: 16px;\n font-style: normal;\n font-weight: 700;\n line-height: 150%;\n padding: 8px;\n border-radius: 4px;\n\n :hover {\n background-color: ",";\n }\n }\n"]);
1return _templateObject=function(){return n},n}let d=(0,l.default)(a.Z).withConfig({componentId:"sc-d28447c3-0"})(_templateObject(),n=>{let{theme:e}=n;return e.colors.text.primary},n=>{let{theme:e}=n;return e.colors.text.accent.blue},n=>{let{theme:e}=n;return e.colors.text.tertiary},n=>{let{theme:e}=n;return e.colors.text.accent.blue},n=>{let{theme:e}=n;return e.colors.background.grey.tertiary});var atoms_SearchBar=function(n){let{search:e,setSearch:t,clearAction:r}=n,l=(0,s.useRef)(null),a=(0,s.useRef)(null),[p,u]=(0,s.useState)(!1);return(0,c.Z)(l,()=>u(!1)),(0,i.jsx)("div",{ref:l,onClick:()=>u(!0),children:(0,i.jsxs)(d,{borderColor:p?"14ADFF":null,children:[(0,i.jsx)(o.Z,{}),(0,i.jsx)("input",{ref:a,placeholder:"Search...",value:e,onChange:n=>t(n.target.value)}),(0,i.jsx)("button",{className:"clear-button nes-pointer",style:{opacity:e?"1":"0",cursor:!e&&"text"},onClick:()=>(function(){if(!e){var n;null===(n=a.current)||void 0===n||n.focus();return}r()})(),children:"Clear"})]})})},p=t(79044),u=t(73857);function ProjectTags_templateObject(){let n=(0,r._)(["\n flex: 1;\n min-width: 0;\n /* overflow: hidden; */\n position: relative;\n display: flex;\n align-items: center;\n\n .inner-wrapper {\n flex: 1;\n display: flex;\n gap: 8px;\n overflow: auto;\n\n ::-webkit-scrollbar {\n display: none;\n }\n }\n\n .tags-nav-btn-wrapper {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n width: 200px;\n display: flex;\n pointer-events: none;\n\n "," {\n width: 80px;\n }\n\n "," {\n width: 200px;\n }\n\n &.left {\n left: 0px !important;\n justify-content: start;\n background: ",";\n }\n\n &.right {\n right: 0px !important;\n justify-content: end;\n\n background: ",";\n }\n\n button {\n width: 44px;\n pointer-events: auto;\n\n svg {\n line-height: 1;\n\n path {\n fill: ",";\n }\n }\n }\n }\n"]);return ProjectTags_templateObject=function(){return n},n}let f=l.default.div.withConfig({componentId:"sc-6e63bbf0-0"})(ProjectTags_templateObject(),n=>{let{theme:e}=n;return e.breakpoints.xs},n=>{let{theme:e}=n;return e.breakpoints.sm},n=>"light"===n.theme.mode?"linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0) 100%)":"linear-gradient(90deg, #020617 0%, rgba(2, 6, 23, 0) 100%)",n=>"light"===n.theme.mode?"linear-gradient(270deg, #fff 0%, rgba(255, 255, 255, 0) 100%)":"linear-gradient(270deg, #020617 0%, rgba(2, 6, 23, 0) 100%)",n=>{let{theme:e}=n;return e.colors.text.primary});var projects_ProjectTags=function(n){let{filter:e,setFilter:t,clearSearch:r,tags:l}=n,a=(0,s.useRef)(null),[o,c]=(0,s.useState)(!1),[d,x]=(0,s.useState)(!1);function checkScrollPosition(){if(a.current){let{scrollLeft:n,scrollWidth:e,clientWidth:t}=a.current;c(n>0),x(n<e-t-1)}}function renderNavBtn(n){return(0,i.jsx)("div",{className:"tags-nav-btn-wrapper ".concat(n),children:(0,i.jsx)(u.Z,{variant:"subtle",onClick:()=>{a.current&&a.current.scrollBy({left:"right"===n?250:-250,behavior:"smooth"})},size:"small",children:(0,i.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"8",height:"14",viewBox:"0 0 8 14",fill:"none",style:{transform:"left"===n?"rotate(180deg)":"none"},children:(0,i.jsx)("path",{d:"M8 8L8 6L6 6L6 8L8 8ZM6 6L6 4L4 4L4 6L6 6ZM6 10L6 8L4 8L4 10L6 10ZM4 4L4 2L2 2L2 4L4 4ZM4 12L4 10L2 10L2 12L4 12ZM2 2L2 -8.7421e-08L0 0L8.74228e-08 2L2 2ZM2 14L2 12L5.24538e-07 12L6.11959e-07 14L2 14Z",fill:"#020617"})})})})}return(0,s.useEffect)(()=>{checkScrollPosition();let n=a.current;if(n)return n.addEventListener("scroll",checkScrollPosition),window.addEventListener("resize",checkScrollPosition),()=>{n.removeEventListener("scroll",checkScrollPosition),window.removeEventListener("resize",checkScrollPosition)}},[l]),(0,i.jsxs)(f,{children:[o&&renderNavBtn("left"),(0,i.jsxs)("div",{className:"inner-wrapper",ref:a,children:[(0,i.jsx)(p.Z,{tag:"All",isSelected:"All"===e,displayName:"All",onToggle:t,sideAction:r},"all"),l.map(n=>(0,i.jsx)(p.Z,{tag:n,isSelected:n==e,displayName:n,onToggle:t,sideAction:r},n))]}),d&&renderNavBtn("right")]})},x=t(16244);
1function TagsAndSearch_templateObject(){let n=(0,r._)(['\n display: flex;\n font-family: "Mulish", sans-serif;\n\n '," {\n gap: 24px;\n }\n\n "," {\n gap: 16px;\n }\n\n "," {\n flex-direction: column;\n }\n\n "," {\n flex-direction: row;\n }\n\n .search-wrapper {\n transition-duration: 0.2s;\n\n "," {\n width: 100%;\n }\n\n "," {\n width: 202px;\n }\n }\n\n .expand-search {\n width: 410px;\n transition-duration: 0.2s;\n }\n\n .line {\n background-color: ",";\n\n "," {\n width: 100%;\n height: 2px;\n }\n\n "," {\n width: 2px;\n height: auto;\n }\n }\n"]);return TagsAndSearch_templateObject=function(){return n},n}let g=l.default.div.withConfig({componentId:"sc-3a5f642c-0"})(TagsAndSearch_templateObject(),n=>{let{theme:e}=n;return e.breakpoints.xs},n=>{let{theme:e}=n;return e.breakpoints.sm},n=>{let{theme:e}=n;return e.breakpoints.xs},n=>{let{theme:e}=n;return e.breakpoints.sm},n=>{let{theme:e}=n;return e.breakpoints.xs},n=>{let{theme:e}=n;return e.breakpoints.sm},n=>{let{theme:e}=n;return e.colors.border.grey.light},n=>{let{theme:e}=n;return e.breakpoints.xs},n=>{let{theme:e}=n;return e.breakpoints.sm});var projects_TagsAndSearch=function(n){let{filter:e,setFilter:t,setSearchResults:r,searchFunction:l,tags:a,clearDefaultTag:o="All"}=n,d=(0,s.useRef)(null),[p,u]=(0,s.useState)(!1),[f,h]=(0,s.useState)(""),m=(0,s.useCallback)(()=>{t(o),r(null),h("")},[t,r,o]),w=(0,s.useCallback)(()=>{r(null),h("")},[r]),b=(0,s.useCallback)(async()=>{f&&l({searchQuery:f})},[f,l]);return(0,x.Z)(b,700),(0,c.Z)(d,()=>u(!1)),(0,i.jsxs)(g,{className:"search-tags-wrapper",children:[(0,i.jsx)("div",{className:"search-wrapper ".concat(p&&"expand-search"),onClick:()=>u(!0),ref:d,children:(0,i.jsx)(atoms_SearchBar,{search:f,setSearch:h,clearAction:()=>m()})}),(0,i.jsx)("div",{className:"line"}),(0,i.jsx)(projects_ProjectTags,{filter:e,setFilter:t,clearSearch:w,tags:a})]})}},62130:function(n,e,t){"use strict";t.r(e),t.d(e,{__N_SSG:function(){return _},default:function(){return courses}});var r=t(82729),i=t(85893),l=t(19521),a=t(9473),o=t(67294),s=t(99428),c=t(86961);function _templateObject(){let n=(0,r._)(['\n * {\n margin: 0px;\n }\n\n height: 425px;\n margin-top: 3.8rem;\n\n background-color: #0f172a;\n background-image: linear-gradient(\n 0deg,\n rgba(2, 6, 23, 0.6) 0%,\n rgba(2, 6, 23, 0.6) 100%\n ),\n url("/images/courses/worldmap.gif");\n background-position:\n center,\n 0px -73.946px;\n background-size:\n cover,\n 100% 200.382%;\n background-repeat: no-repeat, no-repeat;\n backdrop-filter: blur(2px);\n\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 25px;\n padding: 0rem 1rem;\n\n .title-wrapper {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 16px;\n\n .explore {\n color: #fde047;\n font-family: "PixelGridM";\n font-size: 20px;\n font-style: normal;\n font-weight: 700;\n line-height: 140%;\n letter-spacing: 0.6px;\n }\n\n h2 {\n color: #fff;\n text-shadow: 4px 4px 0 #042d4d;\n font-family: "PixelGridM";\n font-size: 64px;\n font-weight: 700;\n line-height: 140%;\n letter-spacing: 1.92px;\n }\n }\n\n .sub-copy {\n text-align: center;\n font-family: "Mulish", sans-serif;\n color: #fff;\n font-size: 18px;\n font-style: normal;\n font-weight: 600;\n line-height: 150%;\n max-width: 676px;\n }\n']);return _templateObject=function(){return n},n}let d=l.default.div.withConfig({componentId:"sc-d981d7f-0"})(_templateObject());var courseCatalog_CourseCatalogBanner=function(){return(0,i.jsxs)(d,{children:[(0,i.jsxs)("div",{className:"title-wrapper",children:[(0,i.jsx)("p",{className:"explore",children:"EXPLORE THE WORLD OF"}),(0,i.jsx)("h2",{children:"Cod\xe9dex"})]}),(0,i.jsx)("p",{className:"sub-copy",children:"Start your coding adventure with 200+ hours of interactive programming exercises paired with real-world projects. Explore for free!"})]})},p=t(62069),u=t(75128),f=t(73857);
1function RowNavigation_templateObject(){let n=(0,r._)(["\n display: flex;\n gap: 12px;\n\n svg {\n filter: ",";\n\n path {\n fill: ",";\n }\n }\n"]);return RowNavigation_templateObject=function(){return n},n}let x=l.default.div.withConfig({componentId:"sc-3f22b8f5-0"})(RowNavigation_templateObject(),n=>{let{theme:e}=n;return"dark"==e.mode?"drop-shadow(0px 2px 0px #334155)":"drop-shadow(0px 2px 0px #e2e8f0)"},n=>{let{theme:e}=n;return"dark"==e.mode?"white":"#020617"});var courseCatalog_RowNavigation=function(n){let{uniqueName:e,scrollPX:t=null,setEndOfContainer:r,target:l="scroll-target-for-course-row-"}=n,[a,s]=(0,o.useState)(!1),[c,d]=(0,o.useState)(!1),[p,u]=(0,o.useState)(!1);function scroll(n){var r,i,a=document.getElementById("".concat(l).concat(e)),o=a.scrollWidth,c=a.clientWidth,p=a.scrollLeft,f=t||1e3;"left"===n?r=Math.max(0,p-f):(r=Math.min(o-c,p+f),s(!1)),r>=o-c?(d(!0),u(!1)):r<=0?(d(!1),u(!1)):(d(!1),u(!0));var x=t?300:900;requestAnimationFrame(function scroll(n){i||(i=n);var e=Math.min((n-i)/x,1);a.scrollLeft=p+(1-Math.pow(1-e,3))*(r-p),e<1&&requestAnimationFrame(scroll)})}return(0,o.useEffect)(()=>{r(c)},[c,r]),(0,i.jsxs)(x,{className:"inner-arrow-container",children:[(0,i.jsx)(f.Z,{variant:"subtle",onClick:()=>scroll("left"),size:"small",style:{padding:"10px",paddingBottom:"12px"},disabled:!p&&!c,children:(0,i.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",children:(0,i.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M16 5L16 7L14 7L14 5L16 5ZM12 9L12 7L14 7L14 9L12 9ZM10 11L10 9L12 9L12 11L10 11ZM10 13L8 13L8 11L10 11L10 13ZM12 15L12 13L10 13L10 15L12 15ZM12 15L14 15L14 17L12 17L12 15ZM16 19L16 17L14 17L14 19L16 19Z"})})}),(0,i.jsx)(f.Z,{onClick:()=>scroll("right"),variant:"subtle",size:"small",style:{padding:"10px",paddingBottom:"12px"},disabled:!p&&c,children:(0,i.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",children:(0,i.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8 5L8 7L10 7L10 5L8 5ZM12 9L12 7L10 7L10 9L12 9ZM14 11L14 9L12 9L12 11L14 11ZM14 13L16 13L16 11L14 11L14 13ZM12 15L12 13L14 13L14 15L12 15ZM12 15L10 15L10 17L12 17L12 15ZM8 19L8 17L10 17L10 19L8 19Z"})})})]})},g=t(98494);function CatalogRow_templateObject(){let n=(0,r._)(['\n display: flex;\n flex-direction: column;\n gap: 32px;\n\n p,\n h3 {\n margin: 0px;\n }\n\n .dark-fade {\n position: absolute;\n height: 100%;\n width: 200px;\n background-color: red;\n }\n\n .row-header {\n display: flex;\n justify-content: space-between;\n align-items: end;\n gap: 32px;\n font-family: "Mulish", sans-serif;\n\n .row-section {\n display: flex;\n flex-direction: column;\n gap: 16px;\n }\n\n .row-copy {\n display: flex;\n gap: 16px;\n\n '," {\n flex-direction: column;\n }\n "," {\n flex-direction: row;\n align-items: baseline;\n }\n\n h3 {\n color: ",";\n font-size: 20px;\n font-style: normal;\n font-weight: 700;\n line-height: 120%;\n }\n\n p {\n color: ",";\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n line-height: 150%;\n }\n }\n\n .navigation {\n "," {\n display: none;\n }\n "," {\n display: flex;\n }\n }\n }\n\n .outer-course-cards-container {\n position: relative;\n .course-cards-container {\n display: flex;\n gap: 24px;\n overflow: auto;\n\n ::-webkit-scrollbar {\n display: none;\n }\n\n -ms-overflow-style: none;\n scrollbar-width: none;\n }\n\n .dark-fade {\n position: absolute;\n right: 0px;\n width: 95px;\n z-index: 1;\n background: ",";\n\n "," {\n display: none;\n }\n "," {\n display: flex;\n }\n }\n\n .mobile-navigation {\n margin-top: 16px;\n\n "," {\n display: flex;\n }\n "," {\n display: none;\n }\n\n .inner-arrow-container {\n width: 100%;\n button {\n flex: 1;\n }\n }\n }\n }\n"]);
1return CatalogRow_templateObject=function(){return n},n}function _templateObject1(){let n=(0,r._)(["\n display: flex;\n\n "," {\n gap: 16px;\n }\n "," {\n gap: 24px;\n }\n\n .info {\n display: flex;\n align-items: center;\n gap: 8px;\n white-space: nowrap;\n\n svg {\n path {\n fill: ",";\n }\n }\n\n p {\n color: ",";\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 150%;\n }\n }\n"]);return _templateObject1=function(){return n},n}let h=l.default.div.withConfig({componentId:"sc-8fd7d7f8-0"})(CatalogRow_templateObject(),n=>{let{theme:e}=n;return e.breakpoints.xs},n=>{let{theme:e}=n;return e.breakpoints.sm},n=>{let{theme:e}=n;return e.colors.text.primary},n=>{let{theme:e}=n;return e.colors.text.secondary},n=>{let{theme:e}=n;return e.breakpoints.xs},n=>{let{theme:e}=n;return e.breakpoints.sm},n=>{let{theme:e}=n;return"dark"==e.mode?"linear-gradient(90deg, rgba(2, 6, 23, 0) 0%, #020617 100%)":"linear-gradient(90deg, rgba(241, 245, 249, 0.00) 0%, #FFF 100%);"},n=>{let{theme:e}=n;return e.breakpoints.xs},n=>{let{theme:e}=n;return e.breakpoints.sm},n=>{let{theme:e}=n;return e.breakpoints.xs},n=>{let{theme:e}=n;return e.breakpoints.sm});var sections_CatalogRow=function(n){let{description:e,journey:t,cardWidth:r,isLoading:l}=n,[a,s]=(0,o.useState)(!0),{courses:c,journeyName:d,total:p}=(0,g.Qy)(t);return(0,i.jsxs)(h,{children:[(0,i.jsxs)("div",{className:"row-header",children:[(0,i.jsxs)("div",{className:"row-section",children:[(0,i.jsxs)("div",{className:"row-copy",children:[(0,i.jsx)("h3",{children:d}),(0,i.jsx)("p",{children:e})]}),(0,i.jsx)(Info,{metaInfo:p})]}),c.length>=4&&(0,i.jsx)("div",{className:"navigation",children:(0,i.jsx)(courseCatalog_RowNavigation,{uniqueName:t,setEndOfContainer:s})})]}),(0,i.jsxs)("div",{className:"outer-course-cards-container",children:[(0,i.jsx)("div",{className:"course-cards-container",id:"scroll-target-for-course-row-".concat(t),children:c.map((n,e)=>(0,i.jsx)(u.Z,{courseName:n.courseName,index:e,cardWidth:r,isLoading:l},n.courseName))}),(0,i.jsx)("div",{className:"mobile-navigation",children:(0,i.jsx)(courseCatalog_RowNavigation,{uniqueName:t,scrollPX:r+24,setEndOfContainer:()=>{}})})]})]})};let m=l.default.div.withConfig({componentId:"sc-8fd7d7f8-1"})(_templateObject1(),n=>{let{theme:e}=n;return e.breakpoints.xs},n=>{let{theme:e}=n;return e.breakpoints.sm},n=>{let{theme:e}=n;return e.colors.text.tertiary},n=>{let{theme:e}=n;return e.colors.text.tertiary});function Info(n){let{metaInfo:e}=n;return(0,i.jsxs)(m,{children:[(0,i.jsxs)("div",{className:"info",children:[w,(0,i.jsxs)("p",{children:[e.courses," Courses"]})]})," ",(0,i.jsxs)("div",{className:"info",children:[j,(0,i.jsxs)("p",{children:[e.certificates," Certificates"]})]})," ",(0,i.jsxs)("div",{className:"info",children:[b,(0,i.jsxs)("p",{children:[e.hoursToComplete," Hours of Content"]})]})]})}let w=(0,i.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:(0,i.jsx)("path",{d:"M7.33333 3.33301H2.00032V11.333H7.33333V3.33301H8.66634V11.333H14.0003V3.33301H8.66634V2H15.3333V12.667H8.66634V14H7.33333V12.667H0.66634V2H7.33333V3.33301ZM11.3333 10H10.0003V8.66699H11.3333V10ZM12.6663 8H10.0003V6.66699H12.6663V8ZM12.6663 6H10.0003V4.66699H12.6663V6Z",fill:"#64748B"})}),b=(0,i.jsx)("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,i.jsx)("path",{d:"M11.333 14H4.66699V12.667H11.333V14ZM4.66699 12.667H3.33301V11.333H4.66699V12.667ZM12.667 12.667H11.333V11.333H12.667V12.667ZM3.33301 11.333H2V4.66699H3.33301V11.333ZM14 11.333H12.667V4.66699H14V11.333ZM8.66699 8.66699H11.333V10H7.33301V4.66699H8.66699V8.66699ZM4.66699 4.66699H3.33301V3.33301H4.66699V4.66699ZM12.667 4.66699H11.333V3.33301H12.667V4.66699ZM11.333 3.33301H4.66699V2H11.333V3.33301Z",fill:"#64748B"})}),j=(0,i.jsx)("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,i.jsx)("path",{d:"M10.6668 14.6667H5.33376V13.3337H7.33376V10.6667H5.33376V9.33374H10.6668V10.6667H8.66677V13.3337H10.6668V14.6667ZM11.9998 2.66675H14.6668V7.99976H13.3338V3.99976H11.9998V7.99976H13.3338V9.33374H10.6668V2.66675H5.33376V9.33374H2.66677V7.99976H3.99978V3.99976H2.66677V7.99976H1.33376V2.66675H3.99978V1.33374H11.9998V2.66675Z",fill:"#64748B"})});
1var v=t(39579),y=t(88090);function AllCoursesFeed_templateObject(){let n=(0,r._)(["\n p,\n h3 {\n margin: 0px;\n }\n\n .row-header {\n margin-bottom: 48px;\n\n .row-copy {\n display: flex;\n flex-direction: column;\n gap: 16px;\n\n h3 {\n color: ",';\n font-family: "PixelGridM";\n font-size: 32px;\n font-weight: 700;\n line-height: 140%;\n letter-spacing: 0.96px;\n }\n\n p {\n font-family: "Mulish", sans-serif;\n color: ',";\n font-size: 20px;\n font-weight: 500;\n line-height: 120%;\n }\n }\n }\n\n .course-list {\n margin-top: 32px;\n display: grid;\n gap: 32px 24px;\n\n "," {\n grid-template-columns: repeat(1, 1fr);\n }\n "," {\n grid-template-columns: repeat(2, 1fr);\n }\n\n ",' {\n grid-template-columns: repeat(3, 1fr);\n }\n }\n\n .no-results-wrapper {\n grid-template-columns: 1fr !important;\n }\n\n .top-copy {\n width: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 16px;\n font-family: "Mulish", sans-serif;\n\n img {\n width: 140px;\n height: 140px;\n aspect-ratio: 1/1;\n image-rendering: pixelated;\n }\n\n .no-results-copy {\n color: ',";\n text-align: center;\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n line-height: 150%;\n\n "," {\n br {\n display: none;\n }\n }\n\n "," {\n br {\n display: inline-block;\n }\n }\n }\n }\n"]);return AllCoursesFeed_templateObject=function(){return n},n}let H=l.default.div.withConfig({componentId:"sc-537b214b-0"})(AllCoursesFeed_templateObject(),n=>{let{theme:e}=n;return e.colors.text.primary},n=>{let{theme:e}=n;return e.colors.text.secondary},n=>{let{theme:e}=n;return e.breakpoints.xs},n=>{let{theme:e}=n;return e.breakpoints.sm},n=>{let{theme:e}=n;return e.breakpoints.md},n=>{let{theme:e}=n;return e.colors.text.primary},n=>{let{theme:e}=n;return e.breakpoints.xs},n=>{let{theme:e}=n;return e.breakpoints.sm});var sections_AllCoursesFeed=function(n){let{cardWidth:e,isLoading:t}=n,[r,l]=(0,o.useState)("All"),[s,c]=(0,o.useState)(null),[d,p]=(0,o.useState)(""),f=(0,a.v9)(y.tp),x=(0,a.v9)(y.dh),g=null==f?void 0:f.map(n=>n.displayName),h=(0,o.useRef)(null),m=(0,o.useCallback)(async n=>{var e;let{searchQuery:t}=n;null===(e=h.current)||void 0===e||e.abort();let r=new AbortController;h.current=r;try{let n=await fetch("/api/search/courses?q=".concat(encodeURIComponent(t),"&limit=50"),{method:"GET",headers:{"Content-Type":"application/json"},signal:r.signal}),e=await n.json();e&&e.results?c(e.internalNames):c([])}catch(n){if((null==n?void 0:n.name)==="AbortError")return;console.error("failed to search courses: ".concat(n))}p(t)},[c]),w=null===s?"All"===r?"all":"tags":"search",b=s&&0==s.length,j={search:(0,i.jsx)(i.Fragment,{children:s&&s.length>0?null==s?void 0:s.map(n=>(0,i.jsx)(u.Z,{courseName:n,cardWidth:e,isLoading:!1},n)):(0,i.jsxs)("div",{className:"top-copy",children:[(0,i.jsx)("img",{src:"/images/character_gifs/search.gif",alt:"searching gif"}),(0,i.jsxs)("p",{className:"no-results-copy",children:["Oh no! We couldn't find anything for"," ",(0,i.jsx)("strong",{children:'"'.concat(d,'"')}),". ",(0,i.jsx)("br",{}),"Try searching for something else, or explore our other courses."]})]})}),tags:(0,i.jsx)(i.Fragment,{children:x.filter(n=>{var e;return n.tags.includes(null===(e=f.find(n=>n.displayName===r))||void 0===e?void 0:e.internalName)}).map(n=>(0,i.jsx)(u.Z,{courseName:n.internlName,cardWidth:e,isLoading:!1},n.internlName))}),all:(0,i.jsx)(i.Fragment,{children:null==x?void 0:x.map(n=>(0,i.jsx)(u.Z,{courseName:n.internlName,cardWidth:e,isLoading:!1},n.internlName))})};return(0,i.jsxs)(H,{children:[(0,i.jsx)("div",{className:"row-header",children:(0,i.jsxs)("div",{className:"row-copy",children:[(0,i.jsx)("h3",{children:"\uD83C\uDFD4ï¸ All Courses"}),(0,i.jsx)("p",{className:"sub-copy",children:"Browse our full library of coding courses."})]})}),(0,i.jsx)(v.Z,{filter:r,setFilter:l,setSearchResults:c,searchFunction:m,tags:g,clearDefaultTag:"All"}),(0,i.jsx)("div",{className:"course-list ".concat(b&&"no-results-wrapper"),children:j[w]})]})};
1function CatalogMainContainer_templateObject(){let n=(0,r._)(["\n padding-top: 64px;\n padding-bottom: 64px;\n\n background-color: ",";\n\n * {\n margin: 0px;\n }\n\n .row-container {\n display: flex;\n flex-direction: column;\n gap: 48px;\n\n .row-line {\n width: 100%;\n height: 2px;\n background-color: ",";\n }\n }\n\n .app-container {\n display: flex;\n flex-direction: column;\n gap: 48px;\n\n "," {\n max-width: 100%;\n margin: 0px 16px;\n }\n "," {\n max-width: 100%;\n margin: 0px 24px;\n }\n\n "," {\n margin: 0 auto;\n max-width: 1152px;\n }\n }\n\n .catalog-header {\n display: flex;\n flex-direction: column;\n gap: 16px;\n\n h2 {\n color: ",';\n font-family: "PixelGridM";\n font-size: 32px;\n font-style: normal;\n font-weight: 700;\n line-height: 140%;\n letter-spacing: 0.96px;\n }\n\n p {\n color: ',';\n font-size: 20px;\n font-weight: 500;\n line-height: 120%;\n font-family: "Mulish", sans-serif;\n }\n }\n\n .btn-wrapper {\n display: flex;\n justify-content: center;\n }\n']);return CatalogMainContainer_templateObject=function(){return n},n}let V=l.default.div.withConfig({componentId:"sc-f766e2f1-0"})(CatalogMainContainer_templateObject(),n=>{let{theme:e}=n;return"dark"==e.mode?e.colors.palette.grey["950"]:"#fff"},n=>{let{theme:e}=n;return e.colors.border.grey.light},n=>{let{theme:e}=n;return e.breakpoints.xs},n=>{let{theme:e}=n;return e.breakpoints.md},n=>{let{theme:e}=n;return e.breakpoints.lg},n=>{let{theme:e}=n;return e.colors.text.primary},n=>{let{theme:e}=n;return e.colors.text.secondary}),k=[{journey:"web-dev",description:"Build your own websites and web apps from scratch."},{journey:"data-science",description:"Analyze, visualize, and uncover insights for real-world datasets."},{journey:"ai",description:"Go under-the-hood of AI models and demystify the world of generative AI."},{journey:"computer-science",description:"Master the foundations of computing, data structures, and algorithms.",extra:!0},{journey:"game-dev",description:"Learn game design and build your own mini-games.",extra:!0},{journey:"web-design",description:"Design and build the websites of your dreams.",extra:!0}];var courseCatalog_CatalogMainContainer=function(n){let{cardWidth:e,isLoading:t}=n,[r,l]=(0,o.useState)(!1),a=k.filter(n=>r||!n.extra);return(0,i.jsx)(V,{children:(0,i.jsxs)(p.Z,{className:"app-container",children:[(0,i.jsxs)("div",{className:"catalog-header",children:[(0,i.jsx)("h2",{children:"\uD83C\uDFD4ï¸ Learning Journeys"}),(0,i.jsx)("p",{children:"Reach your goals with guided paths through our courses."})]}),(0,i.jsxs)("div",{className:"row-container",children:[a.map((n,r)=>(0,i.jsxs)(o.Fragment,{children:[r>0&&(0,i.jsx)("div",{className:"row-line"}),(0,i.jsx)(sections_CatalogRow,{journey:n.journey,description:n.description,cardWidth:e,isLoading:t})]},n.journey)),!r&&(0,i.jsx)("div",{className:"btn-wrapper",children:(0,i.jsx)(f.Z,{onClick:()=>l(!r),children:"See all Journeys"})}),(0,i.jsx)("div",{className:"row-line"}),(0,i.jsx)(sections_AllCoursesFeed,{cardWidth:e,isLoading:t})]})]})})},L=t(40248),C=t(609);function courses_templateObject(){let n=(0,r._)([""]);return courses_templateObject=function(){return n},n}l.default.div.withConfig({componentId:"sc-81d0ed9-0"})(courses_templateObject());var _=!0,courses=function(){let n=(0,a.v9)(C.Ao),[e,t]=(0,o.useState)(null);return(0,o.useEffect)(()=>{function updateCardWidth(){let n=document.getElementsByClassName("course-cards-container");if(0===n.length)return;let e=n[0].clientWidth,r=document.documentElement.clientWidth,i=3;i=r>=1024?3:r>=768?2:1;let l=3==i?50:2===i?24:0;t(Math.ceil((e-l)/i))}return updateCardWidth(),window.addEventListener("resize",updateCardWidth),()=>{window.removeEventListener("resize",updateCardWidth)}},[]),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(s.Z,{}),(0,i.jsx)(courseCatalog_CourseCatalogBanner,{}),(0,i.jsx)(courseCatalog_CatalogMainContainer,{cardWidth:e,isLoading:n}),(0,i.jsx)(L.Z,{}),(0,i.jsx)(c.Z,{disableMarginTop:!0})]})}}},function(n){n.O(0,[1272,8700,4153,1622,9280,9428,6961,9774,2888,179],function(){return n(n.s=85280)}),_N_E=n.O()}]);
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.