1 line
5.5 KiB
JavaScript
1 line
5.5 KiB
JavaScript
(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[344],{9780:function(e,n,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/roadmaps",function(){return o(7525)}])},965:function(e,n,o){"use strict";o.r(n),o.d(n,{__N_SSG:function(){return v},NewBanner:function(){return j},default:function(){return g}});var r=o(5893),t=o(8527),i=o(6723),l=o(9876),s=o(2438),a=o(1832),d=o(600),c=o(6673),x=o(1524),p=o(8025),u=o(202),h=o(8641),m=(o(7294),o(5657));function f(e){var n=e.roadmap;return n.imagePath?(0,r.jsx)(t.W2,{maxW:"900px",position:"relative",children:(0,r.jsx)(t.xu,{mb:"30px",children:(0,r.jsx)("img",{alt:"Frontend Roadmap",src:n.imagePath})})}):null}function b(e){var n=e.roadmap;if(!n.landingPath)return null;var i=n.landingPath.replace(/^\//,""),l=o(9280)("./".concat(i)).default;return(0,r.jsx)(t.W2,{maxW:"container.md",position:"relative",children:(0,r.jsx)(p.Z,{children:(0,r.jsx)(l,{})})})}var v=!0;function j(){return(0,r.jsxs)(t.xv,{_hover:{textDecoration:"none",color:"blue.700","& .new-badge":{bg:"blue.700"}},as:t.rU,href:h.url.youtube,d:"block",target:"_blank",color:"red.700",fontSize:"sm",mb:"10px",fontWeight:500,onClick:function(){return(0,m.B)({category:"Subscription",action:"Clicked the YouTube banner",label:"YouTube Alert on Roadmap"})},children:[(0,r.jsx)(t.Ct,{transition:"all 300ms",className:"new-badge",mr:"7px",colorScheme:"red",variant:"solid",children:"New"}),(0,r.jsx)(t.xv,{textDecoration:"underline",as:"span",d:["none","inline"],children:"Roadmap topics to be covered on our YouTube Channel"}),(0,r.jsx)(t.xv,{textDecoration:"underline",as:"span",d:["inline","none"],children:"Topic videos being made on YouTube"}),(0,r.jsx)(t.xv,{as:"span",ml:"5px",children:"\xbb"})]})}function g(e){var n,o,p=e.roadmap;return(0,r.jsxs)(t.xu,{bg:"white",minH:"100vh",children:[(0,r.jsx)(s.e,{}),(0,r.jsx)(u.Z,{title:(null===p||void 0===p||null===(n=p.seo)||void 0===n?void 0:n.title)||p.title,description:(null===p||void 0===p||null===(o=p.seo)||void 0===o?void 0:o.description)||p.description,keywords:(null===p||void 0===p?void 0:p.seo.keywords)||[]}),(0,r.jsxs)(t.xu,{mb:"60px",children:[(0,r.jsx)(x.m,{beforeTitle:(0,r.jsx)(j,{}),title:p.title,subtitle:p.description,children:(0,r.jsxs)(t.Kq,{mt:"20px",isInline:!0,children:[(0,r.jsxs)(i.zx,{d:["flex","flex"],as:t.rU,href:"/roadmaps",size:"xs",py:"14px",px:"10px",colorScheme:"teal",variant:"solid",_hover:{textDecoration:"none"},children:["\u2190 ",(0,r.jsx)(t.xv,{as:"span",d:["none","inline"],ml:"5px",children:"All Roadmaps"})]}),p.pdfUrl&&(0,r.jsx)(i.zx,{as:t.rU,href:p.pdfUrl,target:"_blank",size:"xs",py:"14px",px:"10px",leftIcon:(0,r.jsx)(l._8,{}),colorScheme:"yellow",variant:"solid",_hover:{textDecoration:"none"},children:"Download"}),(0,r.jsx)(i.zx,{as:t.rU,href:"/signup",size:"xs",py:"14px",px:"10px",leftIcon:(0,r.jsx)(l.Km,{}),colorScheme:"yellow",variant:"solid",_hover:{textDecoration:"none"},children:"Subscribe"})]})}),(0,r.jsx)(f,{roadmap:p}),(0,r.jsx)(b,{roadmap:p})]}),(0,r.jsx)(a.z,{}),(0,r.jsx)(d.q,{}),(0,r.jsx)(c.$,{})]})}},7525:function(e,n,o){"use strict";o.r(n),o.d(n,{__N_SSG:function(){return f},default:function(){return b}});var r=o(5893),t=o(8527),i=o(2438),l=o(1832),s=o(600),a=o(6673),d=o(1524),c=o(3153),x=o(9876),p=["gray.900","purple.900","blue.900","red.900","green.900","teal.900","yellow.900","cyan.900","pink.900","gray.800","purple.800","blue.800","red.800","green.800","teal.800","yellow.800","cyan.800","pink.800","gray.700","purple.700","blue.700","red.700","green.700","teal.700","yellow.700","cyan.700","pink.700","gray.600","purple.600","blue.600","red.600","green.600","teal.600","yellow.600","cyan.600","pink.600"];function u(e){var n,o=e.title,i=e.subtitle,l=e.isCommunity,s=void 0!==l&&l,a=e.isUpcoming,d=void 0!==a&&a,u=e.colorIndex,h=void 0===u?0:u,m=e.href,f=void 0===m?"/":m;return(0,r.jsxs)(t.xu,{_hover:{textDecoration:"none",transform:"scale(1.02)"},as:t.rU,href:f,shadow:"xl",p:"20px",rounded:"10px",bg:null!==(n=p[h])&&void 0!==n?n:p[0],flex:1,pos:"relative",children:[s&&(0,r.jsx)(c.u,{label:"Community contribution",hasArrow:!0,placement:"top",children:(0,r.jsx)(x.sz,{opacity:.5,color:"gray.100",position:"absolute",top:"10px",right:"10px"})}),(0,r.jsx)(t.X6,{color:"white",mb:"6px",fontSize:"20px",children:o}),(0,r.jsx)(t.xv,{color:"gray.300",fontSize:"14px",children:i}),d&&(0,r.jsxs)(t.kC,{alignItems:"center",justifyContent:"center",pos:"absolute",left:0,right:0,top:0,bottom:0,rounded:"10px",children:[(0,r.jsx)(t.xv,{color:"white",bg:"yellow.900",zIndex:1,fontWeight:600,p:"5px 10px",rounded:"10px",children:"Upcoming"}),(0,r.jsx)(t.xu,{bg:"black",pos:"absolute",top:0,left:0,right:0,bottom:0,rounded:"10px",opacity:.5})]})]})}var h=o(202),m=o(965),f=!0;function b(e){var n=e.roadmaps;return(0,r.jsxs)(t.xu,{bg:"white",minH:"100vh",children:[(0,r.jsx)(i.e,{}),(0,r.jsx)(h.Z,{title:"Developer Roadmaps",description:"Step by step guides and paths to learn different tools or technologies"}),(0,r.jsxs)(t.xu,{mb:"60px",children:[(0,r.jsx)(d.m,{beforeTitle:(0,r.jsx)(m.NewBanner,{}),title:"Developer Roadmaps",subtitle:"Step by step guides and paths to learn different tools or technologies"}),(0,r.jsx)(t.W2,{maxW:"container.md",position:"relative",children:(0,r.jsx)(t.MI,{columns:[1,1,2,2],mb:"30px",spacing:["10px","10px","15px"],children:n.map((function(e,n){return(0,r.jsx)(u,{href:"/".concat(e.id),colorIndex:n,title:e.featuredTitle,subtitle:e.description,isCommunity:e.isCommunity,isUpcoming:e.isUpcoming},e.id)}))})})]}),(0,r.jsx)(l.z,{}),(0,r.jsx)(s.q,{}),(0,r.jsx)(a.$,{})]})}}},function(e){e.O(0,[709,22,153,515,231,70,636,939,774,888,179],(function(){return n=9780,e(e.s=n);var n}));var n=e.O();_N_E=n}]); |