- Nouveau
- Tendances
- Classement
-
Tagsbonnes-pratiquesBonnes pratiques40teletravailTélétravail15tddTDD13design-patternDesign Pattern12architectureArchitecture12agiliteAgilité12codeCode11devopsDevOps9carriereCarrière8front-endfront-end7conferenceConférence7veilleVeille6retour-d-experienceRetour d'experience6gitGit6entreprenariatEntreprenariat6clean-codeClean Code6podcastPodcast5javascriptJavaScript5cultureCulture5videoVidéo4organisationOrganisation4freelancingFreelancing4formationFormation4dddDDD4compagnonCompagnon4youtubeYoutube3vue-jsvue.js3testingTesting3retrospectiveRetrospective3remoteremote3reconversionReconversion3performancesperformances3optimisationOptimisation3nodejsNodeJS3humourHumour3ethiqueEthique3emploiEmploi3ecologieEcologie3debutantDébutant3cqrsCQRS3covid-19Covid-193clean-architectureClean Architecture3ci-cdCI/CD3blogBlog3webWeb2tech-leadTech Lead2slackSlack2programmation-fonctionnelleProgrammation fonctionnelle2productivteproductivté2personal-brandingpersonal branding2javaJava2hexagonalehexagonale2green-itGreen IT2gestion-du-tempsGestion du temps2evenementÉvènement2ecosystemeEcosystème2donnees-personnellesDonnées personnelles2changelogChangelog2cercleCercle2architecture-hexagonaleArchitecture Hexagonale2vscodevscode1vite-jsvite.js1vision-systemiqueVision systémique1vie-priveeVie privée1tinydbTinyDB1theorie-des-contraintesThéorie des contraintes1thematuredevTheMatureDev1systeme-de-queueSystème de queue1sqlSQL1springbootspringboot1slow-techSlow.tech1securiteSécurité1rustrust1restREST1reactReact1queerQueer1pythonPython1produitProduit1ports-and-adaptersPorts and Adapters1pooPOO1phpPHP1pedagogiePédagogie1open-sourceOpen Source1onlineonline1net.NET1mvcmvc1mutation-testingMutation testing1minimalismeMinimalisme1maisonMaison1lowtechLowTech1livelive1licorneLicorne1langagelangage1jobjob1ingenieurieIngénieurie1inclusionInclusion1ideide1iaIA1hibernatehibernate1graphqlGraphQL1goGo1flowconFlowcon1flowflow1event-sourcingEvent sourcing1entretien-d-embaucheEntretien d'embauche1entretienentretien1entrainementEntrainement1energieEnergie1dojoDojo1dockerdocker1diversiteDiversité1devtoolDevTool1dbDB1ctoCTO1craftCraft1coup-de-gueuleCoup de gueule1cloudCloud1chansonChanson1bffBFF1avenirAvenir1autonomieAutonomie1audioAudio1apiAPI1androidAndroid1alignementAlignement1algorithmealgorithme1
- Mes favoris
- Recevoir par email
- Partager un lien
Le concept de « Clean Architecture », qu’on appelle aussi l’« Architecture hexagonale » ou encore « Ports/Adapters Architecture » a déjà fait ses preuves dans le développement d’application backend. Si cette technique a gagné en popularité ces dernières années, elle ne s’est pas beaucoup démocratisée dans le développement d’application frontend.
Nous vous invitons donc à venir découvrir les fondamentaux de la Clean Architecture et voir comment l’implémenter dans une application web. À travers cette session, nous redévelopperons l’application de prévision météorologique à partir des concepts de « Clean Architecture » puis nous tenterons de migrer de frameworks en live.
----------------------
Une vidéo présentant la clean architecture, et comment la mettre en place dans un projet front-end, avec des exemples de codes disponible ici : www.youtube.com/...

L'automatisation Des Tests Échoue, Feat. Jean - Pierre Lambert
Accéder à l'épisode
Organisation transversale avec Christophe Escobar
Accéder à l'épisode
Les design patterns expliqués par un (piètre) dessinateur.
Afficher la ressource
Dependency Injection : reprenez le contrôle de votre code.
Afficher la ressource
Bonne nouvelle, utiliser ce standard, notamment le shadow DOM, vous permet d'afficher sur la même page du React, du Angular, du VueJS ou même du pur HTML+JS.
Petit bémol (pas un point bloquant, mais il faut connaitre les limitations:
- pour partager des styles, préférez les variables CSS (Convention Over Configuration)
- Tester son GUI avec Pupeteer par exemple, nécessite de faire du "DOM piercing" pour accéder au shadow DOM
- Les formulaires peuvent devenir un problème si vous n'adoptez pas la clean architecture (tant mieux d'ailleurs, un des patterns du Clean Code c'est de rendre facile d'appliquer les bonnes pratiques et difficile l'usage des mauvaises).
On vit une chouette période pour faire du web !
Happy coding.
Par contre, la question que je me posais : le présentateur utilise un objet passé en paramètre pour "retourner" le résultat de ses use cases. Je n'arrive pas à voir ce que cela apporte de bénéfique par rapport a un bon vieux return. Ou est-ce juste un détail d'implémentation ?