Updates

_next/static/chunks/pages/[roadmap]-c842a459dee095ee.js

@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[524],{4507:function(e,n,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/[roadmap]",function(){return o(965)}])},965:function(e,n,o){"use strict";o.r(n),o.d(n,{__N_SSG:function(){return j},NewBanner:function(){return b},default:function(){return _}});var r=o(5893),i=o(8527),t=o(6723),a=o(9876),l=o(2438),s=o(1832),c=o(600),d=o(6673),x=o(1524),u=o(8025),p=o(202),h=o(8641),m=(o(7294),o(5657));function v(e){var n=e.roadmap;return n.imagePath?(0,r.jsx)(i.W2,{maxW:"900px",position:"relative",children:(0,r.jsx)(i.xu,{mb:"30px",children:(0,r.jsx)("img",{alt:"Frontend Roadmap",src:n.imagePath})})}):null}function f(e){var n=e.roadmap;if(!n.contentPath)return null;var t=n.contentPath.replace(/^\//,""),a=o(9280)("./".concat(t)).default;return(0,r.jsx)(i.W2,{maxW:"container.md",position:"relative",children:(0,r.jsx)(u.Z,{children:(0,r.jsx)(a,{})})})}var j=!0;function b(){return(0,r.jsxs)(i.xv,{_hover:{textDecoration:"none",color:"blue.700","& .new-badge":{bg:"blue.700"}},as:i.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)(i.Ct,{transition:"all 300ms",className:"new-badge",mr:"7px",colorScheme:"red",variant:"solid",children:"New"}),(0,r.jsx)(i.xv,{textDecoration:"underline",as:"span",d:["none","inline"],children:"Roadmap topics to be covered on our YouTube Channel"}),(0,r.jsx)(i.xv,{textDecoration:"underline",as:"span",d:["inline","none"],children:"Topic videos being made on YouTube"}),(0,r.jsx)(i.xv,{as:"span",ml:"5px",children:"\xbb"})]})}function _(e){var n,o,u=e.roadmap;return(0,r.jsxs)(i.xu,{bg:"white",minH:"100vh",children:[(0,r.jsx)(l.e,{}),(0,r.jsx)(p.Z,{title:(null===u||void 0===u||null===(n=u.seo)||void 0===n?void 0:n.title)||u.title,description:(null===u||void 0===u||null===(o=u.seo)||void 0===o?void 0:o.description)||u.description,keywords:(null===u||void 0===u?void 0:u.seo.keywords)||[]}),(0,r.jsxs)(i.xu,{mb:"60px",children:[(0,r.jsx)(x.m,{beforeTitle:(0,r.jsx)(b,{}),title:u.title,subtitle:u.description,children:(0,r.jsxs)(i.Kq,{mt:"20px",isInline:!0,children:[(0,r.jsxs)(t.zx,{d:["flex","flex"],as:i.rU,href:"/roadmaps",size:"xs",py:"14px",px:"10px",colorScheme:"teal",variant:"solid",_hover:{textDecoration:"none"},children:["\u2190 ",(0,r.jsx)(i.xv,{as:"span",d:["none","inline"],ml:"5px",children:"All Roadmaps"})]}),u.pdfUrl&&(0,r.jsx)(t.zx,{as:i.rU,href:u.pdfUrl,target:"_blank",size:"xs",py:"14px",px:"10px",leftIcon:(0,r.jsx)(a._8,{}),colorScheme:"yellow",variant:"solid",_hover:{textDecoration:"none"},children:"Download"}),(0,r.jsx)(t.zx,{as:i.rU,href:"/signup",size:"xs",py:"14px",px:"10px",leftIcon:(0,r.jsx)(a.Km,{}),colorScheme:"yellow",variant:"solid",_hover:{textDecoration:"none"},children:"Subscribe"})]})}),(0,r.jsx)(v,{roadmap:u}),(0,r.jsx)(f,{roadmap:u})]}),(0,r.jsx)(s.z,{}),(0,r.jsx)(c.q,{}),(0,r.jsx)(d.$,{})]})}}},function(e){e.O(0,[709,22,515,231,70,636,939,774,888,179],(function(){return n=4507,e(e.s=n);var n}));var n=e.O();_N_E=n}]);

_next/static/chunks/pages/[roadmap]/resources-9641aca7b38e43e4.js

@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[450],{4450:function(e,n,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/[roadmap]/resources",function(){return r(3415)}])},3415:function(e,n,r){"use strict";r.r(n),r.d(n,{__N_SSG:function(){return f},default:function(){return v}});var o=r(5893),i=r(8527),s=r(6723),t=r(9876),l=r(2438),a=r(1832),c=r(600),x=r(6673),d=r(1524),u=r(8025),p=r(202);function h(e){var n=e.roadmap;if(!n.resourcesPath)return null;var s=n.resourcesPath.replace(/^\//,""),t=r(9280)("./".concat(s)).default;return(0,o.jsx)(i.W2,{maxW:"container.md",position:"relative",children:(0,o.jsx)(u.Z,{children:(0,o.jsx)(t,{})})})}var f=!0;function v(e){var n,r,u=e.roadmap;return(0,o.jsxs)(i.xu,{bg:"white",minH:"100vh",children:[(0,o.jsx)(l.e,{}),(0,o.jsx)(p.Z,{title:(null===u||void 0===u||null===(n=u.seo)||void 0===n?void 0:n.title)||u.title,description:(null===u||void 0===u||null===(r=u.seo)||void 0===r?void 0:r.description)||u.description,keywords:(null===u||void 0===u?void 0:u.seo.keywords)||[]}),(0,o.jsxs)(i.xu,{mb:"60px",children:[(0,o.jsx)(d.m,{title:u.title,subtitle:u.description,children:(0,o.jsxs)(i.Kq,{mt:"20px",isInline:!0,children:[(0,o.jsx)(s.zx,{d:["none","flex"],as:i.rU,href:"/roadmaps",size:"xs",py:"14px",px:"10px",leftIcon:(0,o.jsx)(t.Rp,{}),colorScheme:"teal",variant:"solid",_hover:{textDecoration:"none"},children:"All Roadmaps"}),u.pdfUrl&&(0,o.jsx)(s.zx,{as:i.rU,href:u.pdfUrl,target:"_blank",size:"xs",py:"14px",px:"10px",leftIcon:(0,o.jsx)(t._8,{}),colorScheme:"yellow",variant:"solid",_hover:{textDecoration:"none"},children:"Download PDF"}),(0,o.jsx)(s.zx,{as:i.rU,href:"/signup",size:"xs",py:"14px",px:"10px",leftIcon:(0,o.jsx)(t.Km,{}),colorScheme:"yellow",variant:"solid",_hover:{textDecoration:"none"},children:"Subscribe"})]})}),(0,o.jsx)(h,{roadmap:u})]}),(0,o.jsx)(a.z,{}),(0,o.jsx)(c.q,{}),(0,o.jsx)(x.$,{})]})}}},function(e){e.O(0,[709,22,515,231,70,636,939,774,888,179],(function(){return n=4450,e(e.s=n);var n}));var n=e.O();_N_E=n}]);

_next/static/chunks/pages/_error-2280fa386d040b66.js

@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[820],{4977:function(n,_,u){(window.__NEXT_P=window.__NEXT_P||[]).push(["/_error",function(){return u(9185)}])}},function(n){n.O(0,[774,888,179],(function(){return _=4977,n(n.s=_);var _}));var _=n.O();_N_E=_}]);

_next/static/chunks/pages/guides-e61a557809b96f50.js

@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[874],{1228:function(e,t,i){(window.__NEXT_P=window.__NEXT_P||[]).push(["/guides",function(){return i(6325)}])},7202:function(e,t,i){"use strict";i.d(t,{F:function(){return o}});var n=i(5893),r=(i(7294),i(8527));function o(e){var t=e.title,i=e.subtitle,o=e.badgeText,s=e.icon,c=e.hideSubtitleOnMobile,l=void 0!==c&&c,x=e.href,a=e.target;return(0,n.jsxs)(r.rU,{target:a||"_self",href:x,fontSize:["14px","14px","15px"],py:"9px",d:"flex",flexDirection:["column","row","row"],fontWeight:500,color:"gray.600",alignItems:["flex-start","center"],justifyContent:"space-between",_hover:{textDecoration:"none",color:"blue.400","& .list-item-title":{transform:"translateX(10px)"}},isTruncated:!0,maxWidth:"100%",children:[(0,n.jsxs)(r.kC,{alignItems:"center",className:"list-item-title",transition:"200ms",children:[s,(0,n.jsx)(r.xv,{maxWidth:"345px",isTruncated:!0,as:"span",children:t}),o&&(0,n.jsx)(r.Ct,{pos:"relative",top:"1px",variant:"subtle",colorScheme:"purple",ml:"10px",children:o})]}),(0,n.jsx)(r.xv,{d:[l?"none":"inline","inline"],mt:["3px",0],as:"span",fontSize:["11px","11px","12px"],color:"gray.500",children:i})]})}},1259:function(e,t,i){"use strict";i.d(t,{G:function(){return o}});var n=i(5893),r=(i(7294),i(8527));function o(e){var t=e.children;return(0,n.jsx)(r.gC,{rounded:"5px",divider:(0,n.jsx)(r.cX,{borderColor:"gray.200"}),spacing:0,align:"stretch",children:t})}},1524:function(e,t,i){"use strict";i.d(t,{m:function(){return o}});var n=i(5893),r=i(8527);i(7294);function o(e){var t=e.title,i=e.subtitle,o=e.children,s=e.beforeTitle,c=void 0===s?null:s;return(0,n.jsxs)(r.xu,{pt:["25px","20px","45px"],pb:["20px","15px","30px"],borderBottomWidth:1,mb:"30px",children:[(0,n.jsxs)(r.W2,{maxW:"container.md",position:"relative",children:[c,(0,n.jsx)(r.X6,{as:"h1",color:"black",fontSize:["28px","33px","40px"],fontWeight:700,mb:["2px","2px","5px"],children:t}),(0,n.jsx)(r.xv,{fontSize:["13px","14px","15px"],children:i})]}),o&&(0,n.jsx)(r.W2,{maxW:"container.md",children:o})]})}},6325:function(e,t,i){"use strict";i.r(t),i.d(t,{__N_SSG:function(){return f},default:function(){return m}});var n=i(5893),r=i(8527),o=i(2438),s=i(1259),c=i(7202),l=i(1832),x=i(600),a=i(6673),d=["gray.700","purple.800"];function u(e){var t,i=e.title,o=e.subtitle,s=e.date,c=e.isNew,l=void 0!==c&&c,x=e.colorIndex,a=void 0===x?0:x,u=e.href;return(0,n.jsxs)(r.xu,{_hover:{textDecoration:"none",transform:"scale(1.02)"},as:r.rU,href:u,shadow:"xl",p:"20px",rounded:"10px",bg:null!==(t=d[a])&&void 0!==t?t:d[0],flex:1,children:[(0,n.jsxs)(r.xv,{mb:"10px",fontSize:"13px",color:"gray.400",children:[l&&(0,n.jsx)(r.Ct,{colorScheme:"yellow",mr:"10px",children:"New"}),s]}),(0,n.jsx)(r.X6,{color:"white",mb:"6px",fontSize:"20px",children:i}),(0,n.jsx)(r.xv,{color:"gray.300",fontSize:"14px",children:o})]})}var p=i(1524),h=i(202),f=!0;function m(e){var t=e.guides,i=void 0===t?[]:t,d=i.slice(0,2),f=i.slice(2);return(0,n.jsxs)(r.xu,{bg:"white",minH:"100vh",children:[(0,n.jsx)(o.e,{}),(0,n.jsx)(h.Z,{title:"Visual Guides",description:"Succinct graphical explanations to engineering topics."}),(0,n.jsxs)(r.xu,{mb:"60px",children:[(0,n.jsx)(p.m,{title:"Visual Guides",subtitle:"Succinct graphical explanations to engineering topics."}),(0,n.jsxs)(r.W2,{maxW:"container.md",position:"relative",children:[(0,n.jsx)(r.MI,{columns:[1,1,2],mb:"30px",spacing:["10px","10px","15px"],children:d.map((function(e,t){return(0,n.jsx)(u,{href:"/guides/".concat(e.id),title:e.title,subtitle:e.description,date:e.formattedUpdatedAt,isNew:!0,colorIndex:t},e.id)}))}),(0,n.jsx)(s.G,{children:f.map((function(e){return(0,n.jsx)(c.F,{href:"/guides/".concat(e.id),title:e.title,badgeText:e.isPro?"PRO":"",subtitle:e.formattedUpdatedAt},e.id)}))})]})]}),(0,n.jsx)(l.z,{}),(0,n.jsx)(x.q,{}),(0,n.jsx)(a.$,{})]})}}},function(e){e.O(0,[709,515,774,888,179],(function(){return t=1228,e(e.s=t);var t}));var t=e.O();_N_E=t}]);

_next/static/chunks/pages/guides/[guide]-2a49c051f9f82e5c.js

@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[202],{6338:function(t,n,e){var i={"./asymptotic-notation.md":3406,"./avoid-render-blocking-javascript-with-async-defer.md":4109,"./basic-authentication.md":4048,"./big-o-notation.md":4340,"./character-encodings.md":2963,"./ci-cd.md":1123,"./design-patterns-for-humans.md":5298,"./dhcp-in-one-picture.md":8303,"./dns-in-one-picture.md":6210,"./history-of-javascript.md":5263,"./http-caching.md":299,"./journey-to-http2.md":2518,"./jwt-authentication.md":3275,"./levels-of-seniority.md":7824,"./oauth.md":7118,"./project-history.md":319,"./proxy-servers.md":5282,"./random-numbers.md":9177,"./scaling-databases.md":5301,"./session-authentication.md":4403,"./ssl-tls-https-ssh.md":5740,"./sso.md":2303,"./token-authentication.md":5726,"./torrent-client.md":9263,"./unfamiliar-codebase.md":8686,"./upcoming.md":4876,"./what-are-web-vitals.md":9405,"./what-is-internet.md":9069,"./what-is-sli-slo-sla.md":8681,"./why-build-it-and-they-will-come-wont-work-anymore.md":2935};function r(t){var n=o(t);return e(n)}function o(t){if(!e.o(i,t)){var n=new Error("Cannot find module '"+t+"'");throw n.code="MODULE_NOT_FOUND",n}return i[t]}r.keys=function(){return Object.keys(i)},r.resolve=o,t.exports=r,r.id=6338},7779:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/guides/[guide]",function(){return e(8218)}])},3905:function(t,n,e){"use strict";e.d(n,{D:function(){return d}});var i=e(5893),r=e(8527),o=e(4651);e(7294);function d(t){var n=t.title,e=t.subtitle,d=t.author,s=void 0===d?null:d,a=t.formattedDate,l=t.subLink,c=void 0===l?null:l;return(0,i.jsx)(r.xu,{pt:["35px","35px","70px"],pb:["35px","35px","55px"],borderBottomWidth:1,mb:"30px",children:(0,i.jsxs)(r.W2,{maxW:"container.md",position:"relative",textAlign:["left","left","center"],children:[(0,i.jsxs)(r.kC,{alignItems:"center",justifyContent:["flex-start","flex-start","center"],fontSize:["12px","12px","14px"],children:[(null===s||void 0===s?void 0:s.name)&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)(r.rU,{d:["none","flex","flex"],target:"_blank",href:"https://twitter.com/".concat(s.twitter),alignItems:"center",fontWeight:600,color:"gray.500",children:[(0,i.jsx)(o.Ee,{alt:"",rounded:"full",mr:"7px",w:"22px",src:s.picture}),s.name]}),(0,i.jsx)(r.xv,{d:["none","inline","inline"],mx:"7px",color:"gray.500",as:"span",children:"\xb7"})]}),(0,i.jsx)(r.xv,{color:"gray.500",as:"span",children:a}),(null===c||void 0===c?void 0:c.text)&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(r.xv,{d:["none","none","inline"],mx:"7px",color:"gray.500",as:"span",children:"\xb7"}),(0,i.jsx)(r.rU,{d:["none","none","inline"],color:"blue.500",fontWeight:500,href:c.url,target:"_blank",children:c.text})]})]}),(0,i.jsx)(r.X6,{as:"h1",color:"black",fontSize:["30px","30px","45px"],lineHeight:["40px","40px","53px"],fontWeight:700,my:["5px","5px","10px"],children:n}),(0,i.jsx)(r.xv,{fontSize:["14px","14px","16px"],color:"gray.700",children:e})]})})}},8218:function(t,n,e){"use strict";e.r(n),e.d(n,{__N_SSG:function(){return m},default:function(){return p}});var i=e(5893),r=e(8527),o=e(2438),d=e(1832),s=e(600),a=e(6673),l=e(3905),c=e(8025),u=e(8641),x=e(202),m=!0;function p(t){var n,m,p,h=t.guide,f=e(6338)("./".concat(h.id,".md")).default;return(0,i.jsxs)(r.xu,{bg:"white",minH:"100vh",children:[(0,i.jsx)(o.e,{}),(0,i.jsx)(x.Z,{title:h.title,description:h.description}),(0,i.jsxs)(r.xu,{mb:"60px",children:[(0,i.jsx)(l.D,{title:h.title,subtitle:h.description,formattedDate:h.formattedUpdatedAt,author:{twitter:null===h||void 0===h||null===(n=h.author)||void 0===n?void 0:n.twitter,picture:null===h||void 0===h||null===(m=h.author)||void 0===m?void 0:m.picture,name:null===h||void 0===h||null===(p=h.author)||void 0===p?void 0:p.name},subLink:{text:"Improve this Guide",url:"".concat(u.url.repo,"/tree/master/content/guides/").concat(h.id,".md")}}),(0,i.jsx)(r.W2,{maxW:"container.md",position:"relative",children:(0,i.jsx)(c.Z,{children:(0,i.jsx)(f,{})})})]}),(0,i.jsx)(d.z,{}),(0,i.jsx)(s.q,{}),(0,i.jsx)(a.$,{})]})}}},function(t){t.O(0,[709,22,515,231,774,888,179],(function(){return n=7779,t(t.s=n);var n}));var n=t.O();_N_E=n}]);

_next/static/chunks/pages/signup-e204cb2417dac19b.js

@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[616],{6415:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/signup",function(){return t(4347)}])},4347:function(e,n,t){"use strict";t.r(n),t.d(n,{default:function(){return g}});var r=t(5893),o=(t(7294),t(8527)),i=t(9116),s=t(6723),x=t(2438),a=t(1832),d=t(600),l=t(6673),p=t(9876),c=t(8641),h=t(202);function u(){return(0,r.jsx)(o.xu,{p:"20px",rounded:"5px",borderWidth:2,children:(0,r.jsxs)(o.xu,{textAlign:"left",children:[(0,r.jsx)(o.X6,{mb:"10px",fontSize:"23px",fontWeight:700,children:"Monthly Updates"}),(0,r.jsx)(o.xv,{mb:"14px",fontSize:"14px",lineHeight:"20px",children:"Enter your email below to get notified about the new roadmaps, guides and updates"}),(0,r.jsxs)("form",{action:"https://www.getrevue.co/profile/roadmap/add_subscriber",method:"post",target:"_blank",children:[(0,r.jsx)(i.II,{size:"sm",fontSize:"15px",py:"18px",rounded:"4px",placeholder:"Your email",borderWidth:2,mb:"10px",name:"member[email]"}),(0,r.jsx)(s.zx,{type:"submit",bg:"gray.700",_hover:{bg:"black"},fontWeight:500,color:"white",w:"100%",children:"Subscribe"})]}),(0,r.jsxs)(o.xv,{color:"gray.500",fontSize:"12px",mt:"10px",children:[(0,r.jsx)(o.xv,{as:"span",children:"Once a month email"})," about the changes to roadmaps, new roadmaps, free guides and videos."]})]})})}function f(){return(0,r.jsxs)(o.xu,{p:"20px",rounded:"5px",borderWidth:2,bg:"yellow.100",borderColor:"yellow.200",children:[(0,r.jsx)(o.X6,{mb:"10px",fontSize:"23px",fontWeight:700,children:"Updates and Paid Content"}),(0,r.jsx)(o.xv,{mb:"20px",fontSize:"14px",lineHeight:"20px",children:"People sponsoring me on GitHub get access to the updates as well as paid content."}),(0,r.jsxs)(o.aV,{spacing:2,children:[(0,r.jsxs)(o.HC,{fontSize:"14px",children:[(0,r.jsx)(o.DE,{as:p.rE,color:"green.500"}),"Get notified about the updates"]}),(0,r.jsxs)(o.HC,{fontSize:"14px",children:[(0,r.jsx)(o.DE,{as:p.rE,color:"green.500"}),"Access to paid guides and Videos"]}),(0,r.jsxs)(o.HC,{fontSize:"14px",children:[(0,r.jsx)(o.DE,{as:p.rE,color:"green.500"}),"Support the Project"]}),(0,r.jsxs)(o.HC,{fontSize:"14px",children:[(0,r.jsx)(o.DE,{as:p.rE,color:"green.500"}),"Get a shoutout on ",(0,r.jsx)(o.rU,{fontWeight:600,textDecoration:"underline",href:c.url.twitter,target:"_blank",children:"Twitter"})]}),(0,r.jsxs)(o.HC,{fontSize:"14px",children:[(0,r.jsx)(o.DE,{as:p.rE,color:"green.500"}),"Your name will be added to ",(0,r.jsx)(o.rU,{fontWeight:600,textDecoration:"underline",href:"/thanks",children:"Thanks"})]})]}),(0,r.jsx)(s.zx,{target:"_blank",mt:"20px",color:"white",bg:"green.500",_hover:{textDecoration:"none",bg:"green.700"},w:"100%",as:o.rU,href:c.url.sponsor,children:"Sponsor on GitHub"})]})}function g(){return(0,r.jsxs)(o.xu,{bg:"white",minH:"100vh",children:[(0,r.jsx)(x.e,{}),(0,r.jsx)(h.Z,{title:"Sign Up: Be a part of the community"}),(0,r.jsx)(o.xu,{mb:"60px",children:(0,r.jsx)(o.W2,{maxW:"container.md",position:"relative",children:(0,r.jsxs)(o.MI,{columns:[1,1,2],spacing:"15px",my:["30px","30px","80px"],children:[(0,r.jsx)(u,{}),(0,r.jsx)(f,{})]})})}),(0,r.jsx)(a.z,{}),(0,r.jsx)(d.q,{}),(0,r.jsx)(l.$,{})]})}}},function(e){e.O(0,[709,116,515,774,888,179],(function(){return n=6415,e(e.s=n);var n}));var n=e.O();_N_E=n}]);

_next/static/chunks/pages/watch-d45c0b24ca989cf7.js

@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[478],{2172:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/watch",function(){return t(7930)}])},1524:function(e,n,t){"use strict";t.d(n,{m:function(){return o}});var r=t(5893),i=t(8527);t(7294);function o(e){var n=e.title,t=e.subtitle,o=e.children,l=e.beforeTitle,x=void 0===l?null:l;return(0,r.jsxs)(i.xu,{pt:["25px","20px","45px"],pb:["20px","15px","30px"],borderBottomWidth:1,mb:"30px",children:[(0,r.jsxs)(i.W2,{maxW:"container.md",position:"relative",children:[x,(0,r.jsx)(i.X6,{as:"h1",color:"black",fontSize:["28px","33px","40px"],fontWeight:700,mb:["2px","2px","5px"],children:n}),(0,r.jsx)(i.xv,{fontSize:["13px","14px","15px"],children:t})]}),o&&(0,r.jsx)(i.W2,{maxW:"container.md",children:o})]})}},7930:function(e,n,t){"use strict";t.r(n),t.d(n,{__N_SSG:function(){return u},default:function(){return h}});var r=t(5893),i=t(8527),o=t(2438),l=t(1832),x=t(600),s=t(6673),c=["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 p(e){var n,t=e.title,o=e.subtitle,l=e.date,x=e.isNew,s=void 0!==x&&x,p=e.isPro,a=void 0!==p&&p,d=e.colorIndex,u=void 0===d?0:d,h=e.href,f=e.target;return(0,r.jsxs)(i.xu,{_hover:{textDecoration:"none",transform:"scale(1.02)"},as:i.rU,href:h,target:f||"_self",shadow:"xl",p:"20px",rounded:"10px",bg:null!==(n=c[u])&&void 0!==n?n:c[0],flex:1,children:[(0,r.jsxs)(i.xv,{mb:"7px",fontSize:"12px",color:"gray.400",children:[s&&(0,r.jsx)(i.Ct,{colorScheme:"yellow",mr:"10px",children:"New"}),a&&(0,r.jsx)(i.Ct,{colorScheme:"blue",mr:"10px",children:"PRO"}),l]}),(0,r.jsx)(i.X6,{color:"white",mb:"6px",fontSize:"20px",lineHeight:"28px",children:t}),(0,r.jsx)(i.xv,{color:"gray.300",fontSize:"14px",children:o})]})}var a=t(1524),d=t(202),u=!0;function h(e){var n=e.videos,t=void 0===n?[]:n;return(0,r.jsxs)(i.xu,{bg:"white",minH:"100vh",children:[(0,r.jsx)(o.e,{}),(0,r.jsx)(d.Z,{title:"Watch",description:"Graphical video demonstrations on development topics"}),(0,r.jsxs)(i.xu,{mb:"60px",children:[(0,r.jsx)(a.m,{title:"Watch",subtitle:"Graphical video demonstrations on development topics"}),(0,r.jsx)(i.W2,{maxW:"container.md",position:"relative",children:(0,r.jsx)(i.MI,{columns:[1,1,2],mb:"30px",spacing:["10px","10px","15px"],children:t.map((function(e,n){return(0,r.jsx)(p,{target:"_blank",href:e.youtubeLink,title:e.title,subtitle:e.description,date:e.formattedUpdatedAt,isNew:n<=1,colorIndex:n,isPro:e.isPro},e.id)}))})})]}),(0,r.jsx)(l.z,{}),(0,r.jsx)(x.q,{}),(0,r.jsx)(s.$,{})]})}}},function(e){e.O(0,[709,515,774,888,179],(function(){return n=2172,e(e.s=n);var n}));var n=e.O();_N_E=n}]);