React Preview

1:"$Sreact.fragment" 3:I[529836,["/_next/static/chunks/36qxzxqa5l58j.js","/_next/static/chunks/3g0m7ynjabzbw.js","/_next/static/chunks/03khp-vggv-_s.js","/_next/static/chunks/3lyh5rvs0uhro.js","/_next/static/chunks/0s52zuta15_br.js","/_next/static/chunks/23rfsfiu-r90s.js","/_next/static/chunks/3qg69y33t7a70.js","/_next/static/chunks/43e6jmkkfp452.js","/_next/static/chunks/0_k6_dx493tu9.js","/_next/static/chunks/01yiyvo261wa_.js"],"default"] 4:I[800137,["/_next/static/chunks/36qxzxqa5l58j.js","/_next/static/chunks/3g0m7ynjabzbw.js","/_next/static/chunks/03khp-vggv-_s.js","/_next/static/chunks/3lyh5rvs0uhro.js","/_next/static/chunks/0s52zuta15_br.js","/_next/static/chunks/23rfsfiu-r90s.js","/_next/static/chunks/3qg69y33t7a70.js","/_next/static/chunks/43e6jmkkfp452.js","/_next/static/chunks/0_k6_dx493tu9.js","/_next/static/chunks/01yiyvo261wa_.js"],"default"] 5:I[649053,["/_next/static/chunks/36qxzxqa5l58j.js","/_next/static/chunks/3g0m7ynjabzbw.js","/_next/static/chunks/03khp-vggv-_s.js","/_next/static/chunks/3lyh5rvs0uhro.js","/_next/static/chunks/0s52zuta15_br.js","/_next/static/chunks/23rfsfiu-r90s.js","/_next/static/chunks/3qg69y33t7a70.js","/_next/static/chunks/43e6jmkkfp452.js","/_next/static/chunks/0_k6_dx493tu9.js","/_next/static/chunks/01yiyvo261wa_.js","/_next/static/chunks/0zx39o6usgwb5.js","/_next/static/chunks/3n_3d_0ujp0e_.js","/_next/static/chunks/41l0fgfu6-ht9.js","/_next/static/chunks/17gz79gguhtq-.js","/_next/static/chunks/2djqnn9u4hgb4.js","/_next/static/chunks/1sha7vxpehqos.js","/_next/static/chunks/2guptxgsmoc9y.js","/_next/static/chunks/161rf6c7c88o6.js","/_next/static/chunks/1csnml6fpz19_.js","/_next/static/chunks/2jogl76rqm1qk.js","/_next/static/chunks/1jp5x35e3-o_s.js","/_next/static/chunks/1fqur8li1zfux.js","/_next/static/chunks/0tu-86isf3hqz.js","/_next/static/chunks/3zk3bb69dmxey.js","/_next/static/chunks/37--yq2546pd_.js","/_next/static/chunks/0mi4wq45zqz33.js","/_next/static/chunks/0szdqsrjq2naf.js","/_next/static/chunks/0mpghn_06ek7w.js","/_next/static/chunks/1i-dvne9n01v6.js"],""] 6:I[417059,["/_next/static/chunks/36qxzxqa5l58j.js","/_next/static/chunks/3g0m7ynjabzbw.js","/_next/static/chunks/03khp-vggv-_s.js","/_next/static/chunks/3lyh5rvs0uhro.js","/_next/static/chunks/0s52zuta15_br.js","/_next/static/chunks/23rfsfiu-r90s.js","/_next/static/chunks/3qg69y33t7a70.js","/_next/static/chunks/43e6jmkkfp452.js","/_next/static/chunks/0_k6_dx493tu9.js","/_next/static/chunks/01yiyvo261wa_.js","/_next/static/chunks/0zx39o6usgwb5.js","/_next/static/chunks/3n_3d_0ujp0e_.js","/_next/static/chunks/41l0fgfu6-ht9.js","/_next/static/chunks/17gz79gguhtq-.js","/_next/static/chunks/2djqnn9u4hgb4.js","/_next/static/chunks/1sha7vxpehqos.js","/_next/static/chunks/2guptxgsmoc9y.js","/_next/static/chunks/161rf6c7c88o6.js","/_next/static/chunks/1csnml6fpz19_.js","/_next/static/chunks/2jogl76rqm1qk.js","/_next/static/chunks/1jp5x35e3-o_s.js","/_next/static/chunks/1fqur8li1zfux.js","/_next/static/chunks/0tu-86isf3hqz.js","/_next/static/chunks/3zk3bb69dmxey.js","/_next/static/chunks/37--yq2546pd_.js","/_next/static/chunks/0mi4wq45zqz33.js","/_next/static/chunks/0szdqsrjq2naf.js","/_next/static/chunks/0mpghn_06ek7w.js","/_next/static/chunks/1i-dvne9n01v6.js"],"Image"] 1e:I[347441,["/_next/static/chunks/36qxzxqa5l58j.js","/_next/static/chunks/3g0m7ynjabzbw.js","/_next/static/chunks/03khp-vggv-_s.js","/_next/static/chunks/3lyh5rvs0uhro.js","/_next/static/chunks/0s52zuta15_br.js","/_next/static/chunks/23rfsfiu-r90s.js","/_next/static/chunks/3qg69y33t7a70.js","/_next/static/chunks/43e6jmkkfp452.js","/_next/static/chunks/0_k6_dx493tu9.js","/_next/static/chunks/01yiyvo261wa_.js"],"default",1] :HL["/_next/static/chunks/1d1blt8tv4gqw.css","style"] :HL["/_next/static/chunks/26e5xs-05bkjv.css","style"] :HL["/_next/static/chunks/2-ubn-y6b-79j.css","style"] :HL["/_next/static/chunks/3bovc1g94o0nq.css","style"] :HL["/_next/static/media/345c85a432359eed-s.p.0zem_9y19rte6.woff2","font",{"crossOrigin":"","type":"font/woff2"}] :HL["/_next/static/media/8e451580e5e95631-s.p.27vw08z6_vw0m.woff2","font",{"crossOrigin":"","type":"font/woff2"}] :HL["/_next/static/media/db6c0d1adfd3226b-s.p.3e4vy_vofp5gj.woff2","font",{"crossOrigin":"","type":"font/woff2"}] :HL["/_next/static/media/f30fd2e485acf1bc-s.p.35belnv3c2-b-.woff2","font",{"crossOrigin":"","type":"font/woff2"}] :HL["/_next/static/chunks/0obzs1v0xhla5.css","style"] :HL["/_next/static/chunks/408hp-gcynhl1.css","style"] :HL["/_next/static/chunks/1-sf0tja6m5bh.css","style"] :HL["/_next/static/chunks/04no0v2d4rg8d.css","style"] 1c:X 0:{"P":null,"c":["","course","full-stack-development-comp3036-2026","react-and-reactdom-exercise-in-react-and-reactdom"],"q":"","i":false,"f":[[["",{"children":["(course)",{"children":["course",{"children":[["name","full-stack-development-comp3036-2026","d",[]],{"children":[["section","react-and-reactdom-exercise-in-react-and-reactdom","d",[]],{"children":["__PAGE__",{},"$undefined","$undefined",4096]},"$undefined","$undefined",4096]},"$undefined","$undefined",4096]},"$undefined","$undefined",4096]},"$undefined","$undefined",4096]},"$undefined","$undefined",4112],[["$","$1","c",{"children":[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/chunks/1d1blt8tv4gqw.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","1",{"rel":"stylesheet","href":"/_next/static/chunks/26e5xs-05bkjv.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","2",{"rel":"stylesheet","href":"/_next/static/chunks/2-ubn-y6b-79j.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","3",{"rel":"stylesheet","href":"/_next/static/chunks/3bovc1g94o0nq.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","script","script-0",{"src":"/_next/static/chunks/36qxzxqa5l58j.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/_next/static/chunks/3g0m7ynjabzbw.js","async":true,"nonce":"$undefined"}],["$","script","script-2",{"src":"/_next/static/chunks/03khp-vggv-_s.js","async":true,"nonce":"$undefined"}],["$","script","script-3",{"src":"/_next/static/chunks/3lyh5rvs0uhro.js","async":true,"nonce":"$undefined"}],["$","script","script-4",{"src":"/_next/static/chunks/0s52zuta15_br.js","async":true,"nonce":"$undefined"}],["$","script","script-5",{"src":"/_next/static/chunks/23rfsfiu-r90s.js","async":true,"nonce":"$undefined"}],["$","script","script-6",{"src":"/_next/static/chunks/3qg69y33t7a70.js","async":true,"nonce":"$undefined"}],["$","script","script-7",{"src":"/_next/static/chunks/43e6jmkkfp452.js","async":true,"nonce":"$undefined"}],["$","script","script-8",{"src":"/_next/static/chunks/0_k6_dx493tu9.js","async":true,"nonce":"$undefined"}],["$","script","script-9",{"src":"/_next/static/chunks/01yiyvo261wa_.js","async":true,"nonce":"$undefined"}]],"$L2"]}],{"children":[["$","$1","c",{"children":[null,["$","$L3",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L4",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","main",null,{"className":"not-found-module-scss-module__Cnvk9G__page","children":[["$","div",null,{"className":"not-found-module-scss-module__Cnvk9G__glow","aria-hidden":"true"}],["$","section",null,{"className":"not-found-module-scss-module__Cnvk9G__content","children":[["$","$L5",null,{"className":"not-found-module-scss-module__Cnvk9G__logo","href":"/","aria-label":"SkillPies home","children":[["$","$L6",null,{"src":"/images/pie.svg","alt":"","width":58,"height":58,"priority":true}],["$","span",null,{"children":"SkillPies"}]]}],["$","p",null,{"className":"not-found-module-scss-module__Cnvk9G__eyebrow","children":"Well, this is half-baked."}],["$","h1",null,{"className":"not-found-module-scss-module__Cnvk9G__code","children":"404"}],["$","h2",null,{"children":"Someone probably ate your slice."}],["$","p",null,{"className":"not-found-module-scss-module__Cnvk9G__message","children":"The page you’re looking for may have moved, or it never made it out of the oven."}],["$","$L5",null,{"className":"not-found-module-scss-module__Cnvk9G__homeLink","href":"/","children":["Return home",["$","span",null,{"aria-hidden":"true","children":"→"}]]}]]}]]}],[["$","link","0",{"rel":"stylesheet","href":"/_next/static/chunks/04no0v2d4rg8d.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}]]],"forbidden":"$undefined","unauthorized":"$undefined"}]]}],{"children":[["$","$1","c",{"children":[null,["$","$L3",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L4",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}],{"children":[["$","$1","c",{"children":[null,["$","$L3",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L4",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}],{"children":[["$","$1","c",{"children":[null,["$","$L3",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L4",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}],{"children":[["$","$1","c",{"children":["$L7",[["$","link","0",{"rel":"stylesheet","href":"/_next/static/chunks/0obzs1v0xhla5.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","1",{"rel":"stylesheet","href":"/_next/static/chunks/408hp-gcynhl1.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","2",{"rel":"stylesheet","href":"/_next/static/chunks/1-sf0tja6m5bh.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],"$L8","$L9","$La","$Lb","$Lc","$Ld","$Le","$Lf","$L10","$L11","$L12","$L13","$L14","$L15","$L16","$L17","$L18","$L19","$L1a"],"$L1b"]}],{},null,false,null]},null,false,"$1c"]},null,false,"$1c"]},null,false,"$1c"]},null,false,"$1c"]},null,false,null],"$L1d",false]],"m":"$undefined","G":["$1e",["$L1f","$L20","$L21","$L22"]],"S":false,"h":null,"r":"$undefined","s":"$undefined","a":"$undefined","l":"$undefined","p":"$undefined","d":"$undefined","b":"5wrmnXQg-0JC9F6TqQlee"} 23:I[312623,["/_next/static/chunks/36qxzxqa5l58j.js","/_next/static/chunks/3g0m7ynjabzbw.js","/_next/static/chunks/03khp-vggv-_s.js","/_next/static/chunks/3lyh5rvs0uhro.js","/_next/static/chunks/0s52zuta15_br.js","/_next/static/chunks/23rfsfiu-r90s.js","/_next/static/chunks/3qg69y33t7a70.js","/_next/static/chunks/43e6jmkkfp452.js","/_next/static/chunks/0_k6_dx493tu9.js","/_next/static/chunks/01yiyvo261wa_.js"],"OutletBoundary"] 24:"$Sreact.suspense" 26:I[312623,["/_next/static/chunks/36qxzxqa5l58j.js","/_next/static/chunks/3g0m7ynjabzbw.js","/_next/static/chunks/03khp-vggv-_s.js","/_next/static/chunks/3lyh5rvs0uhro.js","/_next/static/chunks/0s52zuta15_br.js","/_next/static/chunks/23rfsfiu-r90s.js","/_next/static/chunks/3qg69y33t7a70.js","/_next/static/chunks/43e6jmkkfp452.js","/_next/static/chunks/0_k6_dx493tu9.js","/_next/static/chunks/01yiyvo261wa_.js"],"ViewportBoundary"] 28:I[312623,["/_next/static/chunks/36qxzxqa5l58j.js","/_next/static/chunks/3g0m7ynjabzbw.js","/_next/static/chunks/03khp-vggv-_s.js","/_next/static/chunks/3lyh5rvs0uhro.js","/_next/static/chunks/0s52zuta15_br.js","/_next/static/chunks/23rfsfiu-r90s.js","/_next/static/chunks/3qg69y33t7a70.js","/_next/static/chunks/43e6jmkkfp452.js","/_next/static/chunks/0_k6_dx493tu9.js","/_next/static/chunks/01yiyvo261wa_.js"],"MetadataBoundary"] 8:["$","script","script-0",{"src":"/_next/static/chunks/0zx39o6usgwb5.js","async":true,"nonce":"$undefined"}] 9:["$","script","script-1",{"src":"/_next/static/chunks/3n_3d_0ujp0e_.js","async":true,"nonce":"$undefined"}] a:["$","script","script-2",{"src":"/_next/static/chunks/41l0fgfu6-ht9.js","async":true,"nonce":"$undefined"}] b:["$","script","script-3",{"src":"/_next/static/chunks/17gz79gguhtq-.js","async":true,"nonce":"$undefined"}] c:["$","script","script-4",{"src":"/_next/static/chunks/2djqnn9u4hgb4.js","async":true,"nonce":"$undefined"}] d:["$","script","script-5",{"src":"/_next/static/chunks/1sha7vxpehqos.js","async":true,"nonce":"$undefined"}] e:["$","script","script-6",{"src":"/_next/static/chunks/2guptxgsmoc9y.js","async":true,"nonce":"$undefined"}] f:["$","script","script-7",{"src":"/_next/static/chunks/161rf6c7c88o6.js","async":true,"nonce":"$undefined"}] 10:["$","script","script-8",{"src":"/_next/static/chunks/1csnml6fpz19_.js","async":true,"nonce":"$undefined"}] 11:["$","script","script-9",{"src":"/_next/static/chunks/2jogl76rqm1qk.js","async":true,"nonce":"$undefined"}] 12:["$","script","script-10",{"src":"/_next/static/chunks/1jp5x35e3-o_s.js","async":true,"nonce":"$undefined"}] 13:["$","script","script-11",{"src":"/_next/static/chunks/1fqur8li1zfux.js","async":true,"nonce":"$undefined"}] 14:["$","script","script-12",{"src":"/_next/static/chunks/0tu-86isf3hqz.js","async":true,"nonce":"$undefined"}] 15:["$","script","script-13",{"src":"/_next/static/chunks/3zk3bb69dmxey.js","async":true,"nonce":"$undefined"}] 16:["$","script","script-14",{"src":"/_next/static/chunks/37--yq2546pd_.js","async":true,"nonce":"$undefined"}] 17:["$","script","script-15",{"src":"/_next/static/chunks/0mi4wq45zqz33.js","async":true,"nonce":"$undefined"}] 18:["$","script","script-16",{"src":"/_next/static/chunks/0szdqsrjq2naf.js","async":true,"nonce":"$undefined"}] 19:["$","script","script-17",{"src":"/_next/static/chunks/0mpghn_06ek7w.js","async":true,"nonce":"$undefined"}] 1a:["$","script","script-18",{"src":"/_next/static/chunks/1i-dvne9n01v6.js","async":true,"nonce":"$undefined"}] 1b:["$","$L23",null,{"children":["$","$24",null,{"name":"Next.MetadataOutlet","children":"$@25"}]}] 1d:["$","$1","h",{"children":[null,["$","$L26",null,{"children":"$L27"}],["$","div",null,{"hidden":true,"children":["$","$L28",null,{"children":["$","$24",null,{"name":"Next.Metadata","children":"$L29"}]}]}],["$","meta",null,{"name":"next-size-adjust","content":""}]]}] 1f:["$","link","0",{"rel":"stylesheet","href":"/_next/static/chunks/1d1blt8tv4gqw.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}] 20:["$","link","1",{"rel":"stylesheet","href":"/_next/static/chunks/26e5xs-05bkjv.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}] 21:["$","link","2",{"rel":"stylesheet","href":"/_next/static/chunks/2-ubn-y6b-79j.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}] 22:["$","link","3",{"rel":"stylesheet","href":"/_next/static/chunks/3bovc1g94o0nq.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}] 1c:C 27:[["$","meta","0",{"charSet":"utf-8"}],["$","meta","1",{"name":"viewport","content":"width=device-width, initial-scale=1"}]] 2a:I[336277,["/_next/static/chunks/36qxzxqa5l58j.js","/_next/static/chunks/3g0m7ynjabzbw.js","/_next/static/chunks/03khp-vggv-_s.js","/_next/static/chunks/3lyh5rvs0uhro.js","/_next/static/chunks/0s52zuta15_br.js","/_next/static/chunks/23rfsfiu-r90s.js","/_next/static/chunks/3qg69y33t7a70.js","/_next/static/chunks/43e6jmkkfp452.js","/_next/static/chunks/0_k6_dx493tu9.js","/_next/static/chunks/01yiyvo261wa_.js"],""] 2b:I[797629,["/_next/static/chunks/36qxzxqa5l58j.js","/_next/static/chunks/3g0m7ynjabzbw.js","/_next/static/chunks/03khp-vggv-_s.js","/_next/static/chunks/3lyh5rvs0uhro.js","/_next/static/chunks/0s52zuta15_br.js","/_next/static/chunks/23rfsfiu-r90s.js","/_next/static/chunks/3qg69y33t7a70.js","/_next/static/chunks/43e6jmkkfp452.js","/_next/static/chunks/0_k6_dx493tu9.js","/_next/static/chunks/01yiyvo261wa_.js"],"default"] 2c:I[943020,["/_next/static/chunks/36qxzxqa5l58j.js","/_next/static/chunks/3g0m7ynjabzbw.js","/_next/static/chunks/03khp-vggv-_s.js","/_next/static/chunks/3lyh5rvs0uhro.js","/_next/static/chunks/0s52zuta15_br.js","/_next/static/chunks/23rfsfiu-r90s.js","/_next/static/chunks/3qg69y33t7a70.js","/_next/static/chunks/43e6jmkkfp452.js","/_next/static/chunks/0_k6_dx493tu9.js","/_next/static/chunks/01yiyvo261wa_.js"],"Providers"] 2d:I[555723,["/_next/static/chunks/36qxzxqa5l58j.js","/_next/static/chunks/3g0m7ynjabzbw.js","/_next/static/chunks/03khp-vggv-_s.js","/_next/static/chunks/3lyh5rvs0uhro.js","/_next/static/chunks/0s52zuta15_br.js","/_next/static/chunks/23rfsfiu-r90s.js","/_next/static/chunks/3qg69y33t7a70.js","/_next/static/chunks/43e6jmkkfp452.js","/_next/static/chunks/0_k6_dx493tu9.js","/_next/static/chunks/01yiyvo261wa_.js","/_next/static/chunks/0zx39o6usgwb5.js","/_next/static/chunks/3n_3d_0ujp0e_.js","/_next/static/chunks/41l0fgfu6-ht9.js","/_next/static/chunks/17gz79gguhtq-.js","/_next/static/chunks/2djqnn9u4hgb4.js","/_next/static/chunks/1sha7vxpehqos.js","/_next/static/chunks/2guptxgsmoc9y.js","/_next/static/chunks/161rf6c7c88o6.js","/_next/static/chunks/1csnml6fpz19_.js","/_next/static/chunks/2jogl76rqm1qk.js","/_next/static/chunks/1jp5x35e3-o_s.js","/_next/static/chunks/1fqur8li1zfux.js","/_next/static/chunks/0tu-86isf3hqz.js","/_next/static/chunks/3zk3bb69dmxey.js","/_next/static/chunks/37--yq2546pd_.js","/_next/static/chunks/0mi4wq45zqz33.js","/_next/static/chunks/0szdqsrjq2naf.js","/_next/static/chunks/0mpghn_06ek7w.js","/_next/static/chunks/1i-dvne9n01v6.js"],"AppErrorBoundary"] 2:["$","html",null,{"lang":"en","data-theme":"light","children":[["$","head",null,{"children":["$","$L2a",null,{"defer":true,"src":"https://umami.dev.trescak.com/script.js","data-website-id":"02d531aa-ecf4-41df-a470-219db805463e"}]}],["$","body","light",{"className":"lato_acac5b96-module__q599GG__className","children":[["$","$L2b",null,{}],["$","$L2c",null,{"session":null,"options":{"theme":"light","discussionReview":false,"pinMenu":false},"children":["$","$L2d",null,{"user":"$undefined","children":["$","$L3",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L4",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","main",null,{"className":"not-found-module-scss-module__Cnvk9G__page","children":[["$","div",null,{"className":"not-found-module-scss-module__Cnvk9G__glow","aria-hidden":"true"}],["$","section",null,{"className":"not-found-module-scss-module__Cnvk9G__content","children":[["$","$L5",null,{"className":"not-found-module-scss-module__Cnvk9G__logo","href":"/","aria-label":"SkillPies home","children":[["$","$L6",null,{"src":"/images/pie.svg","alt":"","width":58,"height":58,"priority":true}],["$","span",null,{"children":"SkillPies"}]]}],["$","p",null,{"className":"not-found-module-scss-module__Cnvk9G__eyebrow","children":"Well, this is half-baked."}],["$","h1",null,{"className":"not-found-module-scss-module__Cnvk9G__code","children":"404"}],["$","h2",null,{"children":"Someone probably ate your slice."}],["$","p",null,{"className":"not-found-module-scss-module__Cnvk9G__message","children":"The page you’re looking for may have moved, or it never made it out of the oven."}],["$","$L5",null,{"className":"not-found-module-scss-module__Cnvk9G__homeLink","href":"/","children":["Return home",["$","span",null,{"aria-hidden":"true","children":"→"}]]}]]}]]}],[["$","link","0",{"rel":"stylesheet","href":"/_next/static/chunks/04no0v2d4rg8d.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}]]],"forbidden":"$undefined","unauthorized":"$undefined"}]}]}]]}]]}] 2e:I[771405,["/_next/static/chunks/36qxzxqa5l58j.js","/_next/static/chunks/3g0m7ynjabzbw.js","/_next/static/chunks/03khp-vggv-_s.js","/_next/static/chunks/3lyh5rvs0uhro.js","/_next/static/chunks/0s52zuta15_br.js","/_next/static/chunks/23rfsfiu-r90s.js","/_next/static/chunks/3qg69y33t7a70.js","/_next/static/chunks/43e6jmkkfp452.js","/_next/static/chunks/0_k6_dx493tu9.js","/_next/static/chunks/01yiyvo261wa_.js"],"IconMark"] 25:null 29:[["$","title","0",{"children":"React and ReactDOM: Exercise / Full Stack Development (COMP3036) / 2026"}],["$","meta","1",{"name":"description","content":"Test your skills of React and ReactDOM."}],["$","link","2",{"rel":"icon","href":"/favicon.ico?favicon.1smhvncdzycqg.ico","sizes":"32x32","type":"image/x-icon"}],["$","link","3",{"rel":"icon","href":"/favicon.ico"}],["$","$L2e","4",{}]] 2f:I[897934,["/_next/static/chunks/36qxzxqa5l58j.js","/_next/static/chunks/3g0m7ynjabzbw.js","/_next/static/chunks/03khp-vggv-_s.js","/_next/static/chunks/3lyh5rvs0uhro.js","/_next/static/chunks/0s52zuta15_br.js","/_next/static/chunks/23rfsfiu-r90s.js","/_next/static/chunks/3qg69y33t7a70.js","/_next/static/chunks/43e6jmkkfp452.js","/_next/static/chunks/0_k6_dx493tu9.js","/_next/static/chunks/01yiyvo261wa_.js","/_next/static/chunks/0zx39o6usgwb5.js","/_next/static/chunks/3n_3d_0ujp0e_.js","/_next/static/chunks/41l0fgfu6-ht9.js","/_next/static/chunks/17gz79gguhtq-.js","/_next/static/chunks/2djqnn9u4hgb4.js","/_next/static/chunks/1sha7vxpehqos.js","/_next/static/chunks/2guptxgsmoc9y.js","/_next/static/chunks/161rf6c7c88o6.js","/_next/static/chunks/1csnml6fpz19_.js","/_next/static/chunks/2jogl76rqm1qk.js","/_next/static/chunks/1jp5x35e3-o_s.js","/_next/static/chunks/1fqur8li1zfux.js","/_next/static/chunks/0tu-86isf3hqz.js","/_next/static/chunks/3zk3bb69dmxey.js","/_next/static/chunks/37--yq2546pd_.js","/_next/static/chunks/0mi4wq45zqz33.js","/_next/static/chunks/0szdqsrjq2naf.js","/_next/static/chunks/0mpghn_06ek7w.js","/_next/static/chunks/1i-dvne9n01v6.js"],"CourseContextProvider"] 7:["$","$L2f",null,{"courseUrlId":"full-stack-development-comp3036-2026","sectionUrlId":"react-and-reactdom-exercise-in-react-and-reactdom","solution":{"id":"","type":"section","data":{"feedback":null},"courseId":"f5c0c8dff9b64b9c09f92a30","sectionId":"react-and-reactdom-exercise-in-react-and-reactdom","partId":null,"rubricId":null,"mark":[],"tutorId":null,"status":"Open","completed":false,"xp":null,"collaborators":[],"createdById":"","updatedAt":"$D2026-10-07T21:39:29.320Z"},"courseInfo":{"groups":[{"id":"lyNIIq9","progressType":{"color":"grey","icon":"x","title":"Not Attempted"},"totalMark":0,"totalPoints":null,"userXP":0,"totalXP":250,"hasMark":false,"items":[{"id":"d0IUbgyycvEqIQBDLy","name":"Software Installation","progressType":{"color":"grey","type":"lecture","title":"Not Read"},"xp":0,"rank":0,"type":"lecture","totalMark":null,"totalPoints":null,"urlId":"software-installation-in-setup"},{"id":"UcDgJBMv00Wy2R2uh3","name":"Project Setup","progressType":{"color":"grey","type":"lecture","title":"Not Read"},"xp":0,"rank":0,"type":"lecture","totalMark":null,"totalPoints":null,"urlId":"project-setup-in-setup"},{"id":"o74L6FQunzOerXyF8Z","name":"Running and Testing","progressType":{"color":"grey","type":"lecture","title":"Not Read"},"xp":0,"rank":0,"type":"lecture","totalMark":null,"totalPoints":null,"urlId":"running-and-testing-in-setup"},{"id":"dG9HjlWVVInaaBbHiv","name":"React and ReactDOM","progressType":{"color":"grey","type":"lecture","title":"Not Read"},"xp":0,"rank":0,"type":"lecture","totalMark":null,"totalPoints":null,"urlId":"react-and-reactdom-in-setup"},{"id":"YZuPDQUhaimb8fk4hR","name":"Assignment 1.1: Welcome Message","progressType":{"color":"grey","type":"githubClassroom","title":"Not Attempted"},"xp":0,"rank":0,"type":"githubClassroom","totalMark":null,"totalPoints":null,"urlId":"assignment-1-1-welcome-message-in-setup"},{"id":"E66TsrZYKEtSt53NZH","name":"Submissions","progressType":{"color":"grey","type":"lecture","title":"Not Read"},"xp":0,"rank":0,"type":"lecture","totalMark":null,"totalPoints":null,"urlId":"submissions-in-setup"}],"name":"Setup"},{"id":"I34Tw01","progressType":{"color":"grey","icon":"x","title":"Not Attempted"},"totalMark":0,"totalPoints":null,"userXP":0,"totalXP":480,"hasMark":false,"items":[{"id":"2PvjZ9WANa0chUxphd","name":"JSX and Components","progressType":{"color":"grey","type":"lecture","title":"Not Read"},"xp":0,"rank":0,"type":"lecture","totalMark":null,"totalPoints":null,"urlId":"jsx-and-components-in-react-fundamentals"},{"id":"DNEWHFO0kbQcTM2Xe7","name":"Props","progressType":{"color":"grey","type":"lecture","title":"Not Read"},"xp":0,"rank":0,"type":"lecture","totalMark":null,"totalPoints":null,"urlId":"props-in-react-fundamentals"},{"id":"GlFkIwougYVL2PpR95","name":"Assignment 1.2: Front End","progressType":{"color":"grey","type":"githubClassroom","title":"Not Attempted"},"xp":0,"rank":0,"type":"githubClassroom","totalMark":null,"totalPoints":null,"urlId":"assignment-1-2-front-end-in-react-fundamentals"},{"id":"OfR1FzVhcqsdRdveDj","name":"CSS Styles ","progressType":{"color":"grey","type":"lecture","title":"Not Read"},"xp":0,"rank":0,"type":"lecture","totalMark":null,"totalPoints":null,"urlId":"css-styles-in-react-fundamentals"},{"id":"830NsKij59BimhIzTj","name":"useState and Hooks","progressType":{"color":"grey","type":"lecture","title":"Not Read"},"xp":0,"rank":0,"type":"lecture","totalMark":null,"totalPoints":null,"urlId":"usestate-and-hooks-in-react-fundamentals"},{"id":"beFBTMvNdyg5FSnQ1P","name":"Conditional Rendering","progressType":{"color":"grey","type":"lecture","title":"Not Read"},"xp":0,"rank":0,"type":"lecture","totalMark":null,"totalPoints":null,"urlId":"conditional-rendering-in-react-fundamentals"},{"id":"SqdHQny8jH31cMuH4b","name":"Lists","progressType":{"color":"grey","type":"lecture","title":"Not Read"},"xp":0,"rank":0,"type":"lecture","totalMark":null,"totalPoints":null,"urlId":"lists-in-react-fundamentals"},{"id":"EQfmwlth2bxxvFab4B","name":"Forms and Events","progressType":{"color":"grey","type":"lecture","title":"Not Read"},"xp":0,"rank":0,"type":"lecture","totalMark":null,"totalPoints":null,"urlId":"forms-and-events-in-react-fundamentals"},{"id":"ikH0e5n71EUFcQs6EP","name":"Storybook","progressType":{"color":"grey","type":"lecture","title":"Not Read"},"xp":0,"rank":0,"type":"lecture","totalMark":null,"totalPoints":null,"urlId":"storybook-in-react-fundamentals"},{"id":"0yziQSYLQgmDBJ6qLY","name":"Assignment 1.3: Bonus - Backend","progressType":{"color":"grey","type":"githubClassroom","title":"Not Attempted"},"xp":0,"rank":0,"type":"githubClassroom","totalMark":null,"totalPoints":null,"urlId":"assignment-1-3-bonus-backend-in-react-fundamentals"},{"id":"m5ipiTlupodvYGprs2","name":"Leaderboards","progressType":{"color":"grey","type":"leaderboards","title":"Not Attempted"},"xp":0,"rank":0,"type":"leaderboards","totalMark":null,"totalPoints":null,"urlId":"leaderboards-in-react-fundamentals"}],"name":"React Fundamentals"},{"id":"oBn8BEC","progressType":{"color":"grey","icon":"x","title":"Not Attempted"},"totalMark":0,"totalPoints":null,"userXP":0,"totalXP":290,"hasMark":false,"items":[{"id":"SK7MrplpR1ifo8RThr","name":"Why Next.js?","progressType":{"color":"grey","type":"lecture","title":"Not Read"},"xp":0,"rank":0,"type":"lecture","totalMark":null,"totalPoints":null,"urlId":"why-next-js-in-next-js"},{"id":"NbDtd3O4lHCVuLq1nh","name":"Next.js Introduction","progressType":{"color":"grey","type":"lecture","title":"Not Read"},"xp":0,"rank":0,"type":"lecture","totalMark":null,"totalPoints":null,"urlId":"next-js-introduction-in-next-js"},{"id":"PWHmN3yEITTHA2Rlzk","name":"Monorepos","progressType":{"color":"grey","type":"lecture","title":"Not Read"},"xp":0,"rank":0,"type":"lecture","totalMark":null,"totalPoints":null,"urlId":"monorepos-in-next-js"},{"id":"N7UI8qvKIsex2VxDtw","name":"Turborepo","progressType":{"color":"grey","type":"lecture","title":"Not Read"},"xp":0,"rank":0,"type":"lecture","totalMark":null,"totalPoints":null,"urlId":"turborepo-in-next-js"},{"id":"IIgzrR0LMkXxR4wbzR","name":"Assignment 2.1: Blog - Client","progressType":{"color":"grey","type":"githubClassroom","title":"Not Attempted"},"xp":0,"rank":0,"type":"githubClassroom","totalMark":null,"totalPoints":null,"urlId":"assignment-2-1-blog-client-in-next-js"},{"id":"gQIGnStG83ZRfZia1X","name":"Layouts and Pages","progressType":{"color":"grey","type":"lecture","title":"Not Read"},"xp":0,"rank":0,"type":"lecture","totalMark":null,"totalPoints":null,"urlId":"layouts-and-pages-in-next-js"},{"id":"AjKyhMcoWpKqjEgQCF","name":"Fonts and Images","progressType":{"color":"grey","type":"lecture","title":"Not Read"},"xp":0,"rank":0,"type":"lecture","totalMark":null,"totalPoints":null,"urlId":"fonts-and-images-in-next-js"},{"id":"Ho4ODJcvdtXJ01Sujd","name":"Styling","progressType":{"color":"grey","type":"lecture","title":"Not Read"},"xp":0,"rank":0,"type":"lecture","totalMark":null,"totalPoints":null,"urlId":"styling-in-next-js"},{"id":"9H3jnaM5ygnZmihmMp","name":"Server vs Client Components","progressType":{"color":"grey","type":"lecture","title":"Not Read"},"xp":0,"rank":0,"type":"lecture","totalMark":null,"totalPoints":null,"urlId":"server-vs-client-components-in-next-js"},{"id":"NpQ7Irf7xtvjVsQsED","name":"Static and Dynamic Rendering","progressType":{"color":"grey","type":"lecture","title":"Not Read"},"xp":0,"rank":0,"type":"lecture","totalMark":null,"totalPoints":null,"urlId":"static-and-dynamic-rendering-in-next-js"},{"id":"6R17MkP6Kda5g2qRHR","name":"Leaderboards","progressType":{"color":"grey","type":"leaderboards","title":"Not Attempted"},"xp":0,"rank":0,"type":"leaderboards","totalMark":null,"totalPoints":null,"urlId":"leaderboards-in-next-js"}],"name":"Next.js"},{"id":"FKOrudk","progressType":{"color":"grey","icon":"x","title":"Not Attempted"},"totalMark":0,"totalPoints":null,"userXP":0,"totalXP":60,"hasMark":false,"items":[{"id":"JRqRM0pHZfrUwUlUtA","name":"Pure Components - memo","progressType":{"color":"grey","type":"lecture","title":"Not Read"},"xp":0,"rank":0,"type":"lecture","totalMark":null,"totalPoints":null,"urlId":"pure-components-memo-in-advanced-react"},{"id":"8ljZpLw4VyjNsjUWyr","name":"Lifecycle - useEffect ","progressType":{"color":"grey","type":"lecture","title":"Not Read"},"xp":0,"rank":0,"type":"lecture","totalMark":null,"totalPoints":null,"urlId":"lifecycle-useeffect-in-advanced-react"},{"id":"zSz22bQ3oN0g41sV0Y","name":"Expensive? - useMemo ","progressType":{"color":"grey","type":"lecture","title":"Not Read"},"xp":0,"rank":0,"type":"lecture","totalMark":null,"totalPoints":null,"urlId":"expensive-usememo-in-advanced-react"},{"id":"ZyrYVSjnKpuR4pa21O","name":"DOM Interactions - useRef","progressType":{"color":"grey","type":"lecture","title":"Not Read"},"xp":0,"rank":0,"type":"lecture","totalMark":null,"totalPoints":null,"urlId":"dom-interactions-useref-in-advanced-react"},{"id":"A6ozK5xqL5NwL8Uxej","name":"Error Boundaries","progressType":{"color":"grey","type":"lecture","title":"Not Read"},"xp":0,"rank":0,"type":"lecture","totalMark":null,"totalPoints":null,"urlId":"error-boundaries-in-advanced-react"},{"id":"v76eaxG3I9gqNs2Eph","name":"Context","progressType":{"color":"grey","type":"lecture","title":"Not Read"},"xp":0,"rank":0,"type":"lecture","totalMark":null,"totalPoints":null,"urlId":"context-in-advanced-react"},{"id":"rq82FZefnPq65eTg3y","name":"Leaderboards","progressType":{"color":"grey","type":"leaderboards","title":"Not Attempted"},"xp":0,"rank":0,"type":"leaderboards","totalMark":null,"totalPoints":null,"urlId":"leaderboards-in-advanced-react"}],"name":"Advanced React"},{"id":"Ipxc9qb","progressType":{"color":"grey","icon":"x","title":"Not Attempted"},"totalMark":0,"totalPoints":null,"userXP":0,"totalXP":470,"hasMark":false,"items":[{"id":"0TreGPF7ywOjAnxbac","name":"Fetching Data","progressType":{"color":"grey","type":"lecture","title":"Not Read"},"xp":0,"rank":0,"type":"lecture","totalMark":null,"totalPoints":null,"urlId":"fetching-data-in-databases"},{"id":"4nQHel3aCP4LnFO7PQ","name":"SQL vs No-SQL Databases","progressType":{"color":"grey","type":"lecture","title":"Not Read"},"xp":0,"rank":0,"type":"lecture","totalMark":null,"totalPoints":null,"urlId":"sql-vs-no-sql-databases-in-databases"},{"id":"XhB7Tr8LVHxOrUKMfy","name":"Prisma and ORM","progressType":{"color":"grey","type":"lecture","title":"Not Read"},"xp":0,"rank":0,"type":"lecture","totalMark":null,"totalPoints":null,"urlId":"prisma-and-orm-in-databases"},{"id":"5QUbBR8Tjp29ZNPD3N","name":"Seeding and Migrations","progressType":{"color":"grey","type":"lecture","title":"Not Read"},"xp":0,"rank":0,"type":"lecture","totalMark":null,"totalPoints":null,"urlId":"seeding-and-migrations-in-databases"},{"id":"ALzZ3sMCWrIWaoA6Jh","name":"Search and Pagination","progressType":{"color":"grey","type":"externalProject","title":"Not Attempted"},"xp":0,"rank":0,"type":"externalProject","totalMark":null,"totalPoints":null,"urlId":"search-and-pagination-in-databases"},{"id":"5u9HIlgCVPiFAkxbh3","name":"Server Actions","progressType":{"color":"grey","type":"lecture","title":"Not Read"},"xp":0,"rank":0,"type":"lecture","totalMark":null,"totalPoints":null,"urlId":"server-actions-in-databases"},{"id":"QgoPyK5JBjyGfIdgqa","name":"Client-Side Mutations ","progressType":{"color":"grey","type":"lecture","title":"Not Read"},"xp":0,"rank":0,"type":"lecture","totalMark":null,"totalPoints":null,"urlId":"client-side-mutations-in-databases"},{"id":"dN2qlslxff3AlhC4J0","name":"Validations and Error Handling","progressType":{"color":"grey","type":"lecture","title":"Not Read"},"xp":0,"rank":0,"type":"lecture","totalMark":null,"totalPoints":null,"urlId":"validations-and-error-handling-in-databases"},{"id":"0HzxZDl9dUJ1k3yWHZ","name":"Assignment 2.2: Blog - Admin","progressType":{"color":"grey","type":"githubClassroom","title":"Not Attempted"},"xp":0,"rank":0,"type":"githubClassroom","totalMark":null,"totalPoints":null,"urlId":"assignment-2-2-blog-admin-in-databases"}],"name":"Databases"},{"id":"Lk6KiGg","progressType":{"color":"grey","icon":"x","title":"Not Attempted"},"totalMark":0,"totalPoints":null,"userXP":0,"totalXP":70,"hasMark":false,"items":[{"id":"KplTe7z5dP7TzGbnRq","name":"forwardRef","progressType":{"color":"grey","type":"lecture","title":"Not Read"},"xp":0,"rank":0,"type":"lecture","totalMark":null,"totalPoints":null,"urlId":"forwardref-in-react-hooks"},{"id":"LNpMoL5nz2Ujf1xB9E","name":"useImperativeHandle","progressType":{"color":"grey","type":"lecture","title":"Not Read"},"xp":0,"rank":0,"type":"lecture","totalMark":null,"totalPoints":null,"urlId":"useimperativehandle-in-react-hooks"},{"id":"CCeHDesRfSterA45vr","name":"useCallback","progressType":{"color":"grey","type":"lecture","title":"Not Read"},"xp":0,"rank":0,"type":"lecture","totalMark":null,"totalPoints":null,"urlId":"usecallback-in-react-hooks"},{"id":"ibFHj4yGnkN5F54gcS","name":"useId","progressType":{"color":"grey","type":"lecture","title":"Not Read"},"xp":0,"rank":0,"type":"lecture","totalMark":null,"totalPoints":null,"urlId":"useid-in-react-hooks"},{"id":"yIDgKjsV5Sl6dRYEDK","name":"useReducer","progressType":{"color":"grey","type":"lecture","title":"Not Read"},"xp":0,"rank":0,"type":"lecture","totalMark":null,"totalPoints":null,"urlId":"usereducer-in-react-hooks"},{"id":"2SaCBm90m7FIDWmEwZ","name":"useTransition","progressType":{"color":"grey","type":"lecture","title":"Not Read"},"xp":0,"rank":0,"type":"lecture","totalMark":null,"totalPoints":null,"urlId":"usetransition-in-react-hooks"},{"id":"nwZ1l5cceX2vAe3HWn","name":"useDeferredValue","progressType":{"color":"grey","type":"lecture","title":"Not Read"},"xp":0,"rank":0,"type":"lecture","totalMark":null,"totalPoints":null,"urlId":"usedeferredvalue-in-react-hooks"}],"name":"React Hooks"},{"id":"pnvlFqu","progressType":{"color":"grey","icon":"x","title":"Not Attempted"},"totalMark":0,"totalPoints":null,"userXP":0,"totalXP":230,"hasMark":false,"items":[{"id":"LU5GOWKLbcWtW6gR0j","name":"Cookies","progressType":{"color":"grey","type":"lecture","title":"Not Read"},"xp":0,"rank":0,"type":"lecture","totalMark":null,"totalPoints":null,"urlId":"cookies-in-authentication-and-authorisation"},{"id":"rCbBu1Zq9dyLxCheR8","name":"Storage","progressType":{"color":"grey","type":"lecture","title":"Not Read"},"xp":0,"rank":0,"type":"lecture","totalMark":null,"totalPoints":null,"urlId":"storage-in-authentication-and-authorisation"},{"id":"zCZ98XNvOB1ZjlNZDs","name":"Authentication Approaches","progressType":{"color":"grey","type":"lecture","title":"Not Read"},"xp":0,"rank":0,"type":"lecture","totalMark":null,"totalPoints":null,"urlId":"authentication-approaches-in-authentication-and-authorisation"},{"id":"fIn6e6ULbreD0Rj44z","name":"Assignment 2.3: Blog - Backend","progressType":{"color":"grey","type":"githubClassroom","title":"Not Attempted"},"xp":0,"rank":0,"type":"githubClassroom","totalMark":null,"totalPoints":null,"urlId":"assignment-2-3-blog-backend-in-authentication-and-authorisation"}],"name":"Authentication and Authorisation"},{"id":"05PnYgF","progressType":{"color":"grey","icon":"x","title":"Not Attempted"},"totalMark":0,"totalPoints":null,"userXP":0,"totalXP":40,"hasMark":false,"items":[{"id":"3r1mE","name":"APIs","progressType":{"color":"grey","type":"lecture","title":"Not Read"},"xp":0,"rank":0,"type":"lecture","totalMark":null,"totalPoints":null,"urlId":"apis-in-apis"},{"id":"xAc6mqoMEDbfT43HbC","name":"Rest APIs","progressType":{"color":"grey","type":"lecture","title":"Not Read"},"xp":0,"rank":0,"type":"lecture","totalMark":null,"totalPoints":null,"urlId":"rest-apis-in-apis"},{"id":"Zh0r0eRKf3KckCZvcg","name":"tRPC","progressType":{"color":"grey","type":"lecture","title":"Not Read"},"xp":0,"rank":0,"type":"lecture","totalMark":null,"totalPoints":null,"urlId":"trpc-in-apis"},{"id":"JbSG4CXjBwQgdzi9gZ","name":"Securing APIs","progressType":{"color":"grey","type":"lecture","title":"Not Read"},"xp":0,"rank":0,"type":"lecture","totalMark":null,"totalPoints":null,"urlId":"securing-apis-in-apis"}],"name":"APIs"},{"id":"5lhQWxY","progressType":{"color":"grey","icon":"x","title":"Not Attempted"},"totalMark":0,"totalPoints":null,"userXP":0,"totalXP":430,"hasMark":false,"items":[{"id":"DODoICFHMm8WerUbjd","name":"Continuous Integration (CI)","progressType":{"color":"grey","type":"lecture","title":"Not Read"},"xp":0,"rank":0,"type":"lecture","totalMark":null,"totalPoints":null,"urlId":"continuous-integration-ci-in-ci-cd-and-devops"},{"id":"yxHRNTYENMm7MLNIo8","name":"Continuous Deployment (CD)","progressType":{"color":"grey","type":"lecture","title":"Not Read"},"xp":0,"rank":0,"type":"lecture","totalMark":null,"totalPoints":null,"urlId":"continuous-deployment-cd-in-ci-cd-and-devops"},{"id":"4vdxctkPDu5qQP6HaM","name":"Server-less Architectures","progressType":{"color":"grey","type":"lecture","title":"Not Read"},"xp":0,"rank":0,"type":"lecture","totalMark":null,"totalPoints":null,"urlId":"server-less-architectures-in-ci-cd-and-devops"},{"id":"imE2BQTTohEyBzg8Wv","name":"Exercise: CI/CD","progressType":{"color":"grey","type":"externalProject","title":"Not Attempted"},"xp":0,"rank":0,"type":"externalProject","totalMark":null,"totalPoints":null,"urlId":"exercise-ci-cd-in-ci-cd-and-devops"},{"id":"BbwwOQezdEfJkTlYM8","name":"Major Assignment","progressType":{"color":"grey","type":"externalProject","title":"Not Attempted"},"xp":0,"rank":0,"type":"externalProject","totalMark":null,"totalPoints":null,"urlId":"major-assignment-in-ci-cd-and-devops"}],"name":"CI/CD and DevOps"},{"id":"xMMFIhI","progressType":{"color":"grey","icon":"x","title":"Not Attempted"},"totalMark":0,"totalPoints":null,"userXP":0,"totalXP":250,"hasMark":false,"items":[{"id":"3lnRihXoLXOoBnB9Fp","name":"Introduction to Testing","progressType":{"color":"grey","type":"lecture","title":"Not Read"},"xp":0,"rank":0,"type":"lecture","totalMark":null,"totalPoints":null,"urlId":"introduction-to-testing-in-testing-react"},{"id":"zsgwjDMBVVtX90WI6B","name":"Component Testing with React Testing Library","progressType":{"color":"grey","type":"lecture","title":"Not Read"},"xp":0,"rank":0,"type":"lecture","totalMark":null,"totalPoints":null,"urlId":"component-testing-with-react-testing-library-in-testing-react"},{"id":"0HvLKZxfinmQpKBm7w","name":"Spying and Mocking","progressType":{"color":"grey","type":"lecture","title":"Not Read"},"xp":0,"rank":0,"type":"lecture","totalMark":null,"totalPoints":null,"urlId":"spying-and-mocking-in-testing-react"},{"id":"4tNvT5evGIeOxT2rJt","name":"Component Testing with Playwright","progressType":{"color":"grey","type":"lecture","title":"Not Read"},"xp":0,"rank":0,"type":"lecture","totalMark":null,"totalPoints":null,"urlId":"component-testing-with-playwright-in-testing-react"},{"id":"0HA6QJTaeofLfECxW1","name":"End to End testing with Playwright","progressType":{"color":"grey","type":"lecture","title":"Not Read"},"xp":0,"rank":0,"type":"lecture","totalMark":null,"totalPoints":null,"urlId":"end-to-end-testing-with-playwright-in-testing-react"},{"id":"M3PJDMMXiSy6dabDxi","name":"Exercise: Testing","progressType":{"color":"grey","type":"externalProject","title":"Not Attempted"},"xp":0,"rank":0,"type":"externalProject","totalMark":null,"totalPoints":null,"urlId":"exercise-testing-in-testing-react"}],"name":"Testing React"},{"id":"Y8zs534","progressType":{"color":"grey","icon":"x","title":"Not Attempted"},"totalMark":0,"totalPoints":null,"userXP":0,"totalXP":260,"hasMark":false,"items":[{"id":"hNjY6khEMlXB7pv2Fh","name":"SEO","progressType":{"color":"grey","type":"lecture","title":"Not Read"},"xp":0,"rank":0,"type":"lecture","totalMark":null,"totalPoints":null,"urlId":"seo-in-advanced-topics"},{"id":"Xuftk7ZuKMOLngr2ZA","name":"Security","progressType":{"color":"grey","type":"lecture","title":"Not Read"},"xp":0,"rank":0,"type":"lecture","totalMark":null,"totalPoints":null,"urlId":"security-in-advanced-topics"},{"id":"DGnzKhtFKCOnYe6SG1","name":"Monitoring and Logging","progressType":{"color":"grey","type":"lecture","title":"Not Read"},"xp":0,"rank":0,"type":"lecture","totalMark":null,"totalPoints":null,"urlId":"monitoring-and-logging-in-advanced-topics"},{"id":"tCs93XNqpFZVMRY3zh","name":"Real-Time Apps","progressType":{"color":"grey","type":"lecture","title":"Not Read"},"xp":0,"rank":0,"type":"lecture","totalMark":null,"totalPoints":null,"urlId":"real-time-apps-in-advanced-topics"},{"id":"bfEXCr2WgiubhPpc26","name":"Code Splitting","progressType":{"color":"grey","type":"lecture","title":"Not Read"},"xp":0,"rank":0,"type":"lecture","totalMark":null,"totalPoints":null,"urlId":"code-splitting-in-advanced-topics"},{"id":"pjIDTYuc5sJ2TUGvmE","name":"Accessibility","progressType":{"color":"grey","type":"lecture","title":"Not Read"},"xp":0,"rank":0,"type":"lecture","totalMark":null,"totalPoints":null,"urlId":"accessibility-in-advanced-topics"},{"id":"COeemp89pSXRaHPj6Q","name":"Ignore","progressType":{"color":"grey","type":"discussion","title":"Not Attempted"},"xp":0,"rank":0,"type":"discussion","totalMark":null,"totalPoints":null,"urlId":"ignore-in-advanced-topics"}],"name":"Advanced Topics"}]},"activeGroupId":"","children":"$L30"}] 31:I[678029,["/_next/static/chunks/36qxzxqa5l58j.js","/_next/static/chunks/3g0m7ynjabzbw.js","/_next/static/chunks/03khp-vggv-_s.js","/_next/static/chunks/3lyh5rvs0uhro.js","/_next/static/chunks/0s52zuta15_br.js","/_next/static/chunks/23rfsfiu-r90s.js","/_next/static/chunks/3qg69y33t7a70.js","/_next/static/chunks/43e6jmkkfp452.js","/_next/static/chunks/0_k6_dx493tu9.js","/_next/static/chunks/01yiyvo261wa_.js","/_next/static/chunks/0zx39o6usgwb5.js","/_next/static/chunks/3n_3d_0ujp0e_.js","/_next/static/chunks/41l0fgfu6-ht9.js","/_next/static/chunks/17gz79gguhtq-.js","/_next/static/chunks/2djqnn9u4hgb4.js","/_next/static/chunks/1sha7vxpehqos.js","/_next/static/chunks/2guptxgsmoc9y.js","/_next/static/chunks/161rf6c7c88o6.js","/_next/static/chunks/1csnml6fpz19_.js","/_next/static/chunks/2jogl76rqm1qk.js","/_next/static/chunks/1jp5x35e3-o_s.js","/_next/static/chunks/1fqur8li1zfux.js","/_next/static/chunks/0tu-86isf3hqz.js","/_next/static/chunks/3zk3bb69dmxey.js","/_next/static/chunks/37--yq2546pd_.js","/_next/static/chunks/0mi4wq45zqz33.js","/_next/static/chunks/0szdqsrjq2naf.js","/_next/static/chunks/0mpghn_06ek7w.js","/_next/static/chunks/1i-dvne9n01v6.js"],"TopNavigation"] 32:Te6d,

Welcome to Full Stack Development, an exciting, hands-on course designed to take you from frontend to backend with React, Next.js, databases, authentication, APIs, DevOps, and more! This isn’t just another theory-heavy course—it’s highly interactive, filled with practical examples, engaging exercises, and fun challenges to solidify your learning.

🔥 What to Expect?

We start with the fundamentals, where you’ll get familiar with React—learning JSX, components, props, and hooks—before moving on to more advanced topics like memorisation, state management, and context API. You’ll build interactive UIs, style them with CSS, and master event handling through real-world exercises and mini-projects.

Once you have a strong foundation in React, we level up by exploring Next.js, a powerful framework for building fast and scalable applications. You’ll dive into server-side rendering, dynamic routing, API routes, authentication, and database integration with Prisma. By this stage, you’ll be developing a full-stack blog, connecting frontend and backend seamlessly.

But we’re not stopping there! Security, testing, and DevOps are essential for modern web development, so you’ll also learn how to secure APIs, set up authentication with NextAuth, write unit and integration tests, and deploy applications with CI/CD pipelines.

🎯 Hands-on Assignments & Projects

This course is all about learning by doing. Each module includes exercises, quizzes, and coding challenges that reinforce key concepts. You’ll build real-world applications, culminating in a major project where you’ll develop, test, and deploy a full-stack application.

📌 Course Breakdown

✅ React & ReactDOM – Master JSX, components, hooks, state, props, and forms.

✅ Advanced React – Optimize performance with memoisation, useEffect, useMemo, and useRef.

✅ Next.js & Backend Development – Dive into routing, API development, authentication, and databases.

✅ APIs & Security – Learn REST, tRPC, authentication, authorisation, and securing APIs.

✅ Testing & DevOps – Implement testing with Playwright & Vitest, and automate CI/CD.

✅ Final Project – Combine all your skills to build a fully functional full-stack application.

🚀 Why This Course?

• Highly Interactive – You’ll never just watch—every concept comes with an exercise!

• Fun & Engaging – Learn through practical examples and exciting projects.

• Industry-Relevant – Gain skills used in real-world full-stack applications.

• Step-by-Step Guidance – From beginner to advanced, we’ve got you covered!

By the end of this course, you’ll have mastered full-stack development and be ready to build and deploy production-ready applications. So, are you ready to become a full-stack developer? Let’s build something amazing together! 🎉💻

30:["$","div",null,{"className":"CourseLayout-module-scss-module__4qfAcq__layout","children":[["$","div",null,{"className":"CourseLayout-module-scss-module__4qfAcq__center","children":[["$","$L31",null,{"course":{"archiveDate":null,"attachments":[{"size":32250,"url":"https://skillpies.s3.ap-southeast-2.amazonaws.com/courses/full-stack-development-get-things-done/SkillPies%20Full%20Stack.webp"}],"collaborators":[{"id":"8386af7b18f027fd79f34a95","firstAccess":"2026-01-30T10:23:44.321Z","lastAccess":"2026-04-17T02:17:42.672Z","count":4,"name":"Kieran Luken","urlId":"kieran-luken","avatar":null}],"config":[{"type":"substitute","value":"https://classroom.github.com/a/lxv0BkHa","data":"$$ASSIGNMENT1$"},{"type":"substitute","value":"https://classroom.github.com/a/-x4oEZJc","data":"$$ASSIGNMENT1-2$"},{"type":"substitute","value":"https://classroom.github.com/a/TiQ8guLd","data":"$$ASSIGNMENT1-3$"},{"type":"substitute","value":"https://classroom.github.com/a/_QMcpGO1","data":"$$ASSIGNMENT-2-1$"},{"type":"substitute","value":"https://classroom.github.com/a/e6PAJBDa","data":"$$ASSIGNMENT-2-2$"}],"discussionLabels":[{"colour":"grey","name":"Test"}],"discussionMembers":[{"answers":4,"posts":23,"userId":"0f00b4d96a78523c78a76dc6","avatar":"https://skillpies.s3.ap-southeast-2.amazonaws.com/users/to/tomas-trescak/CDMS1_38356-squre.jpg","name":"Tomas Trescak"},{"answers":0,"posts":10,"userId":"8386af7b18f027fd79f34a95","avatar":null,"name":"Kieran Luken"},{"answers":0,"posts":9,"userId":"c1a2be93942d8b39a33fea8d","avatar":"N01.png","name":"Huy Bui"},{"answers":0,"posts":7,"userId":"4d0b73ac51a0b744f6f5c1dc","avatar":"https://skillpies.s3.ap-southeast-2.amazonaws.com/users/ki/kiyohiro-kambayashi/EgTurOzXsAIukI_.png","name":"Kiyohiro Kambayashi"},{"answers":0,"posts":7,"userId":"de34b1b6fe6f7af9c079f3ca","name":"Kartik Murti"},{"answers":0,"posts":5,"userId":"59850d1ca88496c230ea611d","avatar":null,"name":"Marc Amiel"},{"answers":0,"posts":4,"userId":"4807ffd717c1d00d596e0c9c","avatar":"C01.png","name":"Nishra Bekasha"},{"answers":0,"posts":3,"userId":"8ceccf0e59e3b40e768c4414","avatar":"E04.png","name":"Manh Long Nguyen"},{"answers":0,"posts":2,"userId":"c09e9118fdf74bf423ee2261","avatar":null,"name":"Mobeena Petr"},{"userId":"88bf4e9e3a1c1e8d50c1bc98","answers":0,"posts":1,"avatar":null,"name":"Wenxuan LI"}],"permissions":{"groups":[{"access":3,"name":"Admin"}],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"roles":["Tutor|3myFj3C3s45Lw7am7p"],"sections":[{"id":"root","due":null,"parentId":null,"points":null,"sectionId":null,"urlId":"","name":"","visibleFrom":null,"icon":null,"shortDescription":"","timeLength":0,"contentLength":0},{"id":"8PeTJh8kVXHQB8pyNA","due":null,"parentId":"root","points":null,"sectionId":"c6255d62df01936a0a2e9576","urlId":"introduction","name":"Introduction","visibleFrom":null,"icon":"lecture","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":10,"image":"https://skillpies.s3.ap-southeast-2.amazonaws.com/courses/full-stack-development-get-things-done/SkillPies%20Full%20Stack.webp","shortDescription":"What is full stack development? Why do I want to become a full-stack developer?","timeLength":null,"contentLength":null},{"id":"qpkVUXeVXkkrIOXkxc","due":null,"parentId":"root","points":null,"sectionId":"ce7bb90a84e97ade6d2e5759","urlId":"generative-ai","name":"Generative AI","visibleFrom":null,"icon":"lecture","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":10,"image":null,"shortDescription":"Learn about generative AI opportunities and limitations in full-stack development.","timeLength":null,"contentLength":null},{"id":"MTSEcKAgqbv1VVBp0C","due":null,"parentId":"root","points":null,"sectionId":"7cc21b78b3c0d3fc11d68056","urlId":"player","name":"🍰 Player","visibleFrom":null,"icon":"lecture","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":10,"image":"https://skillpies.s3.ap-southeast-2.amazonaws.com/courses/skillpies-com/SkillpiesLogo-2.webp","shortDescription":"Explore the revolutionary features of SkillPies.com,.","timeLength":null,"contentLength":null},{"id":"eIWtnh1vhY7Ktnkulv","due":null,"parentId":"root","points":null,"sectionId":"6c115dae9353b1f797369bdb","urlId":"editor","name":"💼 Editor","visibleFrom":null,"icon":"code","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":200,"image":null,"shortDescription":"Check out the Skillpies code editor and all its possibilities.","timeLength":null,"contentLength":null},{"id":"lyNIIq9","due":null,"parentId":"root","points":null,"sectionId":null,"urlId":"setup","name":"Setup","visibleFrom":null,"icon":null,"shortDescription":"","timeLength":0,"contentLength":0},{"id":"d0IUbgyycvEqIQBDLy","due":null,"parentId":"lyNIIq9","points":null,"sectionId":"b68967c7a78397429ef9ec74","urlId":"software-installation-in-setup","name":"Software Installation","visibleFrom":null,"icon":"lecture","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":10,"image":"https://skillpies.s3.ap-southeast-2.amazonaws.com/courses/full-stack-development-get-things-done/SkillPies%20Full%20Stack.webp","shortDescription":"Let's set up your class environment with Github classroom!","timeLength":null,"contentLength":null},{"id":"UcDgJBMv00Wy2R2uh3","due":null,"parentId":"lyNIIq9","points":null,"sectionId":"0c46b0e77b9981868c66d85a","urlId":"project-setup-in-setup","name":"Project Setup","visibleFrom":null,"icon":"lecture","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":10,"image":"https://skillpies.s3.ap-southeast-2.amazonaws.com/courses/full-stack-development-get-things-done/SkillPies%20Full%20Stack.webp","shortDescription":"Setting up our first assignment","timeLength":null,"contentLength":null},{"id":"o74L6FQunzOerXyF8Z","due":null,"parentId":"lyNIIq9","points":null,"sectionId":"01bd4dc9ce94c94d43632f20","urlId":"running-and-testing-in-setup","name":"Running and Testing","visibleFrom":null,"icon":"lecture","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":10,"image":"https://skillpies.s3.ap-southeast-2.amazonaws.com/courses/full-stack-development-get-things-done/SkillPies%20Full%20Stack.webp","shortDescription":"Instructions on how to run and test your project","timeLength":null,"contentLength":null},{"id":"dG9HjlWVVInaaBbHiv","due":null,"parentId":"lyNIIq9","points":null,"sectionId":"85f7636274a56b83b5709481","urlId":"react-and-reactdom-in-setup","name":"React and ReactDOM","visibleFrom":null,"icon":"lecture","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":10,"image":"https://skillpies.s3.ap-southeast-2.amazonaws.com/courses/full-stack-development-get-things-done/SkillPies%20Full%20Stack.webp","shortDescription":"Introduction to React and ReactDOM packages","timeLength":null,"contentLength":null},{"id":"lzohNVmLvvS7YhUibu","due":null,"parentId":"dG9HjlWVVInaaBbHiv","points":null,"sectionId":"179ac04a287428e44474c351","urlId":"react-and-reactdom-exercise-in-react-and-reactdom","name":"React and ReactDOM: Exercise","visibleFrom":null,"icon":"code","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":200,"image":null,"shortDescription":"Test your skills of React and ReactDOM.","timeLength":null,"contentLength":null},{"id":"6RkMQpGueCGBmfMeLR","due":null,"parentId":"dG9HjlWVVInaaBbHiv","points":null,"sectionId":"f41e20c816eb2661fc8f05b3","urlId":"quiz-react-and-reactdom-in-react-and-reactdom","name":"Quiz: React and ReactDOM","visibleFrom":null,"icon":"quiz","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":250,"image":null,"shortDescription":"Test your knowledge of React and ReactDOM ","timeLength":null,"contentLength":null},{"id":"YZuPDQUhaimb8fk4hR","due":null,"parentId":"lyNIIq9","points":null,"sectionId":"45c463f113f11f13e05dba06","urlId":"assignment-1-1-welcome-message-in-setup","name":"Assignment 1.1: Welcome Message","visibleFrom":null,"icon":"githubClassroom","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":200,"image":"https://skillpies.s3.ap-southeast-2.amazonaws.com/courses/full-stack-development-get-things-done/SkillPies%20Full%20Stack.webp","shortDescription":"Your first assignment, in which you create a landing page for your app.","timeLength":null,"contentLength":null},{"id":"E66TsrZYKEtSt53NZH","due":null,"parentId":"lyNIIq9","points":null,"sectionId":"08bf7f71ef470577ca13a5fb","urlId":"submissions-in-setup","name":"Submissions","visibleFrom":null,"icon":"lecture","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":10,"image":"https://skillpies.s3.ap-southeast-2.amazonaws.com/courses/full-stack-development-get-things-done/SkillPies%20Full%20Stack.webp","shortDescription":"Let's talk about Git and Github and different processes involved in this 101 session.","timeLength":null,"contentLength":null},{"id":"I34Tw01","due":null,"parentId":"root","points":null,"sectionId":null,"urlId":"react-fundamentals","name":"React Fundamentals","visibleFrom":null,"icon":null,"shortDescription":"","timeLength":0,"contentLength":0},{"id":"2PvjZ9WANa0chUxphd","due":null,"parentId":"I34Tw01","points":null,"sectionId":"e10d421754e45cd646ce6656","urlId":"jsx-and-components-in-react-fundamentals","name":"JSX and Components","visibleFrom":null,"icon":"lecture","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":10,"image":"https://skillpies.s3.ap-southeast-2.amazonaws.com/courses/full-stack-development-get-things-done/SkillPies%20Full%20Stack.webp","shortDescription":"What is JSX, and how can we combine javascript code and HTML to create reusable interactive components?","timeLength":null,"contentLength":null},{"id":"5xHb8jxmoEqo59RWJZ","due":null,"parentId":"2PvjZ9WANa0chUxphd","points":null,"sectionId":"ae96d18f7662b9338eb938d1","urlId":"quiz-jsx-and-components-in-jsx-and-components","name":"Quiz: JSX and Components","visibleFrom":null,"icon":"quiz","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":250,"image":null,"shortDescription":"Test your knowledge of JSX and Components","timeLength":null,"contentLength":null},{"id":"DNEWHFO0kbQcTM2Xe7","due":null,"parentId":"I34Tw01","points":null,"sectionId":"4c7360387bc4d4ed0284b95d","urlId":"props-in-react-fundamentals","name":"Props","visibleFrom":null,"icon":"lecture","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":10,"image":"https://skillpies.s3.ap-southeast-2.amazonaws.com/courses/full-stack-development-get-things-done/SkillPies%20Full%20Stack.webp","shortDescription":"Learn how to pass values to React components and see how to handle mandatory or optional variables.","timeLength":null,"contentLength":null},{"id":"xp6YRcC11UD2ZHQaLI","due":null,"parentId":"DNEWHFO0kbQcTM2Xe7","points":null,"sectionId":"78b42ddcbce7fcba013da81e","urlId":"exercise-props-in-props","name":"Exercise: Props","visibleFrom":null,"icon":"code","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":200,"image":"https://skillpies.s3.ap-southeast-2.amazonaws.com/courses/full-stack-development-get-things-done/SkillPies%20Full%20Stack.webp","shortDescription":"A short exercise to practice your Props skills","timeLength":null,"contentLength":null},{"id":"AFxabKLOjg807E9U8D","due":null,"parentId":"DNEWHFO0kbQcTM2Xe7","points":null,"sectionId":"ea3700e0612538cd80b32eec","urlId":"quiz-props-in-props","name":"Quiz: Props","visibleFrom":null,"icon":"quiz","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":250,"image":null,"shortDescription":"Test your knowledge of props","timeLength":null,"contentLength":null},{"id":"GlFkIwougYVL2PpR95","due":null,"parentId":"I34Tw01","points":null,"sectionId":"d4fc03a38defe3aa380eb767","urlId":"assignment-1-2-front-end-in-react-fundamentals","name":"Assignment 1.2: Front End","visibleFrom":null,"icon":"githubClassroom","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":200,"image":"https://skillpies.s3.ap-southeast-2.amazonaws.com/courses/full-stack-development-get-things-done/SkillPies%20Full%20Stack.webp","shortDescription":"Second assignment where you need to update react ui.","timeLength":null,"contentLength":null},{"id":"OfR1FzVhcqsdRdveDj","due":null,"parentId":"I34Tw01","points":null,"sectionId":"69a3cb9d4bfa89f45401bcea","urlId":"css-styles-in-react-fundamentals","name":"CSS Styles ","visibleFrom":null,"icon":"lecture","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":10,"image":"https://skillpies.s3.ap-southeast-2.amazonaws.com/courses/full-stack-development-get-things-done/SkillPies%20Full%20Stack.webp","shortDescription":"Learn how to apply styles and classes to your react project","timeLength":null,"contentLength":null},{"id":"mO9hsxGjTKM7E7PKB2","due":null,"parentId":"OfR1FzVhcqsdRdveDj","points":null,"sectionId":"b7cd874eeda9ec7d9dd796e3","urlId":"quiz-css-styles-in-css-styles","name":"Quiz: CSS Styles","visibleFrom":null,"icon":"quiz","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":250,"image":null,"shortDescription":"Test your knowledge of using CSS styles in Next.js","timeLength":null,"contentLength":null},{"id":"830NsKij59BimhIzTj","due":null,"parentId":"I34Tw01","points":null,"sectionId":"2d7928fb5bd2551d2a895a48","urlId":"usestate-and-hooks-in-react-fundamentals","name":"useState and Hooks","visibleFrom":null,"icon":"lecture","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":10,"image":"https://skillpies.s3.ap-southeast-2.amazonaws.com/courses/full-stack-development-get-things-done/SkillPies%20Full%20Stack.webp","shortDescription":"Learn about react hooks and how they can help you to build genuinely reactive components!","timeLength":null,"contentLength":null},{"id":"LwBYJq380t86TtyQQF","due":null,"parentId":"830NsKij59BimhIzTj","points":null,"sectionId":"c3faee46994d53af8ae5b083","urlId":"exercise-usestate-in-usestate-and-hooks","name":"Exercise: useState","visibleFrom":null,"icon":"code","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":200,"image":"https://skillpies.s3.ap-southeast-2.amazonaws.com/courses/full-stack-development-get-things-done/SkillPies%20Full%20Stack.webp","shortDescription":"Test your skills creating a reactive card component.","timeLength":null,"contentLength":null},{"id":"8t2tU1B1HDGG9PrvNc","due":null,"parentId":"830NsKij59BimhIzTj","points":null,"sectionId":"85519861aa8d2fe82bfa9fe0","urlId":"quiz-usestate-and-hooks-in-usestate-and-hooks","name":"Quiz: useState and Hooks","visibleFrom":null,"icon":"quiz","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":500,"image":null,"shortDescription":"Test your knowledge of useState and Hooks","timeLength":null,"contentLength":null},{"id":"beFBTMvNdyg5FSnQ1P","due":null,"parentId":"I34Tw01","points":null,"sectionId":"04bfea5f429352c76808519f","urlId":"conditional-rendering-in-react-fundamentals","name":"Conditional Rendering","visibleFrom":null,"icon":"lecture","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":10,"image":"https://skillpies.s3.ap-southeast-2.amazonaws.com/courses/full-stack-development-get-things-done/SkillPies%20Full%20Stack.webp","shortDescription":"We explore how you can conditionally render your UI based on values of props, states or variables.","timeLength":null,"contentLength":null},{"id":"Z0Q3G0LCMhK7XeGlMC","due":null,"parentId":"beFBTMvNdyg5FSnQ1P","points":null,"sectionId":"ec5ca30586e18802fe1f3a17","urlId":"quiz-conditional-rendering-in-conditional-rendering","name":"Quiz: Conditional Rendering","visibleFrom":null,"icon":"quiz","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":250,"image":null,"shortDescription":"Test your knowledge of conditional rendering","timeLength":null,"contentLength":null},{"id":"SqdHQny8jH31cMuH4b","due":null,"parentId":"I34Tw01","points":null,"sectionId":"20c08be03f0f6583415c22ad","urlId":"lists-in-react-fundamentals","name":"Lists","visibleFrom":null,"icon":"lecture","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":10,"image":"https://skillpies.s3.ap-southeast-2.amazonaws.com/courses/full-stack-development-get-things-done/SkillPies%20Full%20Stack.webp","shortDescription":"You will render lists of component content from array variables.","timeLength":null,"contentLength":null},{"id":"taXe6lyqUYy9zNBlJc","due":null,"parentId":"SqdHQny8jH31cMuH4b","points":null,"sectionId":"af760d6cc6e1eec0dc0b8918","urlId":"exercise-lists-in-lists","name":"Exercise: Lists","visibleFrom":null,"icon":"code","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":200,"image":"https://skillpies.s3.ap-southeast-2.amazonaws.com/courses/full-stack-development-get-things-done/SkillPies%20Full%20Stack.webp","shortDescription":"Test your skills of using lists and conditions in your React app","timeLength":null,"contentLength":null},{"id":"D6o9msHyaYYD0SvmBt","due":null,"parentId":"SqdHQny8jH31cMuH4b","points":null,"sectionId":"4b8998f989e5c315f0953c04","urlId":"quiz-lists-in-lists","name":"Quiz: Lists","visibleFrom":null,"icon":"quiz","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":250,"image":null,"shortDescription":"Test your knowledge of React lists","timeLength":null,"contentLength":null},{"id":"EQfmwlth2bxxvFab4B","due":null,"parentId":"I34Tw01","points":null,"sectionId":"1a3193f832253f52f989c53e","urlId":"forms-and-events-in-react-fundamentals","name":"Forms and Events","visibleFrom":null,"icon":"lecture","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":10,"image":"https://skillpies.s3.ap-southeast-2.amazonaws.com/courses/full-stack-development-get-things-done/SkillPies%20Full%20Stack.webp","shortDescription":"Learn how to create event handlers and use them to create custom forms for data collection.","timeLength":null,"contentLength":null},{"id":"XXKUTXOGUCLHJcsCd2","due":null,"parentId":"EQfmwlth2bxxvFab4B","points":null,"sectionId":"a4619e1210aa501144c8bc30","urlId":"exercise-forms-in-forms-and-events","name":"Exercise: Forms","visibleFrom":null,"icon":"code","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":200,"image":"https://skillpies.s3.ap-southeast-2.amazonaws.com/courses/full-stack-development-get-things-done/SkillPies%20Full%20Stack.webp","shortDescription":"Test your skills in developing forms and add the possibility to add a custom todo.","timeLength":null,"contentLength":null},{"id":"EHhifJvcTuoesGnxJj","due":null,"parentId":"EQfmwlth2bxxvFab4B","points":null,"sectionId":"ddcfb13c33ccc8f4e8aa11db","urlId":"quiz-forms-and-events-in-forms-and-events","name":"Quiz: Forms and Events","visibleFrom":null,"icon":"quiz","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":250,"image":null,"shortDescription":"Test your knowledge of forms and events","timeLength":null,"contentLength":null},{"id":"ikH0e5n71EUFcQs6EP","due":null,"parentId":"I34Tw01","points":null,"sectionId":"17d2fb02cdb3a1f0cc758c01","urlId":"storybook-in-react-fundamentals","name":"Storybook","visibleFrom":null,"icon":"lecture","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":10,"image":null,"shortDescription":"Storybook is like a workshop for your React components! Build and test UI elements in isolation, ensuring consistency and reusability. Create \"stories\" to showcase different component states, making development and documentation a breeze.","timeLength":null,"contentLength":null},{"id":"0yziQSYLQgmDBJ6qLY","due":null,"parentId":"I34Tw01","points":null,"sectionId":"27e2ff3d4ffebd2422baffad","urlId":"assignment-1-3-bonus-backend-in-react-fundamentals","name":"Assignment 1.3: Bonus - Backend","visibleFrom":null,"icon":"githubClassroom","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":200,"image":null,"shortDescription":"This bonus assignment os for those who like a challenge and wish to implement the backend for the Get Things Done Assignment.","timeLength":null,"contentLength":null},{"id":"m5ipiTlupodvYGprs2","due":null,"parentId":"I34Tw01","points":null,"sectionId":"9fac075f6e5b017186ca4ef3","urlId":"leaderboards-in-react-fundamentals","name":"Leaderboards","visibleFrom":null,"icon":"leaderboards","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":0,"image":null,"shortDescription":"Check how you track in quizzes among your colleagues","timeLength":null,"contentLength":null},{"id":"oBn8BEC","due":null,"parentId":"root","points":null,"sectionId":null,"urlId":"next-js-backend","name":"Next.js","visibleFrom":null,"icon":null,"shortDescription":"","timeLength":0,"contentLength":0},{"id":"SK7MrplpR1ifo8RThr","due":null,"parentId":"oBn8BEC","points":null,"sectionId":"0e3aa6193a076e6aba0428ed","urlId":"why-next-js-in-next-js","name":"Why Next.js?","visibleFrom":null,"icon":"lecture","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":10,"image":null,"shortDescription":" Overview of popular full-stack frameworks and our decision why we chose Next.js","timeLength":null,"contentLength":null},{"id":"NbDtd3O4lHCVuLq1nh","due":null,"parentId":"oBn8BEC","points":null,"sectionId":"15e31a0a81bddc849b87972e","urlId":"next-js-introduction-in-next-js","name":"Next.js Introduction","visibleFrom":null,"icon":"lecture","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":10,"image":null,"shortDescription":"qwe","timeLength":null,"contentLength":null},{"id":"PWHmN3yEITTHA2Rlzk","due":null,"parentId":"oBn8BEC","points":null,"sectionId":"3e5b43b26870a210fa468bd7","urlId":"monorepos-in-next-js","name":"Monorepos","visibleFrom":null,"icon":"lecture","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":10,"image":null,"shortDescription":"Learn about monorepos and how to use them to efficiently structure your project.","timeLength":null,"contentLength":null},{"id":"N7UI8qvKIsex2VxDtw","due":null,"parentId":"oBn8BEC","points":null,"sectionId":"401a70ea89697a0d06347627","urlId":"turborepo-in-next-js","name":"Turborepo","visibleFrom":null,"icon":"lecture","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":10,"image":null,"shortDescription":"","timeLength":null,"contentLength":null},{"id":"IIgzrR0LMkXxR4wbzR","due":null,"parentId":"oBn8BEC","points":null,"sectionId":"2574c52119fa71b30ad17fd0","urlId":"assignment-2-1-blog-client-in-next-js","name":"Assignment 2.1: Blog - Client","visibleFrom":null,"icon":"githubClassroom","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":200,"image":null,"shortDescription":"Your second assignment towards your tutorial work, this time starting to develop a CMS system.","timeLength":null,"contentLength":null},{"id":"gQIGnStG83ZRfZia1X","due":null,"parentId":"oBn8BEC","points":null,"sectionId":"f131719ba40ce312722a7d24","urlId":"layouts-and-pages-in-next-js","name":"Layouts and Pages","visibleFrom":null,"icon":"lecture","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":10,"image":null,"shortDescription":"Learn how to structure your Next.js apps with layouts and pages! This lesson covers file-system routing, creating shared UI with layouts, dynamic routing for blog posts, and navigation with the component. Build a well-organized blog and master the fundamentals of Next.js app architecture.","timeLength":null,"contentLength":null},{"id":"B7XukSyAlubGtgzzjR","due":null,"parentId":"gQIGnStG83ZRfZia1X","points":null,"sectionId":"80ce17020dbc2a62bd0a5a30","urlId":"quiz-layout-and-pages-in-layouts-and-pages","name":"Quiz: Layout and Pages","visibleFrom":null,"icon":"quiz","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":300,"image":null,"shortDescription":" Choose the best answer for each multiple-choice question","timeLength":null,"contentLength":null},{"id":"oJymdSA2bHdoj4wlDo","due":null,"parentId":"gQIGnStG83ZRfZia1X","points":null,"sectionId":"a42d77beb8d40dc29b61fff5","urlId":"exercise-layouts-and-pages-in-layouts-and-pages","name":"Exercise: Layouts and Pages","visibleFrom":null,"icon":"externalProject","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":200,"image":null,"shortDescription":"Practice your knowledge of layouts and pages.","timeLength":null,"contentLength":null},{"id":"AjKyhMcoWpKqjEgQCF","due":null,"parentId":"oBn8BEC","points":null,"sectionId":"1cdc0cfcbfcb00d355b581f1","urlId":"fonts-and-images-in-next-js","name":"Fonts and Images","visibleFrom":null,"icon":"lecture","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":10,"image":null,"shortDescription":"Learn to optimise images and fonts in Next.js for a blazing-fast blog! We'll cover handling static assets, using the component for size optimisation and lazy loading, and leveraging next/font for self-hosting Google and local fonts. Boost your blog's performance and UX!","timeLength":null,"contentLength":null},{"id":"N4lt39oZoYdGNswCDI","due":null,"parentId":"AjKyhMcoWpKqjEgQCF","points":null,"sectionId":"0d7156b17fe788ec9fa213f8","urlId":"quiz-fonts-and-images-in-fonts-and-images","name":"Quiz: Fonts and Images","visibleFrom":null,"icon":"quiz","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":250,"image":null,"shortDescription":"Test your knowledge of Fonts and Images in Next.js","timeLength":null,"contentLength":null},{"id":"eAeoX7or92GSJuVri0","due":null,"parentId":"AjKyhMcoWpKqjEgQCF","points":null,"sectionId":"a3d4ae5bd5d6580a7e3367c6","urlId":"exercise-fonts-and-images-in-fonts-and-images","name":"Exercise: Fonts and Images","visibleFrom":null,"icon":"externalProject","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":200,"image":null,"shortDescription":"Practice knowledge of fonts and images","timeLength":null,"contentLength":null},{"id":"Ho4ODJcvdtXJ01Sujd","due":null,"parentId":"oBn8BEC","points":null,"sectionId":"51a47b408580181261332d50","urlId":"styling-in-next-js","name":"Styling","visibleFrom":null,"icon":"lecture","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":10,"image":null,"shortDescription":"Styling is the magic that transforms a plain website into a visually engaging experience. In Next.js, we have a variety of powerful tools at our disposal, from localised CSS Modules that prevent style clashes to global CSS for site-wide consistency. We'll explore these different approaches.","timeLength":null,"contentLength":null},{"id":"m4LSg4r4a3o5Tv2bwC","due":null,"parentId":"Ho4ODJcvdtXJ01Sujd","points":null,"sectionId":"54178e3d8aebdea5ef9bddcb","urlId":"quiz-styling-in-styling","name":"Quiz: Styling","visibleFrom":null,"icon":"quiz","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":400,"image":null,"shortDescription":"Test your knowledge of Fonts and Images","timeLength":null,"contentLength":null},{"id":"tJ6972dx7u7TUmhZvi","due":null,"parentId":"Ho4ODJcvdtXJ01Sujd","points":null,"sectionId":"c558ee1d02462326d2edced2","urlId":"exercise-styling-in-styling","name":"Exercise: Styling","visibleFrom":null,"icon":"externalProject","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":200,"image":null,"shortDescription":"Practice your styling. ","timeLength":null,"contentLength":null},{"id":"9H3jnaM5ygnZmihmMp","due":null,"parentId":"oBn8BEC","points":null,"sectionId":"bed4f50e89281e25ca71067d","urlId":"server-vs-client-components-in-next-js","name":"Server vs Client Components","visibleFrom":null,"icon":"lecture","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":10,"image":null,"shortDescription":"Server Components: born on the server, blazing fast, SEO stars. Client Components: party in the browser, interactive rockstars. Next.js lets them team up for killer web apps. Data? Server. Clicks? Client. Boom.","timeLength":null,"contentLength":null},{"id":"dzJzQU3KSzWzDN43s0","due":null,"parentId":"9H3jnaM5ygnZmihmMp","points":null,"sectionId":"3d739a00fdf693292872bbd9","urlId":"quiz-server-vs-client-components-in-server-vs-client-components","name":"Quiz: Server vs Client Components","visibleFrom":null,"icon":"quiz","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":450,"image":null,"shortDescription":"Test your skills of server and client components","timeLength":null,"contentLength":null},{"id":"k6ksJMo0xhmwko5o14","due":null,"parentId":"9H3jnaM5ygnZmihmMp","points":null,"sectionId":"c9d75dfa9c830e663ba2bfaf","urlId":"exercise-server-vs-client-components-in-server-vs-client-components","name":"Exercise: Server vs Client Components","visibleFrom":null,"icon":"externalProject","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":200,"image":null,"shortDescription":"Test your knowledge of server and client components.","timeLength":null,"contentLength":null},{"id":"NpQ7Irf7xtvjVsQsED","due":null,"parentId":"oBn8BEC","points":null,"sectionId":"70acfdfad4fc37fb2b25f6f1","urlId":"static-and-dynamic-rendering-in-next-js","name":"Static and Dynamic Rendering","visibleFrom":null,"icon":"lecture","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":10,"image":null,"shortDescription":"Want a website that loads faster than a caffeinated kangaroo? We're diving into rendering startegies! Think pre-building pages (static!), whipping them up on demand (dynamic!)? Ready to build a blazing-fast blog? Let's go!","timeLength":null,"contentLength":null},{"id":"aPAqcgeaTychGCu5TU","due":null,"parentId":"NpQ7Irf7xtvjVsQsED","points":null,"sectionId":"fe35d28c8bfdbc86b030f3c3","urlId":"quiz-static-and-dynamic-rendering-in-static-and-dynamic-rendering","name":"Quiz: Static and Dynamic Rendering","visibleFrom":null,"icon":"quiz","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":450,"image":null,"shortDescription":"Test your knowledge of static and dynamic rendering","timeLength":null,"contentLength":null},{"id":"rWEhrooiejelbZHinw","due":null,"parentId":"NpQ7Irf7xtvjVsQsED","points":null,"sectionId":"333a49a2264b39ea5ac528a9","urlId":"exercise-static-and-dynamic-rendering-in-static-and-dynamic-rendering","name":"Exercise: Static and Dynamic Rendering","visibleFrom":null,"icon":"lecture","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":10,"image":null,"shortDescription":"","timeLength":null,"contentLength":null},{"id":"6R17MkP6Kda5g2qRHR","due":null,"parentId":"oBn8BEC","points":null,"sectionId":"bdc48d0d60305d40709873cf","urlId":"leaderboards-in-next-js","name":"Leaderboards","visibleFrom":null,"icon":"leaderboards","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":0,"image":null,"shortDescription":"Leaderboards for Next.js section","timeLength":null,"contentLength":null},{"id":"FKOrudk","due":null,"parentId":"root","points":null,"sectionId":null,"urlId":"advanced-react","name":"Advanced React","visibleFrom":null,"icon":null,"shortDescription":"","timeLength":0,"contentLength":0},{"id":"JRqRM0pHZfrUwUlUtA","due":null,"parentId":"FKOrudk","points":null,"sectionId":"94ca834da029d918c76b1f9b","urlId":"pure-components-memo-in-advanced-react","name":"Pure Components - memo","visibleFrom":null,"icon":"lecture","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":10,"image":"https://skillpies.s3.ap-southeast-2.amazonaws.com/courses/full-stack-development-get-things-done/SkillPies%20Full%20Stack.webp","shortDescription":"Optimise your component rendering with memo","timeLength":null,"contentLength":null},{"id":"g7f4ZN2ftIqol4ov4Q","due":null,"parentId":"JRqRM0pHZfrUwUlUtA","points":null,"sectionId":"d47f2795fc8e8d4d48bf560a","urlId":"quiz-pure-components-in-pure-components-memo","name":"Quiz: Pure Components","visibleFrom":null,"icon":"quiz","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":250,"image":null,"shortDescription":"Test your knowledge of pure components","timeLength":null,"contentLength":null},{"id":"WLiolB44FkNlxdzEem","due":null,"parentId":"JRqRM0pHZfrUwUlUtA","points":null,"sectionId":"2a06fa47028f1dd4c9a57b99","urlId":"pure-components-in-pure-components-memo","name":"👾 Pure Components ","visibleFrom":null,"icon":"code","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":200,"image":null,"shortDescription":"Apply your skills with React.memo.","timeLength":null,"contentLength":null},{"id":"8ljZpLw4VyjNsjUWyr","due":null,"parentId":"FKOrudk","points":null,"sectionId":"ec557b306f835868e799c31b","urlId":"lifecycle-useeffect-in-advanced-react","name":"Lifecycle - useEffect ","visibleFrom":null,"icon":"lecture","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":10,"image":"https://skillpies.s3.ap-southeast-2.amazonaws.com/courses/full-stack-development-get-things-done/SkillPies%20Full%20Stack.webp","shortDescription":"Learn about React component lifecycle and how to perform actions in different stages","timeLength":null,"contentLength":null},{"id":"4k5xKUPPANfhUJYv0g","due":null,"parentId":"8ljZpLw4VyjNsjUWyr","points":null,"sectionId":"462732fe473bb856c6d861a2","urlId":"quiz-useeffect-in-lifecycle-useeffect","name":"Quiz: useEffect","visibleFrom":null,"icon":"quiz","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":300,"image":null,"shortDescription":"Test your knowledge of useEffect","timeLength":null,"contentLength":null},{"id":"7QGx8hiZtOxs0jyJjV","due":null,"parentId":"8ljZpLw4VyjNsjUWyr","points":null,"sectionId":"38cacf6b9cf815a1f9d227a3","urlId":"exercise-useeffect-in-lifecycle-useeffect","name":"Exercise: useEffect","visibleFrom":null,"icon":"code","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":200,"image":null,"shortDescription":"Practice useEffect","timeLength":null,"contentLength":null},{"id":"zSz22bQ3oN0g41sV0Y","due":null,"parentId":"FKOrudk","points":null,"sectionId":"69b92b2cc0211c079a08340e","urlId":"expensive-usememo-in-advanced-react","name":"Expensive? - useMemo ","visibleFrom":null,"icon":"lecture","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":10,"image":"https://skillpies.s3.ap-southeast-2.amazonaws.com/courses/full-stack-development-get-things-done/SkillPies%20Full%20Stack.webp","shortDescription":"Optimise the rendering of your component using the useMemo hook to cache expensive computations ","timeLength":null,"contentLength":null},{"id":"TktVeOdpdbqDtPma3S","due":null,"parentId":"zSz22bQ3oN0g41sV0Y","points":null,"sectionId":"361008f68fa142013650562f","urlId":"exercise-usememo-in-expensive-usememo","name":"Exercise: useMemo","visibleFrom":null,"icon":"code","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":200,"image":null,"shortDescription":"Practice your useMemo skills","timeLength":null,"contentLength":null},{"id":"4Ec5mj4kBHZZD5TgMz","due":null,"parentId":"zSz22bQ3oN0g41sV0Y","points":null,"sectionId":"10998d6c5154bb9301573c7e","urlId":"quiz-usememo-in-expensive-usememo","name":"Quiz: useMemo","visibleFrom":null,"icon":"quiz","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":300,"image":null,"shortDescription":"Test your knowledge of useMemo","timeLength":null,"contentLength":null},{"id":"ZyrYVSjnKpuR4pa21O","due":null,"parentId":"FKOrudk","points":null,"sectionId":"64efe9a2cd6580c4f30d7561","urlId":"dom-interactions-useref-in-advanced-react","name":"DOM Interactions - useRef","visibleFrom":null,"icon":"lecture","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":10,"image":"https://skillpies.s3.ap-southeast-2.amazonaws.com/courses/full-stack-development-get-things-done/SkillPies%20Full%20Stack.webp","shortDescription":"Learn how to interact with DOM using useRef","timeLength":null,"contentLength":null},{"id":"P9oYfkWPQZXKAlk6ba","due":null,"parentId":"ZyrYVSjnKpuR4pa21O","points":null,"sectionId":"a8038edc2a64ec673dec24e9","urlId":"exercise-useref-in-dom-interactions-useref","name":"Exercise: useRef","visibleFrom":null,"icon":"code","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":200,"image":null,"shortDescription":"Practice your skills with useRef","timeLength":null,"contentLength":null},{"id":"hFkNdLmrlupl1QRFI2","due":null,"parentId":"ZyrYVSjnKpuR4pa21O","points":null,"sectionId":"fcee94660ccfe14b69bcdc5a","urlId":"quiz-useref-in-dom-interactions-useref","name":"Quiz: useRef","visibleFrom":null,"icon":"quiz","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":450,"image":null,"shortDescription":"Test your knowledge of useRef","timeLength":null,"contentLength":null},{"id":"A6ozK5xqL5NwL8Uxej","due":null,"parentId":"FKOrudk","points":null,"sectionId":"98341e5d7b472c859791c01e","urlId":"error-boundaries-in-advanced-react","name":"Error Boundaries","visibleFrom":null,"icon":"lecture","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":10,"image":null,"shortDescription":"Learn about handling component errors in React.","timeLength":null,"contentLength":null},{"id":"ruq12ndaRyniQYbb9j","due":null,"parentId":"A6ozK5xqL5NwL8Uxej","points":null,"sectionId":"43a68a083586d27fdd309ff4","urlId":"exercise-error-boundaries-in-error-boundaries","name":"Exercise: Error Boundaries","visibleFrom":null,"icon":"code","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":200,"image":null,"shortDescription":"Practice your knowledge of Error Boundaries","timeLength":null,"contentLength":null},{"id":"bDnvyVX13fdejsrewi","due":null,"parentId":"A6ozK5xqL5NwL8Uxej","points":null,"sectionId":"efc912c436a3495e73884efe","urlId":"quiz-error-boundaries-in-error-boundaries","name":"Quiz: Error Boundaries","visibleFrom":null,"icon":"quiz","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":250,"image":null,"shortDescription":"Test your knowledge of Error Boundaries","timeLength":null,"contentLength":null},{"id":"v76eaxG3I9gqNs2Eph","due":null,"parentId":"FKOrudk","points":null,"sectionId":"da84034a29c703401976d60b","urlId":"context-in-advanced-react","name":"Context","visibleFrom":null,"icon":"lecture","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":10,"image":"https://skillpies.s3.ap-southeast-2.amazonaws.com/courses/full-stack-development-get-things-done/SkillPies%20Full%20Stack.webp","shortDescription":"Let's learn about the React Context, a convenient way of sharing common states or configurations.","timeLength":null,"contentLength":null},{"id":"P77JEAsZhZ5kogBlGN","due":null,"parentId":"v76eaxG3I9gqNs2Eph","points":null,"sectionId":"79e3e20490cb6f6654826302","urlId":"exercise-context-in-context","name":"Exercise: Context","visibleFrom":null,"icon":"code","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":200,"image":null,"shortDescription":"Apply your skills with Context API and create a themable API.","timeLength":null,"contentLength":null},{"id":"UaCq2lvHCWosA2QSYn","due":null,"parentId":"v76eaxG3I9gqNs2Eph","points":null,"sectionId":"efff8126fe4be39b3c90ac06","urlId":"quiz-context-in-context","name":"Quiz: Context","visibleFrom":null,"icon":"quiz","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":500,"image":null,"shortDescription":"Test your knowledge of the Context API","timeLength":null,"contentLength":null},{"id":"rq82FZefnPq65eTg3y","due":null,"parentId":"FKOrudk","points":null,"sectionId":"500a0dd0671463854104a476","urlId":"leaderboards-in-advanced-react","name":"Leaderboards","visibleFrom":null,"icon":"leaderboards","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":0,"image":null,"shortDescription":"Leaderboards for quizzes in the Advanced React section","timeLength":null,"contentLength":null},{"id":"Ipxc9qb","due":null,"parentId":"root","points":null,"sectionId":null,"urlId":"databases","name":"Databases","visibleFrom":null,"icon":null,"shortDescription":"","timeLength":0,"contentLength":0},{"id":"0TreGPF7ywOjAnxbac","due":null,"parentId":"Ipxc9qb","points":null,"sectionId":"236143577dab48ceb4fbec43","urlId":"fetching-data-in-databases","name":"Fetching Data","visibleFrom":null,"icon":"lecture","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":10,"image":null,"shortDescription":"Unlock the secrets to blazing-fast Next.js apps! This lesson covers data fetching & caching, from server-side rendering to client-side updates and TanStack Query. Reuse data, fetch in parallel, and secure sensitive info with the Taint API. Build high-performance, secure Next.js applications!","timeLength":null,"contentLength":null},{"id":"arMbOLo9cCOO2oNkDX","due":null,"parentId":"0TreGPF7ywOjAnxbac","points":null,"sectionId":"210c8b2b49aba439c0e2bca1","urlId":"quiz-fetching-data-in-fetching-data","name":"Quiz: Fetching Data","visibleFrom":null,"icon":"quiz","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":300,"image":null,"shortDescription":"Test your knowledge of data fetching","timeLength":null,"contentLength":null},{"id":"4nQHel3aCP4LnFO7PQ","due":null,"parentId":"Ipxc9qb","points":null,"sectionId":"9e5463f21df0be4de1245a95","urlId":"sql-vs-no-sql-databases-in-databases","name":"SQL vs No-SQL Databases","visibleFrom":null,"icon":"lecture","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":10,"image":null,"shortDescription":"Dive into SQL vs. NoSQL databases in our Full-Stack course! Learn when to use each with a blogging app example—filter posts by date or tag, and manage them as an admin. We’ll query both in TypeScript with Next.js, tackling real-world problems to see what fits best. Let’s build and explore!","timeLength":null,"contentLength":null},{"id":"lgeWnHvZohCybquvaI","due":null,"parentId":"4nQHel3aCP4LnFO7PQ","points":null,"sectionId":"a99695415b8c500952dd8a9a","urlId":"exercise-databases-in-sql-vs-no-sql-databases","name":"Exercise: Databases","visibleFrom":null,"icon":"externalProject","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":200,"image":null,"shortDescription":"Practice your skills in accessing data from databases using native drivers.","timeLength":null,"contentLength":null},{"id":"SvEH51oKdjSuwtFLXG","due":null,"parentId":"4nQHel3aCP4LnFO7PQ","points":null,"sectionId":"10dc0cfc5f031572d610a6bc","urlId":"quiz-sql-vs-nosql-databases-in-sql-vs-no-sql-databases","name":"Quiz: SQL vs NoSQL Databases","visibleFrom":null,"icon":"quiz","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":300,"image":null,"shortDescription":"Test your knowledge of SQL vs NoSQL","timeLength":null,"contentLength":null},{"id":"XhB7Tr8LVHxOrUKMfy","due":null,"parentId":"Ipxc9qb","points":null,"sectionId":"d5df1203a28b5c32cae358d3","urlId":"prisma-and-orm-in-databases","name":"Prisma and ORM","visibleFrom":null,"icon":"lecture","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":10,"image":null,"shortDescription":"Unlock the power of Prisma in our Full-Stack course! LEarn how to filter posts by tags or dates. Learn to set up Prisma, run queries, and simplify database work with TypeScript—making coding fun and fast!","timeLength":null,"contentLength":null},{"id":"vk06Dhz18JeKAXTqCD","due":null,"parentId":"XhB7Tr8LVHxOrUKMfy","points":null,"sectionId":"471d63cc9f53ed107f661c43","urlId":"exercise-prisma-and-orm-in-prisma-and-orm","name":"Exercise: Prisma and ORM","visibleFrom":null,"icon":"externalProject","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":200,"image":null,"shortDescription":"Test your skills of working with Prisma","timeLength":null,"contentLength":null},{"id":"BiEWFegjcLcuXK5OGd","due":null,"parentId":"XhB7Tr8LVHxOrUKMfy","points":null,"sectionId":"346186de13a3e1bae7910950","urlId":"quiz-prisma-and-orm-in-prisma-and-orm","name":"Quiz: Prisma and ORM","visibleFrom":null,"icon":"quiz","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":250,"image":null,"shortDescription":"Test your knowledge of Prisma and ORM","timeLength":null,"contentLength":null},{"id":"5QUbBR8Tjp29ZNPD3N","due":null,"parentId":"Ipxc9qb","points":null,"sectionId":"8ff77694e0265d14f875698c","urlId":"seeding-and-migrations-in-databases","name":"Seeding and Migrations","visibleFrom":null,"icon":"lecture","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":10,"image":null,"shortDescription":"Learn to manage your blog app’s database with Prisma.js! Seed data to populate posts and use migrations to evolve your schema. Explore migrate dev for structured updates and db push for quick syncs. Build a dynamic app with tags, dates, and more—master these tools to keep your data ready and robust!","timeLength":null,"contentLength":null},{"id":"JRysxoptYtmvOp2FAk","due":null,"parentId":"5QUbBR8Tjp29ZNPD3N","points":null,"sectionId":"15ff6bf7179c94017d186018","urlId":"exercise-seeding-and-migrations-in-seeding-and-migrations","name":"Exercise: Seeding and Migrations","visibleFrom":null,"icon":"lecture","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":10,"image":null,"shortDescription":"","timeLength":null,"contentLength":null},{"id":"4IyFqBMcdUtUIc7ibg","due":null,"parentId":"5QUbBR8Tjp29ZNPD3N","points":null,"sectionId":"7f5016981db575f6f564ac4b","urlId":"quiz-seeding-and-migrations-in-seeding-and-migrations","name":"Quiz: Seeding and Migrations","visibleFrom":null,"icon":"quiz","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":200,"image":null,"shortDescription":"Test your knowledge of seeding and migration","timeLength":null,"contentLength":null},{"id":"ALzZ3sMCWrIWaoA6Jh","due":null,"parentId":"Ipxc9qb","points":null,"sectionId":"5bfaa9123dee26d0bca58cb3","urlId":"search-and-pagination-in-databases","name":"Search and Pagination","visibleFrom":null,"icon":"externalProject","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":200,"image":null,"shortDescription":"Follow the lecture text to implement paging, search and infinite scroll in your posts.","timeLength":null,"contentLength":null},{"id":"5u9HIlgCVPiFAkxbh3","due":null,"parentId":"Ipxc9qb","points":null,"sectionId":"5faa6437be3724ce5ed3156d","urlId":"server-actions-in-databases","name":"Server Actions","visibleFrom":null,"icon":"lecture","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":10,"image":null,"shortDescription":"Learn how to save your data on the server or from the client","timeLength":null,"contentLength":null},{"id":"QgoPyK5JBjyGfIdgqa","due":null,"parentId":"Ipxc9qb","points":null,"sectionId":"e70b401625829efed5fbf3e1","urlId":"client-side-mutations-in-databases","name":"Client-Side Mutations ","visibleFrom":null,"icon":"lecture","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":10,"image":null,"shortDescription":"Check how you can call server mutations from client using @tanstack/query","timeLength":null,"contentLength":null},{"id":"dN2qlslxff3AlhC4J0","due":null,"parentId":"Ipxc9qb","points":null,"sectionId":"1252015e91658db0f24ab346","urlId":"validations-and-error-handling-in-databases","name":"Validations and Error Handling","visibleFrom":null,"icon":"lecture","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":10,"image":null,"shortDescription":"Learn how to validate your data in APIs and server functions and correctly send and handle errors client side","timeLength":null,"contentLength":null},{"id":"0HzxZDl9dUJ1k3yWHZ","due":null,"parentId":"Ipxc9qb","points":null,"sectionId":"ad96c4d0f3638c96a5853730","urlId":"assignment-2-2-blog-admin-in-databases","name":"Assignment 2.2: Blog - Admin","visibleFrom":null,"icon":"githubClassroom","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":200,"image":null,"shortDescription":"Create frontend for the admin side","timeLength":null,"contentLength":null},{"id":"Lk6KiGg","due":null,"parentId":"root","points":null,"sectionId":null,"urlId":"react-hooks","name":"React Hooks","visibleFrom":null,"icon":null,"shortDescription":"","timeLength":0,"contentLength":0},{"id":"KplTe7z5dP7TzGbnRq","due":null,"parentId":"Lk6KiGg","points":null,"sectionId":"bf85468b7cffd9cd8263c179","urlId":"forwardref-in-react-hooks","name":"forwardRef","visibleFrom":null,"icon":"lecture","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":10,"image":"https://skillpies.s3.ap-southeast-2.amazonaws.com/courses/full-stack-development-get-things-done/SkillPies%20Full%20Stack.webp","shortDescription":"Learn how to use forwardRef or ref to access html elements in your child component! ","timeLength":null,"contentLength":null},{"id":"LNpMoL5nz2Ujf1xB9E","due":null,"parentId":"Lk6KiGg","points":null,"sectionId":"3197c7f4c782dde3f8c74b9e","urlId":"useimperativehandle-in-react-hooks","name":"useImperativeHandle","visibleFrom":null,"icon":"lecture","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":10,"image":"https://skillpies.s3.ap-southeast-2.amazonaws.com/courses/full-stack-development-get-things-done/SkillPies%20Full%20Stack.webp","shortDescription":"Use this hook to boost developer experience for your application ","timeLength":null,"contentLength":null},{"id":"0trl6VOnBzcaqYUhKi","due":null,"parentId":"LNpMoL5nz2Ujf1xB9E","points":null,"sectionId":"5e485d60143dc2bf87adcce3","urlId":"quiz-useimperativehandle-in-useimperativehandle","name":"Quiz: useImperativeHandle","visibleFrom":null,"icon":"quiz","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":350,"image":null,"shortDescription":"Test your knowledge of useImperativeHandle hook","timeLength":null,"contentLength":null},{"id":"mVcbXXU8Gu57VQP9fF","due":null,"parentId":"LNpMoL5nz2Ujf1xB9E","points":null,"sectionId":"4fe81a9d908cf8d55c66a778","urlId":"exercise-useimperativehandle-in-useimperativehandle","name":"Exercise: useImperativeHandle","visibleFrom":null,"icon":"code","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":200,"image":"https://skillpies.s3.ap-southeast-2.amazonaws.com/courses/full-stack-development-get-things-done/SkillPies%20Full%20Stack.webp","shortDescription":"Test your skills in creating a custom dropdown component and using useImperativeHandle","timeLength":null,"contentLength":null},{"id":"CCeHDesRfSterA45vr","due":null,"parentId":"Lk6KiGg","points":null,"sectionId":"c51eb1d6291c59b8887b8880","urlId":"usecallback-in-react-hooks","name":"useCallback","visibleFrom":null,"icon":"lecture","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":10,"image":"https://skillpies.s3.ap-southeast-2.amazonaws.com/courses/full-stack-development-get-things-done/SkillPies%20Full%20Stack.webp","shortDescription":"Learn about further optimisations with using useCallback","timeLength":null,"contentLength":null},{"id":"a6qkDMdSu3uTiXotaT","due":null,"parentId":"CCeHDesRfSterA45vr","points":null,"sectionId":"0ebd7a80413d578d8817ba8f","urlId":"quiz-usecallback-in-usecallback","name":"Quiz: useCallback","visibleFrom":null,"icon":"quiz","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":500,"image":null,"shortDescription":"Test your knowledge of useCallback","timeLength":null,"contentLength":null},{"id":"ibFHj4yGnkN5F54gcS","due":null,"parentId":"Lk6KiGg","points":null,"sectionId":"bc0cc1c099830118ba4f4f22","urlId":"useid-in-react-hooks","name":"useId","visibleFrom":null,"icon":"lecture","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":10,"image":"https://skillpies.s3.ap-southeast-2.amazonaws.com/courses/full-stack-development-get-things-done/SkillPies%20Full%20Stack.webp","shortDescription":"Learn how to correctly handle ids in Forms with useId","timeLength":null,"contentLength":null},{"id":"yIDgKjsV5Sl6dRYEDK","due":null,"parentId":"Lk6KiGg","points":null,"sectionId":"2b72c1aee49a9672345f42b9","urlId":"usereducer-in-react-hooks","name":"useReducer","visibleFrom":null,"icon":"lecture","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":10,"image":"https://skillpies.s3.ap-southeast-2.amazonaws.com/courses/full-stack-development-get-things-done/SkillPies%20Full%20Stack.webp","shortDescription":"Learn a different way of managing complex states using the useReducer","timeLength":null,"contentLength":null},{"id":"ibtkgkIZLx460q0002","due":null,"parentId":"yIDgKjsV5Sl6dRYEDK","points":null,"sectionId":"3ab067e2a66451c0e38ad4a5","urlId":"quiz-usereducer-in-usereducer","name":"Quiz: useReducer","visibleFrom":null,"icon":"quiz","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":300,"image":null,"shortDescription":"Test your knowledge of useReducer","timeLength":null,"contentLength":null},{"id":"2SaCBm90m7FIDWmEwZ","due":null,"parentId":"Lk6KiGg","points":null,"sectionId":"d4d398fed65e1455a08fce93","urlId":"usetransition-in-react-hooks","name":"useTransition","visibleFrom":null,"icon":"lecture","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":10,"image":null,"shortDescription":"Optimise your UI with useTransition, when user interactions take preference to expensive computations. ","timeLength":null,"contentLength":null},{"id":"nwZ1l5cceX2vAe3HWn","due":null,"parentId":"Lk6KiGg","points":null,"sectionId":"e3b58ab7d8552ce8004cd1b0","urlId":"usedeferredvalue-in-react-hooks","name":"useDeferredValue","visibleFrom":null,"icon":"lecture","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":10,"image":null,"shortDescription":"Furthe optimise performance of your application with useDeferredValue","timeLength":null,"contentLength":null},{"id":"4WoVaSf4n2GKi5p4b5","due":null,"parentId":"nwZ1l5cceX2vAe3HWn","points":null,"sectionId":"4ad4d9bb37db70e3c5302d0b","urlId":"quiz-usetransition-vs-usedeferredvalue-in-usedeferredvalue","name":"Quiz: useTransition vs useDeferredValue","visibleFrom":null,"icon":"quiz","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":400,"image":null,"shortDescription":"Test your knowledge of useTransition and seDeferredValue","timeLength":null,"contentLength":null},{"id":"pnvlFqu","due":null,"parentId":"root","points":null,"sectionId":null,"urlId":"authentication-and-authorisation","name":"Authentication and Authorisation","visibleFrom":null,"icon":null,"shortDescription":"","timeLength":0,"contentLength":0},{"id":"LU5GOWKLbcWtW6gR0j","due":null,"parentId":"pnvlFqu","points":null,"sectionId":"efaa26eed4c8eaa4e6814637","urlId":"cookies-in-authentication-and-authorisation","name":"Cookies","visibleFrom":null,"icon":"lecture","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":10,"image":null,"shortDescription":"Dive into cookies—key to web memory! Learn how they track users and secure logins in our Blog app, using Next.js and client-side tricks.","timeLength":null,"contentLength":null},{"id":"CMHLZOmhapl0VmhThB","due":null,"parentId":"LU5GOWKLbcWtW6gR0j","points":null,"sectionId":"55d1a21c217306c190e9ee72","urlId":"quiz-cookies-in-cookies","name":"Quiz: Cookies","visibleFrom":null,"icon":"quiz","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":300,"image":null,"shortDescription":"Test your knowledge of cookies","timeLength":null,"contentLength":null},{"id":"rCbBu1Zq9dyLxCheR8","due":null,"parentId":"pnvlFqu","points":null,"sectionId":"0fa164deb6e7598c4bc7a46e","urlId":"storage-in-authentication-and-authorisation","name":"Storage","visibleFrom":null,"icon":"lecture","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":10,"image":null,"shortDescription":"Explore web storage beyond cookies! Compare local storage, session storage, and IndexedDB in our Blog app—save prefs, drafts, and more. Weigh pros like size and cons like security, and see how they stack up to cookies for a smarter, user-friendly app!","timeLength":null,"contentLength":null},{"id":"dpMS8tHVCPytAm9fe0","due":null,"parentId":"rCbBu1Zq9dyLxCheR8","points":null,"sectionId":"bad50f63c3c3ab55da5e5313","urlId":"quiz-storage-in-storage","name":"Quiz: Storage","visibleFrom":null,"icon":"quiz","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":300,"image":null,"shortDescription":"Test your knowledge of storage approaches in client web applications.","timeLength":null,"contentLength":null},{"id":"zCZ98XNvOB1ZjlNZDs","due":null,"parentId":"pnvlFqu","points":null,"sectionId":"1b461a454c26d274bec97af5","urlId":"authentication-approaches-in-authentication-and-authorisation","name":"Authentication Approaches","visibleFrom":null,"icon":"lecture","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":10,"image":null,"shortDescription":"Learn about different approaches to authentication, from cookie-based, db-authentication, JWT tokes or enterprise-grade SAML or OAUTH cycles.","timeLength":null,"contentLength":null},{"id":"k9Gj6Odk0vtZoMRWrs","due":null,"parentId":"zCZ98XNvOB1ZjlNZDs","points":null,"sectionId":"95622495ef298d006ef766b3","urlId":"exercise-cookies-and-storage-in-authentication-approaches","name":"Exercise: Cookies and Storage","visibleFrom":null,"icon":"externalProject","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":200,"image":null,"shortDescription":"Practice your knowledge of cookies and storage","timeLength":null,"contentLength":null},{"id":"FW6NyGHNKkvM7w1r1k","due":null,"parentId":"zCZ98XNvOB1ZjlNZDs","points":null,"sectionId":"065d480d29f4a45e2c2251e1","urlId":"github-authentication-in-authentication-approaches","name":"Github Authentication","visibleFrom":null,"icon":"lecture","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":10,"image":null,"shortDescription":"Learn how to set-up Github Authentication with Next Auth package. ","timeLength":null,"contentLength":null},{"id":"tp6RVdHeSVEGkqYGlP","due":null,"parentId":"zCZ98XNvOB1ZjlNZDs","points":null,"sectionId":"b25fc53fbd9006d98d498d27","urlId":"google-authentication-in-authentication-approaches","name":"Google Authentication","visibleFrom":null,"icon":"lecture","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":10,"image":null,"shortDescription":"Learn how to set up Google authentication","timeLength":null,"contentLength":null},{"id":"9tlZ39y22esCeSs1YV","due":null,"parentId":"zCZ98XNvOB1ZjlNZDs","points":null,"sectionId":"61bb566f2fb06d68db62d3bf","urlId":"exercise-social-logins-in-authentication-approaches","name":"Exercise: Social Logins","visibleFrom":null,"icon":"externalProject","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":200,"image":null,"shortDescription":"Leran how to set up your assignment,","timeLength":null,"contentLength":null},{"id":"ksczBZJ4Fwzbv7SF5f","due":null,"parentId":"zCZ98XNvOB1ZjlNZDs","points":null,"sectionId":"fa3a117dad4ae726eef73b93","urlId":"quiz-authentication-in-authentication-approaches","name":"Quiz: Authentication","visibleFrom":null,"icon":"quiz","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":500,"image":null,"shortDescription":"Test your knowledge of authentication","timeLength":null,"contentLength":null},{"id":"fIn6e6ULbreD0Rj44z","due":null,"parentId":"pnvlFqu","points":null,"sectionId":"10db7d83cdca70010fcc575b","urlId":"assignment-2-3-blog-backend-in-authentication-and-authorisation","name":"Assignment 2.3: Blog - Backend","visibleFrom":null,"icon":"githubClassroom","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":200,"image":null,"shortDescription":"Create a backend for your Blog management system","timeLength":null,"contentLength":null},{"id":"05PnYgF","due":null,"parentId":"root","points":null,"sectionId":null,"urlId":"apis","name":"APIs","visibleFrom":null,"icon":null,"shortDescription":"","timeLength":0,"contentLength":0},{"id":"3r1mE","due":null,"parentId":"05PnYgF","points":null,"sectionId":"b7ea76d291b4f813a3628dde","urlId":"apis-in-apis","name":"APIs","visibleFrom":null,"icon":"lecture","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":10,"image":null,"shortDescription":"Learn what APIs are and how to use them to create robust and scalable architectures.","timeLength":null,"contentLength":null},{"id":"Q3rumveQK7yUGEztDm","due":null,"parentId":"3r1mE","points":null,"sectionId":"5a74a3a18516d370966d7d88","urlId":"quiz-apis-in-apis","name":"Quiz: APIs","visibleFrom":null,"icon":"quiz","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":250,"image":null,"shortDescription":"Test your knowledge of APIs","timeLength":null,"contentLength":null},{"id":"xAc6mqoMEDbfT43HbC","due":null,"parentId":"05PnYgF","points":null,"sectionId":"d992cd55b1bb6dbd3c37d1c3","urlId":"rest-apis-in-apis","name":"Rest APIs","visibleFrom":null,"icon":"lecture","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":10,"image":null,"shortDescription":"Learn about the most popular API protocol REST. Many other protocols are built on top of this technology.","timeLength":null,"contentLength":null},{"id":"wpDBg4BuIL8ojI1tnp","due":null,"parentId":"xAc6mqoMEDbfT43HbC","points":null,"sectionId":"d694edef0347a50243f9df5b","urlId":"rest-apis-express-js-in-rest-apis","name":"Rest APIs - Express.js","visibleFrom":null,"icon":"externalProject","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":200,"image":null,"shortDescription":"Practice creation of APIs with Express.js.","timeLength":null,"contentLength":null},{"id":"djrFRrvtKr0JIrzL68","due":null,"parentId":"xAc6mqoMEDbfT43HbC","points":null,"sectionId":"efc667ba697c38184e09b9e6","urlId":"rest-apis-next-js-in-rest-apis","name":"Rest APIs - Next.js","visibleFrom":null,"icon":"externalProject","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":200,"image":null,"shortDescription":"Learn how you can create APIs in Next.js ","timeLength":null,"contentLength":null},{"id":"ZVIZl0XlCtRhff9sZF","due":null,"parentId":"xAc6mqoMEDbfT43HbC","points":null,"sectionId":"8a447ab3dc4af4b94252d285","urlId":"quiz-rest-apis-in-rest-apis","name":"Quiz: REST APIs","visibleFrom":null,"icon":"quiz","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":500,"image":null,"shortDescription":"Test your knowledge of REST APIs","timeLength":null,"contentLength":null},{"id":"Zh0r0eRKf3KckCZvcg","due":null,"parentId":"05PnYgF","points":null,"sectionId":"73f0663c8b1025a7010d4aaa","urlId":"trpc-in-apis","name":"tRPC","visibleFrom":null,"icon":"lecture","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":10,"image":null,"shortDescription":"Let's explore another alternative to creating API's, specifically crafted for your NextJS or React apps.","timeLength":null,"contentLength":null},{"id":"I5CjtoaFu4ZgnLe6qb","due":null,"parentId":"Zh0r0eRKf3KckCZvcg","points":null,"sectionId":"836c65b2c1c8d62030be410b","urlId":"exercise-trpc-in-trpc","name":"Exercise: tRPC","visibleFrom":null,"icon":"externalProject","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":200,"image":null,"shortDescription":"Practice your knowledge of tRPC","timeLength":null,"contentLength":null},{"id":"JbSG4CXjBwQgdzi9gZ","due":null,"parentId":"05PnYgF","points":null,"sectionId":"723d20be1ed7286ae2dd0e32","urlId":"securing-apis-in-apis","name":"Securing APIs","visibleFrom":null,"icon":"lecture","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":10,"image":null,"shortDescription":"Learn about general approaches to securing APIs ","timeLength":null,"contentLength":null},{"id":"x1j0FEYMKyv3tztyer","due":null,"parentId":"JbSG4CXjBwQgdzi9gZ","points":null,"sectionId":"04c4f05b32aa8127a8c7dd62","urlId":"securing-apis-nextauth-in-securing-apis","name":"Securing APIs: NextAuth","visibleFrom":null,"icon":"externalProject","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":200,"image":null,"shortDescription":"Practice ways of securing you NextJS API endpoints with NextAuth (AuthJS).","timeLength":null,"contentLength":null},{"id":"5lhQWxY","due":null,"parentId":"root","points":null,"sectionId":null,"urlId":"ci-cd-and-devops","name":"CI/CD and DevOps","visibleFrom":null,"icon":null,"shortDescription":"","timeLength":0,"contentLength":0},{"id":"DODoICFHMm8WerUbjd","due":null,"parentId":"5lhQWxY","points":null,"sectionId":"990074e59ececf2a01a10275","urlId":"continuous-integration-ci-in-ci-cd-and-devops","name":"Continuous Integration (CI)","visibleFrom":null,"icon":"lecture","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":10,"image":null,"shortDescription":"Ever wondered how apps like Medium catch bugs before they crash? Join us for an exciting dive into CI/CD! In this lecture, we’ll automate testing with GitHub Actions and see why teamwork needs a safety net. Get ready to code smarter, not harder—let’s make mistakes a thing of the past!","timeLength":null,"contentLength":null},{"id":"cKJ35BA5V60ZLJh0UH","due":null,"parentId":"DODoICFHMm8WerUbjd","points":null,"sectionId":"290d60e88ea6fd9620f442b9","urlId":"quiz-continuous-integration-in-continuous-integration-ci","name":"Quiz: Continuous Integration","visibleFrom":null,"icon":"quiz","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":300,"image":null,"shortDescription":"Test your knowledge of CI","timeLength":null,"contentLength":null},{"id":"yxHRNTYENMm7MLNIo8","due":null,"parentId":"5lhQWxY","points":null,"sectionId":"ae930785003e1a8d2318961c","urlId":"continuous-deployment-cd-in-ci-cd-and-devops","name":"Continuous Deployment (CD)","visibleFrom":null,"icon":"lecture","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":10,"image":null,"shortDescription":"You’ve built an awesome blogging app, but deploying new features feels like a chore. What if every code push went live instantly, safely? Welcome to Continuous Deployment! In this lecture, we’ll make our app shine with auto-deploys, previews, and more—let’s get your code to the world, fast!","timeLength":null,"contentLength":null},{"id":"1ptUHRUxGy3VltDtQV","due":null,"parentId":"yxHRNTYENMm7MLNIo8","points":null,"sectionId":"e634ef190d11796065236ae6","urlId":"quiz-continuous-deployment-in-continuous-deployment-cd","name":"Quiz: Continuous Deployment","visibleFrom":null,"icon":"quiz","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":300,"image":null,"shortDescription":"Test your knowledge of CD.","timeLength":null,"contentLength":null},{"id":"4vdxctkPDu5qQP6HaM","due":null,"parentId":"5lhQWxY","points":null,"sectionId":"7c58afd05792210f6430c119","urlId":"server-less-architectures-in-ci-cd-and-devops","name":"Server-less Architectures","visibleFrom":null,"icon":"lecture","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":10,"image":null,"shortDescription":"Imagine your blogging app goes viral—thousands of users flood in! Deployment makes it happen, and serverless is the key: no server hassle, auto-scaling magic. But is it flawless? Join us to explore Lambda and edge functions, uncover pitfalls, and deploy our app like pros! Ready to launch?","timeLength":null,"contentLength":null},{"id":"MrbOwnV24GO9b5vVIG","due":null,"parentId":"4vdxctkPDu5qQP6HaM","points":null,"sectionId":"60c0f673f1f11a8669223c2e","urlId":"quiz-server-less-architectures-in-server-less-architectures","name":"Quiz: Server-less Architectures","visibleFrom":null,"icon":"quiz","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":300,"image":null,"shortDescription":"Test your knowledge of serverless architectures","timeLength":null,"contentLength":null},{"id":"imE2BQTTohEyBzg8Wv","due":null,"parentId":"5lhQWxY","points":null,"sectionId":"e7dcfe5ad3843d67b3eb5d02","urlId":"exercise-ci-cd-in-ci-cd-and-devops","name":"Exercise: CI/CD","visibleFrom":null,"icon":"externalProject","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":200,"image":null,"shortDescription":"Practice your knowledge of CI/CD pipelines! ","timeLength":null,"contentLength":null},{"id":"BbwwOQezdEfJkTlYM8","due":null,"parentId":"5lhQWxY","points":null,"sectionId":"f39347a35960e0bdc849f485","urlId":"major-assignment-in-ci-cd-and-devops","name":"Major Assignment","visibleFrom":null,"icon":"externalProject","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":200,"image":null,"shortDescription":"Part one of the major assignment","timeLength":null,"contentLength":null},{"id":"xMMFIhI","due":null,"parentId":"root","points":null,"sectionId":null,"urlId":"testing-react","name":"Testing React","visibleFrom":null,"icon":null,"shortDescription":"","timeLength":0,"contentLength":0},{"id":"3lnRihXoLXOoBnB9Fp","due":null,"parentId":"xMMFIhI","points":null,"sectionId":"8ffd0c928c553c11d6172336","urlId":"introduction-to-testing-in-testing-react","name":"Introduction to Testing","visibleFrom":null,"icon":"lecture","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":10,"image":null,"shortDescription":"Get ready to master testing! We’ll explore unit, integration, and E2E tests using Next.js, TypeScript, and React in our blogging app. Learn what to test, when, and how it fits CI/CD. With Vitest, Playwright, and React Testing Library, we’ll ensure our app shines—bug-free and user-ready!","timeLength":null,"contentLength":null},{"id":"QYMvgVBvHoiqYcjes6","due":null,"parentId":"3lnRihXoLXOoBnB9Fp","points":null,"sectionId":"1f168fb45169c1658bdd16db","urlId":"quiz-testing-approaches-in-introduction-to-testing","name":"Quiz: Testing Approaches","visibleFrom":null,"icon":"quiz","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":400,"image":null,"shortDescription":"Test your knowledge of testing","timeLength":null,"contentLength":null},{"id":"zsgwjDMBVVtX90WI6B","due":null,"parentId":"xMMFIhI","points":null,"sectionId":"3f5e0f0ef3506a293f703c4d","urlId":"component-testing-with-react-testing-library-in-testing-react","name":"Component Testing with React Testing Library","visibleFrom":null,"icon":"lecture","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":10,"image":null,"shortDescription":"Get ready to supercharge your testing skills! In our blogging app, we’ll master component & integration testing with Vitest & React Testing Library. Dive into React 19’s async components, learn spying & mocking, and set it all up in Next.js. Let’s make our app bulletproof—bugs beware!","timeLength":null,"contentLength":null},{"id":"0HvLKZxfinmQpKBm7w","due":null,"parentId":"xMMFIhI","points":null,"sectionId":"c7c8fa8511be253d2a2408de","urlId":"spying-and-mocking-in-testing-react","name":"Spying and Mocking","visibleFrom":null,"icon":"lecture","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":10,"image":null,"shortDescription":"Get ready to master spying and mocking with Vitest! In our blogging app, spies will catch every function call, while mocks fake databases for lightning-fast tests. Say goodbye to flaky dependencies and hello to reliable code—let’s dive into testing like pros!","timeLength":null,"contentLength":null},{"id":"4tNvT5evGIeOxT2rJt","due":null,"parentId":"xMMFIhI","points":null,"sectionId":"69f442635457d3b2dcae65a6","urlId":"component-testing-with-playwright-in-testing-react","name":"Component Testing with Playwright","visibleFrom":null,"icon":"lecture","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":10,"image":null,"shortDescription":"","timeLength":null,"contentLength":null},{"id":"0HA6QJTaeofLfECxW1","due":null,"parentId":"xMMFIhI","points":null,"sectionId":"15fbafef6dd66c40914eb67a","urlId":"end-to-end-testing-with-playwright-in-testing-react","name":"End to End testing with Playwright","visibleFrom":null,"icon":"lecture","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":10,"image":null,"shortDescription":"Picture launching your blogging app, only to find broken filters or a faulty admin login. Frustrating, right? End-to-End testing with Playwright saves the day, ensuring every click works perfectly. Let’s dive in and learn how to make your app flawless for users and admins alike!","timeLength":null,"contentLength":null},{"id":"M3PJDMMXiSy6dabDxi","due":null,"parentId":"xMMFIhI","points":null,"sectionId":"3f9c6c671acda70982d25bc1","urlId":"exercise-testing-in-testing-react","name":"Exercise: Testing","visibleFrom":null,"icon":"externalProject","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":200,"image":null,"shortDescription":"Practice your knowledge of testing","timeLength":null,"contentLength":null},{"id":"Y8zs534","due":null,"parentId":"root","points":null,"sectionId":null,"urlId":"advanced-topics","name":"Advanced Topics","visibleFrom":null,"icon":null,"shortDescription":"","timeLength":0,"contentLength":0},{"id":"hNjY6khEMlXB7pv2Fh","due":null,"parentId":"Y8zs534","points":null,"sectionId":"04184321e0be45462c841476","urlId":"seo-in-advanced-topics","name":"SEO","visibleFrom":null,"icon":"lecture","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":10,"image":null,"shortDescription":"Want your blog app to top Google searches? SEO is the key! In this lecture, we’ll use Next.js’s App Router to optimise our blogging app’s posts and filtered routes. Learn metadata, headers, and more to boost rankings—let’s make “Next.js Tips” a search star!","timeLength":null,"contentLength":null},{"id":"Xuftk7ZuKMOLngr2ZA","due":null,"parentId":"Y8zs534","points":null,"sectionId":"56c9c1bbd95136092ab7afec","urlId":"security-in-advanced-topics","name":"Security","visibleFrom":null,"icon":"lecture","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":10,"image":null,"shortDescription":"Imagine your blogging app thriving—until a hacker slips in, stealing data via XSS or CSRF. Don’t panic! We’ll lock it down with NextJS tools, squash threats, and test like pros. Let’s make your app a fortress, keeping users safe and trust intact! ","timeLength":null,"contentLength":null},{"id":"DGnzKhtFKCOnYe6SG1","due":null,"parentId":"Y8zs534","points":null,"sectionId":"00befcefbafe7c894393ec4f","urlId":"monitoring-and-logging-in-advanced-topics","name":"Monitoring and Logging","visibleFrom":null,"icon":"lecture","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":10,"image":null,"shortDescription":"Imagine your blogging app crashes when a post goes viral! Monitoring and logging are your lifeline, ensuring uptime, speed, and quick fixes. Join us to explore how these tools keep your app running smoothly, using real-world examples to make your full-stack app reliable and user-friendly!","timeLength":null,"contentLength":null},{"id":"tCs93XNqpFZVMRY3zh","due":null,"parentId":"Y8zs534","points":null,"sectionId":"93c84cf00c68fbff5ef8b32f","urlId":"real-time-apps-in-advanced-topics","name":"Real-Time Apps","visibleFrom":null,"icon":"lecture","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":10,"image":null,"shortDescription":"Imagine planning a study session in a group chat, but messages lag. Frustrating, right? Real-time apps like WhatsApp solve this with instant updates. In this lecture, we’ll build a chat app using Next.js and explore WebSockets, SSE, and push notifications. Let’s make apps feel alive and responsive!","timeLength":null,"contentLength":null},{"id":"bfEXCr2WgiubhPpc26","due":null,"parentId":"Y8zs534","points":null,"sectionId":"a3f33cde8a105d806b8fcf28","urlId":"code-splitting-in-advanced-topics","name":"Code Splitting","visibleFrom":null,"icon":"lecture","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":10,"image":null,"shortDescription":"Boost your blogging app’s speed with code splitting and tree shaking! Split JS into chunks for faster loads and trim unused code to shrink bundles. Learn dynamic imports, React.lazy, and ES modules with real examples. Debunk myths, optimize like a pro, and make your app lightning-fast!","timeLength":null,"contentLength":null},{"id":"pjIDTYuc5sJ2TUGvmE","due":null,"parentId":"Y8zs534","points":null,"sectionId":"cb97f4700752d39cda44cfa0","urlId":"accessibility-in-advanced-topics","name":"Accessibility","visibleFrom":null,"icon":"lecture","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":10,"image":null,"shortDescription":"Everyone should be able to read your blog, even Sarah, who relies on a screen reader, or John, navigating by keyboard. Web accessibility ensures inclusivity, meets legal standards, and boosts user experience. Let’s debunk myths and build an accessible app together!","timeLength":null,"contentLength":null},{"id":"COeemp89pSXRaHPj6Q","due":null,"parentId":"Y8zs534","points":null,"sectionId":"74353961ab7c0a7adf252838","urlId":"ignore-in-advanced-topics","name":"Ignore","visibleFrom":null,"icon":"discussion","permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"xp":200,"image":null,"shortDescription":"Please ignore","timeLength":null,"contentLength":null}],"startDate":null,"totalExercises":null,"code":"COMP3036","createdById":"8386af7b18f027fd79f34a95","description":"$32","image":"https://skillpies.s3.ap-southeast-2.amazonaws.com/courses/full-stack-development-get-things-done/SkillPies%20Full%20Stack.webp","name":"Full Stack Development","originId":"5515966a024188d79d821da7","period":"2026","shortDescription":"Full Stack Development with Node.JS, Next.JS, Playwright, Vitest, Github Actions and Vercel","type":"Course","updatedAt":"2026-04-17T02:17:42.672Z","urlId":"full-stack-development-comp3036-2026","xp":19800,"id":"f5c0c8dff9b64b9c09f92a30","tutors":[],"collaboratorCount":1},"title":"$undefined","section":{"attachments":[{"size":22732,"url":"https://skillpies.s3.ap-southeast-2.amazonaws.com/courses/full-stack-development/sections/react-and-reactdom-exercise-in-setup/Screenshot%202025-01-24%20at%2012.57.54.png"},{"size":20146,"url":"https://skillpies.s3.ap-southeast-2.amazonaws.com/courses/full-stack-development/sections/react-and-reactdom-exercise-in-setup/Screenshot%202025-01-24%20at%2012.57.05.png"}],"collaborators":[{"id":"8386af7b18f027fd79f34a95","firstAccess":"$D2026-01-30T10:23:46.207Z","lastAccess":"$D2026-01-30T10:23:46.207Z","count":0,"name":"Kieran Luken","urlId":"kieran-luken","avatar":null}],"config":[{"type":"provider","value":"","data":null}],"content":[{"id":"ntuMnqPjsDZGtt2OnE-code","type":"CodeExample","config":{"exercise":{"files":[{"id":"bd5h2_copy","name":"index.tsx","source":"import { React, ReactDOM } from 'utils';\n\n// React code to modify elements\nconst App = () => {\n\n return (\n

\n Hello World!\n

\n );\n};\n\n// Render the App component into the root element\nconst root = ReactDOM.createRoot(document.getElementById(\"root\"));\nroot.render();","type":"userCode"},{"id":"x9TEq","name":"index.test.tsx","source":"import * as dom from 'dom-testing';\nimport { describe, it, assert } from 'skillpies-testing';// Example \ndescribe (\"UI Tests\", function() {\n it (\"Text Exists\", async function() {\n assert.exists(await dom.findByText(\"Hola Mundo!\"));\n })\n})","type":"test"},{"id":"index-html","name":"index.html","source":"\n\n \n React Preview\n \n \n

\n \n","type":"userCode"}],"metrics":[],"launchConfigurations":[{"id":"launch-1","arguments":"","file":"index.html","language":"html","name":"Main","target":"web"}],"saveSolution":true,"tabbedEditor":{"visibleTabs":[]}},"ranking":"NotRanked","xp":200,"points":null,"rubricId":null},"style":{"extendable":false,"title":"Code Example","subTitle":"Interactive coding exercise.","icon":"code","css":"{}","extended":true}}],"permissions":{"groups":[],"organisation":"5b70e9bab5cedf2d1a397e8d","organisationAccess":1,"otherAccess":1,"owner":"8386af7b18f027fd79f34a95"},"points":null,"style":null,"tags":[],"layout":null,"contentLength":0,"createdById":"0f00b4d96a78523c78a76dc6","icon":"code","image":"","name":"React and ReactDOM: Exercise","shortDescription":"Test your skills of React and ReactDOM.","timeLength":0,"updatedAt":"$D2026-01-30T10:23:46.207Z","xp":200,"id":"179ac04a287428e44474c351","collaboratorCount":1},"showTitle":true,"sectionId":"179ac04a287428e44474c351"}],"$L33"]}],"$L34"]}] 35:I[34076,["/_next/static/chunks/36qxzxqa5l58j.js","/_next/static/chunks/3g0m7ynjabzbw.js","/_next/static/chunks/03khp-vggv-_s.js","/_next/static/chunks/3lyh5rvs0uhro.js","/_next/static/chunks/0s52zuta15_br.js","/_next/static/chunks/23rfsfiu-r90s.js","/_next/static/chunks/3qg69y33t7a70.js","/_next/static/chunks/43e6jmkkfp452.js","/_next/static/chunks/0_k6_dx493tu9.js","/_next/static/chunks/01yiyvo261wa_.js","/_next/static/chunks/0zx39o6usgwb5.js","/_next/static/chunks/3n_3d_0ujp0e_.js","/_next/static/chunks/41l0fgfu6-ht9.js","/_next/static/chunks/17gz79gguhtq-.js","/_next/static/chunks/2djqnn9u4hgb4.js","/_next/static/chunks/1sha7vxpehqos.js","/_next/static/chunks/2guptxgsmoc9y.js","/_next/static/chunks/161rf6c7c88o6.js","/_next/static/chunks/1csnml6fpz19_.js","/_next/static/chunks/2jogl76rqm1qk.js","/_next/static/chunks/1jp5x35e3-o_s.js","/_next/static/chunks/1fqur8li1zfux.js","/_next/static/chunks/0tu-86isf3hqz.js","/_next/static/chunks/3zk3bb69dmxey.js","/_next/static/chunks/37--yq2546pd_.js","/_next/static/chunks/0mi4wq45zqz33.js","/_next/static/chunks/0szdqsrjq2naf.js","/_next/static/chunks/0mpghn_06ek7w.js","/_next/static/chunks/1i-dvne9n01v6.js"],"FormUndoProvider"] 36:I[650688,["/_next/static/chunks/36qxzxqa5l58j.js","/_next/static/chunks/3g0m7ynjabzbw.js","/_next/static/chunks/03khp-vggv-_s.js","/_next/static/chunks/3lyh5rvs0uhro.js","/_next/static/chunks/0s52zuta15_br.js","/_next/static/chunks/23rfsfiu-r90s.js","/_next/static/chunks/3qg69y33t7a70.js","/_next/static/chunks/43e6jmkkfp452.js","/_next/static/chunks/0_k6_dx493tu9.js","/_next/static/chunks/01yiyvo261wa_.js","/_next/static/chunks/0zx39o6usgwb5.js","/_next/static/chunks/3n_3d_0ujp0e_.js","/_next/static/chunks/41l0fgfu6-ht9.js","/_next/static/chunks/17gz79gguhtq-.js","/_next/static/chunks/2djqnn9u4hgb4.js","/_next/static/chunks/1sha7vxpehqos.js","/_next/static/chunks/2guptxgsmoc9y.js","/_next/static/chunks/161rf6c7c88o6.js","/_next/static/chunks/1csnml6fpz19_.js","/_next/static/chunks/2jogl76rqm1qk.js","/_next/static/chunks/1jp5x35e3-o_s.js","/_next/static/chunks/1fqur8li1zfux.js","/_next/static/chunks/0tu-86isf3hqz.js","/_next/static/chunks/3zk3bb69dmxey.js","/_next/static/chunks/37--yq2546pd_.js","/_next/static/chunks/0mi4wq45zqz33.js","/_next/static/chunks/0szdqsrjq2naf.js","/_next/static/chunks/0mpghn_06ek7w.js","/_next/static/chunks/1i-dvne9n01v6.js"],"PreloadChunks"] 37:I[208473,["/_next/static/chunks/36qxzxqa5l58j.js","/_next/static/chunks/3g0m7ynjabzbw.js","/_next/static/chunks/03khp-vggv-_s.js","/_next/static/chunks/3lyh5rvs0uhro.js","/_next/static/chunks/0s52zuta15_br.js","/_next/static/chunks/23rfsfiu-r90s.js","/_next/static/chunks/3qg69y33t7a70.js","/_next/static/chunks/43e6jmkkfp452.js","/_next/static/chunks/0_k6_dx493tu9.js","/_next/static/chunks/01yiyvo261wa_.js","/_next/static/chunks/0zx39o6usgwb5.js","/_next/static/chunks/3n_3d_0ujp0e_.js","/_next/static/chunks/41l0fgfu6-ht9.js","/_next/static/chunks/17gz79gguhtq-.js","/_next/static/chunks/2djqnn9u4hgb4.js","/_next/static/chunks/1sha7vxpehqos.js","/_next/static/chunks/2guptxgsmoc9y.js","/_next/static/chunks/161rf6c7c88o6.js","/_next/static/chunks/1csnml6fpz19_.js","/_next/static/chunks/2jogl76rqm1qk.js","/_next/static/chunks/1jp5x35e3-o_s.js","/_next/static/chunks/1fqur8li1zfux.js","/_next/static/chunks/0tu-86isf3hqz.js","/_next/static/chunks/3zk3bb69dmxey.js","/_next/static/chunks/37--yq2546pd_.js","/_next/static/chunks/0mi4wq45zqz33.js","/_next/static/chunks/0szdqsrjq2naf.js","/_next/static/chunks/0mpghn_06ek7w.js","/_next/static/chunks/1i-dvne9n01v6.js"],"default"] 38:I[130623,["/_next/static/chunks/36qxzxqa5l58j.js","/_next/static/chunks/3g0m7ynjabzbw.js","/_next/static/chunks/03khp-vggv-_s.js","/_next/static/chunks/3lyh5rvs0uhro.js","/_next/static/chunks/0s52zuta15_br.js","/_next/static/chunks/23rfsfiu-r90s.js","/_next/static/chunks/3qg69y33t7a70.js","/_next/static/chunks/43e6jmkkfp452.js","/_next/static/chunks/0_k6_dx493tu9.js","/_next/static/chunks/01yiyvo261wa_.js","/_next/static/chunks/0zx39o6usgwb5.js","/_next/static/chunks/3n_3d_0ujp0e_.js","/_next/static/chunks/41l0fgfu6-ht9.js","/_next/static/chunks/17gz79gguhtq-.js","/_next/static/chunks/2djqnn9u4hgb4.js","/_next/static/chunks/1sha7vxpehqos.js","/_next/static/chunks/2guptxgsmoc9y.js","/_next/static/chunks/161rf6c7c88o6.js","/_next/static/chunks/1csnml6fpz19_.js","/_next/static/chunks/2jogl76rqm1qk.js","/_next/static/chunks/1jp5x35e3-o_s.js","/_next/static/chunks/1fqur8li1zfux.js","/_next/static/chunks/0tu-86isf3hqz.js","/_next/static/chunks/3zk3bb69dmxey.js","/_next/static/chunks/37--yq2546pd_.js","/_next/static/chunks/0mi4wq45zqz33.js","/_next/static/chunks/0szdqsrjq2naf.js","/_next/static/chunks/0mpghn_06ek7w.js","/_next/static/chunks/1i-dvne9n01v6.js"],"CourseSectionListScroller"] 39:I[168370,["/_next/static/chunks/36qxzxqa5l58j.js","/_next/static/chunks/3g0m7ynjabzbw.js","/_next/static/chunks/03khp-vggv-_s.js","/_next/static/chunks/3lyh5rvs0uhro.js","/_next/static/chunks/0s52zuta15_br.js","/_next/static/chunks/23rfsfiu-r90s.js","/_next/static/chunks/3qg69y33t7a70.js","/_next/static/chunks/43e6jmkkfp452.js","/_next/static/chunks/0_k6_dx493tu9.js","/_next/static/chunks/01yiyvo261wa_.js","/_next/static/chunks/0zx39o6usgwb5.js","/_next/static/chunks/3n_3d_0ujp0e_.js","/_next/static/chunks/41l0fgfu6-ht9.js","/_next/static/chunks/17gz79gguhtq-.js","/_next/static/chunks/2djqnn9u4hgb4.js","/_next/static/chunks/1sha7vxpehqos.js","/_next/static/chunks/2guptxgsmoc9y.js","/_next/static/chunks/161rf6c7c88o6.js","/_next/static/chunks/1csnml6fpz19_.js","/_next/static/chunks/2jogl76rqm1qk.js","/_next/static/chunks/1jp5x35e3-o_s.js","/_next/static/chunks/1fqur8li1zfux.js","/_next/static/chunks/0tu-86isf3hqz.js","/_next/static/chunks/3zk3bb69dmxey.js","/_next/static/chunks/37--yq2546pd_.js","/_next/static/chunks/0mi4wq45zqz33.js","/_next/static/chunks/0szdqsrjq2naf.js","/_next/static/chunks/0mpghn_06ek7w.js","/_next/static/chunks/1i-dvne9n01v6.js"],"SectionList"] 33:["$","main",null,{"style":{"marginTop":50,"height":"calc(100% - 50px)"},"id":"contentPane","className":"","children":["$","$L35",null,{"children":["$","div",null,{"style":"$undefined","children":[["$","div","CodeExample-0",{"data-part-type":"CodeExample","style":{"height":"100%"},"children":[["$","$L36",null,{"moduleIds":[240174]}],["$","$L37",null,{"part":"$30:props:children:0:props:children:0:props:section:content:0","section":"$30:props:children:0:props:children:0:props:section","solution":"$7:props:solution","course":"$30:props:children:0:props:children:0:props:course","options":"$2:props:children:1:props:children:1:props:options","user":"$undefined","courseSection":"$30:props:children:0:props:children:0:props:course:sections:10"}]]}]],"ref":"$undefined","className":"rt-Flex rt-r-fd-column SectionView-module-scss-module__lFKZIW__container"}]}]}] 34:["$","div",null,{"id":"sideMenuPane","className":"SectionList-module-scss-module___nMABa__menu","children":[["$","$L38",null,{}],["$","div",null,{"className":"SectionList-module-scss-module___nMABa__innerMenu","id":"section-list","children":[["$","div",null,{"className":"SectionList-module-scss-module___nMABa__container","children":["$","div",null,{"className":"SectionList-module-scss-module___nMABa__courseHeader","title":"Show course information","children":[["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":30,"height":30,"fill":"currentColor","viewBox":"0 0 256 256","transform":"$undefined","children":[false,"$undefined",["$","path",null,{"d":"M251.76,88.94l-120-64a8,8,0,0,0-7.52,0l-120,64a8,8,0,0,0,0,14.12L32,117.87v48.42a15.91,15.91,0,0,0,4.06,10.65C49.16,191.53,78.51,216,128,216a130,130,0,0,0,48-8.76V240a8,8,0,0,0,16,0V199.51a115.63,115.63,0,0,0,27.94-22.57A15.91,15.91,0,0,0,224,166.29V117.87l27.76-14.81a8,8,0,0,0,0-14.12ZM128,200c-43.27,0-68.72-21.14-80-33.71V126.4l76.24,40.66a8,8,0,0,0,7.52,0L176,143.47v46.34C163.4,195.69,147.52,200,128,200Zm80-33.75a97.83,97.83,0,0,1-16,14.25V134.93l16-8.53ZM188,118.94l-.22-.13-56-29.87a8,8,0,0,0-7.52,14.12L171,128l-43,22.93L25,96,128,41.07,231,96Z"}]]}]," ",["$","$L5",null,{"href":"/calendar/full-stack-development-comp3036-2026","children":"Full Stack Development"}]," "]}]}],["$","div",null,{"className":"SectionList-module-scss-module___nMABa__list","children":["$","$L39",null,{"options":"$2:props:children:1:props:children:1:props:options","activeSection":"179ac04a287428e44474c351","course":{"id":"f5c0c8dff9b64b9c09f92a30","name":"Full Stack Development","type":"Course","urlId":"full-stack-development-comp3036-2026","permissions":"$30:props:children:0:props:children:0:props:course:permissions","roles":"$30:props:children:0:props:children:0:props:course:roles","sections":"$30:props:children:0:props:children:0:props:course:sections"},"results":{"8PeTJh8kVXHQB8pyNA":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":10},"qpkVUXeVXkkrIOXkxc":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":10},"MTSEcKAgqbv1VVBp0C":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":10},"eIWtnh1vhY7Ktnkulv":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":200},"d0IUbgyycvEqIQBDLy":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":10},"UcDgJBMv00Wy2R2uh3":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":10},"o74L6FQunzOerXyF8Z":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":10},"dG9HjlWVVInaaBbHiv":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":10},"lzohNVmLvvS7YhUibu":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":200},"6RkMQpGueCGBmfMeLR":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":250},"YZuPDQUhaimb8fk4hR":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":200},"E66TsrZYKEtSt53NZH":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":10},"2PvjZ9WANa0chUxphd":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":10},"5xHb8jxmoEqo59RWJZ":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":250},"DNEWHFO0kbQcTM2Xe7":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":10},"xp6YRcC11UD2ZHQaLI":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":200},"AFxabKLOjg807E9U8D":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":250},"GlFkIwougYVL2PpR95":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":200},"OfR1FzVhcqsdRdveDj":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":10},"mO9hsxGjTKM7E7PKB2":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":250},"830NsKij59BimhIzTj":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":10},"LwBYJq380t86TtyQQF":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":200},"8t2tU1B1HDGG9PrvNc":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":500},"beFBTMvNdyg5FSnQ1P":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":10},"Z0Q3G0LCMhK7XeGlMC":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":250},"SqdHQny8jH31cMuH4b":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":10},"taXe6lyqUYy9zNBlJc":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":200},"D6o9msHyaYYD0SvmBt":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":250},"EQfmwlth2bxxvFab4B":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":10},"XXKUTXOGUCLHJcsCd2":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":200},"EHhifJvcTuoesGnxJj":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":250},"ikH0e5n71EUFcQs6EP":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":10},"0yziQSYLQgmDBJ6qLY":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":200},"m5ipiTlupodvYGprs2":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":0},"SK7MrplpR1ifo8RThr":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":10},"NbDtd3O4lHCVuLq1nh":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":10},"PWHmN3yEITTHA2Rlzk":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":10},"N7UI8qvKIsex2VxDtw":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":10},"IIgzrR0LMkXxR4wbzR":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":200},"gQIGnStG83ZRfZia1X":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":10},"B7XukSyAlubGtgzzjR":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":300},"oJymdSA2bHdoj4wlDo":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":200},"AjKyhMcoWpKqjEgQCF":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":10},"N4lt39oZoYdGNswCDI":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":250},"eAeoX7or92GSJuVri0":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":200},"Ho4ODJcvdtXJ01Sujd":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":10},"m4LSg4r4a3o5Tv2bwC":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":400},"tJ6972dx7u7TUmhZvi":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":200},"9H3jnaM5ygnZmihmMp":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":10},"dzJzQU3KSzWzDN43s0":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":450},"k6ksJMo0xhmwko5o14":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":200},"NpQ7Irf7xtvjVsQsED":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":10},"aPAqcgeaTychGCu5TU":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":450},"rWEhrooiejelbZHinw":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":10},"6R17MkP6Kda5g2qRHR":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":0},"JRqRM0pHZfrUwUlUtA":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":10},"g7f4ZN2ftIqol4ov4Q":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":250},"WLiolB44FkNlxdzEem":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":200},"8ljZpLw4VyjNsjUWyr":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":10},"4k5xKUPPANfhUJYv0g":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":300},"7QGx8hiZtOxs0jyJjV":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":200},"zSz22bQ3oN0g41sV0Y":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":10},"TktVeOdpdbqDtPma3S":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":200},"4Ec5mj4kBHZZD5TgMz":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":300},"ZyrYVSjnKpuR4pa21O":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":10},"P9oYfkWPQZXKAlk6ba":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":200},"hFkNdLmrlupl1QRFI2":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":450},"A6ozK5xqL5NwL8Uxej":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":10},"ruq12ndaRyniQYbb9j":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":200},"bDnvyVX13fdejsrewi":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":250},"v76eaxG3I9gqNs2Eph":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":10},"P77JEAsZhZ5kogBlGN":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":200},"UaCq2lvHCWosA2QSYn":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":500},"rq82FZefnPq65eTg3y":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":0},"0TreGPF7ywOjAnxbac":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":10},"arMbOLo9cCOO2oNkDX":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":300},"4nQHel3aCP4LnFO7PQ":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":10},"lgeWnHvZohCybquvaI":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":200},"SvEH51oKdjSuwtFLXG":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":300},"XhB7Tr8LVHxOrUKMfy":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":10},"vk06Dhz18JeKAXTqCD":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":200},"BiEWFegjcLcuXK5OGd":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":250},"5QUbBR8Tjp29ZNPD3N":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":10},"JRysxoptYtmvOp2FAk":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":10},"4IyFqBMcdUtUIc7ibg":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":200},"ALzZ3sMCWrIWaoA6Jh":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":200},"5u9HIlgCVPiFAkxbh3":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":10},"QgoPyK5JBjyGfIdgqa":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":10},"dN2qlslxff3AlhC4J0":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":10},"0HzxZDl9dUJ1k3yWHZ":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":200},"KplTe7z5dP7TzGbnRq":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":10},"LNpMoL5nz2Ujf1xB9E":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":10},"0trl6VOnBzcaqYUhKi":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":350},"mVcbXXU8Gu57VQP9fF":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":200},"CCeHDesRfSterA45vr":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":10},"a6qkDMdSu3uTiXotaT":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":500},"ibFHj4yGnkN5F54gcS":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":10},"yIDgKjsV5Sl6dRYEDK":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":10},"ibtkgkIZLx460q0002":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":300},"2SaCBm90m7FIDWmEwZ":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":10},"nwZ1l5cceX2vAe3HWn":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":10},"4WoVaSf4n2GKi5p4b5":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":400},"LU5GOWKLbcWtW6gR0j":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":10},"CMHLZOmhapl0VmhThB":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":300},"rCbBu1Zq9dyLxCheR8":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":10},"dpMS8tHVCPytAm9fe0":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":300},"zCZ98XNvOB1ZjlNZDs":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":10},"k9Gj6Odk0vtZoMRWrs":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":200},"FW6NyGHNKkvM7w1r1k":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":10},"tp6RVdHeSVEGkqYGlP":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":10},"9tlZ39y22esCeSs1YV":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":200},"ksczBZJ4Fwzbv7SF5f":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":500},"fIn6e6ULbreD0Rj44z":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":200},"3r1mE":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":10},"Q3rumveQK7yUGEztDm":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":250},"xAc6mqoMEDbfT43HbC":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":10},"wpDBg4BuIL8ojI1tnp":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":200},"djrFRrvtKr0JIrzL68":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":200},"ZVIZl0XlCtRhff9sZF":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":500},"Zh0r0eRKf3KckCZvcg":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":10},"I5CjtoaFu4ZgnLe6qb":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":200},"JbSG4CXjBwQgdzi9gZ":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":10},"x1j0FEYMKyv3tztyer":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":200},"DODoICFHMm8WerUbjd":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":10},"cKJ35BA5V60ZLJh0UH":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":300},"yxHRNTYENMm7MLNIo8":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":10},"1ptUHRUxGy3VltDtQV":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":300},"4vdxctkPDu5qQP6HaM":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":10},"MrbOwnV24GO9b5vVIG":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":300},"imE2BQTTohEyBzg8Wv":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":200},"BbwwOQezdEfJkTlYM8":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":200},"3lnRihXoLXOoBnB9Fp":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":10},"QYMvgVBvHoiqYcjes6":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":400},"zsgwjDMBVVtX90WI6B":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":10},"0HvLKZxfinmQpKBm7w":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":10},"4tNvT5evGIeOxT2rJt":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":10},"0HA6QJTaeofLfECxW1":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":10},"M3PJDMMXiSy6dabDxi":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":200},"hNjY6khEMlXB7pv2Fh":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":10},"Xuftk7ZuKMOLngr2ZA":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":10},"DGnzKhtFKCOnYe6SG1":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":10},"tCs93XNqpFZVMRY3zh":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":10},"bfEXCr2WgiubhPpc26":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":10},"pjIDTYuc5sJ2TUGvmE":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":10},"COeemp89pSXRaHPj6Q":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":200},"lyNIIq9":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":250},"I34Tw01":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":480},"oBn8BEC":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":290},"FKOrudk":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":60},"Ipxc9qb":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":470},"Lk6KiGg":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":70},"pnvlFqu":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":230},"05PnYgF":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":40},"5lhQWxY":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":430},"xMMFIhI":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":250},"Y8zs534":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":260},"root":{"attempted":false,"awardedPoints":0,"awardedXp":0,"completed":false,"hasSubmittedSolution":false,"potentialPoints":0,"potentialXp":3060}}}]}]]}]]}]