[{"data":1,"prerenderedAt":353},["ShallowReactive",2],{"i-ic:outline-arrow-upward":3,"Footer_afPiwGMwNiEyV4syWzw87ovzxHAgs4iwKtCn4zqBf8E":8,"episode-\u002Fpodcasts\u002Fback-to-school":16,"github-sponsor":255,"i-material-symbols:home":330,"i-ic:baseline-play-circle-filled-white":332,"i-material-symbols:ios-share":334,"i-cbi:deezer-logo":336,"i-vscode-icons:file-type-rss":338,"i-ri:heart-3-fill":341,"Brand_dlIOZD2O03VXPoFYukMOJnSnZRMTmJ0YwMKY5fNK8":343,"Duration_mtsQhDf23d2NPbe9Uvzjb9G1GMDacU3hOYGG76zc":348},{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":7},0,24,false,"\u003Cpath fill=\"currentColor\" d=\"m4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8z\"\u002F>",["Island",9],{"key":10,"result":11},"Footer_afPiwGMwNiEyV4syWzw87ovzxHAgs4iwKtCn4zqBf8E",{"head":12},{"style":13},[14],{"innerHTML":15},":where(.i-mdi\\:github){display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;--svg:url(\"data:image\u002Fsvg+xml,%3Csvg xmlns='http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 2A10 10 0 0 0 2 12c0 4.42 2.87 8.17 6.84 9.5c.5.08.66-.23.66-.5v-1.69c-2.77.6-3.36-1.34-3.36-1.34c-.46-1.16-1.11-1.47-1.11-1.47c-.91-.62.07-.6.07-.6c1 .07 1.53 1.03 1.53 1.03c.87 1.52 2.34 1.07 2.91.83c.09-.65.35-1.09.63-1.34c-2.22-.25-4.55-1.11-4.55-4.92c0-1.11.38-2 1.03-2.71c-.1-.25-.45-1.29.1-2.64c0 0 .84-.27 2.75 1.02c.79-.22 1.65-.33 2.5-.33s1.71.11 2.5.33c1.91-1.29 2.75-1.02 2.75-1.02c.55 1.35.2 2.39.1 2.64c.65.71 1.03 1.6 1.03 2.71c0 3.82-2.34 4.66-4.57 4.91c.36.31.69.92.69 1.85V21c0 .27.16.59.67.5C19.14 20.16 22 16.42 22 12A10 10 0 0 0 12 2'\u002F%3E%3C\u002Fsvg%3E\")}",{"id":17,"title":18,"author":19,"body":20,"categories":230,"description":232,"dsSlug":233,"duration":234,"episodeArtwork":235,"episodeNumber":236,"episodeType":237,"explicit":6,"extension":238,"guid":239,"links":240,"meta":241,"navigation":242,"path":243,"publicationDate":244,"season":245,"seo":246,"status":247,"stem":248,"subtitle":232,"tags":249,"videoLink":235,"__hash__":254},"podcasts\u002Fpodcasts\u002F027.back-to-school\u002Findex.md","Back to school","Double Slash",{"type":21,"value":22,"toc":217},"minimark",[23,28,35,48,52,57,63,67,72,80,84,89,97,101,106,113,117,122,137,153,157,162,165,185,192,196,201,204,208],[24,25,27],"h2",{"id":26},"github-copilot","GitHub Copilot",[29,30,31],"blockquote",{},[32,33,34],"p",{},"Du pair coding avec une AI !",[32,36,37,38,41,42],{},"Principalement disponible sur VSCode, ",[39,40,27],"strong",{}," est une assistance formée sur des milliards de lignes de code public. Elle complète votre code au fur et à mesure que vous écrivez.\nElle apprend en analysant votre code et vous suggère la complétion de votre code. Vous êtes libre d'accepter ou non la suggestion.\nEncore en version technical preview, vous pouvez l'essayer en allant sur cette page : ",[43,44,45],"a",{"href":45,"rel":46},"https:\u002F\u002Fcopilot.github.com\u002F",[47],"nofollow",[24,49,51],{"id":50},"github-dev","GitHub Dev",[29,53,54],{},[32,55,56],{},"Passer en mode “édition” grâce avec la touche \".\" !",[32,58,59,60],{},"Quand vous êtes dans un repository sur github.com, il vous suffit d'appuyer sur la touche \".\" de votre clavier pour passer sur github.dev et éditer le projet sur un VSCode en ligne.\nVous pouvez importer vos settings et travailler comme si vous étiez dans votre VSCode installé sur votre ordinateur.\n",[39,61,62],{},"Les notes de cet épisode sont créées directement sur github.dev",[24,64,66],{"id":65},"alpine-js-3","Alpine JS 3",[29,68,69],{},[32,70,71],{},"La version de la maturité !",[32,73,74,75,79],{},"Fin mai, c'est déroulé l'alpine day. ",[43,76,77],{"href":77,"rel":78},"https:\u002F\u002Falpineday.com\u002Fwatch",[47],".Nous vous recommandons de visionner les différentes présentations.\nSuite à ça, la version 3 d'AlpineJS est sortie. Dans la foulée, un nouveau site et une nouvelle documentation.",[24,81,83],{"id":82},"petite-vue","Petite Vue",[29,85,86],{},[32,87,88],{},"WTF Evan !",[32,90,91,92,96],{},"Quand Evan You fait un side project, ça donne ",[43,93,82],{"href":94,"rel":95},"https:\u002F\u002Fgithub.com\u002Fvuejs\u002Fpetite-vue",[47],".\nDirectement inspiré d'AlpineJS, petite vue (avec l'accent) est une petite librairie qui pèse seulement 6Kb.\nUne grosse majorité des méthodes provenant de VueJS sont disponibles. Elle permet de créer des éléments interactifs dans une page web sans devoir installer une plus grosse librairie.",[24,98,100],{"id":99},"vue-3","Vue 3",[29,102,103],{},[32,104,105],{},"La bêta que l'on utilise tous en prod !",[32,107,108,109],{},"La version 3.2 vient de sortir avec des nouveautés et des grosses améliorations de performance.\nLire ici le post de la version 3.2 : ",[43,110,111],{"href":111,"rel":112},"https:\u002F\u002Fblog.vuejs.org\u002Fposts\u002Fvue-3.2.html",[47],[24,114,116],{"id":115},"nuxt-3","Nuxt 3",[29,118,119],{},[32,120,121],{},"Plus c'est long, plus c'est bon !",[32,123,124,125,130,131,136],{},"La version 3.2 vient de sortir avec des nouveautés et L'attente est longue, mais le travail est immense pour l'équipe de ",[43,126,129],{"href":127,"rel":128},"https:\u002F\u002Fgithub.com\u002Fnuxtlabs",[47],"Nuxt Lab",".\nLa conf Nuxt Nation vient de passer avec une présentation et la timeline du travail pour sortir la version 3 de Nuxt.\nLa première version bêta publique est annoncée pour le 12 octobre 2021.\nLe travail est immense pour l'équipe, car en plus de réécrire totalement la version 3 en TypeScript, il faut maintenir la version 2 et sortir des nouveaux modules. À l'image de ",[43,132,135],{"href":133,"rel":134},"https:\u002F\u002Fimage.nuxtjs.org\u002F",[47],"Nuxt Image"," sorite courant juin 2021 !\nEn quelques lignes, la version 3 de Nuxt, c'est :",[138,139,140,144,147,150],"ul",{},[141,142,143],"li",{},"Compatible Vue 3",[141,145,146],{},"Très compatible avec TypeScript (comme Vue 3)",[141,148,149],{},"Un nouveau moteur Nitro, très performant et capable de faire de l'incrémentale.",[141,151,152],{},"Un bundle de prod hyper performant et cross plateforme.",[24,154,156],{"id":155},"strapi-4","Strapi 4",[29,158,159],{},[32,160,161],{},"On reprend tout depuis le début !",[32,163,164],{},"La version 4 de Strapi est en développement. Une grosse majorité de fonctionnalités est repensée.\nVoici les principales évolutions :",[138,166,167,170,173,176,179,182],{},[141,168,169],{},"Nouvelle interface d'admin",[141,171,172],{},"Nouveau système de plugin",[141,174,175],{},"Nouveau Database Layer",[141,177,178],{},"Nouvelle API REST et GraphQL",[141,180,181],{},"Système de migration",[141,183,184],{},"Système de hook pour étendre Strapi",[32,186,187,188],{},"Au-delà de la version 4, Strapi a annoncé un changement de pricing :\n",[43,189,190],{"href":190,"rel":191},"https:\u002F\u002Fstrapi.io\u002Fblog\u002Fintroducing-user-based-pricing-for-strapi-enterprise-edition",[47],[24,193,195],{"id":194},"astro-js","Astro JS",[29,197,198],{},[32,199,200],{},"Faire l'inverse des autres !",[32,202,203],{},"Astro est un générateur de site statique qui par défaut, ne met aucun JavaScript dans le navigateur.\nVous pouvez développer vos templates avec le langage \".astro\" mais aussi avec vos frameworks JS préférés : lit, Vue, React, Preact, Svelte ou Solid. Astro compile sans problème avec plusieurs frameworks.\nEn cas d'utilisation d'un component créé avec Vue par exemple, il est rendu par défaut sans interaction, juste en HTML. Ensuite, vous pouvez choisir différents modes d'hydratation pour le rendre interactif : load, visible, idle, only.\nIl gère également tous les assets (css, etc.).\nEncore en version bêta, il semble très prometteur.",[24,205,207],{"id":206},"outil-recommandé","Outil recommandé",[138,209,210],{},[141,211,212],{},[43,213,216],{"href":214,"rel":215},"https:\u002F\u002Ffig.io\u002F",[47],"Fig",{"title":218,"searchDepth":219,"depth":219,"links":220},"",2,[221,222,223,224,225,226,227,228,229],{"id":26,"depth":219,"text":27},{"id":50,"depth":219,"text":51},{"id":65,"depth":219,"text":66},{"id":82,"depth":219,"text":83},{"id":99,"depth":219,"text":100},{"id":115,"depth":219,"text":116},{"id":155,"depth":219,"text":156},{"id":194,"depth":219,"text":195},{"id":206,"depth":219,"text":207},[231],"Technology","Un épisode de rentrée en format \"news\". Nous revenons sur les annonces qui ont eu lieu durant l'été 2021.","DS_027_news921",3717,null,27,"full","md","8c99b7f6333d2d920abfa786ffb827c9",[],{},true,"\u002Fpodcasts\u002Fback-to-school","2021-09-17",1,{"title":18,"description":232},"published","podcasts\u002F027.back-to-school\u002Findex",[250,251,252,253],"github","vue","nuxt","astro","bfJjrf7SX9a82iHFIDV3KQdcIl90Lk2IUrmtR-bDkMM",{"data":256},{"organization":257},{"sponsorsListing":258},{"name":259,"fullDescriptionHTML":260,"url":261,"shortDescription":262,"activeGoal":263,"isPublic":242,"sponsorable":267},"sponsors-double-slash-podcast","\u003Cp>Le podcast des dev pour dev par des dev !\u003C\u002Fp>\n\u003Cp>Des podcasts et des videos sur les technologie WEB modernes.\u003C\u002Fp>\n\u003Cp>A deux ou avec un invité, on discute des tendances, des nouvelles technologies, des meilleures pratiques actuelles.\u003C\u002Fp>\n\u003Cp>🎥 \u003Ca href=\"https:\u002F\u002Fwww.youtube.com\u002Fchannel\u002FUCp5DGBAX2XNJXeOVAo7bICQ\">Youtube\u003C\u002Fa>\u003Cbr>\n🎙️ \u003Ca href=\"https:\u002F\u002Fspoti.fi\u002F317wtvD\">Spotify\u003C\u002Fa> ▪️ \u003Ca href=\"https:\u002F\u002Fapple.co\u002F3fTguFo\">Apple Podcast\u003C\u002Fa> ▪️ \u003Ca href=\"https:\u002F\u002Fbit.ly\u002F3i0hDgy\">Deezer\u003C\u002Fa> ▪️ \u003Ca href=\"https:\u002F\u002Fbit.ly\u002F31aKKYd\">Google Podcast\u003C\u002Fa>\u003Cbr>\n🌐 \u003Ca href=\"https:\u002F\u002Fdouble-slash.dev\u002F\">Double Slash DEV\u003C\u002Fa>\u003C\u002Fp>","https:\u002F\u002Fgithub.com\u002Fsponsors\u002Fdouble-slash-podcast","Le podcast des dev pour les dev par des dev !",{"description":264,"percentComplete":265,"targetValue":265,"title":266},"L'ensemble des charges seront couvertes. Service de stockage et abonnement aux services utilisés.",70,"$70 per month",{"sponsors":268},{"edges":269},[270,276,282,288,294,300,306,312,318,324],{"node":271},{"id":272,"name":273,"url":274,"avatarUrl":275},"MDQ6VXNlcjEwMDMwNw==","Clément Delmas","https:\u002F\u002Fgithub.com\u002Fclem","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F100307?u=878ed4b7cdf920879b57046f19e434fea2c7d296&v=4",{"node":277},{"id":278,"name":279,"url":280,"avatarUrl":281},"MDQ6VXNlcjI3NTYwOQ==","Thibaud Lepretre","https:\u002F\u002Fgithub.com\u002Fkakawait","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F275609?v=4",{"node":283},{"id":284,"name":285,"url":286,"avatarUrl":287},"MDQ6VXNlcjE5MTQxNjA=","David Pollet","https:\u002F\u002Fgithub.com\u002Fdavidpollet","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F1914160?u=4b3da16383b9fa810fd0980f756000709403ab45&v=4",{"node":289},{"id":290,"name":291,"url":292,"avatarUrl":293},"MDQ6VXNlcjYzMzMzOTY=","Eric","https:\u002F\u002Fgithub.com\u002Fericledonge","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F6333396?u=e9e541a6b9125d8e8b558fdd914c847eb36db695&v=4",{"node":295},{"id":296,"name":297,"url":298,"avatarUrl":299},"MDQ6VXNlcjg4OTk3Njg=","François Gardien","https:\u002F\u002Fgithub.com\u002FYoutch","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F8899768?u=85ae8c4299c380bcec02e99e9364624f3ce333c7&v=4",{"node":301},{"id":302,"name":303,"url":304,"avatarUrl":305},"MDQ6VXNlcjEwMTc2NjI2","Antharuu","https:\u002F\u002Fgithub.com\u002Fantharuu","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F10176626?u=3f6ef490b330d5a9bbaa3137560b5d1d4cf13a4a&v=4",{"node":307},{"id":308,"name":309,"url":310,"avatarUrl":311},"MDQ6VXNlcjEwMTg2OTkz","Adrien Zaganelli","https:\u002F\u002Fgithub.com\u002FadrienZ","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F10186993?u=08189ef8cf708a61445b6a57cf7a2aa361d484af&v=4",{"node":313},{"id":314,"name":315,"url":316,"avatarUrl":317},"MDQ6VXNlcjI2MTQyMzgz","Thomas Lemoine","https:\u002F\u002Fgithub.com\u002Fthomaslemoine","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F26142383?u=4c68175459b0ae1f8c68c48c40f2ae148747675d&v=4",{"node":319},{"id":320,"name":321,"url":322,"avatarUrl":323},"MDQ6VXNlcjY1NzM3MTMx","Valentin Grenier","https:\u002F\u002Fgithub.com\u002Fvalentin-grenier","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F65737131?u=0ba0cc828412f6655a948c6a82f69b9c909f8fd9&v=4",{"node":325},{"id":326,"name":327,"url":328,"avatarUrl":329},"U_kgDOBipZwA","Hebrard Frederic","https:\u002F\u002Fgithub.com\u002Ffrederichebrard","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F103438784?v=4",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":331},"\u003Cpath fill=\"currentColor\" d=\"M4 21V9l8-6l8 6v12h-6v-7h-4v7z\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":333},"\u003Cpath fill=\"currentColor\" d=\"M12 2C6.475 2 2 6.475 2 12s4.475 10 10 10s10-4.475 10-10S17.525 2 12 2m-2 14.5v-9l6 4.5z\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":335},"\u003Cpath fill=\"currentColor\" d=\"M6 22q-.825 0-1.412-.587T4 20V10q0-.825.588-1.412T6 8h3v2H6v10h12V10h-3V8h3q.825 0 1.413.588T20 10v10q0 .825-.587 1.413T18 22zm5-6V4.825l-1.6 1.6L8 5l4-4l4 4l-1.4 1.425l-1.6-1.6V16z\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":337},"\u003Cpath fill=\"currentColor\" d=\"M18.774 5.051c.185-1.072.457-1.747.757-1.748c.561 0 1.015 2.341 1.015 5.228s-.455 5.229-1.016 5.229c-.23 0-.443-.4-.614-1.064c-.27 2.439-.831 4.115-1.48 4.115c-.5 0-.953-1.007-1.256-2.594c-.207 3.018-.727 5.161-1.334 5.161c-.381 0-.73-.848-.987-2.231C13.55 20 12.834 22 12 22s-1.551-2-1.86-4.853c-.255 1.383-.6 2.231-.986 2.231c-.609 0-1.128-2.142-1.335-5.161c-.3 1.587-.752 2.594-1.256 2.594c-.649 0-1.21-1.676-1.481-4.115c-.169.668-.382 1.064-.613 1.064c-.562 0-1.017-2.34-1.017-5.229S3.908 3.3 4.471 3.3c.3 0 .57.676.758 1.748C5.527 3.2 6.014 2 6.564 2c.653 0 1.219 1.7 1.487 4.168c.262-1.8.658-2.941 1.1-2.941c.624 0 1.154 2.252 1.351 5.393C10.874 7.01 11.41 6 12 6s1.128 1.011 1.5 2.62c.2-3.141.727-5.393 1.351-5.393c.444 0 .84 1.145 1.1 2.941C16.219 3.7 16.785 2 17.439 2c.547 0 1.035 1.2 1.335 3.051m-16.2 5.3C2.258 10.355 2 9.31 2 8.017s.258-2.337.576-2.337s.578 1.044.578 2.337s-.254 2.338-.578 2.338Zm18.848 0c-.32 0-.577-1.045-.577-2.338s.257-2.337.577-2.337S22 6.724 22 8.017s-.258 2.338-.576 2.338Z\"\u002F>",{"left":4,"top":4,"width":339,"height":339,"rotate":4,"vFlip":6,"hFlip":6,"body":340},32,"\u003Cdefs>\u003ClinearGradient id=\"SVGvSi4fdXe\" x1=\"30.06\" x2=\"225.94\" y1=\"30.06\" y2=\"225.94\" gradientTransform=\"matrix(.11 0 0 .11 2 2)\" gradientUnits=\"userSpaceOnUse\">\u003Cstop offset=\"0\" stop-color=\"#e3702d\"\u002F>\u003Cstop offset=\".11\" stop-color=\"#ea7d31\"\u002F>\u003Cstop offset=\".35\" stop-color=\"#f69537\"\u002F>\u003Cstop offset=\".5\" stop-color=\"#fb9e3a\"\u002F>\u003Cstop offset=\".7\" stop-color=\"#ea7c31\"\u002F>\u003Cstop offset=\".89\" stop-color=\"#de642b\"\u002F>\u003Cstop offset=\"1\" stop-color=\"#d95b29\"\u002F>\u003C\u002FlinearGradient>\u003C\u002Fdefs>\u003Crect width=\"28\" height=\"28\" x=\"2\" y=\"2\" fill=\"#cc5d15\" rx=\"6.01\" ry=\"6.01\"\u002F>\u003Crect width=\"26.91\" height=\"26.91\" x=\"2.54\" y=\"2.54\" fill=\"#f49c52\" rx=\"5.47\" ry=\"5.47\"\u002F>\u003Crect width=\"25.82\" height=\"25.82\" x=\"3.1\" y=\"3.1\" fill=\"url(#SVGvSi4fdXe)\" rx=\"5.14\" ry=\"5.14\"\u002F>\u003Cpath fill=\"#fff\" d=\"M6.82 6.16v3.83a15.31 15.31 0 0 1 15.3 15.3h3.83A19.14 19.14 0 0 0 6.81 6.17zm0 6.45v3.72a8.97 8.97 0 0 1 8.96 8.97h3.72A12.69 12.69 0 0 0 6.81 12.6zm2.62 7.44a2.63 2.63 0 0 0-2.63 2.62a2.63 2.63 0 0 0 2.63 2.63a2.63 2.63 0 0 0 2.63-2.63a2.63 2.63 0 0 0-2.63-2.63z\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":342},"\u003Cpath fill=\"currentColor\" d=\"M16.5 3C19.538 3 22 5.5 22 9c0 7-7.5 11-10 12.5C9.5 20 2 16 2 9c0-3.5 2.5-6 5.5-6C9.36 3 11 4 12 5c1-1 2.64-2 4.5-2\"\u002F>",["Island",344],{"key":345,"result":346},"Brand_dlIOZD2O03VXPoFYukMOJnSnZRMTmJ0YwMKY5fNK8",{"head":347},{},["Island",349],{"key":350,"result":351},"Duration_mtsQhDf23d2NPbe9Uvzjb9G1GMDacU3hOYGG76zc",{"head":352},{},1785405176764]