<?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>Frontend - Winzana</title>
	<atom:link href="https://www.winzana.com/category/frontend/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.winzana.com</link>
	<description>Façonnons le numérique à votre image</description>
	<lastBuildDate>Wed, 07 Jan 2026 09:11:16 +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://www.winzana.com/wp-content/uploads/2025/04/logo-winzana.svg</url>
	<title>Frontend - Winzana</title>
	<link>https://www.winzana.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>La dette technique n’est pas le problème (tant qu’elle est pilotée)</title>
		<link>https://www.winzana.com/la-dette-technique-nest-pas-le-probleme-tant-quelle-est-pilotee/</link>
					<comments>https://www.winzana.com/la-dette-technique-nest-pas-le-probleme-tant-quelle-est-pilotee/#respond</comments>
		
		<dc:creator><![CDATA[Vincent Journel]]></dc:creator>
		<pubDate>Fri, 27 Feb 2026 13:34:36 +0000</pubDate>
				<category><![CDATA[Architecture]]></category>
		<category><![CDATA[Backend]]></category>
		<category><![CDATA[Frontend]]></category>
		<guid isPermaLink="false">https://www.winzana.com/?p=241711</guid>

					<description><![CDATA[]]></description>
										<content:encoded><![CDATA[<div class="et_pb_section et_pb_section_0 et_pb_with_background et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_0">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_0  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_0  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><div>
<div>
<div>
<div>
<p>Architecture &amp; delivery / <span>Dette technique</span></p>
<p>&nbsp;</p>
<p><strong><br />La dette technique n’est pas le vrai problème.<br />Le vrai problème, c’est de faire comme si elle n’existait pas…<br />ou de vouloir l’éliminer à tout prix.<br /></strong></p>
</div>
</div>
</div>
</div>
<div>
<div>
<div>
<h2>Le combat intérieur de tout développeur</h2>
<p>&nbsp;</p>
</div>
</div>
<div>
<div>
<p>Pour beaucoup de développeurs, accepter la dette technique est un combat.</p>
<p>&nbsp;</p>
<p>Accepter de dire :</p>
<blockquote>
<p><strong><br />“Stop. Là, je livre quelque chose de fonctionnel,<br />même si ce n’est pas parfait.”<br /></strong></p>
</blockquote>
<p>Ce n’est pas naturel.<br />Parce qu’on a tous cette envie : finir proprement, factoriser, optimiser, réécrire “comme il faut”.</p>
<p>&nbsp;</p>
<p>Je développe des solutions depuis plus de 15 ans, et je lutte encore aujourd’hui contre cette pulsion.<br />Celle de vouloir toujours améliorer, toujours réinventer, toujours “faire mieux”.</p>
</div>
</div>
</div>
<div>
<div>
<div>
<h2>La claque YAGNI (et pourquoi ça fait mal)</h2>
<p>&nbsp;</p>
</div>
</div>
<div>
<div>
<p>Je me souviens très bien d’une discussion avec un manager qui me disait :</p>
<blockquote>
<p><strong>“Mon paradigme, c’est <a href="https://fr.wikipedia.org/wiki/YAGNI#:~:text=YAGNI%20(anglicisme%2C%20acronyme%20anglais%20de,n'est%20pas%20absolument%20n%C3%A9cessaire.">YAGNI</a>.”</strong></p>
</blockquote>
<p>YAGNI signifie<br /><em>You Aren’t Gonna Need It</em> : ne développe pas ce dont tu n’as pas besoin maintenant.</p>
<p>&nbsp;</p>
<p>À l’époque, je me suis dit : “En fait, ce mec est juste un sagouin. Il code sale, il ne veut pas faire les choses bien.”</p>
<p>&nbsp;</p>
<p>Et puis, avec le recul, j’ai compris qu’il avait raison.</p>
<p>&nbsp;</p>
<p>Pas parce qu’il fallait mal faire son travail. Mais parce que, dans un projet, ce qui compte avant tout, c’est de sortir sur le marché.</p>
</div>
</div>
</div>
<div>
<div>
<div>
<h2>Le vrai enjeu : le go-to-market, pas la perfection</h2>
<p>&nbsp;</p>
</div>
</div>
<div>
<div>
<p>Un logiciel n’existe vraiment que lorsqu’il est utilisé.</p>
<p>&nbsp;</p>
<p>Tant qu’il est dans un dépôt Git, aussi élégant soit-il, il ne crée aucune valeur.</p>
<p>&nbsp;</p>
<p>Le go-to-market est donc prioritaire :</p>
<blockquote>
<p><strong>Livrer vite</strong></p>
<p><strong>Tester le marché</strong></p>
<p><strong>Générer du business</strong></p>
</blockquote>
<p>Et c’est là que la dette technique devient acceptable.<br />Parce que coder “aux petits oignons” une fonctionnalité que le client jettera dans trois mois est une perte de temps et d’argent.</p>
</div>
</div>
</div>
<div>
<div>
<div>
<h2>Quand la dette devient réellement dangereuse</h2>
<p>&nbsp;</p>
</div>
</div>
<div>
<div>
<p>Le problème n’est pas la dette en soi. Le problème, c’est la dette non pilotée.</p>
<p>&nbsp;</p>
<p>J’ai vu des sociétés incapables de pivoter après plusieurs années de développement.</p>
<p>&nbsp;</p>
<p>Pourquoi ?</p>
<blockquote>
<p><strong>dépendances dans tous les sens</strong></p>
<p><strong>code figé</strong></p>
<p><strong>architecture impossible à faire évoluer</strong></p>
</blockquote>
<p>À ce stade, ajouter une fonctionnalité ou faire une migration devient un cauchemar.</p>
<p>&nbsp;</p>
<p>Là, oui, la dette technique devient un vrai problème business.</p>
</div>
</div>
</div>
<div>
<div>
<div>
<h2>Première règle : rendre la dette visible</h2>
<p>&nbsp;</p>
</div>
</div>
<div>
<div>
<p>Une dette invisible est une dette dangereuse.</p>
<p>&nbsp;</p>
<p>Et là, je vais dire un truc que beaucoup de développeurs sous-estiment :</p>
<blockquote>
<p><strong>les TODO dans le code sont importants</strong></p>
</blockquote>
<p>Un TODO ne veut pas dire “j’ai mal travaillé”.</p>
<p>&nbsp;</p>
<p>Ça veut dire : “je sais qu’il y a un compromis ici, et je veux pouvoir y revenir”.</p>
<p>&nbsp;</p>
<p>Aujourd’hui, en plus, ces annotations peuvent être relues par des outils, par des LLM, et servir de points d’entrée pour de futurs refactorings.</p>
</div>
</div>
</div>
<div>
<div>
<div>
<h2>Deuxième règle : consigner la dette dans un backlog</h2>
<p>&nbsp;</p>
</div>
</div>
<div>
<div>
<p>La dette ne doit pas rester dans la tête des développeurs.</p>
<p>Elle doit être :</p>
<blockquote>
<p><strong>discutée avec les tech leads</strong></p>
<p><strong>partagée avec le chef de projet</strong></p>
<p><strong>consignée dans un backlog</strong></p>
</blockquote>
<p>Refactoring envisagé, amélioration possible, dette acceptée temporairement: tout doit être écrit.</p>
<p>&nbsp;</p>
<p>Et surtout : ne jamais céder aux pulsions.</p>
<p>&nbsp;</p>
<p>Relire un backlog avec un peu de recul permet souvent de se rendre compte que certaines refontes n’étaient finalement pas si utiles.</p>
</div>
</div>
</div>
<div>
<div>
<div>
<h2>La dette comme levier business</h2>
<p>&nbsp;</p>
</div>
</div>
<div>
<div>
<p>La dette technique, quand elle est maîtrisée, est un levier.</p>
<p>&nbsp;</p>
<p>Elle permet :</p>
<blockquote>
<p><strong>d’aller plus vite</strong></p>
<p><strong>de tester des hypothèses</strong></p>
<p><strong>de financer la suite grâce au business</strong></p>
</blockquote>
<p>Parce que, soyons honnêtes : vous devez rentrer de l’argent.</p>
<p>&nbsp;</p>
<p>Votre client doit faire du business avec le logiciel que vous livrez.</p>
<p>&nbsp;</p>
<p>Et ce sont ces revenus qui permettront plus tard de nettoyer, refactorer, consolider.</p>
</div>
</div>
</div>
<div>
<div>
<div>
<h2>L’architecture comme filet de sécurité</h2>
<p>&nbsp;</p>
</div>
</div>
<div>
<div>
<p>Toutes les dettes ne se valent pas.</p>
<p>&nbsp;</p>
<p>Une architecture bien pensée permet de vivre beaucoup plus sereinement avec la dette.</p>
<p>&nbsp;</p>
<p>Des approches comme :</p>
<blockquote>
<p><strong>DDD</strong></p>
<p><strong>SOA / macro-services</strong></p>
<p><strong>architecture hexagonale</strong></p>
</blockquote>
<p>permettent d’isoler les compromis, de faire évoluer certaines parties sans tout casser.</p>
<p>&nbsp;</p>
<p>C’est exactement ce qu’on a fait sur plusieurs plateformes chez Winzana : accepter des dettes locales, sans mettre en danger l’ensemble.</p>
</div>
</div>
</div>
<div>
<div>
<div>
<h2>Conclusion</h2>
<p>&nbsp;</p>
</div>
</div>
<div>
<div>
<p>La dette technique n’est pas un échec.</p>
<p>&nbsp;</p>
<p>Elle devient un problème uniquement quand elle est ignorée, subie, ou niée.</p>
<p>&nbsp;</p>
<p>Acceptez-la,<br />rendez-la visible,<br />consignez-la,<br />pilotez-la.</p>
<p>&nbsp;</p>
<p>Et surtout : ne sacrifiez jamais votre go-to-market pour une perfection que personne ne vous a demandée.</p>
<p>&nbsp;</p>
<p>La maturité technique, ce n’est pas l’absence de dette.<br />C’est la capacité à vivre avec, intelligemment.</p>
</div>
</div>
</div></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><p>The post <a href="https://www.winzana.com/la-dette-technique-nest-pas-le-probleme-tant-quelle-est-pilotee/">La dette technique n’est pas le problème (tant qu’elle est pilotée)</a> first appeared on <a href="https://www.winzana.com">Winzana</a>.</p>]]></content:encoded>
					
					<wfw:commentRss>https://www.winzana.com/la-dette-technique-nest-pas-le-probleme-tant-quelle-est-pilotee/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Générer des tests avec l’IA : ce qui marche, ce qui casse, et comment valider</title>
		<link>https://www.winzana.com/generer-des-tests-avec-lia-ce-qui-marche-ce-qui-casse-et-comment-valider/</link>
					<comments>https://www.winzana.com/generer-des-tests-avec-lia-ce-qui-marche-ce-qui-casse-et-comment-valider/#respond</comments>
		
		<dc:creator><![CDATA[Vincent Journel]]></dc:creator>
		<pubDate>Tue, 20 Jan 2026 09:30:00 +0000</pubDate>
				<category><![CDATA[Backend]]></category>
		<category><![CDATA[Frontend]]></category>
		<category><![CDATA[Tests]]></category>
		<guid isPermaLink="false">https://www.winzana.com/?p=241624</guid>

					<description><![CDATA[]]></description>
										<content:encoded><![CDATA[<div class="et_pb_section et_pb_section_1 et_pb_with_background et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_1">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_1  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_1  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h2>IA &amp; qualité logicielle / <strong>Tests automatisés</strong></h2>

<p><strong>Générer des tests avec l’IA peut faire gagner beaucoup de temps… ou donner une fausse impression de qualité si on ne sait pas ce qu’on fait.</strong></p>

<h2>Pourquoi tout le monde veut générer des tests avec l’IA</h2>
<p>Écrire des tests est rarement la partie préférée des équipes. C’est long, parfois ingrat, et ça donne l’impression de ne pas avancer “fonctionnellement”. L’arrivée des LLM a donc créé un espoir légitime :</p>
<blockquote>
    <strong>générer des tests plus vite</strong><br>
    <strong>augmenter la couverture</strong><br>
    <strong>sécuriser le code existant</strong>
</blockquote>
<p>En pratique, l’IA est très efficace… mais uniquement dans certains contextes bien précis.</p>

<h2>Ce que l’IA sait très bien faire côté tests</h2>
<p>Les LLM sont particulièrement bons pour générer des tests quand le périmètre est clair et bien délimité. Ce qui marche réellement bien :</p>
<blockquote>
    <strong>tests unitaires sur fonctions pures</strong><br>
    <strong>tests de validation de règles simples</strong><br>
    <strong>tests de non-régression basiques</strong><br>
    <strong>scaffolding de suites de tests</strong>
</blockquote>
<p>Dans ces cas-là, l’IA fait gagner un temps considérable sans dégrader la qualité globale.</p>

<h2>Ce que l’IA fait mal (ou dangereusement mal)</h2>
<p>Là où les choses se compliquent, c’est quand le contexte métier devient riche ou que les effets de bord sont nombreux. Les échecs classiques incluent :</p>
<blockquote>
    <strong>tests qui testent l’implémentation, pas le comportement</strong><br>
    <strong>assertions trop faibles ou inutiles</strong><br>
    <strong>tests qui passent même quand le code est faux</strong><br>
    <strong>scénarios irréalistes</strong>
</blockquote>
<p>Le pire cas ? Une couverture qui augmente, mais une confiance qui diminue.</p>

<h2>Pourquoi l’IA génère de “mauvais” tests</h2>
<p>Un LLM ne connaît pas l’intention métier. Il infère à partir du code et de patterns génériques. Résultat : il teste ce qui est visible, ignore les invariants implicites et ne sait pas distinguer le critique du secondaire. Sans guidance humaine, l’IA teste souvent “ce qui est facile à tester”, pas ce qui est important.</p>

<h2>Règle n°1 : l’IA écrit les tests, l’humain définit la stratégie</h2>
<p>La stratégie de test ne doit jamais être déléguée à l’IA. En équipe mature : l’humain définit <strong>quoi</strong> tester, et l’IA propose <strong>comment</strong> tester. Tant que cette frontière est claire, l’IA est un excellent assistant.</p>

<h2>Règle n°2 : toujours relire un test comme du code de production</h2>
<p>Un test généré par l’IA vit aussi longtemps que le code qu’il protège. En code review, un test doit répondre à trois questions : Que garantit-il réellement ? Peut-il échouer pour une bonne raison ? Me protégera-t-il d’une régression réelle ? Si la réponse est floue, le test doit être réécrit ou supprimé.</p>

<h2>Règle n°3 : méfiez-vous des métriques de couverture</h2>
<p>Augmenter la couverture de test est séduisant, mais ce n&rsquo;est pas un objectif en soi. Avec l’IA, on peut facilement atteindre de hauts pourcentages sans réelle protection. Une bonne couverture protège des scénarios métier critiques et bloque les régressions dangereuses.</p>

<h2>Règle n°4 : tester le comportement, pas l’implémentation</h2>
<p>Les LLM ont tendance à tester les structures internes et les détails techniques. En production, ces tests cassent au moindre refactor, même si le comportement n&rsquo;a pas changé. Un bon test doit être recentré sur les entrées, les sorties et les invariants métier.</p>

<h2>Règle n°5 : renforcer l’existant, pas masquer l’absence de tests</h2>
<p>Générer des tests avec l’IA sur un code non testable ne résout pas le problème, cela le dissimule. L’IA est efficace pour compléter une suite existante ou renforcer des zones critiques, mais elle ne sauvera pas une architecture déjà bancale.</p>

<h2>Comment valider des tests générés par l’IA</h2>
<p>Un test généré par IA est valide s&rsquo;il échoue quand on casse volontairement le code, s&rsquo;il exprime une règle métier compréhensible et s&rsquo;il reste stable lors d’un refactor. Le meilleur test reste simple : casser le comportement et vérifier que le test tombe.</p>

<h2>Conclusion</h2>
<p>L’IA est un excellent accélérateur, mais elle ne remplace ni la réflexion, ni la compréhension métier. Bien utilisée, elle renforce la fiabilité ; mal utilisée, elle donne une illusion de sécurité. En tant que CTO, le vrai enjeu n’est pas de générer plus de tests, mais de générer les <strong>bons</strong> tests.</p></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><p>The post <a href="https://www.winzana.com/generer-des-tests-avec-lia-ce-qui-marche-ce-qui-casse-et-comment-valider/">Générer des tests avec l’IA : ce qui marche, ce qui casse, et comment valider</a> first appeared on <a href="https://www.winzana.com">Winzana</a>.</p>]]></content:encoded>
					
					<wfw:commentRss>https://www.winzana.com/generer-des-tests-avec-lia-ce-qui-marche-ce-qui-casse-et-comment-valider/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Créer des sites accessibles à tous, pour un Internet plus inclusif</title>
		<link>https://www.winzana.com/creer-des-sites-accessibles-a-tous-pour-un-internet-plus-inclusif/</link>
					<comments>https://www.winzana.com/creer-des-sites-accessibles-a-tous-pour-un-internet-plus-inclusif/#respond</comments>
		
		<dc:creator><![CDATA[Astrid Van Hal]]></dc:creator>
		<pubDate>Tue, 14 Oct 2025 13:53:33 +0000</pubDate>
				<category><![CDATA[Frontend]]></category>
		<category><![CDATA[IRL]]></category>
		<guid isPermaLink="false">https://www.winzana.com/?p=241393</guid>

					<description><![CDATA[]]></description>
										<content:encoded><![CDATA[<p><div class="et_pb_section et_pb_section_2 et_pb_with_background et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_2">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_2  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_2  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p>Internet se démocratise partout dans le monde, si bien que son accès a explosé ces dernières années, pour devenir un élément central de notre société actuelle.</p>
<p>Nos habitudes évoluent et doivent s&rsquo;adapter aux différentes et nombreuses transformations numériques que l&rsquo;on retrouve tout autour de nous.<br />Des actions que l&rsquo;on effectuait auparavant  » manuellement  » s&rsquo;en retrouve numérisées.</p>
<p>Comme par exemple les démarches administratives, la lecture des journaux, les commandes d&rsquo;objets &#8230;</p>
<p>Internet est un vecteur de changement, d&rsquo;évolution sociétale. Certaines étant positives, d&rsquo;autres moins&#8230; Mais qui sommes nous pour juger à votre place ?<br />C&rsquo;est pourquoi il est nécessaire que l&rsquo;ensemble de la population puisse avoir accès à Internet, s&rsquo;en servir peu importe son âge, sa situation, ou tout autre facteur différenciant.</p>
<p>Dans cet article, nous tenons à vous parler de la notion d’accessibilité au web, qui peut résonner de différentes manières dans vos esprits, mais qui, après tout, est un chaînon crucial dans le développement du web aujourd’hui.<br />Il est important d’en être familier, pour contribuer à l’amélioration de la vie en société, et vous permettre de proposer vos services et produits à tout le monde.</p>
<h2>Qu’est-ce que l’accessibilité sur le web ?</h2>
<h3>Une définition</h3>
<p>L’accessibilité sur le web, c’est le fait de concevoir un internet fonctionnel pour tous les internautes, quel que soit leur matériel, langue, localisation ou aptitude.</p>
<p>L’accessibilité permet de rendre le web accessible aux personnes en situation de handicap.</p>
<p>Mais revenons tout de suite sur ce terme. L’accessibilité va concerner évidemment le handicap au sens médical, mais plus généralement l’handicap au sens social.</p>
<p>C’est-à-dire que nous sommes tous sujets à une diminution de nos capacités au cours de notre vie due à plusieurs facteurs différents : l&rsquo;âge, une blessure, un affection de longue durée, ou simplement une situation banale dans laquelle il est difficile de bien voir ou de bien entendre. C&rsquo;est aussi ça l’accessibilité du web.</p>
<p>Prenons la définition de ce terme par l’OMS, l&rsquo;Organisation Mondiale de la Santé, qui dit que le handicap c’est “la limitation des possibilités d&rsquo;interaction d’un individu avec son environnement, causée par une déficience provoquant une incapacité, permanente ou non”.</p>
<p>L’accessibilité web permet de trouver des solutions permettant de répondre à ces problématiques et de rendre un site navigable, malgré toutes les difficultés auxquelles peuvent faire face des internautes.</p>
<p>Il existe ainsi toutes une série de bonnes pratiques et de méthodes permettant de rendre votre site accessible à toutes et tous, et ce peu importe la situation dans laquelle ils peuvent se trouver, pour ne pas prendre le risque d&rsquo;exclure ces personnes dans leur usage du web.</p>
<p>De plus, l’accès à l’information en général, et donc sur le web, est un droit humain fondamental rédigé dans la convention des Nations Unies relative aux droits des personnes handicapées.</p>
<p>Faisons donc un point sur l’accessibilité qui nous concerne tous, et est essentielle pour les développeurs.</p>
<h3>Pour quels utilisateurs ?</h3>
<p>L’accessibilité du web va comprendre tous les handicaps pouvant réduire l’accès au web, donc le handicap neurologique, physique, auditif, visuel, de la parole ou encore cognitif.</p>
<p>Mais comme on vous l’a expliqué dans la définition, il désigne aussi les personnes sans handicap d&rsquo;un point de vu médical.</p>
<p>Une personne ayant un handicap temporaire, par exemple un bras ou une main cassée, au plus simple avec des lunettes de vue perdues, doit pouvoir utiliser les mêmes plateformes dont il a l’habitude, sans éprouver, ni ressentir la moindre difficulté.</p>
<p>Le lieu où vous naviguez sur Internet peut aussi être considéré comme une contrainte handicapante.`</p>
<p>&nbsp;</p>
<p>Par exemple être en plein soleil, va rendre la lecture moins aisée et donc la vision plus compliqué ou encore dans les transports rendant l&rsquo;écoute plus ardue.</p>
<p>Le matériel est aussi un facteur handicapant, par exemple une connexion internet lente, ou alors des périphériques avec des modes de navigation différents comme une télévision connectée.</p>
<p>Toutes ces situations par lesquelles n&rsquo;importe quelle personne peut passer aujourd&rsquo;hui, sont des choses pour lesquelles l’accessibilité d’Internet doit être optimisée et pensée afin que toute personne puissent avoir accès aux informations sur Internet n&rsquo;importe quand et n&rsquo;importe où.</p>
<p>L’accessibilité nous concerne donc tous, et ne pas y penser dans sa stratégie peut vous faire perdre énormément de visiteurs, excluant ainsi une partie de la population à cause de raisons techniques.</p>
<h2>Pourquoi est- il essentiel de créer des sites et plateformes accessibles à tous ?</h2>
<h3>Quelques chiffres</h3>
<p>Il faut donc prendre en compte ces millions de personnes limitées, qui doivent eux aussi avoir accès au web. Entre 15% et 20% de la population souffre d’un handicap, quel qu&rsquo;il soit.</p>
<p>Faisons un zoom sur certains de ces handicaps.</p>
<p>En 2021, l’OMS estimait que 1,3 milliards de personnes présentaient une déficience visuelle, qu’elle soit légère ou sévère allant jusqu’à l’aveuglement complet.</p>
<p>Toujours d’après l’OMS, au niveau mondial 1,5 milliard de personnes seraient atteintes d’une déficience auditive plus ou moins prononcée.<br />Même si évidemment toute la population n’a pas accès à internet, ces personnes ne sont pas toutes des internautes. Mais l’accès au web évolue de plus en plus, il faut donc penser à cette énorme partie de la population que vous pourriez laisser de côté en optimisant d&rsquo;une mauvaise manière votre site ou application ou tout simplement en omettant de prendre en compte ces critères là.</p>
<h3>Quels avantages ?</h3>
<p>En plus d&rsquo;aider la vie de ces personnes, et d&rsquo;améliorer le confort sur le web, faire un site accessible à tous présente plusieurs avantages pour votre entreprise.</p>
<p>Se tourner vers l&rsquo;accessibilité va permettre de toucher un plus large public, et donc d’augmenter le trafic.</p>
<p>De plus, détenir un site accessible permettra de démontrer à votre public la façon dont vous vous investissez envers cette cause en prônant l&rsquo;inclusivité par l&rsquo;accessibilité à tous et pour tous à votre site internet. Ce dernier sera le reflet de vos engagements RSE.</p>
<p>Un site accessible sera optimisé et clair, en conséquence il gagnera en référencement naturel.</p>
<p>Ce qui, dès lors, vous permettra d&rsquo;accroître le nombre de visiteurs sur votre site internet.</p>
<p>Un site adapté aux handicaps de chacun démontre l&rsquo;intérêt que vous portez à l&rsquo;égard de la situation des utilisateurs, des internautes. Ce qui en soit, est un gage de confiance à leur égard et permettra de favoriser la sympathie à votre égard. Ils seront ainsi par la suite plus réceptif à vos communications et auront plus tendance à acheter vos produits ou services.</p>
<h3>Du côté de la loi</h3>
<p>Depuis l&rsquo;article 47 de la loi du 11 février 2005 en France les sites de l’Etat, des collectivités territoriales et des établissements publics doivent être obligatoirement accessibles à tous.</p>
<h2>Comment mettre en place une plateforme accessible ?</h2>
<h3>Les références</h3>
<p>Il existe une référence de bonnes pratiques de l’accessibilité, appelée WCAG (Web Content Accessibility Guidelines) mises en place et mises à jour par W3C.<br />Le W3C (World Wide Web Consortium) est un organisme à but non lucratif chargé de promouvoir la compatibilité des technologies (HTML5, CSS, XML&#8230;).<br />Cette organisation met en place un ensemble de recommandations pour améliorer l&rsquo;accessibilité des sites web. Ces normes sont devenues des critères mondiaux pour la création de supports web.</p>
<p>Au niveau français, il existe le RGAA (Référentiel Général d’Accessibilité pour les Administrations).</p>
<p>Le RGAA a pour but de proposer des tests et des bonnes pratiques pour respecter certaines règles d’accessibilité. Ce document repose sur les WCAG.<br />Tous ces documents sont évidemment en constante évolution, avec de nouvelles innovations&#8230;</p>
<p>Revenons aux WCAG. Cela s’articule autour de 4 piliers, c’est-à-dire qu&rsquo;une plateforme bien accessible doit être facile à percevoir, utiliser, comprendre et compatible avec différents matériels.</p>
<h3>Cas pratiques</h3>
<div data-hs-responsive-table="true">
<table>
<tbody>
<tr>
<td>
<p>L’utilisateur est sujet à des crises épileptiques</p>
</td>
<td>
<p><span data-hs-icon-hubl="true"><span id="hs_cos_wrapper_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_icon" data-hs-cos-general-type="widget" data-hs-cos-type="icon"><svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512" height="72" aria-hidden="true"><g id="Alternate Long Arrow Right1_layer"><path d="M313.941 216H12c-6.627 0-12 5.373-12 12v56c0 6.627 5.373 12 12 12h301.941v46.059c0 21.382 25.851 32.09 40.971 16.971l86.059-86.059c9.373-9.373 9.373-24.569 0-33.941l-86.059-86.059c-15.119-15.119-40.971-4.411-40.971 16.971V216z"></path></g></svg></span></span></p>
</td>
<td>Éviter les contenus avec beaucoup de flashs lumineux, de couleurs très vives qui se succèdent…</td>
</tr>
<tr>
<td>
<p>L’utilisateur est aveugle et votre site regorge de contenus visuels</p>
</td>
<td>
<p><span data-hs-icon-hubl="true"><span id="hs_cos_wrapper_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_icon" data-hs-cos-general-type="widget" data-hs-cos-type="icon"><svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512" height="72" aria-hidden="true"><g id="Alternate Long Arrow Right2_layer"><path d="M313.941 216H12c-6.627 0-12 5.373-12 12v56c0 6.627 5.373 12 12 12h301.941v46.059c0 21.382 25.851 32.09 40.971 16.971l86.059-86.059c9.373-9.373 9.373-24.569 0-33.941l-86.059-86.059c-15.119-15.119-40.971-4.411-40.971 16.971V216z"></path></g></svg></span></span></p>
</td>
<td>
<p>Proposer des équivalents textuels à chaque image, vidéo à l’aide de la balise Alt.</p>
<p>Cependant pour faciliter la compréhension, les images “décoratives” n&rsquo;aidant pas à la lecture de votre page, ne nécessitent pas d’avoir un équivalent textuel.</p>
</td>
</tr>
<tr>
<td>
<p>L’utilisateur est sourd ou se trouve dans un endroit où il ne peut écouter vos vidéos (bibliothèque, transports…)</p>
</td>
<td>
<p><span data-hs-icon-hubl="true"><span id="hs_cos_wrapper_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_icon" data-hs-cos-general-type="widget" data-hs-cos-type="icon"><svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512" height="72" aria-hidden="true"><g id="Alternate Long Arrow Right3_layer"><path d="M313.941 216H12c-6.627 0-12 5.373-12 12v56c0 6.627 5.373 12 12 12h301.941v46.059c0 21.382 25.851 32.09 40.971 16.971l86.059-86.059c9.373-9.373 9.373-24.569 0-33.941l-86.059-86.059c-15.119-15.119-40.971-4.411-40.971 16.971V216z"></path></g></svg></span></span></p>
</td>
<td>
<p>Mettre en place des sous-titres pour vos vidéos.</p>
</td>
</tr>
<tr>
<td>
<p>L’utilisateur est sourd ou malentendant, que ce soit dû à une raison médicale ou simplement avec l’âge.</p>
</td>
<td>
<p><span data-hs-icon-hubl="true"><span id="hs_cos_wrapper_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_icon" data-hs-cos-general-type="widget" data-hs-cos-type="icon"><svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512" height="72" aria-hidden="true"><g id="Alternate Long Arrow Right4_layer"><path d="M313.941 216H12c-6.627 0-12 5.373-12 12v56c0 6.627 5.373 12 12 12h301.941v46.059c0 21.382 25.851 32.09 40.971 16.971l86.059-86.059c9.373-9.373 9.373-24.569 0-33.941l-86.059-86.059c-15.119-15.119-40.971-4.411-40.971 16.971V216z"></path></g></svg></span></span></p>
</td>
<td>
<p>Adapter vos contenus à la synthèse vocale, et tester son fonctionnement.</p>
</td>
</tr>
<tr>
<td>
<p>L’utilisateur est très fatigué, ses perceptions peuvent être troublées par l’alcool.</p>
</td>
<td>
<p><span data-hs-icon-hubl="true"><span id="hs_cos_wrapper_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_icon" data-hs-cos-general-type="widget" data-hs-cos-type="icon"><svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512" height="72" aria-hidden="true"><g id="Alternate Long Arrow Right5_layer"><path d="M313.941 216H12c-6.627 0-12 5.373-12 12v56c0 6.627 5.373 12 12 12h301.941v46.059c0 21.382 25.851 32.09 40.971 16.971l86.059-86.059c9.373-9.373 9.373-24.569 0-33.941l-86.059-86.059c-15.119-15.119-40.971-4.411-40.971 16.971V216z"></path></g></svg></span></span></p>
</td>
<td>
<p>Pour faciliter l’accès à votre service, le contenu doit être le plus clair et simple possible, en utilisant des boutons plus gros et accessibles dès l&rsquo;ouverture du site ou de l’appli.</p>
</td>
</tr>
<tr>
<td>
<p>L’utilisateur a des difficultés de vision, que ce soit à cause d’une maladie ou de la déficience naturelle liée à l’âge.</p>
</td>
<td>
<p><span data-hs-icon-hubl="true"><span id="hs_cos_wrapper_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_icon" data-hs-cos-general-type="widget" data-hs-cos-type="icon"><svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512" height="72" aria-hidden="true"><g id="Alternate Long Arrow Right6_layer"><path d="M313.941 216H12c-6.627 0-12 5.373-12 12v56c0 6.627 5.373 12 12 12h301.941v46.059c0 21.382 25.851 32.09 40.971 16.971l86.059-86.059c9.373-9.373 9.373-24.569 0-33.941l-86.059-86.059c-15.119-15.119-40.971-4.411-40.971 16.971V216z"></path></g></svg></span></span></p>
</td>
<td>
<p>Donner la possibilité d’adapter les contenus, par exemple de grossir la police des textes ou la couleur de l’arrière-plan.</p>
</td>
</tr>
<tr>
<td>
<p>L’utilisateur a un handicap moteur qui lui empêche l&rsquo;utilisation de la souris.</p>
</td>
<td>
<p><span data-hs-icon-hubl="true"><span id="hs_cos_wrapper_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_icon" data-hs-cos-general-type="widget" data-hs-cos-type="icon"><svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512" height="72" aria-hidden="true"><g id="Alternate Long Arrow Right7_layer"><path d="M313.941 216H12c-6.627 0-12 5.373-12 12v56c0 6.627 5.373 12 12 12h301.941v46.059c0 21.382 25.851 32.09 40.971 16.971l86.059-86.059c9.373-9.373 9.373-24.569 0-33.941l-86.059-86.059c-15.119-15.119-40.971-4.411-40.971 16.971V216z"></path></g></svg></span></span></p>
</td>
<td>
<p>S’assurer que toutes les fonctionnalités du site soient accessibles uniquement en utilisant le clavier. Vous pouvez vérifier vous même en allant de page en page.</p>
</td>
</tr>
</tbody>
</table>
</div>
<p>D’autres bonnes pratiques qui seront utiles à tous les utilisateurs, handicap ou non :</p>
<ul>
<li>Insérer des labels ou icônes pour les champs des formulaires pour faciliter la compréhension (par exemple une croix lorsque ce n’est pas bien complété).</li>
<li>Proposer un menu ou fil d’ariane sur la page pour toujours permettre au visiteur de se situer.</li>
<li>Créer une balise Title unique pour chaque page.</li>
<li>Utiliser des titres et sous-titres pour faciliter la compréhension et la structure de vos contenus.</li>
</ul>
<h3>Des outils qui peuvent vous aider</h3>
<p>Il existe de nombreux outils pour vous aider à améliorer votre site internet.</p>
<p>Une chose simple à vérifier, c’est d’abord les contrastes sur votre site. Des outils comme WCAG Color contrast checker vous permettront d’évaluer votre page, et de vous mettre à la place de personnes qui ont des difficultés de vision.</p>
<p>Plus globalement, ce plugin sur chrome vous permettra d’évaluer l&rsquo;accessibilité de votre site : Wave. Accessibilité Developer Tools.</p>
<p>Pour vous aider vous pouvez aussi faire tester vos plateformes par des personnes atteintes d’un handicap, quel qu’il soit, pour vous rendre compte de certains problèmes.</p>
<p>Vous pouvez aussi faire appel à un expert en accessibilité qui va analyser votre design, votre contenu, vos fonctionnalités&#8230;<br />Puis il va faire un rapport et vous accompagner sur l’amélioration de votre site.</p>
<p>&nbsp;</p>
<h2>Conclusion</h2>
<p>En bref, la notion d’accessibilité web est cruciale aujourd’hui, où l’accès à Internet devient quasiment essentiel pour la vie de tous les jours.</p>
<p>Face à ça il est important de ne pas exclure une partie de la population à cette évolution.<br />Il est nécessaire que les entreprises se rendent compte de la difficulté que peuvent avoir les personnes en situation de handicap à naviguer sur des site non conçus et mal optimisé pour les accueillir.</p>
<p>Être conscient et alerte sur ces sujets est déjà la 1ère étape, mettre en place des mesures permettant de faciliter l’accessibilité de leur site et/ou leur application est la suite logique. D’un point de vue business, ne pas y faire attention, c’est la garantie de perdre des clients potentiels, et d’un point de vue éthique voir qu’une entreprise prend soin de ses prospects, c’est appréciable et peut conforter dans l’idée de faire appel à ses services.</p>
<p>Il faut aussi se rendre compte que ces techniques ne vont pas bénéficier uniquement aux personnes en situation de handicap, mais bien à tout le monde ! Comme on vous l’a présenté, nous sommes tous sujets à être bloqués ou limités dans notre navigation, à certains moments de la vie.<br />Un site bien accessible sera donc consultable n’importe où, par n’importe qui, n’importe comment.</p>
<p>Et ça, c’est quand même génial.</p></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div></p><p>The post <a href="https://www.winzana.com/creer-des-sites-accessibles-a-tous-pour-un-internet-plus-inclusif/">Créer des sites accessibles à tous, pour un Internet plus inclusif</a> first appeared on <a href="https://www.winzana.com">Winzana</a>.</p>]]></content:encoded>
					
					<wfw:commentRss>https://www.winzana.com/creer-des-sites-accessibles-a-tous-pour-un-internet-plus-inclusif/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Pourquoi envisager le low-code/no-code pour votre business ?</title>
		<link>https://www.winzana.com/pourquoi-envisager-le-low-code-no-code-pour-votre-business/</link>
					<comments>https://www.winzana.com/pourquoi-envisager-le-low-code-no-code-pour-votre-business/#respond</comments>
		
		<dc:creator><![CDATA[Astrid Van Hal]]></dc:creator>
		<pubDate>Tue, 14 Oct 2025 13:46:17 +0000</pubDate>
				<category><![CDATA[Backend]]></category>
		<category><![CDATA[Cybersécurité]]></category>
		<category><![CDATA[DevOps]]></category>
		<category><![CDATA[Frontend]]></category>
		<guid isPermaLink="false">https://www.winzana.com/?p=241382</guid>

					<description><![CDATA[]]></description>
										<content:encoded><![CDATA[<p><div class="et_pb_section et_pb_section_3 et_pb_with_background et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_3">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_3  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_3  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><div>
<div>
<div>
<p><span>Tendances en forte croissance, le low-code et no-code s’imposent aujourd’hui comme une des solutions <strong>accessibles</strong> permettant à tout le monde de créer en quelques clics un site internet ou une application mobile.</span><span><br /></span><span><br /></span><span>Peu-importe votre niveau de compétence, que vous soyez un <strong>freelance</strong>, un <strong>particulier</strong> ou une <strong>entreprise</strong>, vous serez à même de créer et de mettre en forme vos idées par ce biais.</span></p>
<p><span>Chez Winzana nous nous efforçons de vous livrer le meilleur site possible, et grâce au low-code et no-code, vous aurez beaucoup plus de facilités à l’entretenir et à le faire <strong>grandir</strong>, même sans connaissances !</span><span><br /></span></p>
<p>&nbsp;</p>
</div>
</div>
<div>
<div>
<h3><strong> – Le low-code représente depuis fin 2021, 75% des nouvelles applications – </strong></h3>
<p>&nbsp;</p>
</div>
</div>
<div>
<div>
<h2><strong>Low-code, No-code … Qu’est-ce que c’est ? </strong></h2>
<p>&nbsp;</p>
</div>
</div>
<div>
<div>
<h3><strong>Définition du low-code.</strong></h3>
<p>&nbsp;</p>
</div>
</div>
<div>
<div>
<p><span>Le </span><strong>low-code</strong><span> est une technologie permettant de créer des applications et sites web nécessitant </span><strong>le moins de programmation possible ou une programmation simplifiée</strong><span>, en passant par des outils accessibles à tous grâce à leur interface graphique simple.</span><span><br /></span><span><br /></span><span>Contrairement au no-code, il est nécessaire d’avoir des bases en développement de sites web, mais cela ne demande pas d’avoir les connaissances d’un programmeur confirmé. </span></p>
<p><span>Finalement, comme son nom l’indique,</span><strong><span> </span>le low-code requiert un peu de code</strong><span>, mais sans demander des compétences et un niveau poussé pour parvenir à un résultat utile et intéressant. </span></p>
<p>&nbsp;</p>
</div>
</div>
<div>
<div>
<h3><strong>Définition du No-Code.</strong></h3>
<p>&nbsp;</p>
</div>
</div>
<div>
<div>
<p><span>Le </span><strong>no-code<span> </span></strong><span>est semblable à son “presque homologue”,  le low-code.</span><span><br /></span><span>À quelques différences près : le développement no-code ne nécessite <strong>aucune ligne de code</strong> pour créer une application web ou mobile. </span></p>
<p><span>Les outils fonctionnent avec un système de “ <strong>Glisser-Déposer</strong> », là où en low-code, il est possible de travailler sur des boucles à l’aide d’un tableau excel, gérer la base de données ou encore des API… </span></p>
<p><span>Le no-code s’adresse donc à un public qui n’a<strong> aucune connaissance</strong> en développement et en programmation mais voulant tout de même créer une application ou un site web dans le cadre de leur projet.</span></p>
<p><span>D’une façon un peu grossière, le no-code permet de rendre accessible et <strong>autonome</strong> des personnes qui n’auraient sans doute pas eu les compétences ni les outils nécessaires pour développer leur projet web.</span></p>
</div>
</div>
<div><span> </span></div>
<div>
<div>
<p><em>Création d’application par<span> </span><strong>« Glisser-Déposer »</strong>, ici avec l’outil no-code<span> </span><strong>Adalo</strong></em></p>
<p>&nbsp;</p>
</div>
</div>
<div>
<div>
<h2><strong>Le Low-Code, No-Code en chiffres.</strong></h2>
<p>&nbsp;</p>
</div>
</div>
<div>
<div>
<p><span>Selon le cabinet </span><a href="https://venturebeat.com/2021/07/24/low-code-a-promising-trend-or-a-pandoras-box/"><span>Forrester</span></a><span>, qui est l’un des cabinets d’études et de conseils les plus influents au monde, le « Low-code » représente, depuis la<strong> fin 2021,  75% des nouvelles applications</strong>.</span><span><br /></span><span><br /></span><span>Il y a donc un <strong>énorme enjeu</strong> pour les grosses entreprises comme Google et Microsoft qui proposent toutes une offre de développement no-code/low-code pour pouvoir toucher un public toujours plus large.</span><span><br /></span></p>
<p><span>D’après </span><a href="https://www.businesswire.com/news/home/20191029005144/en/IDC-FutureScape-Outlines-the-Impact-Digital-Supremacy-Will-Have-on-Enterprise-Transformation-and-the-IT-Industry"><span>un article de Business Wire</span></a><span>, <strong>durant ces 5 prochaines années, 500 millions d’applications low code</strong> devraient être créées, c’est plus que celles des 40 dernières années.</span><span><br /></span><span><br /></span><span>Ce chiffre est assez révélateur du comportement d’adoption en masse des logiciels no-code et low-code auprès des professionnels qui, aujourd’hui, se retrouvent être<strong> moins dépendants</strong> à l’égard des développeurs.</span><span><br /></span><span><br /></span><span>En effet, le no-code et le low-code permettent de<strong> lever des barrières</strong>, des freins qui rendaient l’accès à certaines pratiques beaucoup plus compliqué qu’il ne l’est jusqu’alors. </span></p>
<p><span>On peut aisément parler de révolution technologique.<strong> Ces solutions viennent bousculer l’écosystème de la tech’ aujourd’hui</strong>, car elles donnent accès à des outils techniques essentiels sans nécessiter l’embauche de développeurs ou la création d’une équipe pour le développement de projets.</span></p>
<p>&nbsp;</p>
</div>
</div>
<div>
<div>
<h2><strong>À qui s’adresse le low-code, no-code ? </strong></h2>
<p>&nbsp;</p>
</div>
</div>
<div>
<div>
<p><span>Si vous êtes ici, c’est que forcément vous avez entendu parler de ces deux technologies que ce soit dans un cadre professionnel ou à titre personnel.</span><span><br /></span><span><br /></span><span>Était-ce par curiosité ? Ou cette recherche témoigne-t-elle d’une réelle envie d’essayer ces outils … Quoiqu’il en soit, il est nécessaire de se demander <strong>pourquoi passer par ces technologies, quels sont leurs avantages ? </strong></span></p>
<p>&nbsp;</p>
<h3><strong>Ceux qui veulent expérimenter.</strong></h3>
<p>&nbsp;</p>
<p><span>Premièrement le no-code/low-code peut vous être utile pour <strong>tester vos projets</strong>, lancer vos premières plateformes. En effet, vous pouvez facilement tester et lancer votre idée, en mettant moins de temps et d’argent que si vous faisiez appel à une équipe, ou en mobilisant vos employés potentiellement déjà sur d’autres projets. </span></p>
<p>&nbsp;</p>
<h3><strong>Ceux qui visent l’indépendance…</strong></h3>
<p>&nbsp;</p>
<p><span>Si vous ne disposez des compétences nécessaires pour réaliser ce dont vous avez envie ou que vous soyez<strong> une entreprise manquant d’effectif d’une expertise liée à vos envies</strong>…  Une application ou un site no-code vous permettra de mettre à jour régulièrement vos contenus, sans passer par une tierce personne, lorsque votre site est en place, vous n’avez plus qu’à vous <strong>consacrer sur votre stratégie de contenu</strong>, vos produits…</span></p>
<p>&nbsp;</p>
<h3><strong>…jusqu’à une certaine limite. </strong></h3>
<p>&nbsp;</p>
<p><span>Cependant, selon l’ampleur et la complexité de votre projet, vous vous rendrez vite compte que ce type d’applications est soumis à certaines limites.</span><span><br /></span><span><br /></span><span>Bien-sûr, ces solutions sont idéales dans le cadre de <strong>projets “simples”</strong>. Dès lors que l’on souhaite rajouter des fonctionnalités complexes, sur-mesure … On se rend compte des limites de l’outil développé pour répondre à des besoins standards, génériques.</span><span><br /></span><span><br /></span><span>Et de la nécessité de faire appel à des développeurs que ce soit en termes de conseils, de<strong> faisabilité et d’exécution et de mise en production.</strong></span></p>
<p><span><br /></span><span>Aujourd’hui, là où les entreprises relatent d’énormes difficultés à embaucher des développeurs, chez Winzana<strong> nos équipes de développeurs vous accompagnent</strong> afin de mettre en œuvre vos projets. </span></p>
<p><span><br /></span><span>Si c’est vraiment du low-code ou du no-code que vous souhaitez, aucun problème. Nos équipes vous proposerons les meilleures solutions pour mener votre projet à bien et feront en sorte<strong> qu’elles vous soient simples à administrer. </strong></span></p>
<p><span><strong><span class="hs-cta-wrapper" id="hs-cta-wrapper-562595bc-42f2-4e8d-a157-fdd13930333a"><span class="hs-cta-node hs-cta-562595bc-42f2-4e8d-a157-fdd13930333a" id="hs-cta-562595bc-42f2-4e8d-a157-fdd13930333a" data-hs-drop="true"><a id="cta_button_6939182_3ca0f709-c75a-4c51-96f7-b0570d55c270" class="cta_button btn" href="https://cta-service-cms2.hubspot.com/ctas/v2/public/cs/c/?cta_guid=3ca0f709-c75a-4c51-96f7-b0570d55c270&amp;signature=AAH58kH0f-vx2gOlsZnGVD3ucq-F9E52aQ&amp;utm_referrer=https%3A%2F%2Fwww.winzana.com%2Ffr%2Fretd.html&amp;portal_id=6939182&amp;pageId=91721012311&amp;placement_guid=562595bc-42f2-4e8d-a157-fdd13930333a&amp;click=060865ad-ea3d-40df-9f1a-1077f1bc8059&amp;redirect_url=APefjpGpp_FPSUjac2A6XZnx3bI8snnDYaA3oyluVDUQFYbv50ZPyGWHCFgzezxOYq0DMBsFE_Hd_7gVbCou4e_87Yhh-IfcporvmEolfdX80eqNmYCUR_LyNjlVvDtqMwe7j4wTIKc2-n2INVDRtvMkSXEAnhx0IdwAclETLX12pCk6X0yrWRqfTvbiIZbWXgfa1wPrwWP7pHwGHBH-0yhLBboeklj-t40MbcBxgoeGDKy2bwahryEBLNQat1CXmtTFfAnBxueVrzJO8DOgVMKLLl4rs4RHig&amp;hsutk=f52c1e3b2d5a42fea83f14b92096aafa&amp;canon=https%3A%2F%2Fwww.winzana.com%2Ffr%2Fretd%2Fpourquoi-envisager-le-low-code%2Fno-code-pour-votre-business.html&amp;ts=1760449507821&amp;__hstc=205079375.f52c1e3b2d5a42fea83f14b92096aafa.1744642037895.1760433170422.1760447422120.51&amp;__hssc=205079375.14.1760447422120&amp;__hsfp=2924012137&amp;contentType=blog-post" cta_dest_link="http://6939182.hs-sites.com/fr/" title="Je veux développer mon projet !">Je veux développer mon projet !</a></span></span></strong></span></p>
<p>&nbsp;</p>
</div>
</div>
<div><span>Vous n’aurez plus qu’à vous soucier du contenu et du design. Sur le long terme, disposer d’une application sur-mesure pour votre entreprise, vous fera</span><strong> gagner un temps considérable</strong><span> </span><span>, et permettra d’avoir une réalisation répondant précisément à votre besoin et à votre problématique.</span></div>
<div>
<p>&nbsp;</p>
<p><span>Une solution No-Code offre<strong> une liberté opérationnelle</strong> séduisant beaucoup d’entreprises de par la rapidité et la liberté d’exécution. Une fois que vous aurez la vôtre, il sera difficile de vous en passer.</span></p>
<p>&nbsp;</p>
</div>
<div>
<div>
<h2><strong>Les avantages de ces techniques</strong></h2>
<p>&nbsp;</p>
<p>En résumé les principaux avantages sont :</p>
<p>&nbsp;</p>
</div>
</div>
<div>
<div>
<ul>
<li><span>GAIN DE TEMPS</span></li>
<li><span>GAIN D’ARGENT</span><span></span></li>
<li><span>FACILITÉ DE MISE EN PLACE</span></li>
<li><span>FACILITÉ D’APPRENTISSAGE</span></li>
<li><span>SOLUTION À LA PÉNURIE DE DÉVELOPPEURS</span></li>
</ul>
</div>
</div>
</div>
<div>
<div>
<div>
<div>
<h3> </h3>
<h3><strong>Des exemples de plateformes</strong></h3>
<p>&nbsp;</p>
<p><span>Une des plateformes les plus connues on peut citer <strong>WordPress</strong>, le leader des CMS (Content Management System), utilisé par <strong>34% des sites web en 2020.</strong> WordPress, c’est du low-code, il est possible de créer son site à l’aide de template, de blocs, et de le personnaliser en modifiant son code, en gérant la base de données. Cependant des extensions sur WordPress comme l’éditeur de page Divi, proposent une solution no-code, où vous pouvez mettre en forme votre site en glissant et déposant des blocs et en modifiant leur design, leur position…  </span></p>
<p><span>Avec le même fonctionnement, il existe les entreprises</span><span> <strong>Wix</strong> et <strong>Shopify</strong>.</span></p>
</div>
</div>
</div>
<div>
<p><em>L’ajout de blocs avec l’extension Divi sur WordPress</em></p>
</div>
</div>
<div>
<div>
<div>
<p><em>Personnalisation des thèmes par du CSS</em></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
</div>
</div>
<div>
<div>
<h2><strong>L’expertise Winzana </strong></h2>
<p>&nbsp;</p>
<p><span>Comme nous vous l’expliquions, Winzana est adepte du low-code/no-code. Aujourd’hui nous sommes intervenus sur plusieurs projets à l’aide de ces technologies, en utilisant notamment <strong>les outils WordPress, HubSpot ou encore Firebase.</strong></span></p>
</div>
</div>
<div>
<div>
<p><strong>Ces solutions vous intéressent, vous avez un projet en tête ? N’hésitez pas à faire appel à nous, nous mettrons nos développeurs à votre service pour répondre au mieux à votre demande.</strong></p>
</div>
</div>
</div></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div></p><p>The post <a href="https://www.winzana.com/pourquoi-envisager-le-low-code-no-code-pour-votre-business/">Pourquoi envisager le low-code/no-code pour votre business ?</a> first appeared on <a href="https://www.winzana.com">Winzana</a>.</p>]]></content:encoded>
					
					<wfw:commentRss>https://www.winzana.com/pourquoi-envisager-le-low-code-no-code-pour-votre-business/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Faut-il choisir une application mobile Native ou une PWA ?</title>
		<link>https://www.winzana.com/faut-il-choisir-une-application-mobile-native-ou-une-pwa/</link>
					<comments>https://www.winzana.com/faut-il-choisir-une-application-mobile-native-ou-une-pwa/#respond</comments>
		
		<dc:creator><![CDATA[Astrid Van Hal]]></dc:creator>
		<pubDate>Tue, 14 Oct 2025 13:40:34 +0000</pubDate>
				<category><![CDATA[Backend]]></category>
		<category><![CDATA[Frontend]]></category>
		<category><![CDATA[Mobile]]></category>
		<guid isPermaLink="false">https://www.winzana.com/?p=241367</guid>

					<description><![CDATA[]]></description>
										<content:encoded><![CDATA[<p><div class="et_pb_section et_pb_section_4 et_pb_with_background et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_4">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_4  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_4  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><div>
<div>
<div>
<div>
<p>Il n’est jamais évident de s’y retrouver dans tous les choix technologiques possibles pour développer votre solution mobile mais, une chose est sûre, c’est que vous voulez que votre application mobile soit présente dans la liste de celles utilisées par vos clients !</p>
</div>
</div>
</div>
</div>
<div>
<h2> </h2>
<h2>Votre application mobile disponible pour vos clients</h2>
<h2> </h2>
<p>Nous allons voir ici quelles sont les solutions qui s’offrent à vous pour que votre application mobile soit disponible et accessible pour vos clients:</p>
<p>&nbsp;</p>
<ul>
<li>Faire une application mobile Native</li>
<li>Faire un application mobile Hybride</li>
<li>Faire une application PWA (Progressive Web App)</li>
<li><span>Nous voilà bien avancés. Mais qu’est-ce qu’on va faire avec tout ça ?</span></li>
</ul>
<p><span>L’important est surtout de savoir ce que vous, vous voulez faire:<br /></span></p>
</div>
<div>
<ul>
<li>Quel est votre business model ?</li>
<li>Quelles fonctionnalités souhaitez-vous mettre à disposition de vos clients ?</li>
<li>Quelles sont les fonctionnalités disponibles sur une application mobile ?</li>
<li>Souhaitez-vous pouvoir vendre vos produits depuis un smartphone ?</li>
<li>Souhaitez-vous pouvoir communiquer rapidement et efficacement avec vos clients ?</li>
<li>Nombreuses sont les questions à se poser et on vous propose de se les poser ensemble !</li>
</ul>
</div>
<div>
<div>
<div>
<div>
<h2>L’application mobile</h2>
</div>
</div>
<div>
<div>
<h3>Une application mobile, qu’est-ce que c’est ?</h3>
<p>&nbsp;</p>
</div>
</div>
<div>
<div>
<p>C’est un programme compilé et installable sur un<span> </span><strong>smartphone</strong>. Qu’est-ce que ça veut dire ? Que le programme qui est développé n’est pas spécialement dynamique (c’est-à-dire connecté à une source de données distante permettant d’afficher de la donnée de façon dynamique).</p>
<p>Si l’on souhaite mettre à jour l’<a href="https://www.winzana.com/mobile-apps/index.html" target="_blank" rel="noopener noreferrer"><strong>application mobile</strong></a>, il faudra soumettre une nouvelle version de l’application à l’<strong>App Store</strong><span> </span>d’Apple et au<span> </span><strong>Play Store</strong><span> </span>de Google. Si l’on souhaite proposer l’inscription ou afficher de la donnée dynamique, alors il faudrait également développer une<span> </span><strong>API</strong><span> </span>du côté du serveur (on y reviendra prochainement).</p>
<p>&nbsp;</p>
</div>
</div>
<div>
<div>
<h3>Que peut-on faire avec une application mobile ?</h3>
<p>&nbsp;</p>
</div>
</div>
<div>
<div>
<p>Le premier<span> </span><strong>avantage</strong><span> </span>qu’il y a, et qui est aussi un inconvénient, c’est que votre<span> </span><strong>application</strong><span> </span>sera disponible sur l’<strong>App Store</strong><span> </span>et le<span> </span><strong>Play Store</strong>. Pourquoi serait-ce un inconvénient nous direz-vous ? Eh bien parce que vous êtes tributaires du bon vouloir de ces stores. En effet, si<span> </span><strong>Apple</strong><span> </span>ou<span> </span><strong>Google</strong><span> </span>considère que votre application n’est pas conforme à leurs conditions ou que le smartphone de vos clients n’est pas raccord aux<span> </span><strong>accords commerciaux</strong><span> </span>avec leur société<span> </span><em>(comme<span> </span><a href="https://www.rtl.be/info/magazine/hi-tech/on-est-en-2020-et-huawei-est-toujours-prive-de-google-que-faut-il-attendre-de-cette-annee-de-transition--1190882.aspx" target="_blank" rel="noopener noreferrer">Huawei</a>, par exemple)</em>, vous pouvez tout simplement mettre votre application à la poubelle<span> </span><em>(et ce n’est pas le but)</em>. Mais avoir son application sur les stores reste quand même un gage de<span> </span><strong>confiance</strong><span> </span>et de<span> </span><strong>qualité</strong><span> </span>auprès de vos utilisateurs, on ne peut pas le nier.</p>
</div>
</div>
<div>
<div>
<p>Ensuite, l’idée est de savoir quelles sont les<strong><span> </span>fonctionnalités</strong><span> </span>et<span> </span><strong>possibilités</strong><span> </span>que vous apporte une<span> </span><strong>application mobile native</strong>:</p>
<p>&nbsp;</p>
<ul>
<li>Accès à la géolocalisation en tâche de fond</li>
<li>Accès au Geofencing<em><span> </span>(géorepérage)</em></li>
<li>Accès aux tâches de fond<span> </span><em>(pour les téléchargements de fichiers par exemple)</em></li>
<li>Accès aux fonctionnalités de lecture en tâche de fond<span> </span><em>(comme Spotify pour la musique par exemple)</em></li>
<li>Accès aux fonctionnalités de HealthKit<em><span> </span>(pour avoir le rythme cardiaque par exemple)</em></li>
<li>Accès au Wallet<em><span> </span>(portefeuille virtuel d’Apple et de Google)</em></li>
<li>Accès au Bluetooth<span> </span><em>(pour la connexion d’objets connectés)</em></li>
<li>Accès au Game Center</li>
<li>Accès au NFC</li>
<li>Accès au stockage de données local<span> </span><em>(de façon cryptée ou non pour être compatible avec les contraintes de gestion des données de santé)</em></li>
</ul>
<p>Et encore de nombreuses fonctionnalités liées au smartphone de vos utilisateurs !</p>
</div>
</div>
</div>
</div>
<div>
<div>
<div>
<div>
<h2>La Progressive Web App</h2>
</div>
</div>
<div>
<div>
<h3>Une application PWA, qu’est-ce que c’est ?</h3>
<p>&nbsp;</p>
</div>
</div>
<div>
<div>
<p>Une<span> </span><strong>PWA</strong>, qui est l’abréviation de<span> </span><a href="https://www.winzana.com/web-apps/index.html" target="_blank" rel="noopener noreferrer"><strong>Progressive Web App</strong></a><span> </span><em>(ou Application Web Progressive en français)</em><span> </span>est une application web qui consiste à afficher des pages Web ou un site Web. L’affichage permet d’avoir le même rendu graphique qu’une<span> </span><strong>application mobile native</strong>.</p>
<p>Ce type d’application permet de combiner les<span> </span><strong>fonctionnalités</strong><span> </span>disponibles sur la plupart des navigateurs web modernes avec le confort de l’expérience offerte par les<span> </span><strong>smartphones</strong>.</p>
<p>Une<span> </span><strong>PWA</strong><span> </span>se consulte comme un<span> </span><strong>site web responsive</strong><span> </span>classique. On y accède via une URL en HTTPS. Elle permet également d’avoir une icône d’application sur le smartphone d’un client sans être obligé de passer par le processus complexe de validation des stores<strong><span> </span>Apple</strong><span> </span>et<span> </span><strong>Google</strong>.</p>
<p>&nbsp;</p>
<h3>L’avantage d’une application PWA ? C’est plus rapide et simple à développer qu’une application mobile Native.</h3>
<p>&nbsp;</p>
</div>
</div>
<div>
<div>
<h3>Que peut-on faire avec une application PWA ?</h3>
<p>&nbsp;</p>
</div>
</div>
<div>
<div>
<p>La réponse est simple: on peut faire exactement la même chose qu’avec un<span> </span><strong>site web responsive</strong>.</p>
<p>Les fonctionnalités supplémentaires en comparaison à un site web sont par exemple:</p>
<p>&nbsp;</p>
<ul>
<li>La création d’un raccourci du site ou de la Webapp directement sur l’écran d’accueil du visiteur</li>
<li>Accéder à des fonctionnalités du téléphone telles que l’appareil photo, la géolocalisation ou encore le micro</li>
<li>Consulter du contenu en mode hors ligne</li>
<li>Permettre d’envoyer des notifications<span> </span><em>push</em><span> </span>comme pour une application mobile</li>
</ul>
</div>
</div>
</div>
</div></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div></p><p>The post <a href="https://www.winzana.com/faut-il-choisir-une-application-mobile-native-ou-une-pwa/">Faut-il choisir une application mobile Native ou une PWA ?</a> first appeared on <a href="https://www.winzana.com">Winzana</a>.</p>]]></content:encoded>
					
					<wfw:commentRss>https://www.winzana.com/faut-il-choisir-une-application-mobile-native-ou-une-pwa/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Hermès, un moteur javascript optimisé pour faire tourner react-native sur Android</title>
		<link>https://www.winzana.com/hermes-un-moteur-javascript-optimise-pour-faire-tourner-react-native-sur-android/</link>
					<comments>https://www.winzana.com/hermes-un-moteur-javascript-optimise-pour-faire-tourner-react-native-sur-android/#respond</comments>
		
		<dc:creator><![CDATA[Astrid Van Hal]]></dc:creator>
		<pubDate>Tue, 14 Oct 2025 13:38:49 +0000</pubDate>
				<category><![CDATA[Frontend]]></category>
		<category><![CDATA[Mobile]]></category>
		<category><![CDATA[Hermès]]></category>
		<category><![CDATA[React-Native]]></category>
		<guid isPermaLink="false">https://www.winzana.com/?p=241361</guid>

					<description><![CDATA[]]></description>
										<content:encoded><![CDATA[<p><div class="et_pb_section et_pb_section_5 et_pb_with_background et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_5">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_5  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_5  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><div>
<div>
<div>
<h2>Contexte</h2>
<p>&nbsp;</p>
<p><span></span><span>Dans cet article, on va parler d’Hermès. Hermès c’est un moteur javascript optimisé pour faire tourner React-Native sur Android. </span></p>
<p>&nbsp;</p>
</div>
</div>
<div>
<div>
<p><span> </span><span>Cela permet entre autre<br /></span></p>
</div>
</div>
<div>
<h6 class="text-gradient-secondary"><span>&lt;01&gt;</span></h6>
</p>
<div>
<h4><span>De diviser le temps de démarrage de l&rsquo;app</span></h4>
<p>&nbsp;</p>
</div>
</div>
<div>
<div>
<h6 class="text-gradient-secondary"><span>&lt;02&gt;</span></h6>
<div>
<h4><span>La vitesse globale de l’app</span></h4>
<p>&nbsp;</p>
</div>
</div>
</div>
<div>
<h6 class="text-gradient-secondary"><span>&lt;03&gt;</span></h6>
<div>
<h4><span>Une meilleure utilisation de la mémoire</span></h4>
<p>&nbsp;</p>
</div>
</div>
<div>
<h6 class="text-gradient-secondary"><span>&lt;04&gt;</span></h6>
<div>
<h4><span>A better native feeling !</span></h4>
<p>&nbsp;</p>
</div>
</div>
<div>
<div>
<p><span> </span><span>Activer hermès semble être une fioriture au premier abord, jusqu’à ce que l’on décide de l’activer. Dès lors l’activation d’Hermès s’en suit une série de problème jusque là franchement pas attendus … écrans blancs, librairies non chargées, problèmes de compilation.</span></p>
<p>&nbsp;</p>
</div>
</div>
<div>
<div>
<p><span>Mais voilà, Hermès promet des performances de dingues alors tu te lance avec ce tuto : </span><a href="https://reactnative.dev/docs/hermes"><span></span></a><a>https://reactnative.dev/docs/hermes</a> <span>Dans le fichier app/build.gradle tu passes `enableHermes` à true…</span></p>
<p>&nbsp;</p>
</div>
</div>
<div><span>Super, Hermès est activé ! Alors voilà tu décide de tester, de voir si c’est aussi incroyable que ce qu’en dit tout le monde. Et là, la première erreur !</span></div>
<div><span> </span></div>
<div><span>Ca ne compile pas :</span></div>
<div><span>&gt; A problem occurred starting process : ‘command « ../../node_modules/hermesvm/%OS-BIN%/hermes »</span></div>
<div><span> </span></div>
<div><span>Ok, pas de problème ça doit être une broutille, je vais “google that”, et ce sera fixé dans une seconde.</span></div>
<div><span> </span></div>
<div><span>Alors tu essayes d’ajouter une commande Hermès, au cas ou il savait pas quoi faire :</span></div>
<div><span>hermesCommand: « ../../node_modules/hermesvm/%OS-BIN%/hermes »,</span></div>
<div><span> </span></div>
<div><span>Tu recompiles, ça marche toujours pas… Alors tu installes Hermès comme dépendances node_modules directement, mais là BAM, un nouvelle erreur, la librairie n’est pas chargée.</span><span></span></div>
<div><span> </span></div>
<div><span>java.lang.UnsatisfiedLinkError: couldn’t find DSO to load: libhermes.so</span></div>
<div><span> </span></div>
<div><span>Ok, pas de problème tu va “googler” ça et trouver la réponse. Et la ce que trouve c’est que le chemin de la commande Hermès à changé !</span></div>
<div><span> </span></div>
<div><span>Alors tu remplace “hermes-vm” par “hermes-engine” :</span></div>
<div><span> </span></div>
<div><span>Et là tu test en debug, super ça marche, tu commences même à voir que ton app est bien plus rapide !</span></div>
<div><span> </span></div>
<div><span>Comme t’es un mec bien, t’as configuré plusieurs variantes pour tester l’app en preprod. Activer Hermès c’est une bonne occasion de tester en preprod même s’il y a que ça qui a changé.</span></div>
<div><span> </span></div>
<div><span>Et là au démarrage de l’app, FATAL ERROR :</span></div>
<div><span>java.lang.UnsatisfiedLinkError: couldn’t find DSO to load: libhermes.so</span></div>
<div><span>En fait Hermès ne supporte pas les variantes de build…</span></div>
<div><span> </span></div>
<div><span>MAIS !</span></div>
<div><span>Il suffit de lui spécifier l’implémentation pour fonctionner.</span></div>
<div><span>Avec la syntaxe suivante :</span></div>
<div><span>&lt;buildVariant&gt;Implementation files(hermesPath + “hermes-release.aar”)</span></div>
<div><span> </span></div>
<div><span>Ca donnerait quelque chose comme ça :</span></div>
<div><span> </span></div>
<div><span>Et la ça marche vraiment !</span></div>
<div><span> </span></div>
<div><span>Quelque chose de vraiment cool est arrivé avec la 0.62.2 : Flipper !</span></div>
<div><span> </span></div>
<div><span>Tu peux débugger ton app directement depuis flipper, les debugger;, les consoles, tout apparaîtra dans cette console. ( Nécessite la configuration flipper bien-sûr )</span></div>
</div>
<div>
<div>
<div>
<div>
<div>
<article>
<h2><span>🥳</span></h2>
</article>
</div>
</div>
</div>
</div>
</div></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div></p><p>The post <a href="https://www.winzana.com/hermes-un-moteur-javascript-optimise-pour-faire-tourner-react-native-sur-android/">Hermès, un moteur javascript optimisé pour faire tourner react-native sur Android</a> first appeared on <a href="https://www.winzana.com">Winzana</a>.</p>]]></content:encoded>
					
					<wfw:commentRss>https://www.winzana.com/hermes-un-moteur-javascript-optimise-pour-faire-tourner-react-native-sur-android/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Les tests en React Native et React JS</title>
		<link>https://www.winzana.com/les-tests-en-react-native-et-react-js/</link>
					<comments>https://www.winzana.com/les-tests-en-react-native-et-react-js/#respond</comments>
		
		<dc:creator><![CDATA[Astrid Van Hal]]></dc:creator>
		<pubDate>Tue, 14 Oct 2025 13:34:09 +0000</pubDate>
				<category><![CDATA[Frontend]]></category>
		<category><![CDATA[React JS]]></category>
		<category><![CDATA[React-Native]]></category>
		<guid isPermaLink="false">https://www.winzana.com/?p=241351</guid>

					<description><![CDATA[]]></description>
										<content:encoded><![CDATA[<p><div class="et_pb_section et_pb_section_6 et_pb_with_background et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_6">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_6  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_6  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><div>
<div>
<div>
<div>
<p>L’écriture des tests est primordiale dans un projet qui recherche une fiabilité, une maintenabilité et surtout pour distribuer des versions avec confiance ! Faisons le tour des tests en React Native et React JS.</p>
<p>Il existe trois types de tests :</p>
</div>
</div>
</div>
</div>
<div>
<div>
<div>
<div>
<div>
<h4><span>Les tests unitaires</span></h4>
<p>&nbsp;</p>
<div>
<blockquote>
<p>⟩ Ce sont des tests atomiques</p>
<p>⟩ Ils sont rapides à exécuter</p>
<p>⟩ Généralement ils servent à tester une seule chose</p>
<p>⟩ Leur quantité reflète la modularité de l’application</p>
<p>⟩ Par exemple, on teste que notre réducteur modifie correctement le<span> </span><em>state</em><span> </span>avec une action donnée</p>
<p>&nbsp;</p>
</blockquote>
</div>
</div>
</div>
</div>
<div>
<div>
<div>
<h4><span>Les tests d&rsquo;intégration</span></h4>
<p>&nbsp;</p>
<div>
<blockquote>
<p>⟩ Ils servent à interagir avec des procédures ou des composants</p>
<p>⟩ À la manière des tests unitaires, ces tests sont relativement isolés, mais plutôt par rapport à la fonctionnalité</p>
<p>⟩ Par exemple, on teste un composant « Modal », on teste le comportement de la modale, on vérifie les propriétés, le<span> </span><em>state</em>, etc.</p>
<p>&nbsp;</p>
</blockquote>
</div>
</div>
</div>
</div>
<div>
<div>
<div>
<h4><span>Les tests d&rsquo;acceptance</span></h4>
<p>&nbsp;</p>
<div>
<blockquote>
<p>⟩ Ce sont les plus longs à exécuter, mais ils sont également bien moins nombreux</p>
<p>⟩ Ils servent à tester l’application sur un processus</p>
<p>⟩ Ils contiennent un niveau d’abstraction: on ne teste pas la logique interne mais le comportement de l’application</p>
<p>⟩ Par exemple, on va tester le processus de<span> </span><em>login</em><span> </span>entier comme si c’était un utilisateur qui utilise l’application</p>
</blockquote>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div>
<div>
<div>
<p>Et aujourd’hui nous avons des outils qui nous permettent d’automatiser ces trois types de tests dont voici quelques librairies utiles pour chacun des tests en React Native et React JS :</p>
</div>
</div>
</div>
</div>
<div>
<div>
<div>
<div>
<p><strong>Pour les tests d’intégration</strong></p>
</div>
</div>
</div>
</div></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div></p><p>The post <a href="https://www.winzana.com/les-tests-en-react-native-et-react-js/">Les tests en React Native et React JS</a> first appeared on <a href="https://www.winzana.com">Winzana</a>.</p>]]></content:encoded>
					
					<wfw:commentRss>https://www.winzana.com/les-tests-en-react-native-et-react-js/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Pourquoi et comment implémenter Flow sur un projet React Native</title>
		<link>https://www.winzana.com/pourquoi-et-comment-implementer-flow-sur-un-projet-react-native/</link>
					<comments>https://www.winzana.com/pourquoi-et-comment-implementer-flow-sur-un-projet-react-native/#respond</comments>
		
		<dc:creator><![CDATA[Astrid Van Hal]]></dc:creator>
		<pubDate>Tue, 14 Oct 2025 13:25:38 +0000</pubDate>
				<category><![CDATA[Frontend]]></category>
		<category><![CDATA[Open-source]]></category>
		<category><![CDATA[Flow]]></category>
		<category><![CDATA[React-Native]]></category>
		<guid isPermaLink="false">https://www.winzana.com/?p=241331</guid>

					<description><![CDATA[]]></description>
										<content:encoded><![CDATA[<p><div class="et_pb_section et_pb_section_7 et_pb_with_background et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_7">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_7  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_7  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><div>
<div>
<div>
<div>
<h2>Intro</h2>
<p>&nbsp;</p>
<p><strong>Flow</strong><span> </span>est un outil de développement déclaratif qui permet d’ajouter du typage de manière statique sur du<span> </span><strong>Javascript</strong><span> </span>et<span> </span><strong>JSX</strong>. Il permet de réduire les potentiels bugs liés au développement du programme durant le développement et non durant le runtime. Il permet entre autres de fournir une description plus complète lors de l’autocomplétion. C’est entre autres une des recommandations de l’équipe<span> </span><strong>React</strong><span> </span>: https://fr.reactjs.org/docs/static-type-checking.html</p>
<p>Dans cet article nous aborderons quatre points principaux :</p>
<ul>
<li>L’utilité de<span> </span><strong>Flow</strong></li>
<li>L’implémentation<span> </span><strong>Flow</strong></li>
<li>Exemples concrets d’utilisation</li>
<li>Comparaison rapide avec<span> </span><strong>TypeScript</strong></li>
</ul>
</div>
</div>
</div>
</div>
<div>
<div>
<div>
<h2>Pourquoi j’utiliserai<span> </span><strong>Flow</strong><span> </span>?</h2>
<p>&nbsp;</p>
<p>La première fonctionnalité de<span> </span><strong>Flow</strong><span> </span>est le typage des variables. En<span> </span><strong>React Native</strong><span> </span>ou plutôt<span> </span><strong>JavaScript</strong>, les variables ne sont pas typées. Ce qui au cours de l’évolution du programme peut devenir un handicap en termes de maintenance, et de fiabilité. Les changements de types au cours du déroulement du programme peuvent être dramatiques s’ils ne sont pas maîtrisés. Or avec<span> </span><strong>Flow</strong>, on peut maîtriser ces changements de type, à conditions de bien les typer. Et bien sûr, grâce au typage des variables, on obtient une autocomplétion encore plus intelligente et plus précise.</p>
</div>
</div>
<div>
<div> </div>
<p><span>Implémentation et utilisation de</span><span> </span><strong>Flow</strong></div>
<div><span> </span></div>
<div><span>Pour commencer à utiliser la bibliothèque</span><span> </span><strong>Flow</strong><span>, il vous faut tout d’abord l’installer</span></div>
<div> </div>
<pre><code>yarn add flow-bin</code></p>
<p><code></code><span>Ou</span></p>
<p><span></span><code>npm install --save flow-bin</code></pre>
<p>&nbsp;</p>
<div><code> </code></div>
<div><code></code><span>Ensuite, on modifie le</span><span> </span><i>package.json</i><span> </span><span>(si celle-ci n’est pas ajoutée automatiquement lors de l’installation).</span></div>
<div>
<div data-hs-responsive-table="true">
<table>
<tbody>
<tr>
<td>
<div><span>{</span></div>
<div><span>//…rest,</span></div>
<div><span>« flow »: »flow »</span></div>
<div><span>}</span></div>
</td>
</tr>
</tbody>
</table>
</div>
<p>&nbsp;</p>
</div>
<div><span>On initialise</span><span> </span><strong>Flow</strong><span> </span><span>via la commande ci-dessous :</span></div>
<div><span></span><code>npm run flow init</code></div>
<div><code></code><span>Ou</span></div>
<div><span></span><code>yarn run flow init</code></div>
<div><code></code><span>Et voilà !</span><span> </span><strong>Flow</strong><span> </span><span>est installé.</span></div>
<div><span> </span></div>
<div><span>Étayons un peu plus le sujet avec</span><span> </span><i>flow focus-check</i><span>. C’est une bibliothèque comprise dans</span><span> </span><strong>Flow</strong><span> </span><span>qui permet de vérifier les fichiers passés en</span><span> </span><i>pre-commit</i><span> </span><span>(ce qui est très utile pour déceler de potentielles erreurs qui peuvent être envoyées sur le git). C’est-à-dire que</span><span> </span><strong>Flow</strong><span> </span><span>va uniquement vérifier les dépendances des fichiers qui seront poussées au serveur et les fichiers eux-mêmes bien sûr.</span></div>
<div><span> </span></div>
<div><span>Utilisation de</span><span> </span><strong>Flow</strong></div>
<div><span>Il faut ajouter à chaque début de fichier auquel on veut que</span><span> </span><strong>Flow</strong><span> </span><span>reconnaisse les fichiers qu’il doit parser :</span></div>
<div><span></span><code>// @flow</code></div>
<div><code></code><span>on peut désormais utiliser la commande :</span></div>
<div><span></span><code>yarn run flow</code></div>
<div><code></code><span>ou :</span></div>
<div><span></span><code>npm run flow</code></div>
<div><code> </code></div>
<div><code></code><span>Celle-ci permet de demander à</span><span> </span><strong>Flow</strong><span> </span><span>de vérifier que notre code</span><span> </span><strong>Javascript</strong><span> </span><span>est typé correctement.</span><span> </span><strong>Flow</strong><span> </span><span>permet de signaler des erreurs de type de manière statique (au niveau de l’</span><i>IDE</i><span>) durant le développement.</span></div>
<div><span> </span></div>
<div><span>Exemples concrets</span></div>
<div><span>Au sein de cette sous-partie, nous allons voir les points évoqués lors de la présentation de</span><span> </span><strong>Flow</strong><span>. Vous aurez donc des exemples concrets pour chaque point. Pour l’occasion, nous créons un petit projet qui permet d’incrémenter un compteur. Tout d’abord, la déclaration des props ne se fait plus via les</span><span> </span><em>prop-types</em><span>, mais via</span><span> </span><strong>Flow</strong><span> </span><span>:</span></div>
<div>
<div data-hs-responsive-table="true">
<table>
<tbody>
<tr>
<td><span>type Props = {<br />/**<br />* Count value to increment<br />*<br />* @type {number}<br />*/<br />counter: number;<br />}</span></td>
</tr>
</tbody>
</table>
</div>
<p>&nbsp;</p>
</div>
<div><span> </span></div>
<div><span>Ensuite on définit la</span><span> </span><em>View</em><span>, et on type les props reçues par le composant :</span></div>
<div>
<div data-hs-responsive-table="true">
<table>
<tbody>
<tr>
<td><span>const CounterView = ({ counter, incrementCounter }: Props) =&gt; (<br />&lt;View style=&gt;<br />&lt;Text&gt;{counter}&lt;/Text&gt;<br />&lt;Button onPress={incrementCounter} title= »Increment » /&gt;<br />&lt;/View&gt;<br />);<br />export default CounterView;</span></td>
</tr>
</tbody>
</table>
</div>
<p>&nbsp;</p>
</div>
<div><span>Dans le container on instancie la</span><span> </span><em>View</em><span> </span><span>:</span></div>
<div><span> </span></div>
<div>
<div data-hs-responsive-table="true">
<table>
<tbody>
<tr>
<td><span>const CounterContainer = () =&gt; {<br />const [counter, increment] = useState(0);<br />const incrementCounter = useCallback(() =&gt; {<br />increment(counter+1);<br />},[counter]);<br />return (&lt;CounterView /&gt;);<br />}</span></td>
</tr>
</tbody>
</table>
</div>
<p>&nbsp;</p>
</div>
<div><span>Et on constate que</span><span> </span><strong>Flow</strong><span> </span><span>nous indique que le composant</span><span> </span><em>CounterView</em><span> </span><span>n’est pas implémenté correctement.</span></div>
<div><span> </span></div>
<div><span>On implémente correctement notre</span><span> </span><em>CounterView</em><span>.</span></div>
<div>
<div data-hs-responsive-table="true">
<table>
<tbody>
<tr>
<td><span>return (&lt;CounterView counter={counter} incrementCounter={incrementCounter} /&gt;);</span></td>
</tr>
</tbody>
</table>
</div>
<p>&nbsp;</p>
</div>
<div><span> </span></div>
<div><span>On ajoute maintenant un label optionnel à notre</span><span> </span><em>CounterView</em><span> </span><span>:</span></div>
<div>
<div data-hs-responsive-table="true">
<table>
<tbody>
<tr>
<td><span>type Props = {<br />….restProps<br />/**<br />* Optional Label for our counter<br />*<br />* @type {string}<br />*/<br />label?: string;<br />}</span></td>
</tr>
</tbody>
</table>
</div>
<p>&nbsp;</p>
</div>
<div> </div>
<div><span> </span></div>
<div><span>Si on retourne sur le fichier de notre</span><span> </span><em>CounterContainer</em><span>, on se rend compte que</span><span> </span><strong>Flow</strong><span> </span><span>ne lance aucune erreur puisqu’il n’y en a pas. Label est optionnel, donc mon composant doit être fonctionnel même si je ne déclare pas la propriété label. Maintenant coté View, je veux que mon label soit en majuscules, pour qu’il soit bien visible.</span></div>
</div>
<div>
<div><span><img decoding="async" src="https://www.winzana.com/wp-content/uploads/2020/02/flow-error.html" alt="" title="" loading="lazy" /></span></div>
<div>
<p>Donc on tente ça :</p>
</div>
<div>
<div data-hs-responsive-table="true">
<table>
<tbody>
<tr>
<td><span>&lt;Text&gt;{label.}&lt;/Text&gt;</span></td>
</tr>
</tbody>
</table>
</div>
<p>&nbsp;</p>
</div>
<div>
<div>
<p>L’autocomplétion ne fonctionne pas, alors on force, parce que cette méthode on la connait par coeur quoi :</p>
</div>
</div>
<div>
<div data-hs-responsive-table="true">
<table>
<tbody>
<tr>
<td><span> &lt;Text&gt;{label.toUpperCase()}&lt;/Text&gt;</span></td>
</tr>
</tbody>
</table>
</div>
<p>&nbsp;</p>
</div>
<div>
<div>
<p>Mais là<span> </span><strong>Flow</strong><span> </span>n’est pas d’accord avec nous, et c’est normal ! On peut également caster nos variables, et faire la majorité des choses qu’on peut faire avec un langage comme<span> </span><strong>Java</strong><span> </span>ou<span> </span><strong>Swift</strong><span> </span>en termes de typage.</p>
</div>
</div>
<div>
<div> </div>
<p><span>En l’état mon composant n’est pas fonctionnel si label n’est pas défini ! Et</span><span> </span><strong>Flow</strong><span> </span><span>me le dit avant même que je lance l’application sans définir de label. Donc je vérifie que label soit bien défini pour afficher le label !</span><span><img decoding="async" src="https://www.winzana.com/wp-content/uploads/2020/02/flow-error-touppercase.html" alt="" title="" loading="lazy" /></span></div>
<div>
<div data-hs-responsive-table="true">
<table>
<tbody>
<tr>
<td> <span> </span><span>{label &amp;&amp; &lt;Text&gt;{label.toUpperCase()}&lt;/Text&gt;}</span></td>
</tr>
</tbody>
</table>
</div>
<p>&nbsp;</p>
</div>
<div>
<div>
<p>Bingo ! Mon composant est fonctionnel !</p>
<p>&nbsp;</p>
<p>Bien évidemment avec cet exemple, nous avons seulement vu les bases de<span> </span><strong>Flow</strong>, comment on l’utilise, pourquoi l’utiliser. Mais sur un projet de grande envergure, le typage est d’une grande aide, et permet d’assurer une certaine fiabilité sur le long terme. Généralement<span> </span><strong>Flow</strong><span> </span>s’utilise au cours du développement et également dans une chaîne d’intégration continue.</p>
</div>
</div>
<div> </div>
<div><span>Rapide comparatif entre</span><span> </span><strong>TypeScript</strong><span> </span><span>et</span><span> </span><strong>Flow</strong></div>
<div><strong>TypeScript</strong><span> </span><span>est un langage de programmation</span><span> </span><em>Open Source</em><span> </span><span>conçu par Microsoft qui est utilisé pour le typage statique donc sensiblement la même utilité que</span><span> </span><strong>Flow</strong><span> </span><span>(sauf que</span><span> </span><strong>Flow</strong><span> </span><span>vient de Facebook). Vous l’aurez compris</span><span> </span><strong>TypeScript</strong><span> </span><span>est un langage de programmation alors que</span><span> </span><strong>Flow</strong><span> </span><span>n’est qu’un outil de productivité.</span></div>
<div><span> </span></div>
<div><span>Sur ce point là,</span><span> </span><strong>Flow</strong><span> </span><span>est d’une utilisation bien plus simple que</span><span> </span><strong>TypeScript</strong><span>. Comme dit précédemment,</span><span> </span><strong>TypeScript</strong><span> </span><span>est un langage de programmation, il faut donc apprendre la syntaxe, ce qui peut prendre du temps. Or</span><span> </span><strong>Flow</strong><span> </span><span>n’étant qu’un outil de productivité, on ajoute juste //@flow (comme vu dans la rubrique “Utilisation de Flow”).</span><span> </span><strong>Flow</strong><span> </span><span>possède donc un certain avantage sur la rapidité de prise en main.</span></div>
<div><span> </span></div>
<div><span>Le choix entre</span><span> </span><strong>TypeScript</strong><span> </span><span>ou</span><span> </span><strong>Flow</strong><span> </span><span>ne se résume pas seulement à la prise en main mais aussi à l’environnement dans lequel vous travaillez. Bien souvent les développeurs utilisant</span><span> </span><strong>Angular</strong><span> </span><span>vont opter pour l’utilisation de</span><span> </span><strong>TypeScript</strong><span> </span><span>qui représente le langage prédominant de cette technologie. Or si vous utilisez</span><span> </span><strong>React</strong><span>,</span><span> </span><strong>Flow</strong><span> </span><span>s’intègre beaucoup mieux à une architecture déjà en place.</span></div>
<div><span> </span></div>
<div><span>Pour conclure notre comparatif, il n’y a pas de “meilleur” entre</span><span> </span><strong>Flow</strong><span> </span><span>et</span><span> </span><strong>TypeScript</strong><span>. Ils ont des utilisations similaires mais chacun avec des spécificités utiles. L’environnement d’utilisation est souvent un facteur de décision entre</span><span> </span><strong>TypeScript</strong><span> </span><span>et</span><span> </span><strong>Flow</strong><span>. Néanmoins il est important de noter que, actuellement, la communauté</span><span> </span><strong>React Native</strong><span>/</span><strong>ReactJS</strong><span> </span><span>a tendance à s’orienter vers</span><span> </span><strong>TypeScript</strong><span>.</span></div>
</div>
<div>
<div>
<div>
<div>
<h2>Conclusion :</h2>
<p>Et c’est ainsi qu’on termine cet article sur<span> </span><strong>Flow</strong>. Tout du long de cet article, vous avez pu lire l’intérêt de<span> </span><strong>Flow</strong>, comment installer sa bibliothèque dans un projet<span> </span><strong>React Native</strong><span> </span>et comment l’utiliser avec des exemples concrets, ainsi qu’un comparatif entre<span> </span><strong>TypeScript</strong><span> </span>et<span> </span><strong>Flow</strong><span> </span>qui permet de peser le pour et le contre de chacun de ces outils.</p>
</div>
</div>
</div>
</div></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div></p><p>The post <a href="https://www.winzana.com/pourquoi-et-comment-implementer-flow-sur-un-projet-react-native/">Pourquoi et comment implémenter Flow sur un projet React Native</a> first appeared on <a href="https://www.winzana.com">Winzana</a>.</p>]]></content:encoded>
					
					<wfw:commentRss>https://www.winzana.com/pourquoi-et-comment-implementer-flow-sur-un-projet-react-native/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Campus Numérique In The Alps, la nouvelle école de codage</title>
		<link>https://www.winzana.com/campus-numerique-in-the-alps-la-nouvelle-ecole-de-codage/</link>
					<comments>https://www.winzana.com/campus-numerique-in-the-alps-la-nouvelle-ecole-de-codage/#respond</comments>
		
		<dc:creator><![CDATA[Astrid Van Hal]]></dc:creator>
		<pubDate>Tue, 14 Oct 2025 13:14:36 +0000</pubDate>
				<category><![CDATA[Backend]]></category>
		<category><![CDATA[DevOps]]></category>
		<category><![CDATA[Frontend]]></category>
		<category><![CDATA[Education]]></category>
		<category><![CDATA[Formation]]></category>
		<guid isPermaLink="false">https://www.winzana.com/?p=241321</guid>

					<description><![CDATA[]]></description>
										<content:encoded><![CDATA[<p><div class="et_pb_section et_pb_section_8 et_pb_with_background et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_8">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_8  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_8  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><section class="blog-post-article-content">
<div>
<div>
<div>
<div>
<p>“Face à la pénurie de développeurs et développeuses de qualité en France, et d’autant plus en Rhône-Alpes, de nombreuses écoles voient le jour pour essayer de pallier cette problématique d’embauche.”</p>
<p>&nbsp;</p>
<p><span>Dans le sillon de</span><span> </span><strong>Simplon</strong><span> </span><span>ou</span><span> </span><strong>Coding Academy</strong><span>, la</span><span> </span><a href="https://lafrenchtech.com/fr/"><strong>French Tech</strong></a><span> </span><span>a décidé de lancer sa propre école de codage, le</span><span> </span><a href="https://www.le-campus-numerique.fr/"><strong>Campus Numérique in The Alps</strong></a><span>. La différence du projet, c’est la volonté d’investir les entreprises de la région dans l’apprentissage des futurs développeurs et d’adapter la formation aux compétences recherchées par les</span><span> </span><strong>entreprises du digital</strong><span>. Alors pour comprendre un peu plus ce que l’école peut proposer, allons un peu plus loin.</span></p>
<p>&nbsp;</p>
<p><strong>C’est quoi exactement ?</strong><span> </span><span>C’est un projet né et testé à Grenoble.</span></p>
<p>&nbsp;</p>
<p><strong>Son but ?</strong><span> </span><span>Former de façon diplômante des demandeurs d’emplois au métier d’analyste-développeur, titre RNCP de niveau III à la clé, soit l’équivalent d’un Bac+2.</span></p>
<p>&nbsp;</p>
<p><strong>Comment ?</strong><span> </span><span>Une formation de 18 mois décomposée en 2 périodes. Une première période de 6 mois de formation intensive, puis une alternance de 12 mois.</span></p>
<p>&nbsp;</p>
<p><strong>Le petit + ?</strong><span> </span><span>L’investissement des entreprises dans la sélection des candidats. Un processus en 3 phases pour identifier les aptitudes, les motivations et le caractère des candidats.</span></p>
<p>&nbsp;</p>
<p><strong>Et WINZANA dans tout ça ?</strong><span> </span><span>En plus d’être sponsor,</span><span> </span><strong>WINZANA</strong><span> </span><span>a eu le plaisir de participer à la formation des candidats dès la création du</span><span> </span><strong>Campus Valence</strong><span>. Et oui, parce que cette formation a pour but de professionnaliser ces futurs développeurs, alors quoi de mieux que des professionnels pour leur apprendre le métier ? Nous avons décidé de nous investir dans leur apprentissage pour leur transmettre notre passion mais surtout pour leur apprendre les bases de notre métier.</span></p>
<p>&nbsp;</p>
<p><span>Et cela porte ses fruits car aujourd’hui, notre dernier venu sort fraîchement du campus !</span></p>
</div>
</div>
</div>
</div>
</section>
<div class="blog-post-article-actions">
<div id="hs_cos_wrapper_Share_button" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" data-hs-cos-general-type="widget" data-hs-cos-type="module"></div>
</div></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div></p><p>The post <a href="https://www.winzana.com/campus-numerique-in-the-alps-la-nouvelle-ecole-de-codage/">Campus Numérique In The Alps, la nouvelle école de codage</a> first appeared on <a href="https://www.winzana.com">Winzana</a>.</p>]]></content:encoded>
					
					<wfw:commentRss>https://www.winzana.com/campus-numerique-in-the-alps-la-nouvelle-ecole-de-codage/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>GitHub : Jauge de progression personnalisable en react-native.</title>
		<link>https://www.winzana.com/github-jauge-de-progression-personnalisable-en-react-native/</link>
					<comments>https://www.winzana.com/github-jauge-de-progression-personnalisable-en-react-native/#respond</comments>
		
		<dc:creator><![CDATA[Astrid Van Hal]]></dc:creator>
		<pubDate>Mon, 13 Oct 2025 11:57:06 +0000</pubDate>
				<category><![CDATA[Frontend]]></category>
		<category><![CDATA[GitHub]]></category>
		<category><![CDATA[React-Native]]></category>
		<guid isPermaLink="false">https://www.winzana.com/?p=241296</guid>

					<description><![CDATA[]]></description>
										<content:encoded><![CDATA[<p><div class="et_pb_section et_pb_section_9 et_pb_with_background et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_9">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_9  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_9  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p>Nos<span> </span><span>Winzanautes</span><span> </span>sont de véritables férues de<span> codes</span><span> </span>! 🧑‍💻</p>
<p>En plus de leur mission en interne à Winzana, ils continuent à pianoter sur leur clavier et à développer de<span> nouveaux projets</span><span> </span>!</p>
<p>Ici, c’est notre<span> </span><span>pôle mobile</span><span> </span>qui est à l’honneur ! Ces derniers sont parvenus à développer une<span> </span><em>jauge de progression entièrement personnalisable</em>, performante et le tout disponible pour du<span> </span><span>react-native</span><span> </span>! 📱</p>
<p>Et le plus dans tout ça, c’est que c’est entièrement disponible en<span> </span><span>open-source</span>.<br />En d’autres mots, si vous souhaitez la reproduire, l’améliorer ou tout simplement y jeter un œil, vous pouvez y aller !</p>
<p>À ce stade, c’est même plus de l’open-source, c’est open-bar ! #jesors 😅<br />Tout est accessible ici, sur GitHub :<span> </span><a href="https://github.com/Winzana/rn-gauge"><span>https://github.com/Winzana/rn-gauge</span></a> </p></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div></p><p>The post <a href="https://www.winzana.com/github-jauge-de-progression-personnalisable-en-react-native/">GitHub : Jauge de progression personnalisable en react-native.</a> first appeared on <a href="https://www.winzana.com">Winzana</a>.</p>]]></content:encoded>
					
					<wfw:commentRss>https://www.winzana.com/github-jauge-de-progression-personnalisable-en-react-native/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
