Jump to content

AlexDuval

Member
  • Posts

    0
  • Joined

  • Last visited

  1. Podcast sur le développement web moderne Double Slash, un podcast avec 2 animateurs qui se retrouvent pour discuter des outils et des techniques pour le développement moderne de site web et d’application web. Retrouvez-nous régulièrement pour parler de sujets variés tels que la JAMStack, l’accessibilité, l’écoconception, React JS, Vue JS et des retours d’expériences sur des implémentations. Également, des débats autour de sujets polémiques tels que la communication entre développeurs/designers ou comment avoir un discours compréhensible par les clients. Nous serons accompagnés de temps en temps par des invités experts dans leur domaine pour approfondir un sujet et avoir des retours d’expériences. Faites-nous vos retours par mail sur info@slash-podcast.fr
  2. 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. 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 ? 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. listes des scripts par défaut dans wordpress Les principales Librairies créées entre 2004 et 2010 Dojo : 2004 Prototype : 2005 jQuery : 2006 MooTools : 2006 script.aculo.us : 2010 Supprimer jQuery sur un code existant Un article de github sur la suppression de JQUERY sur GitHub en 2018. https://github.blog/2018-09-06-removing-jquery-from-github-frontend/ Remplacer jQuery par une autre librarie (joke) http://vanilla-js.com/ Réponse de la communauté Les réponses de la question posée sur Linkedin : Dépendance à Wordpress. Sachant que wp utilise encore la version 1 Dépendance à bootstrap Utilisé par habitude Toujours enseigné dans certaines formations Encore bien utilisé dans certaine entreprise Notes perso : Dans l'idéal, utiliser un mix de vanilla et de jQuery si il est chargé par défaut (WP) JQuery est plus lent que vanilla JS 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é. Éviter les animations en JS. Petit sondage sur Twitter : jQuery, est-ce que vous en avez encore besoin dans vos projets en 2020 ? 27 votes : oui 15% non 66% ça dépend 18% Liste de Liens: Comparaison entre méthodes jQuery et pure JS : http://youmightnotneedjquery.com/ https://github.com/pablorgarcia/vanilla-js-vs-jquery Article sur la fragmentation des version de jQuery : https://love2dev.com/blog/jquery-obsolete/ Stats sur jQuery et Bootstrap : https://w3techs.com/technologies/comparison/js-bootstrap,js-jquery Podcast présenté par : Alexandre Duval @xlanex6 Patrick Faramaz @PatrickFaramaz
  3. Le SEO en 2020, les méthodes, les outils, les bonnes pratiques. Comment penser le projet "SEO Friendly" dès sa construction. 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. Nous en discutons avec notre invité, expert SEO : Nicolas Baldi Liste des outils évoqués durant l'épisode : Outils pour le choix des mots clés : Pour savoir quels mots-clés choisir, on utilise des outils comme : Yooda Insights (39€/mois) Keyword.io (29€/mois) Neil Patel / Ubersuggest (29€/mois) Keyword Finder (29€/mois) Les outils Google Google Page Speed Insights Google Analytics Google Search Console Les outils d'analyse : SEM Rush Screaming Frog Xenu Seo Mofo Snippet Optimizer Podcast présenté par : Alexandre Duval @xlanex6 Patrick Faramaz @PatrickFaramaz
  4. On retrouve Patrick et Alex qui échange sur le framework CSS Tailwind, son fonctionnement et son paradigme. 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 ? Tailwind est différent des frameworks CSS existants et Alex va vous expliquer pourquoi. Voici les liens donnés dans l'épisode : Le site de TailwindCSS. Plus d'infos sur Post CSS Le livre Best Practices Design Refactoring UI. Le repo AWESOME TailwindCSS. Le Color shade generator. Podcast présenté par : Alexandre Duval @xlanex6 Patrick Faramaz @PatrickFaramaz
  5. Retour de la JAMstack Conf. de Londres 27 - 28 Mai 2020 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. Site de la Conférence : Lien pour le LIVE REPLAY sur Youtube Strapi https://strapi.io/ Annonce : enfin une version stable ! [Edit] Complément d'infos par Jim Laurie, co-fondateur et CTO de Strapi : https://twitter.com/laurie_jim/status/1268457168862412801 Strapi utilise Koa.js et pas hapi.js pour la couche framework Node.js En effet on est community driven, les features que l'on sort sont votés par la communauté. 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. Avec un peu de support possible aussi si besoin. Prismic https://prismic.io/ Annonce : La Slice Machine 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. https://github.com/prismicio/slice-machine Netlify Edge Handlers build plugins Commerce Layer https://commercelayer.io/ Le site est en anglais. Solution ecommerce headless. Imgix https://www.imgix.com/ Service de transformation d'image à la volée Kentico Kontent https://kontent.ai/ Content Manager Magnolia https://hd.magnolia-cms.com/ CMS avec visual editor block Mux https://mux.com/ Video CMS + livestream avec OBS RedwoodJS https://redwoodjs.com/ React, GraphQL and Prisma pour faire le Ruby on Rails du JS. Podcast présenté par : Alexandre Duval @xlanex6 Patrick Faramaz @PatrickFaramaz
  6. Mieux utiliser les outils de GitHub dans notre quotidien Petit retour sur la conférence annuelle de GitHub, les nouvelles fonctionnalités et autres outils liés à GitHub. GitHub Satellite Vidéos en ligne GITHUB SATELLITE Nouvelle version de la CLI https://cli.github.com/ gh issue [status, list, view, create] gh pr [status, list, view, checkout, create] gh repo [clone, create, fork, view] gh config [get, set] Github Actions https://github.com/features/actions Extensions octoTree Enhanced GitHub Sur le site du repo t pour faire une recherche , nom , extension de fichier y pour transformer l'URL en permalink b pour trouver qui blamer, git blame ! Podcast présenté par : Alexandre Duval @xlanex6 Patrick Faramaz @PatrickFaramaz
  7. Retour sur la création d'un site ecommerce avec SnipCart et Gatsby JS 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/Salon de thé de Lyon. Podcast présenté par : Alexandre Duval https://twitter.com/xlanex6 Patrick Faramaz https://twitter.com/PatrickFaramaz SnipCart Article complémentaire : https://www.goodmotion.fr/blog/un-site-e-commerce-statique-developpe-avec-gatsby-js-et-snipcart Service d'hébergement JAMStack: Netlify
  8. Un point de l'impact de notre utilisation du numérique sur le réchauffement climatique et de l'écoconception Dans ce podcast, nous parlons de l'impact de notre utilisation du numérique sur le réchauffement climatique et d'écoconception. Podcast présenté par : Alexandre Duval https://twitter.com/xlanex6 Patrick Faramaz https://twitter.com/PatrickFaramaz Invité dans ce podcast : François Colin https://www.linkedin.com/in/francois-colin/ Consultant indépendant sur la transformation numérique et la transition énergie-climat. Liens utiles sur l'écologie : https://theshiftproject.org/ Liens utiles sur l'écoconception : Tester un site : http://www.ecoindex.fr/ Formation en écoconception : https://www.greenit.fr/ Impact des plus gros services en ligne (par Greenpeace) : http://www.clickclean.org/france/fr/ Livres : https://www.greenit.fr/2019/09/10/sobriete-numerique-les-cles-pour-agir/ https://www.greenit.fr/2019/05/07/ecoconception-web-les-115-bonnes-pratiques-3eme-edition/ Vidéos : "Combattre la complexité" - Rémi Guyot https://www.youtube.com/watch?v=4lfW48_oDxo Ecologie et numérique: https://www.youtube.com/watch?v=zmE0X2KKRjc&list=PL4piaFbHOpRc6jtB450EOo-6cc91sUzzz&index=2&t=0s
  9. Présentation de la JAMStack, avantages et concepts Dans ce podcast, nous parlons de la JAMStack. Comment la JAMStack fonctionne, quelle est la différence avec les sites dynamiques du type PHP/WordPress. Quelles sont les limites et quels sont les avantages. https://jamstack.org/ Podcast présenté par : Alexandre Duval https://twitter.com/xlanex6 Patrick Faramaz https://twitter.com/PatrickFaramaz Service d'hébergement JAMStack: Netlify Vercel(now) Liste de liens vers les services autour de la JAMStack : https://github.com/automata/awesome-jamstack Outils pour développer un site statique : React JS : https://www.gatsbyjs.org/ Vue JS : https://gridsome.org/ Pure HTML : https://www.11ty.dev/ GO : https://gohugo.io/ Événement autour de la JAMStack https://jamstackconf.com/ Entre temps, Gatsby a annoncé l'incremental builds : https://www.gatsbyjs.com/docs/incremental-builds/
  10. AlexDuval

    Le prologue

    Présentation du podcast et de l'équipe 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. Podcast présenté par : Alexandre Duval https://twitter.com/xlanex6 Patrick Faramaz https://twitter.com/PatrickFaramaz
×

Important Information

By using this website, you accept the use of cookies in accordance with our Privacy Policy.