[{"data":1,"prerenderedAt":1605},["ShallowReactive",2],{"i-ic:outline-arrow-upward":3,"Footer_afPiwGMwNiEyV4syWzw87ovzxHAgs4iwKtCn4zqBf8E":8,"podcasts-count-6":16,"podcasts-6":17,"i-material-symbols:home":1541,"i-ic:baseline-play-circle-filled-white":1543,"Brand_bAcjTzQpW6OVpFK319jfMki97vH1GrZiqHmeI7Xg4o":1545,"Duration_J7RDpWNfkxPPuYogdytT1rol0Y8EbG0uAvTlGBsAlA":1550,"Duration_Bt30L7Egf9mSOlLWZJd9ybqLfJs2bO9jQ5PiesnqA4":1555,"Duration_Pqlb4RfATVPKOIAL773lptEf6DHlgAeOy8BpqRIWQ":1560,"Duration_U8mo3pvFenruEAy5IPzsknCq5mxWUoTDHW1sjqsot4":1565,"Duration_Z70c84aamWY9wEozoPnCgcj54qVPY550J2TYGiqCoag":1570,"Duration_7ZmX4WMCMJ07EKLyFTj5nUmDLldNjFdyU4TSapmaIA":1575,"Duration_ngeWqxX8zmQHeA1s1II7N3HHLGxvm1yDjYke95AA":1580,"Duration_3N3GMMF0ofqkLYlsZiu9nWCMxeP5yX5UfDlN28hag":1585,"Duration_qcCDehAsSeBwt5uiEQm20jt1LRRwOVclUtfDzhVk":1590,"Duration_KWS7zPpjZC5hVK6inJwjK38x7m3ATIPLYHCOKQwkc":1595,"Duration_GS47elWkK68eYLemOLlWbrrGwpdWSDxmViXJ2xG408":1600},{"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\")}",136,[18,243,363,579,720,795,1018,1209,1261,1380,1517],{"id":19,"title":20,"author":21,"body":22,"categories":220,"description":222,"dsSlug":223,"duration":224,"episodeArtwork":225,"episodeNumber":226,"episodeType":227,"explicit":6,"extension":228,"guid":229,"links":230,"meta":231,"navigation":232,"path":233,"publicationDate":234,"season":235,"seo":236,"status":237,"stem":238,"subtitle":239,"tags":240,"videoLink":225,"__hash__":242},"podcasts\u002Fpodcasts\u002F011.progressive-web-app\u002Findex.md","Les Progressive Web Apps avec Stéphanie Alix","Double Slash",{"type":23,"value":24,"toc":208},"minimark",[25,30,50,54,82,87,101,105,131,135,170,174,177,202],[26,27,29],"h2",{"id":28},"notre-invitée-pour-lépisode","Notre invitée pour l'épisode :",[31,32,33,34,40,41,46],"p",{},"Stéphanie Alix : ",[35,36,37],"a",{"href":37,"rel":38},"https:\u002F\u002Fstephaniealix.com\u002F",[39],"nofollow"," et ",[35,42,45],{"href":43,"rel":44},"https:\u002F\u002Ftwitter.com\u002FStephanieAlix95",[39],"@StephanieAlix95",[47,48,49],"strong",{},"Développeuse Web et spécialisée dans les PWA",[26,51,53],{"id":52},"principales-fonctionnalités-dune-pwa","Principales fonctionnalités d'une PWA :",[55,56,57,61,64,67,70,73,76,79],"ul",{},[58,59,60],"li",{},"webmanifest pour l'apparence (icônes, couleurs, nom..)",[58,62,63],{},"ajout d'un raccourci avec \"icône\" dans les apps du device",[58,65,66],{},"fonctionnement dans une fenêtre dédiée (fullscreen, stand-alone, minimal-ui) comme une application native.",[58,68,69],{},"Auto-update: juste rafraichir la page après un déploiement",[58,71,72],{},"Notifications push (application ouverte et fermée)",[58,74,75],{},"service worker (gestion du cache, etc..)",[58,77,78],{},"Cache\u002Foffline",[58,80,81],{},"Background sync",[83,84,86],"h3",{"id":85},"minimum-pour-être-une-pwa","Minimum pour être une PWA :",[55,88,89,92,95,98],{},[58,90,91],{},"Être en HTTPS",[58,93,94],{},"Avoir un Service worker",[58,96,97],{},"Avoir web manifest avec au moins les icônes",[58,99,100],{},"iOS >= 11.3 et Chrome >= 71 \u002F 11.3 mars 2018 et chrome 71 décembre 2018",[83,102,104],{"id":103},"prise-en-charge-des-fonctionnalités-par-les-navigateurs","Prise en charge des fonctionnalités par les navigateurs :",[55,106,107,115,123],{},[58,108,109,110],{},"Service workers browser : ",[35,111,114],{"href":112,"rel":113},"https:\u002F\u002Fcaniuse.com\u002F#search=service%20workers",[39],"https:\u002F\u002Fcaniuse.com\u002F#search=service workers",[58,116,117,118],{},"Web App Manifest : ",[35,119,122],{"href":120,"rel":121},"https:\u002F\u002Fcaniuse.com\u002F#search=Web%20App%20Manifest",[39],"https:\u002F\u002Fcaniuse.com\u002F#search=Web App Manifest",[58,124,125,126],{},"Web Notification : ",[35,127,130],{"href":128,"rel":129},"https:\u002F\u002Fcaniuse.com\u002F#search=web%20notification",[39],"https:\u002F\u002Fcaniuse.com\u002F#search=web notification",[26,132,134],{"id":133},"pourquoi-une-pwa-et-pas-une-app-native","Pourquoi une PWA et pas une app native ?",[55,136,137,140,143,146,149,152,161,164,167],{},[58,138,139],{},"Plus léger qu'une application mobile",[58,141,142],{},"Plus accessibles en mauvaise connection grâce aux services workers",[58,144,145],{},"Pas besoin de passer par l'App Store et pas obligé de l'installer",[58,147,148],{},"Multiplateforme: 1 seul code pour toutes les plateformes",[58,150,151],{},"Peut être indexée par Google",[58,153,154,155,160],{},"Features natives de plus en plus disponibles: Web Share API, camera access. Voir le ",[35,156,159],{"href":157,"rel":158},"https:\u002F\u002Fweb.dev\u002Ffugu-status\u002F",[39],"Projet Fugu"," pour ajouter des fonctionnalités natives pour chromium",[58,162,163],{},"Possibilité de remplacer\u002Fintégré dans des applications natives si besoin (web view, pwabuilder, TWA)",[58,165,166],{},"Augmentation du nombre de pages vues, d'utilisateurs qui reviennent (prouvé avec des PWA connues: Pinterest, Starbucks, Twitter..)",[58,168,169],{},"PWA et app natives peuvent aussi être complémentaires",[26,171,173],{"id":172},"pwa-vs-safari","PWA VS Safari",[31,175,176],{},"Les blocages de la part de safari :",[55,178,179,182,185,188,191,193],{},[58,180,181],{},"Notifications (obligé de passer par le système Apple)",[58,183,184],{},"Prompt \"add to Home\" (obligé de passer par le menu \"Sur l'écran d'accueil\")",[58,186,187],{},"WebManifest icônes (pas bloquant)",[58,189,190],{},"cache capacity 50MB (pas bloquant)",[58,192,81],{},[58,194,195,196,201],{},"IOS purge le cache (indexDB, localstorage) et maintenant iOS ",[35,197,200],{"href":198,"rel":199},"https:\u002F\u002Ftracedock.com\u002Fblog\u002F2019\u002F11\u002F29\u002F24hours-cookies-impact\u002F",[39],"purge aussi les cookies"," après un jour ou une semaine selon la version webkit..",[31,203,204,207],{},[47,205,206],{},"Note spécifique sur IOS :","\nApple interdit de développer un navigateur pour IOS avec un moteur de rendu différent de WebKit. Donc les navigateurs disponibles sur IOS sont en réalité des applications composées de WebViews WebKit.\nIls n'ont donc pas les fonctionnalités PWA (ex: impossible d'ajouter la PWA à l'écran d'accueil via iOS chrome ou d'utiliser les Services Workers)",{"title":209,"searchDepth":210,"depth":210,"links":211},"",2,[212,213,218,219],{"id":28,"depth":210,"text":29},{"id":52,"depth":210,"text":53,"children":214},[215,217],{"id":85,"depth":216,"text":86},3,{"id":103,"depth":216,"text":104},{"id":133,"depth":210,"text":134},{"id":172,"depth":210,"text":173},[221],"Technology","Dans cet épisode assez technique, nous allons faire le point sur les Progressive Web App en 2020. Définir ce qu'est une PWA, les principales features d'une PWA. Puis, pourquoi choisir une PWA au lieu d'une application native. Et enfin, revenir sur les blocages de Safari par rapport aux PWA","DS_011_pwa",4392,null,11,"full","md","505f20a07aab6d5fdfa9e3bdd41ec676",[],{},true,"\u002Fpodcasts\u002Fprogressive-web-app","2020-08-31",1,{"title":20,"description":222},"published","podcasts\u002F011.progressive-web-app\u002Findex","Dans cet épisode, nous allons faire le point sur les Progressive Web App en 2020. Définir ce qu'est une PWA, les principales features d'une PWA. Pourquoi choisir une PWA au lieu d'une application native. Et revenir sur les blocages de Safari par rapport aux PWA.",[241],"pwa","aKGqFPNUQjE2f2H8NCS2LwTcTb_xsKo8lq17zDWa7mE",{"id":244,"title":245,"author":21,"body":246,"categories":346,"description":347,"dsSlug":348,"duration":349,"episodeArtwork":225,"episodeNumber":350,"episodeType":227,"explicit":6,"extension":228,"guid":351,"links":352,"meta":353,"navigation":232,"path":354,"publicationDate":355,"season":235,"seo":356,"status":237,"stem":357,"subtitle":358,"tags":359,"videoLink":225,"__hash__":362},"podcasts\u002Fpodcasts\u002F010.pair-coding\u002Findex.md","Live Share pour Visual Studio Code et des news",{"type":23,"value":247,"toc":340},[248,251,259,263,267,284,287,291,296,304,312,316,319,326,330,333],[31,249,250],{},"Notamment la sortie de WordPress 5.5, les évolutions de Next et Nuxt sur la génération de site statique. Petite découverte également, avec Stormkit, un service d'hébergement équivalent à Netlify.",[31,252,253,258],{},[35,254,257],{"href":255,"rel":256},"https:\u002F\u002Fmarketplace.visualstudio.com\u002Fitems?itemName=MS-vsliveshare.vsliveshare-pack",[39],"Live Share Extension Pack"," pour Visual Studio Code.",[26,260,262],{"id":261},"les-news-de-lépisode","Les news de l'épisode",[83,264,266],{"id":265},"worpress-passe-en-version-55","Worpress passe en version 5.5 :",[55,268,269,272,275,278,281],{},[58,270,271],{},"Mise à jour automatique des plugins et des thèmes",[58,273,274],{},"plan de site XML en natif",[58,276,277],{},"lazy loading des images",[58,279,280],{},"Améliorations de gutenberg (A11y)",[58,282,283],{},"Block Directory. Installer et trouver facilement un bloc pour gutenberg.",[31,285,286],{},"En tout, 165 améliorations, 310 correctifs de bugs.",[83,288,290],{"id":289},"incremental-build-pour-nuxt-et-next","Incremental build pour Nuxt et Next :",[292,293,295],"h4",{"id":294},"nuxt","Nuxt",[31,297,298,299,303],{},"Avec la version 2.14 sortie fin juillet, la commande ",[300,301,302],"code",{},"nuxt generate"," ne lance pas de build webpack si le code n'a pas changé, mais génère juste les nouvelles pages statiques. Un gros gain de vitesse pour générer un site statique.",[31,305,306,307],{},"Article de blog de ",[35,308,311],{"href":309,"rel":310},"https:\u002F\u002Fnuxtjs.org\u002Fblog\u002Fnuxt-static-improvements",[39],"Nuxt version 2.14",[292,313,315],{"id":314},"next","Next",[31,317,318],{},"Next propose également l'Incremental Static Generation. Comme nuxt, il ajoute une page de contenu sans faire un build complet si le code n'a pas changé.\nMais avec la version 9.5, next propose l'Incremental Static Re-generation.\nUne mise à jour du contenu lors du rendu via un paramètre (revalidate: 1). Plus besoin de regénérer le site. Supporté uniquement par Vercel pour le moment.",[31,320,321],{},[35,322,325],{"href":323,"rel":324},"https:\u002F\u002Fnextjs.org\u002Fblog\u002Fnext-9-5#stable-incremental-static-regeneration",[39],"Next version 9.5",[292,327,329],{"id":328},"stormkit","StormKit",[31,331,332],{},"Un service équivalent à Netlify pour déployer vos sites statique ou SPA automatiquement. Par contre, c'est un service européen (Suisse). Ils utilisent AWS avec des serveurs à Francfort.",[31,334,335],{},[35,336,339],{"href":337,"rel":338},"https:\u002F\u002Fwww.stormkit.io\u002F",[39],"Stormkit",{"title":209,"searchDepth":210,"depth":210,"links":341},[342],{"id":261,"depth":210,"text":262,"children":343},[344,345],{"id":265,"depth":216,"text":266},{"id":289,"depth":216,"text":290},[221],"Dans cet épisode, nous faisons un retour sur l'utilisation de l'extension Live Share pour Visual Studio Code. Une extension qui permet de faire du pair programming à distance. Nous revenons sur quelques actualités concernant les outils web diffusés durant l'été.","DS_010_pair_coding",2600,10,"4a41f9e18d40f062964c77e641140c76",[],{},"\u002Fpodcasts\u002Fpair-coding","2020-08-21",{"title":245,"description":347},"podcasts\u002F010.pair-coding\u002Findex","Un retour sur l'utilisation de l'extension Live Share pour Visual Studio Code. Une extension qui permet de faire du pair programming à distance. Nous revenons sur quelques actualités concernant les outils web diffusés durant l'été.",[360,361],"devtools","ide","fGOooEoLzj8PDPELp122FMoFycaBbd6TpaU4cmx7Rok",{"id":364,"title":365,"author":21,"body":366,"categories":562,"description":563,"dsSlug":564,"duration":565,"episodeArtwork":225,"episodeNumber":566,"episodeType":227,"explicit":6,"extension":228,"guid":567,"links":568,"meta":569,"navigation":232,"path":570,"publicationDate":571,"season":235,"seo":572,"status":237,"stem":573,"subtitle":574,"tags":575,"videoLink":225,"__hash__":578},"podcasts\u002Fpodcasts\u002F009.jquery\u002Findex.md","jQuery en 2020",{"type":23,"value":367,"toc":558},[368,374,381,386,417,422,429,434,440,444,453,470,473,487,495,498,509,513,518,532,537,545,550],[31,369,370,373],{},[47,371,372],{},"Correction"," : Wordpress ne charge pas jQuery par défaut. Il est disponible, mais il faut l'ajouter dans le code du thème pour l'utiliser en front.",[31,375,376],{},[35,377,380],{"href":378,"rel":379},"https:\u002F\u002Fdeveloper.wordpress.org\u002Freference\u002Ffunctions\u002Fwp_enqueue_script\u002F#default-scripts-and-js-libraries-included-and-registered-by-wordpress",[39],"listes des scripts par défaut dans wordpress",[31,382,383],{},[47,384,385],{},"Les principales Librairies créées entre 2004 et 2010",[31,387,388,393,394,399,400,405,406,405,411,416],{},[35,389,392],{"href":390,"rel":391},"https:\u002F\u002Ffr.wikipedia.org\u002Fwiki\u002FDojo_Toolkit",[39],"Dojo"," : 2004\n",[35,395,398],{"href":396,"rel":397},"http:\u002F\u002Fprototypejs.org\u002F",[39],"Prototype"," : 2005\n",[35,401,404],{"href":402,"rel":403},"https:\u002F\u002Fjquery.com\u002F",[39],"jQuery"," : 2006\n",[35,407,410],{"href":408,"rel":409},"https:\u002F\u002Fmootools.net\u002F",[39],"MooTools",[35,412,415],{"href":413,"rel":414},"http:\u002F\u002Fscript.aculo.us\u002F",[39],"script.aculo.us"," : 2010",[31,418,419],{},[47,420,421],{},"Supprimer jQuery sur un code existant",[31,423,424,425],{},"Un article de github sur la suppression de JQUERY sur GitHub en 2018.\n",[35,426,427],{"href":427,"rel":428},"https:\u002F\u002Fgithub.blog\u002F2018-09-06-removing-jquery-from-github-frontend\u002F",[39],[31,430,431],{},[47,432,433],{},"Remplacer jQuery par une autre librarie (joke)",[31,435,436],{},[35,437,438],{"href":438,"rel":439},"http:\u002F\u002Fvanilla-js.com\u002F",[39],[26,441,443],{"id":442},"réponse-de-la-communauté","Réponse de la communauté",[31,445,446,447,452],{},"Les réponses de la question posée sur ",[35,448,451],{"href":449,"rel":450},"https:\u002F\u002Fwww.linkedin.com\u002Fposts\u002Falexduval71_jquery-et-2020-ami-ou-ennemi-perso-si-activity-6688330120941314048-JB8a",[39],"Linkedin"," :",[55,454,455,458,461,464,467],{},[58,456,457],{},"Dépendance à Wordpress. Sachant que wp utilise encore la version 1",[58,459,460],{},"Dépendance à bootstrap",[58,462,463],{},"Utilisé par habitude",[58,465,466],{},"Toujours enseigné dans certaines formations",[58,468,469],{},"Encore bien utilisé dans certaine entreprise",[31,471,472],{},"Notes perso :",[55,474,475,478,481,484],{},[58,476,477],{},"Dans l'idéal, utiliser un mix de vanilla et de jQuery si il est chargé par défaut (WP)",[58,479,480],{},"JQuery est plus lent que vanilla JS",[58,482,483],{},"En règle générale, il faut éviter les manipulations du DOM. Utiliser une lib type Vue JS ou React qui change uniquement les éléments qui ont changé.",[58,485,486],{},"Éviter les animations en JS.",[31,488,489,490,452],{},"Petit sondage sur ",[35,491,494],{"href":492,"rel":493},"https:\u002F\u002Fmobile.twitter.com\u002FPatrickFaramaz\u002Fstatus\u002F1281517173396189184",[39],"Twitter",[31,496,497],{},"jQuery, est-ce que vous en avez encore besoin dans vos projets en 2020 ?\n27 votes :",[55,499,500,503,506],{},[58,501,502],{},"oui 15%",[58,504,505],{},"non 66%",[58,507,508],{},"ça dépend 18%",[26,510,512],{"id":511},"liste-de-liens","Liste de Liens:",[31,514,515],{},[47,516,517],{},"Comparaison entre méthodes jQuery et pure JS :",[55,519,520,526],{},[58,521,522],{},[35,523,524],{"href":524,"rel":525},"http:\u002F\u002Fyoumightnotneedjquery.com\u002F",[39],[58,527,528],{},[35,529,530],{"href":530,"rel":531},"https:\u002F\u002Fgithub.com\u002Fpablorgarcia\u002Fvanilla-js-vs-jquery",[39],[31,533,534],{},[47,535,536],{},"Article sur la fragmentation des version de jQuery :",[55,538,539],{},[58,540,541],{},[35,542,543],{"href":543,"rel":544},"https:\u002F\u002Flove2dev.com\u002Fblog\u002Fjquery-obsolete\u002F",[39],[31,546,547],{},[47,548,549],{},"Stats sur jQuery et Bootstrap :",[55,551,552],{},[58,553,554],{},[35,555,556],{"href":556,"rel":557},"https:\u002F\u002Fw3techs.com\u002Ftechnologies\u002Fcomparison\u002Fjs-bootstrap,js-jquery",[39],{"title":209,"searchDepth":210,"depth":210,"links":559},[560,561],{"id":442,"depth":210,"text":443},{"id":511,"depth":210,"text":512},[221],"Faut-il encore utiliser jQuery en 2020 ? Pas de réponse absolue et tranchée. On pèse le pour et le contre, puis on vous livre notre avis. Avec l’évolution des navigateurs, l’uniformisation et la standardisation de JavaScript. Est ce qu’il est encore vraiment nécessaire d’embarquer et d’utiliser jQuery sur nos sites web ?","DS_009_jquery",3611,9,"ebbc144f9bbbd6e5a36925b7d2359da6",[],{},"\u002Fpodcasts\u002Fjquery","2020-08-01",{"title":365,"description":563},"podcasts\u002F009.jquery\u002Findex","Faut-il encore utiliser jQuery en 2020 ? Pas de réponse absolue et tranchée. On pèse le pour et le contre, puis on vous livre notre avis.",[576,577],"js","jquery","mR7VmNvSHcSht-r6BPN6aFCXMApPK5jeHSfCf3PpvD0",{"id":580,"title":581,"author":582,"body":583,"categories":704,"description":705,"dsSlug":706,"duration":707,"episodeArtwork":225,"episodeNumber":708,"episodeType":227,"explicit":6,"extension":228,"guid":709,"links":710,"meta":711,"navigation":232,"path":712,"publicationDate":713,"season":235,"seo":714,"status":237,"stem":715,"subtitle":716,"tags":717,"videoLink":225,"__hash__":719},"podcasts\u002Fpodcasts\u002F008.seo\u002Findex.md","Le SEO en 2020, avec Nicolas Baldi","Double slash",{"type":23,"value":584,"toc":697},[585,593,597,601,604,636,640,663,667],[31,586,587,588],{},"Nous en discutons avec notre invité, expert SEO : ",[35,589,592],{"href":590,"rel":591},"https:\u002F\u002Fwww.linkedin.com\u002Fin\u002Fnicolasbaldi\u002F",[39],"Nicolas Baldi",[26,594,596],{"id":595},"liste-des-outils-évoqués-durant-lépisode","Liste des outils évoqués durant l'épisode :",[83,598,600],{"id":599},"outils-pour-le-choix-des-mots-clés","Outils pour le choix des mots clés :",[31,602,603],{},"Pour savoir quels mots-clés choisir, on utilise des outils comme :",[55,605,606,614,622,629],{},[58,607,608,613],{},[35,609,612],{"href":610,"rel":611},"https:\u002F\u002Finsight.yooda.com\u002F",[39],"Yooda Insights"," (39€\u002Fmois)",[58,615,616,621],{},[35,617,620],{"href":618,"rel":619},"https:\u002F\u002Fwww.keyword.io\u002F",[39],"Keyword.io"," (29€\u002Fmois)",[58,623,624,621],{},[35,625,628],{"href":626,"rel":627},"https:\u002F\u002Fneilpatel.com\u002Ffr\u002Fubersuggest\u002F",[39],"Neil Patel \u002F Ubersuggest",[58,630,631,621],{},[35,632,635],{"href":633,"rel":634},"https:\u002F\u002Fkwfinder.com\u002F",[39],"Keyword Finder",[83,637,639],{"id":638},"les-outils-google","Les outils Google",[55,641,642,649,656],{},[58,643,644],{},[35,645,648],{"href":646,"rel":647},"https:\u002F\u002Fdevelopers.google.com\u002Fspeed\u002Fpagespeed\u002Finsights\u002F?hl=fr",[39],"Google Page Speed Insights",[58,650,651],{},[35,652,655],{"href":653,"rel":654},"https:\u002F\u002Fanalytics.google.com\u002Fanalytics\u002Fweb\u002F",[39],"Google Analytics",[58,657,658],{},[35,659,662],{"href":660,"rel":661},"https:\u002F\u002Fsearch.google.com\u002Fsearch-console\u002Fabout",[39],"Google Search Console",[83,664,666],{"id":665},"les-outils-danalyse","Les outils d'analyse :",[55,668,669,676,683,690],{},[58,670,671],{},[35,672,675],{"href":673,"rel":674},"https:\u002F\u002Ffr.semrush.com\u002F",[39],"SEM Rush",[58,677,678],{},[35,679,682],{"href":680,"rel":681},"https:\u002F\u002Fwww.screamingfrog.co.uk\u002Fseo-spider\u002F",[39],"Screaming Frog",[58,684,685],{},[35,686,689],{"href":687,"rel":688},"http:\u002F\u002Fhome.snafu.de\u002Ftilman\u002Fxenulink.html",[39],"Xenu",[58,691,692],{},[35,693,696],{"href":694,"rel":695},"https:\u002F\u002Fseomofo.com\u002Fsnippet-optimizer.html",[39],"Seo Mofo Snippet Optimizer",{"title":209,"searchDepth":210,"depth":210,"links":698},[699],{"id":595,"depth":210,"text":596,"children":700},[701,702,703],{"id":599,"depth":216,"text":600},{"id":638,"depth":216,"text":639},{"id":665,"depth":216,"text":666},[221],"Un épisode avec autour du SEO (Search Engine Optimisation). Le SEO en 2020, les méthodes, les outils, les bonnes pratiques. Comment penser le projet \"SEO Friendly\" dès sa construction.","DS_008_seo",7080,8,"5ee1320d8c992a324b83e8fc970de1e4",[],{},"\u002Fpodcasts\u002Fseo","2020-07-10",{"title":581,"description":705},"podcasts\u002F008.seo\u002Findex","Le SEO en 2020, les méthodes, les outils, les bonnes pratiques. Comment penser le projet \"SEO Friendly\" dès sa construction.",[718],"seo","s-K7JP0WMHQj-ab2gsDBruAiOVqgrf-2su1Uqz2_fZ4",{"id":721,"title":722,"author":582,"body":723,"categories":778,"description":779,"dsSlug":780,"duration":781,"episodeArtwork":225,"episodeNumber":782,"episodeType":227,"explicit":6,"extension":228,"guid":783,"links":784,"meta":785,"navigation":232,"path":786,"publicationDate":787,"season":235,"seo":788,"status":237,"stem":789,"subtitle":790,"tags":791,"videoLink":225,"__hash__":794},"podcasts\u002Fpodcasts\u002F007.tailwindcss\u002Findex.md","TailwindCSS - Évolution ou Révolution ?",{"type":23,"value":724,"toc":775},[725,728,732],[31,726,727],{},"Tailwind est différent des frameworks CSS existants et Alex va vous expliquer pourquoi.",[26,729,731],{"id":730},"voici-les-liens-donnés-dans-lépisode","Voici les liens donnés dans l'épisode :",[55,733,734,743,751,759,767],{},[58,735,736,737,742],{},"Le site de ",[35,738,741],{"href":739,"rel":740},"https:\u002F\u002Ftailwindcss.com\u002F",[39],"TailwindCSS",".",[58,744,745,746],{},"Plus d'infos sur ",[35,747,750],{"href":748,"rel":749},"https:\u002F\u002Fpostcss.org\u002F",[39],"Post CSS",[58,752,753,754,742],{},"Le livre Best Practices Design ",[35,755,758],{"href":756,"rel":757},"https:\u002F\u002Frefactoringui.com\u002Fbook",[39],"Refactoring UI",[58,760,761,762,742],{},"Le repo ",[35,763,766],{"href":764,"rel":765},"https:\u002F\u002Fgithub.com\u002Faniftyco\u002Fawesome-tailwindcss",[39],"AWESOME TailwindCSS",[58,768,769,770,742],{},"Le ",[35,771,774],{"href":772,"rel":773},"https:\u002F\u002Fjavisperez.github.io\u002Ftailwindcolorshades\u002F#\u002F",[39],"Color shade generator",{"title":209,"searchDepth":210,"depth":210,"links":776},[777],{"id":730,"depth":210,"text":731},[221],"Dans cet épisode, on retrouve Patrick et Alex qui échange sur le framework CSS Tailwind. Quels sont les avantages à utiliser encore un framework CSS ? Quel est le fonctionnement de Tailwind ?","DS_007_tailwindcss",3907,7,"eab1b245f897d185b62b958e12ecee0b",[],{},"\u002Fpodcasts\u002Ftailwindcss","2020-06-19",{"title":722,"description":779},"podcasts\u002F007.tailwindcss\u002Findex","On retrouve Patrick et Alex qui échange sur le framework CSS Tailwind, son fonctionnement et son paradigme.",[792,793],"css","tailwindcss","J37LdjLnG1AcnpbR_lM9-bR_xtgmo26hpnf7YAbZ5DA",{"id":796,"title":797,"author":582,"body":798,"categories":1000,"description":1001,"dsSlug":1002,"duration":1003,"episodeArtwork":225,"episodeNumber":1004,"episodeType":227,"explicit":6,"extension":228,"guid":1005,"links":1006,"meta":1007,"navigation":232,"path":1008,"publicationDate":1009,"season":235,"seo":1010,"status":237,"stem":1011,"subtitle":1012,"tags":1013,"videoLink":225,"__hash__":1017},"podcasts\u002Fpodcasts\u002F006.jamstack-conf\u002Findex.md","JAMstack CONF. London",{"type":23,"value":799,"toc":987},[800,805,809,816,823,827,833,836,853,864,868,874,877,880,886,890,898,902,909,914,918,924,929,933,939,944,948,954,959,963,969,974,978,984],[801,802,804],"h1",{"id":803},"jamstack-conf-london-27-mai-2020","JAMStack Conf London 27 mai 2020",[26,806,808],{"id":807},"site-de-la-conférence","Site de la Conférence :",[31,810,811],{},[35,812,815],{"href":813,"rel":814},"https:\u002F\u002Fapp.hopin.to\u002Fevents\u002Fjamstack-conf-virtual\u002Freception",[39],"Lien pour le LIVE",[31,817,818],{},[35,819,822],{"href":820,"rel":821},"https:\u002F\u002Fwww.youtube.com\u002Fplaylist?list=PL58Wk5g77lF8jzqp_1cViDf-WilJsAvqT",[39],"REPLAY sur Youtube",[83,824,826],{"id":825},"strapi","Strapi",[31,828,829],{},[35,830,831],{"href":831,"rel":832},"https:\u002F\u002Fstrapi.io\u002F",[39],[31,834,835],{},"Annonce : enfin une version stable !",[31,837,838,842,843,848,849],{},[839,840,841],"span",{},"Edit"," Complément d'infos par ",[35,844,847],{"href":845,"rel":846},"https:\u002F\u002Ftwitter.com\u002Flaurie_jim?s=20",[39],"Jim Laurie",", co-fondateur et CTO de Strapi : ",[35,850,851],{"href":851,"rel":852},"https:\u002F\u002Ftwitter.com\u002Flaurie_jim\u002Fstatus\u002F1268457168862412801",[39],[55,854,855,858,861],{},[58,856,857],{},"Strapi utilise Koa.js et pas hapi.js pour la couche framework Node.js",[58,859,860],{},"En effet on est community driven, les features que l'on sort sont votés par la communauté.",[58,862,863],{},"Pour la monétisation, c'est un system de plugin. Du coup des features free et payante. Avec des systems de limitation aussi sur certaine features.\nAvec un peu de support possible aussi si besoin.",[83,865,867],{"id":866},"prismic","Prismic",[31,869,870],{},[35,871,872],{"href":872,"rel":873},"https:\u002F\u002Fprismic.io\u002F",[39],[31,875,876],{},"Annonce : La Slice Machine",[31,878,879],{},"Slice Machine, système pour gérer les slices (blocks) entre le repository Prismic et le site. Ligne de commande pour générer des slices. Automatiquement lié au repo via la ligne de commande. Seulement sur Nuxt pour le moment. D'autres librairies sont en cours de dev.",[31,881,882],{},[35,883,884],{"href":884,"rel":885},"https:\u002F\u002Fgithub.com\u002Fprismicio\u002Fslice-machine",[39],[83,887,889],{"id":888},"netlify","Netlify",[55,891,892,895],{},[58,893,894],{},"Edge Handlers",[58,896,897],{},"build plugins",[83,899,901],{"id":900},"commerce-layer","Commerce Layer",[31,903,904,908],{},[35,905,906],{"href":906,"rel":907},"https:\u002F\u002Fcommercelayer.io\u002F",[39],"\nLe site est en anglais.",[55,910,911],{},[58,912,913],{},"Solution ecommerce headless.",[83,915,917],{"id":916},"imgix","Imgix",[31,919,920],{},[35,921,922],{"href":922,"rel":923},"https:\u002F\u002Fwww.imgix.com\u002F",[39],[55,925,926],{},[58,927,928],{},"Service de transformation d'image à la volée",[83,930,932],{"id":931},"kentico-kontent","Kentico Kontent",[31,934,935],{},[35,936,937],{"href":937,"rel":938},"https:\u002F\u002Fkontent.ai\u002F",[39],[55,940,941],{},[58,942,943],{},"Content Manager",[83,945,947],{"id":946},"magnolia","Magnolia",[31,949,950],{},[35,951,952],{"href":952,"rel":953},"https:\u002F\u002Fhd.magnolia-cms.com\u002F",[39],[55,955,956],{},[58,957,958],{},"CMS avec visual editor block",[83,960,962],{"id":961},"mux","Mux",[31,964,965],{},[35,966,967],{"href":967,"rel":968},"https:\u002F\u002Fmux.com\u002F",[39],[55,970,971],{},[58,972,973],{},"Video CMS + livestream avec OBS",[83,975,977],{"id":976},"redwoodjs","RedwoodJS",[31,979,980],{},[35,981,982],{"href":982,"rel":983},"https:\u002F\u002Fredwoodjs.com\u002F",[39],[31,985,986],{},"React, GraphQL and Prisma pour faire le Ruby on Rails du JS.",{"title":209,"searchDepth":210,"depth":210,"links":988},[989],{"id":807,"depth":210,"text":808,"children":990},[991,992,993,994,995,996,997,998,999],{"id":825,"depth":216,"text":826},{"id":866,"depth":216,"text":867},{"id":888,"depth":216,"text":889},{"id":900,"depth":216,"text":901},{"id":916,"depth":216,"text":917},{"id":931,"depth":216,"text":932},{"id":946,"depth":216,"text":947},{"id":961,"depth":216,"text":962},{"id":976,"depth":216,"text":977},[221],"JAMStack Conf London 27 mai 2020 Cette année, la conférence JAMStack de Londres est passée complètement online du à la crise du COVID-19. Nous avons assisté à la conférence le 27 mai 2020 et nous vous faisons un petit résumé sur l’événement et les annonces des acteurs présents.","DS_006_janstack_conf",4483,6,"b96116a9e855f7620515c606f1464738",[],{},"\u002Fpodcasts\u002Fjamstack-conf","2020-06-01",{"title":797,"description":1001},"podcasts\u002F006.jamstack-conf\u002Findex","Retour de la JAMstack Conf. de Londres 27 - 28 Mai 2020",[1014,1015,1016],"statis","jamstack","conference","wJ2HpUNPbT26YKBbFUkwyBBQSovlcg5I5GPAHGQtKSc",{"id":1019,"title":1020,"author":582,"body":1021,"categories":1192,"description":1193,"dsSlug":1194,"duration":1195,"episodeArtwork":225,"episodeNumber":1196,"episodeType":227,"explicit":6,"extension":228,"guid":1197,"links":1198,"meta":1199,"navigation":232,"path":1200,"publicationDate":1201,"season":235,"seo":1202,"status":237,"stem":1203,"subtitle":1204,"tags":1205,"videoLink":225,"__hash__":1208},"podcasts\u002Fpodcasts\u002F005.github-ninja\u002Findex.md","GitHub Ninja",{"type":23,"value":1022,"toc":1185},[1023,1027,1035,1039,1045,1127,1131,1137,1141,1157,1161,1181],[83,1024,1026],{"id":1025},"github-satellite","GitHub Satellite",[31,1028,1029,1030],{},"Vidéos en ligne ",[35,1031,1034],{"href":1032,"rel":1033},"https:\u002F\u002Fgithubsatellite.com\u002F",[39],"GITHUB SATELLITE",[83,1036,1038],{"id":1037},"nouvelle-version-de-la-cli","Nouvelle version de la CLI",[31,1040,1041],{},[35,1042,1043],{"href":1043,"rel":1044},"https:\u002F\u002Fcli.github.com\u002F",[39],[1046,1047,1051],"pre",{"className":1048,"code":1049,"language":1050,"meta":209,"style":209},"language-bash shiki shiki-themes synthwave-84","gh issue [status, list, view, create]\ngh pr [status, list, view, checkout, create]\ngh repo [clone, create, fork, view]\ngh config [get, set]\n","bash",[300,1052,1053,1076,1094,1113],{"__ignoreMap":209},[839,1054,1056,1060,1064,1067,1070,1073],{"class":1055,"line":235},"line",[839,1057,1059],{"class":1058},"sRQ1T","gh",[839,1061,1063],{"class":1062},"soy-K"," issue",[839,1065,1066],{"class":1062}," [status, ",[839,1068,1069],{"class":1062},"list,",[839,1071,1072],{"class":1062}," view,",[839,1074,1075],{"class":1062}," create]\n",[839,1077,1078,1080,1083,1085,1087,1089,1092],{"class":1055,"line":210},[839,1079,1059],{"class":1058},[839,1081,1082],{"class":1062}," pr",[839,1084,1066],{"class":1062},[839,1086,1069],{"class":1062},[839,1088,1072],{"class":1062},[839,1090,1091],{"class":1062}," checkout,",[839,1093,1075],{"class":1062},[839,1095,1096,1098,1101,1104,1107,1110],{"class":1055,"line":216},[839,1097,1059],{"class":1058},[839,1099,1100],{"class":1062}," repo",[839,1102,1103],{"class":1062}," [clone, ",[839,1105,1106],{"class":1062},"create,",[839,1108,1109],{"class":1062}," fork,",[839,1111,1112],{"class":1062}," view]\n",[839,1114,1116,1118,1121,1124],{"class":1055,"line":1115},4,[839,1117,1059],{"class":1058},[839,1119,1120],{"class":1062}," config",[839,1122,1123],{"class":1062}," [get, ",[839,1125,1126],{"class":1062},"set]\n",[83,1128,1130],{"id":1129},"github-actions","Github Actions",[31,1132,1133],{},[35,1134,1135],{"href":1135,"rel":1136},"https:\u002F\u002Fgithub.com\u002Ffeatures\u002Factions",[39],[83,1138,1140],{"id":1139},"extensions","Extensions",[55,1142,1143,1150],{},[58,1144,1145],{},[35,1146,1149],{"href":1147,"rel":1148},"https:\u002F\u002Fwww.octotree.io\u002F",[39],"octoTree",[58,1151,1152],{},[35,1153,1156],{"href":1154,"rel":1155},"https:\u002F\u002Fchrome.google.com\u002Fwebstore\u002Fdetail\u002Fenhanced-github\u002Fanlikcnbgdeidpacdbdljnabclhahhmd\u002Frelated?hl=en",[39],"Enhanced GitHub",[83,1158,1160],{"id":1159},"sur-le-site-du-repo","Sur le site du repo",[55,1162,1163,1169,1175],{},[58,1164,1165,1168],{},[300,1166,1167],{},"t"," pour faire une recherche , nom , extension de fichier",[58,1170,1171,1174],{},[300,1172,1173],{},"y"," pour transformer l'URL en permalink",[58,1176,1177,1180],{},[300,1178,1179],{},"b"," pour trouver qui blamer, git blame !",[1182,1183,1184],"style",{},"html pre.shiki code .sRQ1T, html code.shiki .sRQ1T{--shiki-default:#FE4450}html pre.shiki code .soy-K, html code.shiki .soy-K{--shiki-default:#BBBBBB}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}",{"title":209,"searchDepth":210,"depth":210,"links":1186},[1187,1188,1189,1190,1191],{"id":1025,"depth":216,"text":1026},{"id":1037,"depth":216,"text":1038},{"id":1129,"depth":216,"text":1130},{"id":1139,"depth":216,"text":1140},{"id":1159,"depth":216,"text":1160},[221],"Petit retour sur la conférence annuelle de GitHub, les nouvelles fonctionnalités et autres outils liés à GitHub.","DS_005_gituhub_ninja",2917,5,"3bec175544dbf2be451962b6645868df",[],{},"\u002Fpodcasts\u002Fgithub-ninja","2020-05-19",{"title":1020,"description":1193},"podcasts\u002F005.github-ninja\u002Findex","Mieux utiliser les outils de GitHub dans notre quotidien",[1206,1207,360],"github","git","b_KAPfjrJK3ALKIdLwLAbGB5MilutU-SwwUpmxTAbnU",{"id":1210,"title":1211,"author":582,"body":1212,"categories":1245,"description":1246,"dsSlug":1247,"duration":1248,"episodeArtwork":225,"episodeNumber":1115,"episodeType":227,"explicit":6,"extension":228,"guid":1249,"links":1250,"meta":1251,"navigation":232,"path":1252,"publicationDate":1253,"season":235,"seo":1254,"status":237,"stem":1255,"subtitle":1256,"tags":1257,"videoLink":225,"__hash__":1260},"podcasts\u002Fpodcasts\u002F004.ecommerce-statique\u002Findex.md","Ecommerce statique",{"type":23,"value":1213,"toc":1241},[1214,1221,1225,1231,1235],[31,1215,1216],{},[35,1217,1220],{"href":1218,"rel":1219},"https:\u002F\u002Fsnipcart.com\u002F",[39],"SnipCart",[26,1222,1224],{"id":1223},"article-complémentaire","Article complémentaire :",[31,1226,1227],{},[35,1228,1229],{"href":1229,"rel":1230},"https:\u002F\u002Fwww.goodmotion.fr\u002Fblog\u002Fun-site-e-commerce-statique-developpe-avec-gatsby-js-et-snipcart",[39],[26,1232,1234],{"id":1233},"service-dhébergement-jamstack","Service d'hébergement JAMStack:",[31,1236,1237],{},[35,1238,889],{"href":1239,"rel":1240},"https:\u002F\u002Fwww.netlify.com\u002F",[39],{"title":209,"searchDepth":210,"depth":210,"links":1242},[1243,1244],{"id":1223,"depth":210,"text":1224},{"id":1233,"depth":210,"text":1234},[221],"Dans ce podcast, nous parlons d'un retour d'expérience sur la création d'un site ecommerce avec SnipCart et Gatsby JS. Avec le confinement, les commerçants ont dû fermer leurs portes subitement mi-mars. Avec le confinement qui traîne en longueur, certaines boutiques essayent de s’adapter et de rebondir en tentant le commerce en ligne. Retour sur un site ecommerce statique développé pour une boutique\u002FSalon de thé de Lyon.","DS_004_ecommerce_statique",3880,"d7c3aec02d1fd799875c4cc1143a1f68",[],{},"\u002Fpodcasts\u002Fecommerce-statique","2020-05-11",{"title":1211,"description":1246},"podcasts\u002F004.ecommerce-statique\u002Findex","Retour sur la création d'un site ecommerce avec SnipCart et Gatsby JS",[1258,1259],"static","ecommerce","jbEc8EI4Nu0h1-uN2ABF0IYFRgolDXlC-pTXW_EPY1A",{"id":1262,"title":1263,"author":582,"body":1264,"categories":1364,"description":1365,"dsSlug":1366,"duration":1367,"episodeArtwork":225,"episodeNumber":216,"episodeType":227,"explicit":6,"extension":228,"guid":1368,"links":1369,"meta":1370,"navigation":232,"path":1371,"publicationDate":1372,"season":235,"seo":1373,"status":237,"stem":1374,"subtitle":1375,"tags":1376,"videoLink":225,"__hash__":1379},"podcasts\u002Fpodcasts\u002F003.ecoconception\u002Findex.md","Écoconception et écologie",{"type":23,"value":1265,"toc":1357},[1266,1270,1280,1284,1292,1296,1319,1323,1337,1341],[26,1267,1269],{"id":1268},"invité-dans-ce-podcast","Invité dans ce podcast :",[55,1271,1272],{},[58,1273,1274,1275,1279],{},"François Colin ",[35,1276,1277],{"href":1277,"rel":1278},"https:\u002F\u002Fwww.linkedin.com\u002Fin\u002Ffrancois-colin\u002F",[39],"\nConsultant indépendant sur la transformation numérique et la transition énergie-climat.",[26,1281,1283],{"id":1282},"liens-utiles-sur-lécologie","Liens utiles sur l'écologie :",[55,1285,1286],{},[58,1287,1288],{},[35,1289,1290],{"href":1290,"rel":1291},"https:\u002F\u002Ftheshiftproject.org\u002F",[39],[26,1293,1295],{"id":1294},"liens-utiles-sur-lécoconception","Liens utiles sur l'écoconception :",[55,1297,1298,1305,1312],{},[58,1299,1300,1301],{},"Tester un site : ",[35,1302,1303],{"href":1303,"rel":1304},"http:\u002F\u002Fwww.ecoindex.fr\u002F",[39],[58,1306,1307,1308],{},"Formation en écoconception : ",[35,1309,1310],{"href":1310,"rel":1311},"https:\u002F\u002Fwww.greenit.fr\u002F",[39],[58,1313,1314,1315],{},"Impact des plus gros services en ligne (par Greenpeace) : ",[35,1316,1317],{"href":1317,"rel":1318},"http:\u002F\u002Fwww.clickclean.org\u002Ffrance\u002Ffr\u002F",[39],[26,1320,1322],{"id":1321},"livres","Livres :",[55,1324,1325,1331],{},[58,1326,1327],{},[35,1328,1329],{"href":1329,"rel":1330},"https:\u002F\u002Fwww.greenit.fr\u002F2019\u002F09\u002F10\u002Fsobriete-numerique-les-cles-pour-agir\u002F",[39],[58,1332,1333],{},[35,1334,1335],{"href":1335,"rel":1336},"https:\u002F\u002Fwww.greenit.fr\u002F2019\u002F05\u002F07\u002Fecoconception-web-les-115-bonnes-pratiques-3eme-edition\u002F",[39],[26,1338,1340],{"id":1339},"vidéos","Vidéos :",[55,1342,1343,1350],{},[58,1344,1345,1346],{},"\"Combattre la complexité\" - Rémi Guyot ",[35,1347,1348],{"href":1348,"rel":1349},"https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=4lfW48_oDxo",[39],[58,1351,1352,1353],{},"Ecologie et numérique: ",[35,1354,1355],{"href":1355,"rel":1356},"https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=zmE0X2KKRjc&list=PL4piaFbHOpRc6jtB450EOo-6cc91sUzzz&index=2&t=0s",[39],{"title":209,"searchDepth":210,"depth":210,"links":1358},[1359,1360,1361,1362,1363],{"id":1268,"depth":210,"text":1269},{"id":1282,"depth":210,"text":1283},{"id":1294,"depth":210,"text":1295},{"id":1321,"depth":210,"text":1322},{"id":1339,"depth":210,"text":1340},[221],"Dans ce podcast, nous parlons de l'impact de notre utilisation du numérique sur le réchauffement climatique et d'écoconception.","DS_002_eco_conception",4161,"466f44b0c90f560262f2bde17a2f405a",[],{},"\u002Fpodcasts\u002Fecoconception","2020-04-21",{"title":1263,"description":1365},"podcasts\u002F003.ecoconception\u002Findex","Un point de l'impact de notre utilisation du numérique sur le réchauffement climatique et de l'écoconception",[1377,1378],"ecoconception","green","RSIo36CI8B2vJ4UmBX1J-24wN9lfB-T9hgynrTIuObM",{"id":1381,"title":1382,"author":582,"body":1383,"categories":1503,"description":1504,"dsSlug":1505,"duration":1506,"episodeArtwork":225,"episodeNumber":210,"episodeType":227,"explicit":6,"extension":228,"guid":1507,"links":1508,"meta":1509,"navigation":232,"path":1510,"publicationDate":1511,"season":235,"seo":1512,"status":237,"stem":1513,"subtitle":1514,"tags":1515,"videoLink":225,"__hash__":1516},"podcasts\u002Fpodcasts\u002F002.jamstack\u002Findex.md","Présentation de la JAMStack",{"type":23,"value":1384,"toc":1496},[1385,1393,1395,1409,1413,1421,1425,1455,1459,1467,1470,1476,1480],[55,1386,1387],{},[58,1388,1389],{},[35,1390,1391],{"href":1391,"rel":1392},"https:\u002F\u002Fjamstack.org\u002F",[39],[26,1394,1234],{"id":1233},[55,1396,1397,1402],{},[58,1398,1399],{},[35,1400,889],{"href":1239,"rel":1401},[39],[58,1403,1404],{},[35,1405,1408],{"href":1406,"rel":1407},"https:\u002F\u002Fvercel.com\u002F",[39],"Vercel(now)",[26,1410,1412],{"id":1411},"liste-de-liens-vers-les-services-autour-de-la-jamstack","Liste de liens vers les services autour de la JAMStack :",[55,1414,1415],{},[58,1416,1417],{},[35,1418,1419],{"href":1419,"rel":1420},"https:\u002F\u002Fgithub.com\u002Fautomata\u002Fawesome-jamstack",[39],[26,1422,1424],{"id":1423},"outils-pour-développer-un-site-statique","Outils pour développer un site statique :",[55,1426,1427,1434,1441,1448],{},[58,1428,1429,1430],{},"React JS : ",[35,1431,1432],{"href":1432,"rel":1433},"https:\u002F\u002Fwww.gatsbyjs.org\u002F",[39],[58,1435,1436,1437],{},"Vue JS : ",[35,1438,1439],{"href":1439,"rel":1440},"https:\u002F\u002Fgridsome.org\u002F",[39],[58,1442,1443,1444],{},"Pure HTML : ",[35,1445,1446],{"href":1446,"rel":1447},"https:\u002F\u002Fwww.11ty.dev\u002F",[39],[58,1449,1450,1451],{},"GO : ",[35,1452,1453],{"href":1453,"rel":1454},"https:\u002F\u002Fgohugo.io\u002F",[39],[26,1456,1458],{"id":1457},"événement-autour-de-la-jamstack","Événement autour de la JAMStack",[55,1460,1461],{},[58,1462,1463],{},[35,1464,1465],{"href":1465,"rel":1466},"https:\u002F\u002Fjamstackconf.com\u002F",[39],[31,1468,1469],{},"Entre temps, Gatsby a annoncé l'incremental builds :",[31,1471,1472],{},[35,1473,1474],{"href":1474,"rel":1475},"https:\u002F\u002Fwww.gatsbyjs.com\u002Fdocs\u002Fincremental-builds\u002F",[39],[26,1477,1479],{"id":1478},"communauté-jamstack-française","Communauté JAMStack française :",[55,1481,1482,1489],{},[58,1483,1484,1485],{},"site web (billets originaux et traductions) : ",[35,1486,1487],{"href":1487,"rel":1488},"https:\u002F\u002Fjamstatic.fr\u002F",[39],[58,1490,1491,1492],{},"Slack avec beaucoup de sujets abordés et une communauté active (et accueillante) : ",[35,1493,1494],{"href":1494,"rel":1495},"https:\u002F\u002Fjamstatic.fr\u002Fslack\u002F",[39],{"title":209,"searchDepth":210,"depth":210,"links":1497},[1498,1499,1500,1501,1502],{"id":1233,"depth":210,"text":1234},{"id":1411,"depth":210,"text":1412},{"id":1423,"depth":210,"text":1424},{"id":1457,"depth":210,"text":1458},{"id":1478,"depth":210,"text":1479},[221],"Dans ce podcast, nous parlons de la JAMStack. Comment la JAMStack fonctionne, quelle est la différence avec les sites dynamiques du type PHP\u002FWordPress. Quelles sont les limites et quels sont les avantages.","DS_001_jamstack",4825,"72b1aeca6ea293f3fa30d4003404be07",[],{},"\u002Fpodcasts\u002Fjamstack","2020-04-09",{"title":1382,"description":1504},"podcasts\u002F002.jamstack\u002Findex","Présentation de la JAMStack, avantages et concepts",[1015,1258],"eQEnYkU-77hDbPHt8VUk-sq11M1jcejiSD0rQaDEYKU",{"id":1518,"title":1519,"author":582,"body":1520,"categories":1524,"description":1525,"dsSlug":1526,"duration":1527,"episodeArtwork":225,"episodeNumber":235,"episodeType":227,"explicit":6,"extension":228,"guid":1528,"links":1529,"meta":1530,"navigation":232,"path":1531,"publicationDate":1532,"season":235,"seo":1533,"status":237,"stem":1534,"subtitle":1535,"tags":1536,"videoLink":225,"__hash__":1540},"podcasts\u002Fpodcasts\u002F001.prologue\u002Findex.md","Le prologue",{"type":23,"value":1521,"toc":1522},[],{"title":209,"searchDepth":210,"depth":210,"links":1523},[],[221],"Le premier épidode double slash, l'épisode \"Pilote\", qui présente l'équipe et le podcast. Pourquoi un podcast, quels sujets allons-nous développer et les thèmes principaux du podcast.","DS_000_prologue",553,"d6d49d9bf21bc895cc67e4af72016743",[],{},"\u002Fpodcasts\u002Fprologue","2020-04-01",{"title":1519,"description":1525},"podcasts\u002F001.prologue\u002Findex","Présentation du podcast et de l'équipe",[1537,1538,1539],"presentation","alex","patrick","rmXp8E9u5bbGjw7c6Gv3CGeEZW1pgJLvYM8-K3vfeRo",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":1542},"\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":1544},"\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>",["Island",1546],{"key":1547,"result":1548},"Brand_bAcjTzQpW6OVpFK319jfMki97vH1GrZiqHmeI7Xg4o",{"head":1549},{},["Island",1551],{"key":1552,"result":1553},"Duration_J7RDpWNfkxPPuYogdytT1rol0Y8EbG0uAvTlGBsAlA",{"head":1554},{},["Island",1556],{"key":1557,"result":1558},"Duration_Bt30L7Egf9mSOlLWZJd9ybqLfJs2bO9jQ5PiesnqA4",{"head":1559},{},["Island",1561],{"key":1562,"result":1563},"Duration_Pqlb4RfATVPKOIAL773lptEf6DHlgAeOy8BpqRIWQ",{"head":1564},{},["Island",1566],{"key":1567,"result":1568},"Duration_U8mo3pvFenruEAy5IPzsknCq5mxWUoTDHW1sjqsot4",{"head":1569},{},["Island",1571],{"key":1572,"result":1573},"Duration_Z70c84aamWY9wEozoPnCgcj54qVPY550J2TYGiqCoag",{"head":1574},{},["Island",1576],{"key":1577,"result":1578},"Duration_7ZmX4WMCMJ07EKLyFTj5nUmDLldNjFdyU4TSapmaIA",{"head":1579},{},["Island",1581],{"key":1582,"result":1583},"Duration_ngeWqxX8zmQHeA1s1II7N3HHLGxvm1yDjYke95AA",{"head":1584},{},["Island",1586],{"key":1587,"result":1588},"Duration_3N3GMMF0ofqkLYlsZiu9nWCMxeP5yX5UfDlN28hag",{"head":1589},{},["Island",1591],{"key":1592,"result":1593},"Duration_qcCDehAsSeBwt5uiEQm20jt1LRRwOVclUtfDzhVk",{"head":1594},{},["Island",1596],{"key":1597,"result":1598},"Duration_KWS7zPpjZC5hVK6inJwjK38x7m3ATIPLYHCOKQwkc",{"head":1599},{},["Island",1601],{"key":1602,"result":1603},"Duration_GS47elWkK68eYLemOLlWbrrGwpdWSDxmViXJ2xG408",{"head":1604},{},1785405175085]