<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Productivité &#8211; Maarch</title>
	<atom:link href="https://maarch.com/blog/tag/productivite/feed/" rel="self" type="application/rss+xml" />
	<link>https://maarch.com</link>
	<description>Influenceur des usages numériques</description>
	<lastBuildDate>Fri, 15 Nov 2024 17:27:02 +0000</lastBuildDate>
	<language>fr-FR</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://maarch.com/wp-content/uploads/cropped-favicon-1-32x32.png</url>
	<title>Productivité &#8211; Maarch</title>
	<link>https://maarch.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Le Clean Code en pratique dans le développement des logiciels Maarch</title>
		<link>https://maarch.com/blog/le-clean-code-en-pratique-dans-le-developpement-des-logiciels-maarch/</link>
					<comments>https://maarch.com/blog/le-clean-code-en-pratique-dans-le-developpement-des-logiciels-maarch/#respond</comments>
		
		<dc:creator><![CDATA[infra]]></dc:creator>
		<pubDate>Fri, 15 Nov 2024 17:27:02 +0000</pubDate>
				<category><![CDATA[Article]]></category>
		<category><![CDATA[Bonnes pratiques]]></category>
		<category><![CDATA[Clean Code]]></category>
		<category><![CDATA[Open Source]]></category>
		<category><![CDATA[Productivité]]></category>
		<category><![CDATA[Qualité du code]]></category>
		<guid isPermaLink="false">https://maarch.com/?p=2343</guid>

					<description><![CDATA[Un code propre, autrement dit Clean Code, est essentiel pour garantir la longévité, la qualité et la facilité d'évolution des logiciels. Qu'est-ce que le Clean Code, les bénéfices qu'il apporte, ainsi que des exemples et des pratiques concrètes pour le rendre applicable et accessible ?]]></description>
										<content:encoded><![CDATA[<div class="lazyblock-bloc-article-1ySase wp-block-lazyblock-bloc-article">
<section class="compt-article">
	<div class="container">
		<div class="wrapper">

      <div class="wrapCenter">
      <div class="contentArticle">
        
        <a href="/blog" class="small-text TT ls-80 bold">← Retour</a>
        <div style="height:30px;"></div>
        
        <div class="lazyblock-inner-blocks">
<div class="lazyblock-bloc-summary-Z1kGYWi wp-block-lazyblock-bloc-summary">
  <div class="summary">

    	<div class="supTitle">
  		<p class="small-text TT ls-80 bold">Table des matières</p>
  	</div>
  
  	<div class="sumList">
    		<a href="#cleanCode" class="normal-text">Qu’est-ce qu’un code propre ?</a>
    		<a href="#avantages" class="normal-text">Les avantages du code propre</a>
    		<a href="#meilleuresPratiques" class="normal-text">Meilleures pratiques pour un code propre</a>
    		<a href="#conseilsStrategies" class="normal-text">Conseils et stratégies pratiques pour améliorer la lisibilité et la maintenabilité du code</a>
    		<a href="#conclusion" class="normal-text">Conclusion</a>
    	</div>
  </div>
  <div style="height:50px;"></div>
</div>


<div id="edito" class="wp-block-group"><div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<h2 class="wp-block-heading">Introduction</h2>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p>Un code propre, autrement dit Clean Code, est essentiel pour garantir la longévité, la qualité et la facilité d&rsquo;évolution des logiciels. Qu&rsquo;est-ce que le Clean Code, les bénéfices qu&rsquo;il apporte, ainsi que des exemples et des pratiques concrètes pour le rendre applicable et accessible ?</p>



<div style="height:10px" aria-hidden="true" class="wp-block-spacer"></div>



<p>Un code bien structuré et lisible facilite non seulement la tâche des développeurs, mais optimise également les ressources, réduit les erreurs et accélère la mise en œuvre de nouvelles fonctionnalités.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>
</div></div>



<div id="cleanCode" class="wp-block-group"><div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<h2 class="wp-block-heading"><strong>Qu&rsquo;est-ce qu&rsquo;un code propre ?</strong></h2>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p>Un Clean Code est un code qui est structuré, compréhensible et dépourvu de complexités inutiles. Il est organisé de manière à être lisible et maintenable par d&rsquo;autres développeurs ou par soi-même après plusieurs mois, et ce, avec un minimum d&rsquo;effort.</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<h3 class="wp-block-heading">Un code propre est également évolutif et réutilisable, car il suit des règles simples qui facilitent son adaptation et son extension au fil du temps. </h3>
</blockquote>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p><strong>Il repose sur plusieurs principes de base :</strong></p>



<div style="height:10px" aria-hidden="true" class="wp-block-spacer"></div>



<ul class="wp-block-list">
<li><strong>Simplicité :</strong> Chaque partie du code répond à une seule responsabilité bien définie.</li>



<li><strong>Lisibilité :</strong> Le code est compréhensible sans avoir besoin d&rsquo;explications excessives.</li>



<li><strong>Maintenabilité :</strong> Il est facile à corriger, adapter et optimiser.</li>



<li><strong>Modularité :</strong> Le code est découpé en parties autonomes et réutilisables.</li>
</ul>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>


<div class="lazyblock-bloc-pic-Zmmjmm wp-block-lazyblock-bloc-pic">  <!-- start .sPic [LazyBlock] -->
  <div class="picBloc">
    
  	<!-- start .sWrap -->
  	<div class="sWrap">
          <img decoding="async" src="https://maarch.com/wp-content/uploads/schema-clean-code.jpg" alt="">
    
  		<p class="xtiny-text medium"><em>Schéma du concept de Clean Code</em></p>
    

  	</div>
  	<!-- end .sWrap -->
    

  

  	
  </div>
  <!-- end .sPic [LazyBlock] --></div>


<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<p>Les logiciels Maarch, étant des solutions open source, adhèrent aux principes du Clean Code pour rendre leur code source accessible et modulable.</p>
</div></div>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<div id="avantages" class="wp-block-group"><div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<h2 class="wp-block-heading"><strong><strong>Les avantages du code propre</strong><br></strong><div><strong style="-webkit-font-smoothing: antialiased; margin: 0px; padding: 0px; border: 0px; vertical-align: baseline;"></strong></div></h2>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p>Les avantages d’un code propre vont bien au-delà de l’esthétique. Ils sont cruciaux pour la réussite d’un projet logiciel.</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading">1&#xfe0f;&#x20e3; <strong>Maintenabilité accrue</strong></h3>



<div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>



<p>La maintenabilité est l&rsquo;un des avantages les plus importants du Clean Code. Lorsque le code est bien structuré et facile à comprendre, il est beaucoup plus simple d&rsquo;y revenir pour le corriger ou le mettre à jour.</p>



<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<h3 class="wp-block-heading">Selon une étude de l’Université Carnegie Mellon, les entreprises qui investissent dans la maintenabilité de leur code réduisent de 30 à 50 % le temps passé en maintenance, ce qui se traduit par des économies significatives.</h3>
</blockquote>



<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>



<p>En pratique, cela signifie moins de bugs, des corrections plus rapides et une capacité accrue à faire évoluer le code sans le casser.</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading">2&#xfe0f;&#x20e3; <strong>Réutilisabilité</strong></h3>



<div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>



<p>Le code propre favorise la réutilisation, car chaque fonction ou module est indépendant et conçu pour remplir une tâche spécifique. Dans un contexte où l&rsquo;on développe de multiples applications ou versions d’un produit, la réutilisation devient un atout stratégique.</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading">3&#xfe0f;&#x20e3; Évolutivité et adaptabilité</h3>



<div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>



<p>Un code bien écrit et structuré est facile à faire évoluer. À mesure que les exigences changent, un code propre est suffisamment flexible pour permettre l&rsquo;ajout de nouvelles fonctionnalités sans perturber l’existant.</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading">4&#xfe0f;&#x20e3; <strong>Collaboration facilitée</strong></h3>



<div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>



<p>Un Clean Code bien documenté facilite la collaboration au sein des équipes de développement. Dans les grandes entreprises comme Microsoft, où plusieurs équipes travaillent sur des projets communs, un code standardisé, lisible et bien organisé permet aux développeurs de comprendre rapidement les contributions des autres. La collaboration est alors facilitée, même en cas de <a href="https://www.qualtrics.com/fr/gestion-de-l-experience/employe/turnover-definition/" data-type="link" data-id="https://www.qualtrics.com/fr/gestion-de-l-experience/employe/turnover-definition/"><strong><span style="text-decoration: underline;">turnover</span></strong></a>.</p>
</div></div>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<div id="meilleuresPratiques" class="wp-block-group"><div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<h2 class="wp-block-heading"><strong><strong>Meilleures pratiques pour un code propre</strong></strong></h2>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p>Un code propre ne dépend pas seulement de la compétence individuelle, mais repose sur des bonnes pratiques reconnues et éprouvées par tous.</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading">1&#xfe0f;&#x20e3; <strong>Organisation du code</strong></h3>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p><strong>Architecture claire :</strong> adopter une architecture bien définie, telle que <strong><span style="text-decoration: underline;"><a href="https://www.lemagit.fr/definition/Conception-pilotee-par-le-domaine-DDD#:~:text=La%20conception%20pilot%C3%A9e%20par%20le,forces%20%C3%A0%20des%20choses%20inutiles." target="_blank" rel="noreferrer noopener">DDD (Domain Driven Design)</a></span></strong> ou l’<strong><span style="text-decoration: underline;"><a href="https://blog.sciam.fr/2023/10/27/architecture-hexagonale-par-la-pratique-partie1.html" target="_blank" rel="noreferrer noopener">architecture hexagonale</a></span></strong>, plus récente et utilisée pour la conception des produits tels que  Maarch Digital Flow. </p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<h3 class="wp-block-heading">Cette architecture permet une meilleure gestion des segments comme les dossiers, documents, utilisateurs, etc.</h3>
</blockquote>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p>Cette architecture permet également deux choses, d’une part une séparation du code métier et du code qui « interagit » avec l’extérieur, et d’autre part l’aboutissement des tests plus simplement et rapidement pour tout code métier.</p>



<div style="height:10px" aria-hidden="true" class="wp-block-spacer"></div>



<p>À savoir que l’ensemble de la solution Maarch Digital Flow est développé autour de cette structure hexagonale.</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>


<div class="lazyblock-bloc-pic-203pD2 wp-block-lazyblock-bloc-pic">  <!-- start .sPic [LazyBlock] -->
  <div class="picBloc">
    
  	<!-- start .sWrap -->
  	<div class="sWrap">
          <img decoding="async" src="https://maarch.com/wp-content/uploads/hexagonal-architecture.jpg" alt="">
    
  		<p class="xtiny-text medium"><em><em>Exemple de structure hexagonale</em></em><div class="lazyblock-bloc-pic-ZjqlsM wp-block-lazyblock-bloc-pic" style="-webkit-font-smoothing: antialiased; font-family: &quot;Sharp Sans&quot;, sans-serif; margin: 0px; padding: 0px; border: 0px; font-size: 16px; vertical-align: baseline; color: rgb(15, 13, 45); font-weight: 600; white-space-collapse: collapse; background-color: rgb(254, 250, 242);"><div class="picBloc" style="-webkit-font-smoothing: antialiased; margin: 0px; padding: 0px; border: 0px; vertical-align: baseline;"><div class="sWrap" style="-webkit-font-smoothing: antialiased; margin: 0px; padding: 0px; border: 0px; vertical-align: baseline;"><div><em style="-webkit-font-smoothing: antialiased; margin: 0px; padding: 0px; border: 0px; vertical-align: baseline;"></em></div></div></div></div></p>
    

  	</div>
  	<!-- end .sWrap -->
    

  

  	
  </div>
  <!-- end .sPic [LazyBlock] --></div>


<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p><strong>Modularité :</strong> Découper les fonctions et classes en petits modules, afin que chacun d’entre eux soit  responsable d’une tâche précise.</p>



<div style="height:10px" aria-hidden="true" class="wp-block-spacer"></div>



<p><strong>Structure logique des dossiers :</strong> Organiser les fichiers et dossiers de façon cohérente pour faciliter la navigation et la lecture.</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading">2&#xfe0f;&#x20e3; <strong>Nommer les variables et fonctions avec clarté</strong></h3>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p><strong>Utiliser des noms explicites :</strong> Les noms de variables et de fonctions doivent être clairs et décrire précisément leur fonction (par exemple, “Total Price” est plus explicite que “tp”).</p>



<div style="height:10px" aria-hidden="true" class="wp-block-spacer"></div>



<p><strong>Éviter les abréviations :</strong> Les abréviations peuvent être trompeuses et rendre le code incompréhensible. Privilégiez des noms complets et significatifs. Il en vaut de même pour les noms de code en situation de test.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>


<div class="lazyblock-bloc-pic-18I6ux wp-block-lazyblock-bloc-pic">  <!-- start .sPic [LazyBlock] -->
  <div class="picBloc">
    
  	<!-- start .sWrap -->
  	<div class="sWrap">
          <img decoding="async" src="https://maarch.com/wp-content/uploads/variables-fonctions.jpg" alt="">
    
  		<p class="xtiny-text medium"><em>Illustration de variable et fonction exposée avec clarté.</em></p>
    

  	</div>
  	<!-- end .sWrap -->
    

  

  	
  </div>
  <!-- end .sPic [LazyBlock] --></div>


<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading">3&#xfe0f;&#x20e3; <strong>Commentaires et documentation</strong></h3>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p><strong>Commentaires succincts :</strong> Les commentaires concernant un test ou un code doivent être concis, informatifs et expliquer pourquoi le code fait ce qu&rsquo;il fait. Un code propre est en soi explicite.</p>



<div style="height:10px" aria-hidden="true" class="wp-block-spacer"></div>



<p><strong>Documentation des fonctions</strong> : Documenter chaque fonction en indiquant ses paramètres, sa fonction et les éventuelles exceptions.</p>



<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading">4&#xfe0f;&#x20e3; <strong>Techniques de débogage et de test</strong></h3>



<div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>



<p>Il existe plusieurs types de tests essentiels pour garantir la qualité et la fiabilité du code.</p>



<div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>



<h4 class="wp-block-heading"><strong>Tests automatisés :</strong></h4>



<div style="height:15px" aria-hidden="true" class="wp-block-spacer"></div>



<ul class="wp-block-list">
<li><strong>Test unitaire :</strong> le test unitaire vérifie chaque fonction ou composant individuellement pour s’assurer qu’il fonctionne correctement en isolant ses fonctionnalités spécifiques. Par exemple, dans une application de messagerie, un test unitaire vérifiera qu&rsquo;une fonction de formatage de data renvoie bien le format attendu. Ces tests doivent être mis en place dès les premières étapes du projet pour s’assurer de la qualité du code au fil du développement.</li>



<li><strong>Test fonctionnel:</strong>  le test fonctionnel évalue des fonctionnalités complètes de l’application en vérifiant que chaque composant fonctionne comme prévu en interaction avec  d’autres. Par exemple, dans une plateforme de gestion de documents comme <strong><span style="text-decoration: underline;"><a href="https://maarch.com/maarch-digital-flow/" target="_blank" rel="noreferrer noopener">MDF</a></span></strong>, un test fonctionnel pourrait vérifier qu’un utilisateur peut télécharger, consulter et partager un document de bout en bout, simulant ainsi un cas d’utilisation réel.</li>
</ul>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h4 class="wp-block-heading"><strong>Codage itératif avec </strong><a href="https://blog.hubspot.fr/website/test-driven-development" target="_blank" rel="noreferrer noopener"><strong><span style="text-decoration: underline;">TDD (Test-Driven Development)</span></strong></a> <strong>:</strong> </h4>



<div style="height:15px" aria-hidden="true" class="wp-block-spacer"></div>



<p>La méthode TDD implique de concevoir un test pour chaque cas d’usage avant même d’écrire le code correspondant. </p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<h3 class="wp-block-heading">Cela pousse les développeurs à écrire un code plus structuré et maintenable, car chaque fonction est associée à un test spécifique, nommé de façon explicite. </h3>
</blockquote>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p>Par exemple, si une fonction de tri est créée, un test sera écrit au préalable pour s’assurer qu&rsquo;elle trie correctement une liste donnée. Cette approche facilite la compréhension pour les collaborateurs qui peuvent facilement repérer et interpréter chaque test.</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<h3 class="wp-block-heading">Des outils tels que <a href="https://www.jenkins.io/"><strong><span style="text-decoration: underline;">Jenkins</span></strong></a>, <a href="https://labs.maarch.org/maarch"><strong><span style="text-decoration: underline;">GitLab</span></strong></a>, ainsi que des solutions d’analyse de code comme <a href="https://www.sonarsource.com/products/sonarqube/"><strong><span style="text-decoration: underline;">SonarQube</span></strong></a>, facilitent la maintenabilité et la réutilisation du code tout en assurant son évolutivité.</h3>
</blockquote>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p>Chez Maarch, nos équipes suivent des protocoles stricts en matière de tests : chaque développeur est tenu de vérifier que tous les tests associés à son code réussissent avant de le pousser dans la version finale. Cela garantit que chaque nouvelle version du code est stable, robuste et respecte les standards de qualité exigés.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>


<div class="lazyblock-bloc-pic-Z1vpU3R wp-block-lazyblock-bloc-pic">  <!-- start .sPic [LazyBlock] -->
  <div class="picBloc">
    
  	<!-- start .sWrap -->
  	<div class="sWrap">
          <img decoding="async" src="https://maarch.com/wp-content/uploads/methode-tdd.jpg" alt="">
    
  		<p class="xtiny-text medium"><em>Illustration de la méthode TDD</em></p>
    

  	</div>
  	<!-- end .sWrap -->
    

  

  	
  </div>
  <!-- end .sPic [LazyBlock] --></div>


<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<p><strong>Refactoring régulier :</strong> le <strong><span style="text-decoration: underline;"><a href="https://fr.wikipedia.org/wiki/R%C3%A9usinage_de_code" target="_blank" rel="noreferrer noopener">refactoring</a></span></strong> (réorganisation sans modifier le comportement) permet de simplifier le code sans altérer ses fonctionnalités. Martin Fowler, un pionnier dans le domaine, conseille un refactoring fréquent pour éviter l’accumulation de dettes techniques.</p>
</div></div>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<div id="conseilsStrategies" class="wp-block-group"><div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<h2 class="wp-block-heading"><strong><strong>Conseils et stratégies pratiques pour améliorer la lisibilité et la maintenabilité du code</strong></strong></h2>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading">1&#xfe0f;&#x20e3; <strong>Simplifier le code autant que possible :</strong> </h3>



<div style="height:10px" aria-hidden="true" class="wp-block-spacer"></div>



<p>Éviter la complexité excessive. Utilisez des structures de code simples et logiques telles que la méthode <a href="https://meritis.fr/blog/kiss-la-regle-simple"><strong><span style="text-decoration: underline;">KISS ( Keep It Simple Stupid)</span></strong></a>.</p>



<div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading">2&#xfe0f;&#x20e3; <strong>Suivre les conventions de codage :</strong> </h3>



<div style="height:10px" aria-hidden="true" class="wp-block-spacer"></div>



<p>Utilisez les conventions propres au langage (<a href="https://fr.wikipedia.org/wiki/Camel_case"><strong><span style="text-decoration: underline;">camelCase</span></strong></a> en <a href="https://fr.wikipedia.org/wiki/JavaScript"><strong><span style="text-decoration: underline;">JavaScript</span></strong></a>, par exemple). Il existe de nombreuses conventions de codage, comme la convention <a href="https://www.adimeo.com/blog-technique/psr-les-standards-de-programmation-en-php"><strong><span style="text-decoration: underline;">PSR12</span></strong></a> en <a href="https://fr.wikipedia.org/wiki/PHP"><strong><span style="text-decoration: underline;">PHP</span></strong></a> qui permet de vérifier que les développeurs respectent bien ce standard PHP. </p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<h3 class="wp-block-heading">Il est important de respecter les règles de codage de l’application et il est possible de vérifier certaines règles automatiquement. </h3>
</blockquote>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p>Chez Maarch, c’est une méthode qui est utilisée au cours de la réalisation des bouts de code.</p>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>


<div class="lazyblock-bloc-pic-Z1FPAmF wp-block-lazyblock-bloc-pic">  <!-- start .sPic [LazyBlock] -->
  <div class="picBloc">
    
  	<!-- start .sWrap -->
  	<div class="sWrap">
          <img decoding="async" src="https://maarch.com/wp-content/uploads/camelCase-javaScript.jpg" alt="">
    
  		<p class="xtiny-text medium"><em>Illustration du camelCase en JavaScript</em></p>
    

  	</div>
  	<!-- end .sWrap -->
    

  

  	
  </div>
  <!-- end .sPic [LazyBlock] --></div>


<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading">3&#xfe0f;&#x20e3; <strong>Éviter le code redondant :</strong> </h3>



<div style="height:10px" aria-hidden="true" class="wp-block-spacer"></div>



<p>Si un code similaire est répété plusieurs fois, envisager de le factoriser dans une fonction commune ; des méthodes telles que celle du <a href="https://cdiese.fr/principe-de-developpement-dry-dont-repeat-yourself/"><strong><span style="text-decoration: underline;">DRY (Don’t Repeat Yourself)</span></strong></a> sont souvent utilisées.</p>



<div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading">4&#xfe0f;&#x20e3; <strong>Être attentif aux dépendances :</strong> </h3>



<div style="height:10px" aria-hidden="true" class="wp-block-spacer"></div>



<p>Utiliser le principe d&rsquo;injection de dépendances pour garder le code flexible et permettre de tester des modules de manière isolée.</p>



<div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>



<h3 class="wp-block-heading">5&#xfe0f;&#x20e3; <strong>Relire le code :</strong> </h3>



<div style="height:10px" aria-hidden="true" class="wp-block-spacer"></div>



<p>Prendre le temps de revoir et de corriger le code avant de le fusionner dans le projet principal. Cette pratique est utilisée systématiquement au sein de Maarch  assurant la qualité  des éléments et du code.</p>
</div></div>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<div id="conclusion" class="wp-block-group"><div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
<h2 class="wp-block-heading"><strong>Conclusion</strong></h2>



<div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>



<p>Le Clean Code est une composante essentielle du développement logiciel moderne, offrant des avantages considérables en termes de maintenabilité, de réutilisation et d&rsquo;évolutivité. Bien qu&rsquo;il demande un effort initial et une discipline constante, les gains en productivité, en qualité et en satisfaction client sont inestimables.</p>



<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<h3 class="wp-block-heading">L’adoption de principes de code propre a un impact direct et positif sur la performance de leurs services et la satisfaction des utilisateurs.</h3>
</blockquote>



<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>



<p>En suivant les bonnes pratiques et en intégrant le code propre dès le début d’un projet, les développeurs peuvent non seulement faciliter leur travail, mais aussi poser les bases d’un logiciel durable et évolutif.</p>



<div style="height:10px" aria-hidden="true" class="wp-block-spacer"></div>



<p>C’est donc tout naturellement que ces principes sont mis en application au sein de l’équipe de R&amp;D Maarch.</p>
</div></div>

</div>
        
      </div>
    </div>
    
    
		</div>
	</div>
</section></div>


<div style="height:106px" aria-hidden="true" class="wp-block-spacer"></div>


<div class="lazyblock-bloc-enveloppe-2mCsjN wp-block-lazyblock-bloc-enveloppe"><section class="compt-innerBlocks bg-low-beige">
  <div class="lazyblock-inner-blocks">
<div class="lazyblock-carousel-articles-recents-Z21vtRL wp-block-lazyblock-carousel-articles-recents">
  <section class="compt-swiperBlog">
    <div class="container">
      <div class="wrapper">

        <!-- start .heading -->
        <div class="heading">
          <!-- start .title -->
          <div class="title">
            <p class="bold">Plongez davantage dans l’écosystème Maarch</p>
          </div>
          <!-- end .title -->
          <!-- start .swiper-navigation -->
          <div class="swiper-navigation">

            <div class="swiperBlog-button-prev">
              <img decoding="async" src="/wp-content/uploads/arrowLeft.svg">
            </div>

            <div class="swiperBlog-button-next">
              <img decoding="async" src="/wp-content/uploads/arrowRight.svg">
            </div>
          </div>
          <!-- end .swiper-navigation -->
        </div>
        <!-- end .heading -->

        <div style="height:50px;"></div>

        <!-- start .swiperBlog -->
        <div class="swiperBlog">
          <!-- start .swiper-wrapper -->
          <div class="swiper-wrapper">

                        <!-- start .swiper-slide -->
            <div class="swiper-slide">
              <a href="https://maarch.com/blog/migrer-de-lon-premise-au-saas-quels-benefices-concrets-pour-votre-organisation/" class="swiper-slide-items">
                
                <div class="infoBlog">
                  <div class="metaData">
                    <img decoding="async" src="/wp-content/uploads/book-open-variant.svg" style="height:14px;">
                    <p class="TT bold small-text">
                                            <span>Article</span>
                                            <span class="darkgrey"> • 24 avril 2026</span>
                    </p>
                  </div>
                  <div style="height:8px;"></div>
                  <p class="xslarge-text bold clamp ln2">Migrer de l&rsquo;On-Premise au SaaS : quels bénéfices concrets pour votre organisation ?</p>
                </div>
                
                <div style="height:50px;"></div>

                <div class="thumbnails" style="background-image:url('https://maarch.com/wp-content/uploads/Article_Migration-SaaS.jpg');"></div>

                <div style="height:20px;"></div>

                <div role="textLink" class="normal-text blue">Lire l&rsquo;article →</div>

              </a>
            </div>
            <!-- end .swiper-slide -->
                        <!-- start .swiper-slide -->
            <div class="swiper-slide">
              <a href="https://maarch.com/blog/le-traitement-intelligent-des-documents-idp-pour-revolutionner-la-gestion-de-linformation/" class="swiper-slide-items">
                
                <div class="infoBlog">
                  <div class="metaData">
                    <img decoding="async" src="/wp-content/uploads/book-open-variant.svg" style="height:14px;">
                    <p class="TT bold small-text">
                                            <span>Article</span>
                                            <span>Blog</span>
                                            <span class="darkgrey"> • 26 mars 2026</span>
                    </p>
                  </div>
                  <div style="height:8px;"></div>
                  <p class="xslarge-text bold clamp ln2">Le Traitement Intelligent des Documents (IDP) pour révolutionner la gestion de l&rsquo;information</p>
                </div>
                
                <div style="height:50px;"></div>

                <div class="thumbnails" style="background-image:url('https://maarch.com/wp-content/uploads/Article_IDP.jpg');"></div>

                <div style="height:20px;"></div>

                <div role="textLink" class="normal-text blue">Lire l&rsquo;article →</div>

              </a>
            </div>
            <!-- end .swiper-slide -->
                        <!-- start .swiper-slide -->
            <div class="swiper-slide">
              <a href="https://maarch.com/blog/maarch-digital-flow-la-nouvelle-version-4-0-est-pensee-pour-offrir-une-experience-plus-fluide-plus-productive-et-resolument-centree-utilisateur/" class="swiper-slide-items">
                
                <div class="infoBlog">
                  <div class="metaData">
                    <img decoding="async" src="/wp-content/uploads/book-open-variant.svg" style="height:14px;">
                    <p class="TT bold small-text">
                                            <span>Actualité</span>
                                            <span>Produit</span>
                                            <span class="darkgrey"> • 13 mars 2026</span>
                    </p>
                  </div>
                  <div style="height:8px;"></div>
                  <p class="xslarge-text bold clamp ln2">Maarch Digital Flow : La nouvelle version 4.0 est pensée pour offrir une expérience plus fluide, plus productive et résolument centrée utilisateur</p>
                </div>
                
                <div style="height:50px;"></div>

                <div class="thumbnails" style="background-image:url('https://maarch.com/wp-content/uploads/Actualites.jpg');"></div>

                <div style="height:20px;"></div>

                <div role="textLink" class="normal-text blue">Lire l&rsquo;article →</div>

              </a>
            </div>
            <!-- end .swiper-slide -->
                        <!-- start .swiper-slide -->
            <div class="swiper-slide">
              <a href="https://maarch.com/blog/rencontre-avec-nicolas-couture-lead-developer/" class="swiper-slide-items">
                
                <div class="infoBlog">
                  <div class="metaData">
                    <img decoding="async" src="/wp-content/uploads/book-open-variant.svg" style="height:14px;">
                    <p class="TT bold small-text">
                                            <span>Entreprise</span>
                                            <span class="darkgrey"> • 22 janvier 2026</span>
                    </p>
                  </div>
                  <div style="height:8px;"></div>
                  <p class="xslarge-text bold clamp ln2">Rencontre avec Nicolas Couture : Lead Developer</p>
                </div>
                
                <div style="height:50px;"></div>

                <div class="thumbnails" style="background-image:url('https://maarch.com/wp-content/uploads/art-nicolas-couture-lead-developer.jpg');"></div>

                <div style="height:20px;"></div>

                <div role="textLink" class="normal-text blue">Lire l&rsquo;article →</div>

              </a>
            </div>
            <!-- end .swiper-slide -->
                        <!-- start .swiper-slide -->
            <div class="swiper-slide">
              <a href="https://maarch.com/blog/2026-maarch-passe-en-version-superieure/" class="swiper-slide-items">
                
                <div class="infoBlog">
                  <div class="metaData">
                    <img decoding="async" src="/wp-content/uploads/book-open-variant.svg" style="height:14px;">
                    <p class="TT bold small-text">
                                            <span>Actualité</span>
                                            <span class="darkgrey"> • 15 janvier 2026</span>
                    </p>
                  </div>
                  <div style="height:8px;"></div>
                  <p class="xslarge-text bold clamp ln2">2026 : Maarch passe en version supérieure !</p>
                </div>
                
                <div style="height:50px;"></div>

                <div class="thumbnails" style="background-image:url('https://maarch.com/wp-content/uploads/art-maarch-passe-version-sup-2.jpg');"></div>

                <div style="height:20px;"></div>

                <div role="textLink" class="normal-text blue">Lire l&rsquo;article →</div>

              </a>
            </div>
            <!-- end .swiper-slide -->
            
          </div>
          <!-- end .swiper-wrapper -->
        </div>
        <!-- end .swiperBlog -->

      </div>
    </div>
  </section></div>
</div>
</<section></div>


<div style="height:106px" aria-hidden="true" class="wp-block-spacer"></div>


<div class="lazyblock-bloc-cta-HvFy9 wp-block-lazyblock-bloc-cta"><section class="compt-CTA">
	<div class="container">
		<div class="wrapper">
		  
			<!-- Start .wrapImg -->
			<div class="wrapImg">
			  
				<div class="deskImg">
					<img decoding="async" src="/wp-content/uploads/avatar1.png">
					<img decoding="async" src="/wp-content/uploads/avatar2.png">
				</div>
				<div class="deskImg">
					<img decoding="async" src="/wp-content/uploads/avatar3.png">
					<img decoding="async" src="/wp-content/uploads/avatar4.png">
					<img decoding="async" src="/wp-content/uploads/avatar5.png">
				</div>
				
			</div>
			<!-- End .wrapImg -->
			
			<div class="wrapCenter">
			  
				<p class="small-text TT ls-80 bold">Adopter la référence open source</p>
				<div style="height:8px;"></div>
				
				<h2 class="bold">Plus de 100 000 utilisateurs nous font déjà confiance !</h2>
				<div style="height:30px;"></div>
				
				<div class="buttonGroup">

					<a href="/demonstration" class="bg-blue white" target="_self">
						<span>Testez nos produits</span>
					</a>


					<a href="/nous-contacter" class="bg-beige blue" target="_self">
						<span>Nous contacter →</span>
					</a>

				</div>




			</div>
			
			<div class="wrapImg">
				<div class="deskImg">
					<img decoding="async" src="/wp-content/uploads/avatar6.png">
					<img decoding="async" src="/wp-content/uploads/avatar7.png">
					<img decoding="async" src="/wp-content/uploads/avatar8.png">
				</div>
				<div class="deskImg">
					<img decoding="async" src="/wp-content/uploads/avatar9.png">
					<img decoding="async" src="/wp-content/uploads/avatar10.png">
				</div>
				
				<div class="mobImg">
					<img decoding="async" src="https://maarch.com/wp-content/uploads/avatar1.png">
					<img decoding="async" src="https://maarch.com/wp-content/uploads/avatar2.png">
					<img decoding="async" src="https://maarch.com/wp-content/uploads/avatar3.png">
					<img decoding="async" src="https://maarch.com/wp-content/uploads/avatar4.png">
					<img decoding="async" src="https://maarch.com/wp-content/uploads/avatar5.png">
					<img decoding="async" src="https://maarch.com/wp-content/uploads/avatar6.png">
					<img decoding="async" src="https://maarch.com/wp-content/uploads/avatar7.png">
					<img decoding="async" src="https://maarch.com/wp-content/uploads/avatar8.png">
					<img decoding="async" src="https://maarch.com/wp-content/uploads/avatar9.png">
					<img decoding="async" src="https://maarch.com/wp-content/uploads/avatar10.png">
				</div>
			</div>
		</div>
	</div>
</section></div>


<div style="height:60px" aria-hidden="true" class="wp-block-spacer"></div>


<div class="lazyblock-bloc-logo-anime-1nS8Ot wp-block-lazyblock-bloc-logo-anime">  <section class="compt-logoSmooth" aria-label="Animation logo horizontal">
  	<div class="container">
  	  

  		<div class="wrapper">
  		  <div class="smoothScroll">
          <img decoding="async" src="https://maarch.com/wp-content/uploads/yvelines-depart.png" alt="">
          <img decoding="async" src="https://maarch.com/wp-content/uploads/oph-meuse-depart.png" alt="">
          <img decoding="async" src="https://maarch.com/wp-content/uploads/nancy-ville.png" alt="">
          <img decoding="async" src="https://maarch.com/wp-content/uploads/manche-depart.png" alt="">
          <img decoding="async" src="https://maarch.com/wp-content/uploads/loiret-depart.png" alt="">
          <img decoding="async" src="https://maarch.com/wp-content/uploads/hautes-pyrenees-depart.png" alt="">
          <img decoding="async" src="https://maarch.com/wp-content/uploads/gennevilliers-ville.png" alt="">
          <img decoding="async" src="https://maarch.com/wp-content/uploads/evry-ville.png" alt="">
          <img decoding="async" src="https://maarch.com/wp-content/uploads/es-logo.png" alt="">
          <img decoding="async" src="https://maarch.com/wp-content/uploads/caisse-depots.png" alt="">
        </div>
  			<div class="smoothScroll">
          <img decoding="async" src="https://maarch.com/wp-content/uploads/yvelines-depart.png" alt="">
          <img decoding="async" src="https://maarch.com/wp-content/uploads/oph-meuse-depart.png" alt="">
          <img decoding="async" src="https://maarch.com/wp-content/uploads/nancy-ville.png" alt="">
          <img decoding="async" src="https://maarch.com/wp-content/uploads/manche-depart.png" alt="">
          <img decoding="async" src="https://maarch.com/wp-content/uploads/loiret-depart.png" alt="">
          <img decoding="async" src="https://maarch.com/wp-content/uploads/hautes-pyrenees-depart.png" alt="">
          <img decoding="async" src="https://maarch.com/wp-content/uploads/gennevilliers-ville.png" alt="">
          <img decoding="async" src="https://maarch.com/wp-content/uploads/evry-ville.png" alt="">
          <img decoding="async" src="https://maarch.com/wp-content/uploads/es-logo.png" alt="">
          <img decoding="async" src="https://maarch.com/wp-content/uploads/caisse-depots.png" alt="">
  			</div>

  		</div>
  	</div>
  </section></div>


<div style="height:88px" aria-hidden="true" class="wp-block-spacer"></div>
]]></content:encoded>
					
					<wfw:commentRss>https://maarch.com/blog/le-clean-code-en-pratique-dans-le-developpement-des-logiciels-maarch/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
