PageSourceSearch

https://mindsers.blog/

html mindsers.blog collected 2026-10-03 20:15:17 UTC 73,592 bytes, 2,180 lines download raw bytes

1<!DOCTYPE html>
2<html lang='fr'>
3
4<head>
5    <meta charset='utf-8' />
6    <meta http-equiv='X-UA-Compatible' content='IE=edge' />
7    <meta name='monetization' content='$ilp.uphold.com/Apm7DzrByBYN' />
8    <meta name='viewport' content='width=device-width, initial-scale=1.0' />
9
10    <link rel="alternate" type="application/rss+xml" title="Mindsers Blog - All English posts"
11    href="https://mindsers.blog/en/posts/rss/">
12<link rel="alternate" type="application/rss+xml" title="Mindsers Blog - All French posts"
13    href="https://mindsers.blog/fr/posts/rss/">
14
15    <title>Mindsers Blog – Inspirer les devs, un article à la fois</title>
16    <link rel="stylesheet" type="text/css" href="/assets/css/home.css?v=AR4aBJUhxkXLmELk" />
17
18
19    <link rel="preconnect" href="https://snippet.affilimate.io" crossorigin="anonymous" />
20    <link rel="preconnect" href="https://cdn.jsdelivr.net" crossorigin="anonymous" />
21    <link rel="preconnect" href="https://www.facebook.com" crossorigin="anonymous" />
22    <link rel="preconnect" href="https://www.googletagmanager.com" crossorigin="anonymous" />
23    <link rel="preconnect" href="https://www.google-analytics.com" crossorigin="anonymous" />
24    <link rel="preconnect" href="https://connect.facebook.net" crossorigin="anonymous" />
25    <link rel="preconnect" href="https://m.stripe.network" crossorigin="anonymous" />
26    <link rel="preconnect" href="https://s.stripe.com" crossorigin="anonymous" />
27
28    <link rel="preload" as="script" href="https://cdn.jsdelivr.net/ghost/portal@~2.25/umd/portal.min.js" crossorigin />
29
30    <meta name="description" content="Découvre le monde du code, les coulisses du freelance, les secrets du télétravail, et même les astuces pour gérer tes finances personnelles.">
31    <link rel="icon" href="https://mindsers.blog/content/images/size/w256h256/2021/08/apple-icon-180x180.png" type="image/png">
32    <link rel="canonical" href="https://mindsers.blog/">
33    <meta name="referrer" content="no-referrer-when-downgrade">
34    <link rel="next" href="https://mindsers.blog/page/2/">
35    
36    <meta property="og:site_name" content="Mindsers Blog">
37    <meta property="og:type" content="website">
38    <meta property="og:title" content="Mindsers Blog: Inspirer les devs, un article à la fois">
39    <meta property="og:description" content="Découvre le monde du code, les coulisses du freelance, les secrets du télétravail, et même les astuces pour gérer tes finances personnelles.">
40    <meta property="og:url" content="https://mindsers.blog/">
41    <meta property="og:image" content="https://mindsers.blog/content/images/size/w1200/2021/07/mindsers-blog.png">
42    <meta property="article:publisher" content="https://www.facebook.com/MindsersBlog">
43    <meta name="twitter:card" content="summary_large_image">
44    <meta name="twitter:title" content="Mindsers Blog – Inspirer les devs, un article à la fois">
45    <meta name="twitter:description" content="Découvre le monde du code, les coulisses du freelance, les secrets du télétravail, et même les astuces pour gérer tes finances personnelles.">
46    <meta name="twitter:url" content="https://mindsers.blog/">
47    <meta name="twitter:image" content="https://mindsers.blog/content/images/size/w1200/2021/07/mindsers-blog-1.png">
48    <meta name="twitter:site" content="@MindsersCodes">
49    <meta property="og:image:width" content="1200">
50    <meta property="og:image:height" content="601">
51    
52    
52<script type="application/ld+json">
53{
54    "@context": "https://schema.org",
55    "@type": "WebSite",
56    "publisher": {
57        "@type": "Organization",
58        "name": "Mindsers Blog",
59        "url": "https://mindsers.blog/",
60        "logo": {
61            "@type": "ImageObject",
62            "url": "https://mindsers.blog/content/images/size/w256h256/2021/08/apple-icon-180x180.png",
63            "width": 60,
64            "height": 60
65        }
66    },
67    "url": "https://mindsers.blog/",
68    "name": "Mindsers Blog",
69    "mainEntityOfPage": "https://mindsers.blog/",
70    "description": "Découvre le monde du code, les coulisses du freelance, les secrets du télétravail, et même les astuces pour gérer tes finances personnelles."
71}
72    </script>
72
73
74    <meta name="generator" content="Ghost 6.62">
75    <link rel="alternate" type="application/rss+xml" title="Mindsers Blog" href="https://mindsers.blog/fr/issues/rss/">
76    
76<script defer src="https://cdn.jsdelivr.net/ghost/portal@~2.71/umd/portal.min.js" data-i18n="true" data-ghost="https://mindsers.blog/" data-key="e39764ca9ce4bfaea5c7b33f39" data-api="https://mindsers.blog/ghost/api/content/" data-locale="fr" crossorigin="anonymous"></script>
76<style id="gh-members-styles">.gh-post-upgrade-cta-content,
77.gh-post-upgrade-cta {
78    display: flex;
79    flex-direction: column;
80    align-items: center;
81    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
82    text-align: center;
83    width: 100%;
84    color: #ffffff;
85    font-size: 16px;
86}
87
88.gh-post-upgrade-cta-content {
89    border-radius: 8px;
90    padding: 40px 4vw;
91}
92
93.gh-post-upgrade-cta h2 {
94    color: #ffffff;
95    font-size: 28px;
96    letter-spacing: -0.2px;
97    margin: 0;
98    padding: 0;
99}
100
101.gh-post-upgrade-cta p {
102    margin: 20px 0 0;
103    padding: 0;
104}
105
106.gh-post-upgrade-cta small {
107    font-size: 16px;
108    letter-spacing: -0.2px;
109}
110
111.gh-post-upgrade-cta a {
112    color: #ffffff;
113    cursor: pointer;
114    font-weight: 500;
115    box-shadow: none;
116    text-decoration: underline;
117}
118
119.gh-post-upgrade-cta a:hover {
120    color: #ffffff;
121    opacity: 0.8;
122    box-shadow: none;
123    text-decoration: underline;
124}
125
126.gh-post-upgrade-cta a.gh-btn {
127    display: block;
128    background: #ffffff;
129    text-decoration: none;
130    margin: 28px 0 0;
131    padding: 8px 18px;
132    border-radius: 4px;
133    font-size: 16px;
134    font-weight: 600;
135}
136
137.gh-post-upgrade-cta a.gh-btn:hover {
138    opacity: 0.92;
139}</style>
139<script async src="https://js.stripe.com/v3/"></script>
139
140    
140<script defer src="https://cdn.jsdelivr.net/ghost/sodo-search@~1.8/umd/sodo-search.min.js" data-key="e39764ca9ce4bfaea5c7b33f39" data-styles="https://cdn.jsdelivr.net/ghost/sodo-search@~1.8/umd/main.css" data-sodo-search="https://mindsers.blog/" data-locale="fr" crossorigin="anonymous"></script>
140
141    
141<script defer src="https://cdn.jsdelivr.net/ghost/announcement-bar@~1.1/umd/announcement-bar.min.js" data-announcement-bar="https://mindsers.blog/" data-api-url="https://mindsers.blog/members/api/announcement/" crossorigin="anonymous"></script>
141
142    <link href="https://mindsers.blog/webmentions/receive/" rel="webmention">
143    
143<script defer src="/public/cards.min.js?v=ShRHxgy4po8zN-Wf"></script>
143
144    <link rel="stylesheet" type="text/css" href="/public/cards.min.css?v=WwnU9jw5ancNC8Gc">
145    
145<script defer src="/public/comment-counts.min.js?v=oFYkaGLdiMqB8VN9" data-ghost-comments-counts-api="https://mindsers.blog/members/api/comments/counts/"></script>
145
146    
146<script defer src="/public/member-attribution.min.js?v=AKG4hWena9j3yX3I"></script>
146<style>:root {--ghost-accent-color: #2779B0;}</style>
147    <meta name="facebook-domain-verification" content="hi11d8hq4gffu4v8pcev62j2dqe53x" />
148<meta name="am-api-token" content="aNCq39aFC">
149
150<script>
151    !function(t,e){var o,n,p,r;e.__SV||(window.posthog && window.posthog.__loaded)||(window.posthog=e,e._i=[],e.init=function(i,s,a){function g(t,e){var o=e.split(".");2==o.length&&(t=t[o[0]],e=o[1]),t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}}(p=t.createElement("script")).type="text/javascript",p.crossOrigin="anonymous",p.async=!0,p.src=s.api_host.replace(".i.posthog.com","-assets.i.posthog.com")+"/static/array.js",(r=t.getElementsByTagName("script")[0]).parentNode.insertBefore(p,r);var u=e;for(void 0!==a?u=e[a]=[]:a="posthog",u.people=u.people||[],u.toString=function(t){var e="posthog";return"posthog"!==a&&(e+="."+a),t||(e+=" (stub)"),e},u.people.toString=function(){return u.toString(1)+".people (stub)"},o="init Fe Us zs Oe js Ns capture Ze calculateEventProperties Hs register register_once register_for_session unregister unregister_for_session Js getFeatureFlag getFeatureFlagPayload isFeatureEnabled reloadFeatureFlags updateEarlyAccessFeatureEnrollment getEarlyAccessFeatures on onFeatureFlags onSurveysLoaded onSessionId getSurveys getActiveMatchingSurveys renderSurvey displaySurvey canRenderSurvey canRenderSurveyAsync identify setPersonProperties group resetGroups setPersonPropertiesForFlags resetPersonPropertiesForFlags setGroupPropertiesForFlags resetGroupPropertiesForFlags reset get_distinct_id getGroups get_session_id get_session_replay_url alias set_config startSessionRecording stopSessionRecording sessionRecordingStarted captureException loadToolbar get_property getSessionProperty Gs qs createPersonProfile Vs As Ks opt_in_capturing opt_out_capturing has_opted_in_capturing has_opted_out_capturing get_explicit_consent_status is_capturing clear_opt_in_out_capturing Bs debug L Ws getPageViewId captureTraceFeedback captureTraceMetric".split(" "),n=0;n<o.length;n++)g(u,o[n]);e._i.push([i,s,a])},e.__SV=1)}(document,window.posthog||[]);
152    posthog.init('phc_xsfPcDwPFxynsQUhpQxidjWTk6RxTYR2wGlrtPNjYFQ', {
153        api_host: 'https://eu.i.posthog.com',
154        defaults: '2025-05-24',
155        person_profiles: 'identified_only', 
156        cookieless_mode: 'always',
157    })
158</script>
158
159</head>
160
161<body class='home-template'>
162    <div class='mds-viewport'>
163        <header id='mds-head' class='mds-head'>
164            <nav class='mds-head-inner mds-container' role='navigation' aria-label='Main Navigation'>
165
166                <div class='mds-head-brand'>
167                    <a class='mds-head-logo' href='https://mindsers.blog'>
168                        Mindsers Blog
169                    </a>
170                </div>
171                <div class='mds-head-menu'>
172                    <nav class="mds-main-menu">
173                        <ul>
174                            <li>
175                                <a href="/fr/posts/">Les articles</a>
176                                <div class="mds-main-submenu">
177                                    <div class="mds-submenu-column mds-submenu-links">
178                                        <ul>
179                                            <li><a href="/topic/coding/">Coding &amp; Tech</a></li>
180                                            <li><a href="/topic/business/">Business &amp; Career</a></li>
181                                            <li><a href="/topic/coffee/">Coffee</a></li>
182                                            <li><a href="/topic/finance/">Finance</a></li>
183                                        </ul>
184                                        <ul class="more-links">
185                                            <li><a href="/uses/" title="Desk setup - Setup pour du télétravail">Mon setup WFH</a></li>
186                                            <li><a href="/readings/">Liste de lecture</a></li>
187                                            <li><a href="/fr/reviews/">Tests de coffee shop</a></li>
188                                        </ul>
189                                    </div>
190                                </div>
191                            </li>
192                            <li><a href="https://nathanaelcherrier.dev/">Mes services</a></li>
193                            <li><a href="https://courses.mindsers.blog/">Les formations</a>
194                                <div class="mds-main-submenu">
195                                    <div class="mds-submenu-column mds-submenu-links">
196                                        <ul>
197                                            <li><a href="https://courses.mindsers.blog/">Cours &amp; Formation</a></li>
198                                            <li><a href="https://nathanaelcherrier.dev/fr/mentor/">Mentorat</a></li>
199                                        </ul>
200                                        <ul class="more-links">
201                                        </ul>
202                                    </div>
203                                </div>
204                            </li>
205                        </ul>
206                    </nav>
207                </div>
208                <div class='mds-head-placeholder'></div>
209                <div class='mds-head-actions'>
210                    <a class="search-button" data-ghost-search>
211                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
212                            <path fill="currentColor"
213                                d="M500.3 443.7l-119.7-119.7c27.22-40.41 40.65-90.9 33.46-144.7C401.8 87.79 326.8 13.32 235.2 1.723C99.01-15.51-15.51 99.01 1.724 235.2c11.6 91.64 86.08 166.7 177.6 178.9c53.8 7.189 104.3-6.236 144.7-33.46l119.7 119.7c15.62 15.62 40.95 15.62 56.57 0C515.9 484.7 515.9 459.3 500.3 443.7zM79.1 208c0-70.58 57.42-128 128-128s128 57.42 128 128c0 70.58-57.42 128-128 128S79.1 278.6 79.1 208z" />
214                        </svg>
215                    </a>
216
217                    <a class="button highlighted shop-button" target='_blank'
218                        href="https://courses.mindsers.blog">Découvre mes formations !</a>
219
220                    <div class="more-menu">
221                        <header class="mds-head">
222                            <div class="mds-container">
223                                <div class='mds-head-brand'>
224                                    <a class='mds-head-logo' href='https://mindsers.blog'>
225                                        Mindsers Blog
226                                    </a>
227                                </div>
228                                <div class='mds-head-placeholder'></div>
229                                <div class="close-button" tabindex="0"><svg
230    aria-hidden='true'
231    focusable='false'
232    data-prefix='fas'
233    data-icon='times'
234    role='img'
235    xmlns='http://www.w3.org/2000/svg'
236    viewBox='0 0 352 512'
237>
238    <path
239        fill='currentColor'
240        d='M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z'
241    >
242    </path>
243</svg></div>
244                            </div>
245                        </header>
246
247                        <ul>
248                            <li><a class="button highlighted"
249                                    href="https://courses.mindsers.blog">Découvre mes formations !</a></li>
250                            <li><a class="" href="#/search">Recherche</a></li>
251                        </ul>
252
253                        <ul class="nav">
254    <li class="nav-my-favourite-books">
255        <a href="https://mindsers.blog/readings/" >
256            My Favourite Books
257        </a>
258    </li>
259    <li class="nav-my-setup">
260        <a href="https://mindsers.blog/uses/" >
261            My Setup
262        </a>
263    </li>
264</ul>
265                    </div>
266                </div>
267            </nav>
268        </header>
269
270        <main class='mds-main'>
271
272            
273
274
275
276
277
278
279<div class="mds-home">
280    <header class="mds-header">
281        <div class="mds-container">
282            <div class="presentation">
283                <h1 class="mds-title">Code. Business. Café. Le blog d'un dev qui construit.</h1>
284                <p>
285                    Je suis Nathanaël — développeur, CTO et fondateur. Je partage ici ce que j'apprends en construisant : du code, du business, de la finance perso, et beaucoup de café.
286                </p>
287                <p>
288                    <a href="https://courses.mindsers.blog" class="button highlighted">Découvre mes formations !</a>
289                    <a href="/about/" class="button">En savoir plus</a>
290                </p>
291            </div>
292            <div class="illustration">
293                <svg
294    id='aa7bae02-e79e-4d6b-a496-aba15f39787c'
295    data-name='Layer 1'
296    xmlns='http://www.w3.org/2000/svg'
297    width='1144'
298    height='617.32'
299    viewBox='0 0 1144 617.32'
300>
301    <title>developer activity</title>
302    <path
303        d='M1172,537.57a181.92,181.92,0,0,1-6.85,49.6,180.06,180.06,0,0,1-19.27,44.28c0,50.1-33.82,93.4-82.91,114a167.3,167.3,0,0,1-64.73,12.8H245.17c-40.25,0-77.55-10.86-108.14-29.36A185.76,185.76,0,0,1,112.2,711c-34-29.22-55.08-69.6-55.08-114.2A180.5,180.5,0,0,1,28,498.08c0-73.36,43.39-136.44,105.55-164.29a174.52,174.52,0,0,1,25.51-9.12q4.63-1.26,9.36-2.26a175.39,175.39,0,0,1,25.51-3.5q4.65-.29,9.35-.33H205c3.46,0,6.89.12,10.3.32l1.12-1.9q2.06-3.44,4.22-6.81,3.9-6.14,8.18-12.1,4.48-6.29,9.35-12.38l.83-1q2.76-3.44,5.64-6.8,9-10.49,19-20.35c72.11-70.68,185.08-116.18,312.08-116.18,98.82,0,189.15,27.55,258.34,73.07A174.18,174.18,0,0,1,920,191.86c97.74,0,177,80.37,177,179.51a184.9,184.9,0,0,1-1,18.78A180,180,0,0,1,1172,537.57Z'
304        transform='translate(-28 -141.34)'
305        fill='#2779b0'
306        opacity='0.1'
307    ></path>
308    <path
309        d='M263.66,257.52v20.35h-19Q253.59,267.39,263.66,257.52Z'
310        transform='translate(-28 -141.34)'
311        fill='#2779b0'
312        opacity='0.2'
313    ></path>
314    <rect
315        x='245.02'
316        y='111.02'
317        width='25.51'
318        height='25.51'
319        fill='#2779b0'
320        opacity='0.2'
321    ></rect>
322    <rect
323        x='279.88'
324        y='111.02'
325        width='25.51'
326        height='25.51'
327        fill='#2779b0'
328        opacity='0.2'
329    ></rect>
330    <rect
331        x='314.75'
332        y='111.02'
333        width='25.51'
334        height='25.51'
335        fill='#2779b0'
336        opacity='0.2'
337    ></rect>
338    <rect
339        x='349.61'
340        y='111.02'
341        width='25.51'
342        height='25.51'
343        fill='#2779b0'
344        opacity='0.2'
345    ></rect>
346    <rect
347        x='384.48'
348        y='111.02'
349        width='25.51'
350        height='25.51'
351        fill='#2779b0'
352        opacity='0.2'
353    ></rect>
354    <rect
355        x='419.35'
356        y='111.02'
357        width='25.51'
358        height='25.51'
359        fill='#2779b0'
360    ></rect>
361    <rect
362        x='454.21'
363        y='111.02'
364        width='25.51'
365        height='25.51'
366        fill='#2779b0'
367        opacity='0.2'
368    ></rect>
369    <rect
370        x='489.08'
371        y='111.02'
372        width='25.51'
373        height='25.51'
374        fill='#2779b0'
375        opacity='0.2'
376    ></rect>
377    <rect
378        x='523.94'
379        y='111.02'
380        width='25.51'
381        height='25.51'
382        fill='#2779b0'
383        opacity='0.2'
384    ></rect>
385    <rect
386        x='558.81'
387        y='111.02'
388        width='25.51'
389        height='25.51'
390        fill='#2779b0'
391    ></rect>
392    <rect
393        x='593.68'
394        y='111.02'
395        width='25.51'
396        height='25.51'
397        fill='#2779b0'
398        opacity='0.2'
399    ></rect>
400    <rect
401        x='628.54'
402        y='111.02'
403        width='25.51'
404        height='25.51'
405        fill='#2779b0'
406        opacity='0.2'
407    ></rect>
408    <rect
409        x='663.41'
410        y='111.02'
411        width='25.51'
412        height='25.51'
413        fill='#2779b0'
414        opacity='0.2'
415    ></rect>
416    <rect
417        x='698.28'
418        y='111.02'
419        width='25.51'
420        height='25.51'
421        fill='#2779b0'
422        opacity='0.2'
423    ></rect>
424    <rect
425        x='733.14'
426        y='111.02'
427        width='25.51'
428        height='25.51'
429        fill='#2779b0'
430        opacity='0.2'
431    ></rect>
432    <rect
433        x='768.01'
434        y='111.02'
435        width='25.51'
436        height='25.51'
437        fill='#2779b0'
438        opacity='0.2'
439    ></rect>
440    <rect
441        x='802.87'
442        y='111.02'
443        width='25.51'
444        height='25.51'
445        fill='#2779b0'
446    ></rect>
447    <rect
448        x='837.74'
449        y='111.02'
450        width='25.51'
451        height='25.51'
452        fill='#2779b0'
453    ></rect>
454    <rect
455        x='872.61'
456        y='111.02'
457        width='25.51'
458        height='25.51'
459        fill='#2779b0'
460        opacity='0.2'
461    ></rect>
462    <rect
463        x='907.47'
464        y='111.02'
465        width='25.51'
466        height='25.51'
467        fill='#2779b0'
468        opacity='0.2'
469    ></rect>
470    <rect
471        x='942.34'
472        y='111.02'
473        width='25.51'
474        height='25.51'
475        fill='#2779b0'
476    ></rect>
477    <rect
478        x='977.2'
479        y='111.02'
480        width='25.51'
481        height='25.51'
482        fill='#2779b0'
483    ></rect>
484    <path
485        d='M228.8,298.08v12.1h-8.18Q224.52,304,228.8,298.08Z'
486        transform='translate(-28 -141.34)'
487        fill='#2779b0'
488    ></path>
489    <rect
490        x='210.15'
491        y='143.33'
492        width='25.51'
493        height='25.51'
494        fill='#2779b0'
495        opacity='0.2'
496    ></rect>
497    <rect
498        x='245.02'
499        y='143.33'
500        width='25.51'
501        height='25.51'
502        fill='#2779b0'
503    ></rect>
504    <rect
505        x='279.88'
506        y='143.33'
507        width='25.51'
508        height='25.51'
509        fill='#2779b0'
510        opacity='0.2'
511    ></rect>
512    <rect
513        x='314.75'
514        y='143.33'
515        width='25.51'
516        height='25.51'
517        fill='#2779b0'
518        opacity='0.7'
519    ></rect>
520    <rect
521        x='349.61'
522        y='143.33'
523        width='25.51'
524        height='25.51'
525        fill='#2779b0'
526        opacity='0.2'
527    ></rect>
528    <rect
529        x='384.48'
530        y='143.33'
531        width='25.51'
532        height='25.51'
533        fill='#2779b0'
534        opacity='0.4'
535    ></rect>
536    <rect
537        x='419.35'
538        y='143.33'
539        width='25.51'
540        height='25.51'
541        fill='#2779b0'
542    ></rect>
543    <rect
544        x='454.21'
545        y='143.33'
546        width='25.51'
547        height='25.51'
548        fill='#2779b0'
549        opacity='0.4'
550    ></rect>
551    <rect
552        x='489.08'
553        y='143.33'
554        width='25.51'
555        height='25.51'
556        fill='#2779b0'
557        opacity='0.2'
558    ></rect>
559    <rect
560        x='523.94'
561        y='143.33'
562        width='25.51'
563        height='25.51'
564        fill='#2779b0'
565        opacity='0.4'
566    ></rect>
567    <rect
568        x='558.81'
569        y='143.33'
570        width='25.51'
571        height='25.51'
572        fill='#2779b0'
573    ></rect>
574    <rect
575        x='593.68'
576        y='143.33'
577        width='25.51'
578        height='25.51'
579        fill='#2779b0'
580        opacity='0.4'
581    ></rect>
582    <rect
583        x='628.54'
584        y='143.33'
585        width='25.51'
586        height='25.51'
587        fill='#2779b0'
588        opacity='0.4'
589    ></rect>
590    <rect
591        x='663.41'
592        y='143.33'
593        width='25.51'
594        height='25.51'
595        fill='#2779b0'
596        opacity='0.2'
597    ></rect>
598    <rect
599        x='698.28'
600        y='143.33'
601        width='25.51'
602        height='25.51'
603        fill='#2779b0'
604        opacity='0.4'
605    ></rect>
606    <rect
607        x='733.14'
608        y='143.33'
609        width='25.51'
610        height='25.51'
611        fill='#2779b0'
612        opacity='0.4'
613    ></rect>
614    <rect
615        x='768.01'
616        y='143.33'
617        width='25.51'
618        height='25.51'
619        fill='#2779b0'
620        opacity='0.2'
621    ></rect>
622    <rect
623        x='802.87'
624        y='143.33'
625        width='25.51'
626        height='25.51'
627        fill='#2779b0'
628        opacity='0.2'
629    ></rect>
630    <rect
631        x='837.74'
632        y='143.33'
633        width='25.51'
634        height='25.51'
635        fill='#2779b0'
636        opacity='0.4'
637    ></rect>
638    <rect
639        x='872.61'
640        y='143.33'
641        width='25.51'
642        height='25.51'
643        fill='#2779b0'
644        opacity='0.2'
645    ></rect>
646    <rect
647        x='907.47'
648        y='143.33'
649        width='25.51'
650        height='25.51'
651        fill='#2779b0'
652    ></rect>
653    <rect
654        x='942.34'
655        y='143.33'
656        width='25.51'
657        height='25.51'
658        fill='#2779b0'
659    ></rect>
660    <rect
661        x='977.2'
662        y='143.33'
663        width='25.51'
664        height='25.51'
665        fill='#2779b0'
666    ></rect>
667    <path
668        d='M159.06,324.67V342.5H133.55v-8.71A174.52,174.52,0,0,1,159.06,324.67Z'
669        transform='translate(-28 -141.34)'
670        fill='#2779b0'
671        opacity='0.2'
672    ></path>
673    <polygon
674        points='165.93 177.57 165.93 201.16 140.42 201.16 140.42 181.07 165.93 177.57'
675        fill='#2779b0'
676        opacity='0.2'
677    ></polygon>
678    <rect
679        x='175.28'
680        y='175.65'
681        width='25.51'
682        height='25.51'
683        fill='#2779b0'
684    ></rect>
685    <rect
686        x='210.15'
687        y='175.65'
688        width='25.51'
689        height='25.51'
690        fill='#2779b0'
691        opacity='0.7'
692    ></rect>
693    <rect
694        x='245.02'
695        y='175.65'
696        width='25.51'
697        height='25.51'
698        fill='#2779b0'
699    ></rect>
700    <rect
701        x='279.88'
702        y='175.65'
703        width='25.51'
704        height='25.51'
705        fill='#2779b0'
706        opacity='0.7'
707    ></rect>
708    <rect
709        x='314.75'
710        y='175.65'
711        width='25.51'
712        height='25.51'
713        fill='#2779b0'
714        opacity='0.7'
715    ></rect>
716    <rect
717        x='349.61'
718        y='175.65'
719        width='25.51'
720        height='25.51'
721        fill='#2779b0'
722        opacity='0.2'
723    ></rect>
724    <rect
725        x='384.48'
726        y='175.65'
727        width='25.51'
728        height='25.51'
729        fill='#2779b0'
730        opacity='0.4'
731    ></rect>
732    <rect
733        x='419.35'
734        y='175.65'
735        width='25.51'
736        height='25.51'
737        fill='#2779b0'
738        opacity='0.4'
739    ></rect>
740    <rect
741        x='454.21'
742        y='175.65'
743        width='25.51'
744        height='25.51'
745        fill='#2779b0'
746    ></rect>
747    <rect
748        x='489.08'
749        y='175.65'
750        width='25.51'
751        height='25.51'
752        fill='#2779b0'
753        opacity='0.2'
754    ></rect>
755    <rect
756        x='523.94'
757        y='175.65'
758        width='25.51'
759        height='25.51'
760        fill='#2779b0'
761        opacity='0.4'
762    ></rect>
763    <rect
764        x='558.81'
765        y='175.65'
766        width='25.51'
767        height='25.51'
768        fill='#2779b0'
769    ></rect>
770    <rect
771        x='593.68'
772        y='175.65'
773        width='25.51'
774        height='25.51'
775        fill='#2779b0'
776        opacity='0.2'
777    ></rect>
778    <rect
779        x='628.54'
780        y='175.65'
781        width='25.51'
782        height='25.51'
783        fill='#2779b0'
784        opacity='0.4'
785    ></rect>
786    <rect
787        x='663.41'
788        y='175.65'
789        width='25.51'
790        height='25.51'
791        fill='#2779b0'
792        opacity='0.2'
793    ></rect>
794    <rect
795        x='698.28'
796        y='175.65'
797        width='25.51'
798        height='25.51'
799        fill='#2779b0'
800    ></rect>
801    <rect
802        x='733.14'
803        y='175.65'
804        width='25.51'
805        height='25.51'
806        fill='#2779b0'
807        opacity='0.2'
808    ></rect>
809    <rect
810        x='768.01'
811        y='175.65'
812        width='25.51'
813        height='25.51'
814        fill='#2779b0'
815        opacity='0.7'
816    ></rect>
817    <rect
818        x='802.87'
819        y='175.65'
820        width='25.51'
821        height='25.51'
822        fill='#2779b0'
823        opacity='0.7'
824    ></rect>
825    <rect
826        x='837.74'
827        y='175.65'
828        width='25.51'
829        height='25.51'
830        fill='#2779b0'
831        opacity='0.4'
832    ></rect>
833    <rect
834        x='872.61'
835        y='175.65'
836        width='25.51'
837        height='25.51'
838        fill='#2779b0'
839        opacity='0.2'
840    ></rect>
841    <rect
842        x='907.47'
843        y='175.65'
844        width='25.51'
845        height='25.51'
846        fill='#2779b0'
847    ></rect>
848    <rect
849        x='942.34'
850        y='175.65'
851        width='25.51'
852        height='25.51'
853        fill='#2779b0'
854    ></rect>
855    <rect
856        x='977.2'
857        y='175.65'
858        width='25.51'
859        height='25.51'
860        fill='#2779b0'
861    ></rect>
862    <rect
863        x='105.55'
864        y='207.96'
865        width='25.51'
866        height='25.51'
867        fill='#2779b0'
868        opacity='0.2'
869    ></rect>
870    <rect
871        x='140.42'
872        y='207.96'
873        width='25.51'
874        height='25.51'
875        fill='#2779b0'
876        opacity='0.2'
877    ></rect>
878    <rect
879        x='175.28'
880        y='207.96'
881        width='25.51'
882        height='25.51'
883        fill='#2779b0'
884        opacity='0.2'
885    ></rect>
886    <rect
887        x='210.15'
888        y='207.96'
889        width='25.51'
890        height='25.51'
891        fill='#2779b0'
892        opacity='0.2'
893    ></rect>
894    <rect
895        x='245.02'
896        y='207.96'
897        width='25.51'
898        height='25.51'
899        fill='#2779b0'
900    ></rect>
901    <rect
902        x='279.88'
903        y='207.96'
904        width='25.51'
905        height='25.51'
906        fill='#2779b0'
907        opacity='0.7'
908    ></rect>
909    <rect
910        x='314.75'
911        y='207.96'
912        width='25.51'
913        height='25.51'
914        fill='#2779b0'
915        opacity='0.7'
916    ></rect>
917    <rect
918        x='349.61'
919        y='207.96'
920        width='25.51'
921        height='25.51'
922        fill='#2779b0'
923        opacity='0.2'
924    ></rect>
925    <rect
926        x='384.48'
927        y='207.96'
928        width='25.51'
929        height='25.51'
930        fill='#2779b0'
931        opacity='0.2'
932    ></rect>
933    <rect
934        x='419.35'
935        y='207.96'
936        width='25.51'
937        height='25.51'
938        fill='#2779b0'
939        opacity='0.4'
940    ></rect>
941    <rect
942        x='454.21'
943        y='207.96'
944        width='25.51'
945        height='25.51'
946        fill='#2779b0'
947        opacity='0.4'
948    ></rect>
949    <rect
950        x='489.08'
951        y='207.96'
952        width='25.51'
953        height='25.51'
954        fill='#2779b0'
955    ></rect>
956    <rect
957        x='523.94'
958        y='207.96'
959        width='25.51'
960        height='25.51'
961        fill='#2779b0'
962        opacity='0.2'
963    ></rect>
964    <rect
965        x='558.81'
966        y='207.96'
967        width='25.51'
968        height='25.51'
969        fill='#2779b0'
970        opacity='0.4'
971    ></rect>
972    <rect
973        x='593.68'
974        y='207.96'
975        width='25.51'
976        height='25.51'
977        fill='#2779b0'
978        opacity='0.4'
979    ></rect>
980    <rect
981        x='628.54'
982        y='207.96'
983        width='25.51'
984        height='25.51'
985        fill='#2779b0'
986        opacity='0.4'
987    ></rect>
988    <rect
989        x='663.41'
990        y='207.96'
991        width='25.51'
992        height='25.51'
993        fill='#2779b0'
994        opacity='0.4'
995    ></rect>
996    <rect
997        x='698.28'
998        y='207.96'
999        width='25.51'
1000        height='25.51'
1001        fill='#2779b0'
1002        opacity='0.2'
1003    ></rect>
1004    <rect
1005        x='733.14'
1006        y='207.96'
1007        width='25.51'
1008        height='25.51'
1009        fill='#2779b0'
1010        opacity='0.2'
1011    ></rect>
1012    <rect
1013        x='768.01'
1014        y='207.96'
1015        width='25.51'
1016        height='25.51'
1017        fill='#2779b0'
1018        opacity='0.2'
1019    ></rect>
1020    <rect
1021        x='802.87'
1022        y='207.96'
1023        width='25.51'
1024        height='25.51'
1025        fill='#2779b0'
1026        opacity='0.2'
1027    ></rect>
1028    <rect
1029        x='837.74'
1030        y='207.96'
1031        width='25.51'
1032        height='25.51'
1033        fill='#2779b0'
1034        opacity='0.7'
1035    ></rect>
1036    <rect
1037        x='872.61'
1038        y='207.96'
1039        width='25.51'
1040        height='25.51'
1041        fill='#2779b0'
1042        opacity='0.7'
1043    ></rect>
1044    <rect
1045        x='907.47'
1046        y='207.96'
1047        width='25.51'
1048        height='25.51'
1049        fill='#2779b0'
1050        opacity='0.4'
1051    ></rect>
1052    <rect
1053        x='942.34'
1054        y='207.96'
1055        width='25.51'
1056        height='25.51'
1057        fill='#2779b0'
1058        opacity='0.2'
1059    ></rect>
1060    <rect
1061        x='977.2'
1062        y='207.96'
1063        width='25.51'
1064        height='25.51'
1065        fill='#2779b0'
1066    ></rect>
1067    <rect
1068        x='105.55'
1069        y='240.28'
1070        width='25.51'
1071        height='25.51'
1072        fill='#2779b0'
1073        opacity='0.2'
1074    ></rect>
1075    <rect
1076        x='140.42'
1077        y='240.28'
1078        width='25.51'
1079        height='25.51'
1080        fill='#2779b0'
1081        opacity='0.2'
1082    ></rect>
1083    <rect
1084        x='175.28'
1085        y='240.28'
1086        width='25.51'
1087        height='25.51'
1088        fill='#2779b0'
1089        opacity='0.4'
1090    ></rect>
1091    <rect
1092        x='210.15'
1093        y='240.28'
1094        width='25.51'
1095        height='25.51'
1096        fill='#2779b0'
1097        opacity='0.2'
1098    ></rect>
1099    <rect
1100        x='245.02'
1101        y='240.28'
1102        width='25.51'
1103        height='25.51'
1104        fill='#2779b0'
1105        opacity='0.2'
1106    ></rect>
1107    <rect
1108        x='279.88'
1109        y='240.28'
1110        width='25.51'
1111        height='25.51'
1112        fill='#2779b0'
1113        opacity='0.7'
1114    ></rect>
1115    <rect
1116        x='314.75'
1117        y='240.28'
1118        width='25.51'
1119        height='25.51'
1120        fill='#2779b0'
1121        opacity='0.7'
1122    ></rect>
1123    <rect
1124        x='349.61'
1125        y='240.28'
1126        width='25.51'
1127        height='25.51'
1128        fill='#2779b0'
1129        opacity='0.2'
1130    ></rect>
1131    <rect
1132        x='384.48'
1133        y='240.28'
1134        width='25.51'
1135        height='25.51'
1136        fill='#2779b0'
1137        opacity='0.2'
1138    ></rect>
1139    <rect
1140        x='419.35'
1141        y='240.28'
1142        width='25.51'
1143        height='25.51'
1144        fill='#2779b0'
1145        opacity='0.4'
1146    ></rect>
1147    <rect
1148        x='454.21'
1149        y='240.28'
1150        width='25.51'
1151        height='25.51'
1152        fill='#2779b0'
1153    ></rect>
1154    <rect
1155        x='489.08'
1156        y='240.28'
1157        width='25.51'
1158        height='25.51'
1159        fill='#2779b0'
1160        opacity='0.2'
1161    ></rect>
1162    <rect
1163        x='523.94'
1164        y='240.28'
1165        width='25.51'
1166        height='25.51'
1167        fill='#2779b0'
1168    ></rect>
1169    <rect
1170        x='558.81'
1171        y='240.28'
1172        width='25.51'
1173        height='25.51'
1174        fill='#2779b0'
1175    ></rect>
1176    <rect
1177        x='593.68'
1178        y='240.28'
1179        width='25.51'
1180        height='25.51'
1181        fill='#2779b0'
1182    ></rect>
1183    <rect
1184        x='628.54'
1185        y='240.28'
1186        width='25.51'
1187        height='25.51'
1188        fill='#2779b0'
1189        opacity='0.2'
1190    ></rect>
1191    <rect
1192        x='663.41'
1193        y='240.28'
1194        width='25.51'
1195        height='25.51'
1196        fill='#2779b0'
1197    ></rect>
1198    <rect
1199        x='698.28'
1200        y='240.28'
1201        width='25.51'
1202        height='25.51'
1203        fill='#2779b0'
1204        opacity='0.2'
1205    ></rect>
1206    <rect
1207        x='733.14'
1208        y='240.28'
1209        width='25.51'
1210        height='25.51'
1211        fill='#2779b0'
1212        opacity='0.2'
1213    ></rect>
1214    <rect
1215        x='768.01'
1216        y='240.28'
1217        width='25.51'
1218        height='25.51'
1219        fill='#2779b0'
1220        opacity='0.2'
1221    ></rect>
1222    <rect
1223        x='802.87'
1224        y='240.28'
1225        width='25.51'
1226        height='25.51'
1227        fill='#2779b0'
1228        opacity='0.2'
1229    ></rect>
1230    <rect
1231        x='837.74'
1232        y='240.28'
1233        width='25.51'
1234        height='25.51'
1235        fill='#2779b0'
1236        opacity='0.2'
1237    ></rect>
1238    <rect
1239        x='872.61'
1240        y='240.28'
1241        width='25.51'
1242        height='25.51'
1243        fill='#2779b0'
1244        opacity='0.7'
1245    ></rect>
1246    <rect
1247        x='907.47'
1248        y='240.28'
1249        width='25.51'
1250        height='25.51'
1251        fill='#2779b0'
1252        opacity='0.2'
1253    ></rect>
1254    <rect
1255        x='942.34'
1256        y='240.28'
1257        width='25.51'
1258        height='25.51'
1259        fill='#2779b0'
1260        opacity='0.2'
1261    ></rect>
1262    <rect
1263        x='977.2'
1264        y='240.28'
1265        width='25.51'
1266        height='25.51'
1267        fill='#2779b0'
1268    ></rect>
1269    <rect
1270        x='105.55'
1271        y='272.59'
1272        width='25.51'
1273        height='25.51'
1274        fill='#2779b0'
1275        opacity='0.2'
1276    ></rect>
1277    <rect
1278        x='140.42'
1279        y='272.59'
1280        width='25.51'
1281        height='25.51'
1282        fill='#2779b0'
1283        opacity='0.2'
1284    ></rect>
1285    <rect
1286        x='175.28'
1287        y='272.59'
1288        width='25.51'
1289        height='25.51'
1290        fill='#2779b0'
1291        opacity='0.2'
1292    ></rect>
1293    <rect
1294        x='210.15'
1295        y='272.59'
1296        width='25.51'
1297        height='25.51'
1298        fill='#2779b0'
1299        opacity='0.4'
1300    ></rect>
1301    <rect
1302        x='245.02'
1303        y='272.59'
1304        width='25.51'
1305        height='25.51'
1306        fill='#2779b0'
1307        opacity='0.2'
1308    ></rect>
1309    <rect
1310        x='279.88'
1311        y='272.59'
1312        width='25.51'
1313        height='25.51'
1314        fill='#2779b0'
1315        opacity='0.2'
1316    ></rect>
1317    <rect
1318        x='314.75'
1319        y='272.59'
1320        width='25.51'
1321        height='25.51'
1322        fill='#2779b0'
1323        opacity='0.7'
1324    ></rect>
1325    <rect
1326        x='349.61'
1327        y='272.59'
1328        width='25.51'
1329        height='25.51'
1330        fill='#2779b0'
1331        opacity='0.2'
1332    ></rect>
1333    <rect
1334        x='384.48'
1335        y='272.59'
1336        width='25.51'
1337        height='25.51'
1338        fill='#2779b0'
1339        opacity='0.2'
1340    ></rect>
1341    <rect
1342        x='419.35'
1343        y='272.59'
1344        width='25.51'
1345        height='25.51'
1346        fill='#2779b0'
1347        opacity='0.2'
1348    ></rect>
1349    <rect
1350        x='454.21'
1351        y='272.59'
1352        width='25.51'
1353        height='25.51'
1354        fill='#2779b0'
1355    ></rect>
1356    <rect
1357        x='489.08'
1358        y='272.59'
1359        width='25.51'
1360        height='25.51'
1361        fill='#2779b0'
1362        opacity='0.2'
1363    ></rect>
1364    <rect
1365        x='523.94'
1366        y='272.59'
1367        width='25.51'
1368        height='25.51'
1369        fill='#2779b0'
1370    ></rect>
1371    <rect
1372        x='558.81'
1373        y='272.59'
1374        width='25.51'
1375        height='25.51'
1376        fill='#2779b0'
1377    ></rect>
1378    <rect
1379        x='593.68'
1380        y='272.59'
1381        width='25.51'
1382        height='25.51'
1383        fill='#2779b0'
1384        opacity='0.2'
1385    ></rect>
1386    <rect
1387        x='628.54'
1388        y='272.59'
1389        width='25.51'
1390        height='25.51'
1391        fill='#2779b0'
1392        opacity='0.2'
1393    ></rect>
1394    <rect
1395        x='663.41'
1396        y='272.59'
1397        width='25.51'
1398        height='25.51'
1399        fill='#2779b0'
1400        opacity='0.2'
1401    ></rect>
1402    <rect
1403        x='698.28'
1404        y='272.59'
1405        width='25.51'
1406        height='25.51'
1407        fill='#2779b0'
1408        opacity='0.2'
1409    ></rect>
1410    <rect
1411        x='733.14'
1412        y='272.59'
1413        width='25.51'
1414        height='25.51'
1415        fill='#2779b0'
1416        opacity='0.2'
1417    ></rect>
1418    <rect
1419        x='768.01'
1420        y='272.59'
1421        width='25.51'
1422        height='25.51'
1423        fill='#2779b0'
1424        opacity='0.2'
1425    ></rect>
1426    <rect
1427        x='802.87'
1428        y='272.59'
1429        width='25.51'
1430        height='25.51'
1431        fill='#2779b0'
1432        opacity='0.2'
1433    ></rect>
1434    <rect
1435        x='837.74'
1436        y='272.59'
1437        width='25.51'
1438        height='25.51'
1439        fill='#2779b0'
1440        opacity='0.2'
1441    ></rect>
1442    <rect
1443        x='872.61'
1444        y='272.59'
1445        width='25.51'
1446        height='25.51'
1447        fill='#2779b0'
1448        opacity='0.2'
1449    ></rect>
1450    <rect
1451        x='907.47'
1452        y='272.59'
1453        width='25.51'
1454        height='25.51'
1455        fill='#2779b0'
1456        opacity='0.2'
1457    ></rect>
1458    <rect
1459        x='942.34'
1460        y='272.59'
1461        width='25.51'
1462        height='25.51'
1463        fill='#2779b0'
1464        opacity='0.4'
1465    ></rect>
1466    <rect
1467        x='977.2'
1468        y='272.59'
1469        width='25.51'
1470        height='25.51'
1471        fill='#2779b0'
1472    ></rect>
1473    <rect
1474        x='105.55'
1475        y='304.91'
1476        width='25.51'
1477        height='25.51'
1478        fill='#2779b0'
1479        opacity='0.7'
1480    ></rect>
1481    <rect
1482        x='140.42'
1483        y='304.91'
1484        width='25.51'
1485        height='25.51'
1486        fill='#2779b0'
1487        opacity='0.7'
1488    ></rect>
1489    <rect
1490        x='175.28'
1491        y='304.91'
1492        width='25.51'
1493        height='25.51'
1494        fill='#2779b0'
1495        opacity='0.7'
1496    ></rect>
1497    <rect
1498        x='210.15'
1499        y='304.91'
1500        width='25.51'
1501        height='25.51'
1502        fill='#2779b0'
1503        opacity='0.7'
1504    ></rect>
1505    <rect
1506        x='245.02'
1507        y='304.91'
1508        width='25.51'
1509        height='25.51'
1510        fill='#2779b0'
1511        opacity='0.7'
1512    ></rect>
1513    <rect
1514        x='279.88'
1515        y='304.91'
1516        width='25.51'
1517        height='25.51'
1518        fill='#2779b0'
1519        opacity='0.2'
1520    ></rect>
1521    <rect
1522        x='314.75'
1523        y='304.91'
1524        width='25.51'
1525        height='25.51'
1526        fill='#2779b0'
1527        opacity='0.2'
1528    ></rect>
1529    <rect
1530        x='349.61'
1531        y='304.91'
1532        width='25.51'
1533        height='25.51'
1534        fill='#2779b0'
1535        opacity='0.2'
1536    ></rect>
1537    <rect
1538        x='384.48'
1539        y='304.91'
1540        width='25.51'
1541        height='25.51'
1541
1542        fill='#2779b0'
1543        opacity='0.2'
1544    ></rect>
1545    <rect
1546        x='419.35'
1547        y='304.91'
1548        width='25.51'
1549        height='25.51'
1550        fill='#2779b0'
1551        opacity='0.2'
1552    ></rect>
1553    <rect
1554        x='454.21'
1555        y='304.91'
1556        width='25.51'
1557        height='25.51'
1558        fill='#2779b0'
1559        opacity='0.2'
1560    ></rect>
1561    <rect
1562        x='489.08'
1563        y='304.91'
1564        width='25.51'
1565        height='25.51'
1566        fill='#2779b0'
1567    ></rect>
1568    <rect
1569        x='523.94'
1570        y='304.91'
1571        width='25.51'
1572        height='25.51'
1573        fill='#2779b0'
1574        opacity='0.2'
1575    ></rect>
1576    <rect
1577        x='558.81'
1578        y='304.91'
1579        width='25.51'
1580        height='25.51'
1581        fill='#2779b0'
1582        opacity='0.2'
1583    ></rect>
1584    <rect
1585        x='593.68'
1586        y='304.91'
1587        width='25.51'
1588        height='25.51'
1589        fill='#2779b0'
1590        opacity='0.2'
1591    ></rect>
1592    <rect
1593        x='628.54'
1594        y='304.91'
1595        width='25.51'
1596        height='25.51'
1597        fill='#2779b0'
1598    ></rect>
1599    <rect
1600        x='663.41'
1601        y='304.91'
1602        width='25.51'
1603        height='25.51'
1604        fill='#2779b0'
1605        opacity='0.2'
1606    ></rect>
1607    <rect
1608        x='698.28'
1609        y='304.91'
1610        width='25.51'
1611        height='25.51'
1612        fill='#2779b0'
1613        opacity='0.2'
1614    ></rect>
1615    <rect
1616        x='733.14'
1617        y='304.91'
1618        width='25.51'
1619        height='25.51'
1620        fill='#2779b0'
1621        opacity='0.2'
1622    ></rect>
1623    <rect
1624        x='768.01'
1625        y='304.91'
1626        width='25.51'
1627        height='25.51'
1628        fill='#2779b0'
1629        opacity='0.2'
1630    ></rect>
1631    <rect
1632        x='802.87'
1633        y='304.91'
1634        width='25.51'
1635        height='25.51'
1636        fill='#2779b0'
1637        opacity='0.2'
1638    ></rect>
1639    <rect
1640        x='837.74'
1641        y='304.91'
1642        width='25.51'
1643        height='25.51'
1644        fill='#2779b0'
1645        opacity='0.2'
1646    ></rect>
1647    <rect
1648        x='872.61'
1649        y='304.91'
1650        width='25.51'
1651        height='25.51'
1652        fill='#2779b0'
1653        opacity='0.2'
1654    ></rect>
1655    <rect
1656        x='907.47'
1657        y='304.91'
1658        width='25.51'
1659        height='25.51'
1660        fill='#2779b0'
1661        opacity='0.2'
1662    ></rect>
1663    <rect
1664        x='942.34'
1665        y='304.91'
1666        width='25.51'
1667        height='25.51'
1668        fill='#2779b0'
1669        opacity='0.2'
1670    ></rect>
1671    <rect
1672        x='977.2'
1673        y='304.91'
1674        width='25.51'
1675        height='25.51'
1676        fill='#2779b0'
1677    ></rect>
1678    <circle cx='734.52' cy='363.89' r='34.87' fill='#767d9f'></circle>
1679    <path
1680        d='M760.71,460.87q5.22,22.78,8.86,45.9c.73,4.58,1.38,9.41-.28,13.74-1.39,3.61-4.22,6.43-6.44,9.59s-3.9,7.21-2.55,10.83,5.29,5.6,9.05,6.62c10.76,2.9,22.23.79,32.94-2.35a53.29,53.29,0,0,0,13.81-5.72c4.54-2.88,8.26-6.88,11.68-11,15.61-18.93,25.83-41.65,35.45-64.23a39.12,39.12,0,0,1-33.11-13.34c-3.94-4.63-6.83-11.08-4.61-16.74-6.51,3.57-14.24,3.81-21.25,6.25a75.49,75.49,0,0,0-12.5,6.15q-7.18,4.15-14.28,8.46C772.07,458.29,767,461.19,760.71,460.87Z'
1681        transform='translate(-28 -141.34)'
1682        fill='#ae6e79'
1683    ></path>
1684    <path
1685        d='M833.64,487.05c-6.11,11.89-14.06,23.32-25.41,30.4s-26.63,9-38,2c-5.6-3.42-9.84-8.62-14.73-13s-11-8.13-17.57-7.56c-7.24.63-12.91,6.28-17.76,11.69-7.36,8.22-14.47,16.79-19.68,26.52-10,18.7-12.37,40.56-11.93,61.76s3.51,42.29,3.58,63.49c.1,26.08-4.32,51.95-8.79,77.64,41.1-5.06,82.25,6,123.44,10.19,26.36,2.71,52.92,2.65,79.42,2.58,4.66,0,9.62-.12,13.5-2.7a18.2,18.2,0,0,0,5.59-6.64c3.66-6.75,5.13-14.45,6.15-22.06,2.59-19.22,2.67-38.68,2.74-58.08.18-47,.35-94.17-5.62-140.8-1.47-11.47-3.35-23-7.75-33.73s-11.58-20.6-21.62-26.35c-6.45-3.7-21.4-10.14-29-6.41C841.67,460.15,837.73,479.09,833.64,487.05Z'
1686        transform='translate(-28 -141.34)'
1687        fill='#767d9f'
1688    ></path>
1689    <path
1690        d='M836.68,619.77c-1.55-29-7.86-59.95,5.57-85.69,3.3-6.32-8.54-14.21-4.88-20.33a92.08,92.08,0,0,0,10.06-23.93c.76-2.89,1.37-5.95.65-8.85-1.33-5.29-6.56-8.44-11-11.66-4.9-3.56-7.42-14.41-9-20.28s12.57,1.2,18.26-.89c7.9-2.89,17.94-1.07,25.82,1.86,4.4,1.62,9.18,1.76,13.87,1.88,9.11.24,18.25.47,27.29-.65,4.06-.51,8.13-1.28,12.21-1.05,10.41.59,19.46,7.71,25.62,16.13s10.08,18.23,15.13,27.35c4.21,7.6,9.23,14.78,12.82,22.69,3.18,7,5.19,14.52,7.18,22l5.13,19.19a25.58,25.58,0,0,1,1.26,8.51c-.26,3.07-1.62,5.93-3,8.66A164.12,164.12,0,0,1,971,603.2c-10.79,13.23-23.89,25.16-30.3,41-2.5,6.17-3.89,12.73-5.16,19.27a707.94,707.94,0,0,0-10.9,79.15,174.2,174.2,0,0,0-36.52-12.21,177.61,177.61,0,0,0-19-3c-5.59-.58-12.8.52-18.12-1-8.9-2.53-9.88-17.58-11.23-25.46-2.16-12.55-2.59-25.32-2.67-38C837,648.53,837.45,634.14,836.68,619.77Z'
1691        transform='translate(-28 -141.34)'
1692        fill='#4c4981'
1693    ></path>
1694    <path
1695        d='M641.23,565.54c4.21,24,8.85,48.07,18,70.62-.23.22-.46.42-.69.62-.81.69-1.65,1.34-2.53,2-2.05,1.44-4.3,2.66-6,4.54a8,8,0,0,0-1.5,2.45,5.48,5.48,0,0,0,0,4.47c-4.77,2.11-10.31,1.46-15.66,1.26-4.61-.17-9.08,0-12.78,2.53-5.14,3.54-6.69,10.34-7.52,16.52q-.46,3.38-.79,6.77-.32,3.15-.52,6.32a188.61,188.61,0,0,0-.19,21q.08,1.92.21,3.84c-16.34-.39-31.23-8.91-45.32-17.19-3.22-1.89-6.54-3.88-8.63-7A15.8,15.8,0,0,1,555,674c0-.51.09-1,.16-1.52a41.58,41.58,0,0,1,2.29-8.68,107.2,107.2,0,0,1,19.19-32.65c3.58-4.18,7.61-8.27,9.28-13.52.73-2.29,1-4.72,1.74-7,3.32-9.88,15.3-14.55,19.4-24.14,1-2.29,1.46-4.8,2.7-7a17.63,17.63,0,0,1,4.25-4.75c.73-.61,1.49-1.2,2.24-1.79q10.54-8.26,20.31-17.45,1.82-1.71,3.6-3.46A59.48,59.48,0,0,0,641.23,565.54Z'
1696        transform='translate(-28 -141.34)'
1697        fill='#4c4981'
1698    ></path>
1699    <path
1700        d='M742,494.56c-1.44,1.52-3,2.95-4.53,4.37l-.41.37-1.62,1.5a39,39,0,0,0-7.55,8.79l-.17.28c-5.1,9.13-3.21,20.37-1.79,30.74a261.55,261.55,0,0,1,2.37,39c-.26,18-2.38,35.88-2.42,53.86,0,4.08.09,8.15.27,12.23.29,6.63.79,13.25,1.39,19.87.65,7.26,1.43,14.51,2.16,21.76.58,5.61,1.13,11.21,1.59,16.81.23,2.9.45,5.79.63,8.69.21,3.4.38,6.81.48,10.21h0c.07,2.16.11,4.31.11,6.47,0,1.23,0,2.45,0,3.67q0,3.51-.19,7-.2,4.49-.61,9c-.31,3.27-.86,6.84-3.16,9.14-.14.14-.29.27-.44.4l-3.24-.4a332.72,332.72,0,0,0-67.3-1.2c.49-3.38.94-6.75,1.38-10.14.2-1.6.4-3.21.59-4.82q.33-2.76.63-5.52c.23-2,.44-4,.64-6q.78-7.73,1.37-15.47.87-11.29,1.32-22.62.22-5.41.34-10.83.17-6.72.16-13.45,0-6.54-.11-13.1c0-1.44-.06-2.88-.18-4.31a27.35,27.35,0,0,0-.53-3.83,49.87,49.87,0,0,0-3-8.48c-.22-.52-.43-1-.64-1.55-.12-.27-.23-.55-.34-.82,5.76-5.13,9.86-12,13.8-18.76,6.39-10.89,12.93-22.26,14-34.84s-5.18-26.71-17.2-30.55c-3.27-1-6.73-1.28-10.1-1.87-3.18-.56-9.81-1.83-13.49-4.11q-3,3.08-6,6.05a22.15,22.15,0,0,1,2.17-8.71l1.42.07a2.71,2.71,0,0,1-.16-1c0-1.07.74-2.28,2.32-3.62,4.71-4,12.12-4.89,15.09-10.3,1.24-2.25,1.45-4.93,2.45-7.29,2.87-6.73,11.11-9.21,16.07-14.59s6.2-13,10.21-19a28.62,28.62,0,0,1,12-10c.4-.19.81-.38,1.22-.55,8.3-3.55,18.16-4.36,26.76-4.34,3.34,0,12,.1,16.24,1.79a5.32,5.32,0,0,1,1.85,1.13C752.37,480.61,745.34,491,742,494.56Z'
1701        transform='translate(-28 -141.34)'
1702        fill='#4c4981'
1703    ></path>
1704    <path
1705        d='M642.72,542.69a60.88,60.88,0,0,1,46.74,4.87c7.2,4,13.66,9.58,17.62,16.78,5.95,10.8,5.69,23.82,5.27,36.15-.21,6.17-.48,12.56-3.2,18.1C706,625,700.06,629.4,694,633a42.24,42.24,0,0,1-12.32,5.33c-6.72,1.46-13.7.22-20.47-1-7.36-1.36-15.26-3-20.37-8.48-3-3.18-4.64-7.31-6.26-11.35q-3.49-8.75-7-17.48c-4.05-10.11-5.42-18.52-.07-28.37,2.43-4.49,5.4-8.69,7.8-13.21C636.51,556.14,640.81,543.28,642.72,542.69Z'
1706        transform='translate(-28 -141.34)'
1707        fill='#4c4981'
1708    ></path>
1709    <path
1710        d='M1063,715.56v29.9a167.3,167.3,0,0,1-64.73,12.8H728.58c-.14.14-.29.27-.44.4l-3.24-.4H245.17c-40.25,0-77.55-10.86-108.14-29.36V683.25l230.72-26.63.18,0L502.29,668l34.77,3,18.06,1.53,37.38,3.17,19.23,1.63,28,2.38,3.94.33,20.18,1.71L691.23,684l38.5,3.26,64.18,5.45,45.15,3.83,74.14,6.29,14.1,1.19,1.52.13,1.32.11,18.62,1.58,20.44,1.74,2.37.2Z'
1711        transform='translate(-28 -141.34)'
1712        fill='#504f60'
1713    ></path>
1714    <polygon
1715        points='764 573.12 474.86 523.77 463.65 580.46 596.19 596.33 637 601.44 749.26 579.33 764 573.12'
1716        fill='#9c9ca1'
1717    ></polygon>
1718    <path
1719        d='M642.33,739.94l144.86-27.23a5,5,0,0,1,5.94,4.93h0a5,5,0,0,1-4.09,4.93L647.57,749.06Z'
1720        transform='translate(-28 -141.34)'
1721        fill='#9c9ca1'
1722    ></path>
1723    <path
1724        d='M705.17,654.31c4.51-.42,9.08-1.13,13.14-3.13,5-2.49,8.89-6.78,13.52-9.94,10.18-7,23.8-7.94,35.47-3.92s21.41,12.63,28.23,22.91c4.53,6.85,7.93,15.59,4.73,23.15a30.51,30.51,0,0,1-4.12,6.44l-8.34,10.9a29,29,0,0,1-5.66,6.09c-3.12,2.27-7,3.2-10.82,3.76-10.15,1.48-20.48.64-30.71,1.32-17.57,1.17-34.73,6.83-52.34,6.64-10.12-.11-20.11-2.15-30-4.19l-43.77-9c-7.62-1.56-16.23-3.84-19.82-10.75-1.61-3.11-1.91-6.71-2.1-10.21-.52-9.64,0-20.36,6.68-27.31,6.28-6.52,16.21-8.58,23.71-13.4,9.18-5.91,12.21-4,21.89.44A120,120,0,0,0,705.17,654.31Z'
1725        transform='translate(-28 -141.34)'
1726        fill='#ae6e79'
1727    ></path>
1728    <path
1729        d='M705.17,654.31c4.51-.42,9.08-1.13,13.14-3.13,5-2.49,8.89-6.78,13.52-9.94,10.18-7,23.8-7.94,35.47-3.92s21.41,12.63,28.23,22.91c4.53,6.85,7.93,15.59,4.73,23.15a30.51,30.51,0,0,1-4.12,6.44l-8.34,10.9a29,29,0,0,1-5.66,6.09c-3.12,2.27-7,3.2-10.82,3.76-10.15,1.48-20.48.64-30.71,1.32-17.57,1.17-34.73,6.83-52.34,6.64-10.12-.11-20.11-2.15-30-4.19l-43.77-9c-7.62-1.56-16.23-3.84-19.82-10.75-1.61-3.11-1.91-6.71-2.1-10.21-.52-9.64,0-20.36,6.68-27.31,6.28-6.52,16.21-8.58,23.71-13.4,9.18-5.91,12.21-4,21.89.44A120,120,0,0,0,705.17,654.31Z'
1730        transform='translate(-28 -141.34)'
1731        opacity='0.05'
1732    ></path>
1733    <path
1734        d='M880.94,640.6c-12.28,4.75-24.63,9.52-37.49,12.35-21.56,4.75-44.12,4-65.51,9.43-11.3,2.88-22.53,7.52-34.14,6.58-5.19-.42-10.2-2-15.25-3.2-28.37-7-60.62-4.73-83.66,13.27-7.88,6.15-14.33,13.82-20.18,22a14.7,14.7,0,0,0,5.91,21.88A86.62,86.62,0,0,0,659,730.48
1734c13.13,1.16,26.32-.7,39.38-2.56,19.38-2.75,38.77-5.51,58.1-8.6,6.94-1.11,13.88-2.26,20.86-3.14,50.23-6.35,101.37,1.37,151.73-3.93,5.09-.54,10.27-1.24,14.9-3.41,11.72-5.5,17.52-20,15.1-32.74s-11.76-23.33-23-29.83c-9.42-5.47-19.58-7.68-30.07-10C896.26,634,890.32,637,880.94,640.6Z'
1735        transform='translate(-28 -141.34)'
1736        fill='#ae6e79'
1737    ></path>
1738    <path
1739        d='M988.67,564.44c5.54,7.26,6.72,17,6.12,26.09s-2.76,18.08-3.08,27.21c-.44,12.52,2.58,25,2.07,37.48-.36,8.73-2.43,17.29-4.88,25.67-2.89,9.89-7.07,20.52-16.2,25.27-12.12,6.31-37.54,2.76-50.29,7.7,1.16-7.23,12.28-17.7,13.44-24.93.8-5,1.61-10.14.75-15.15-1.1-6.39-4.85-12.06-9.3-16.78-7.08-7.51-16.32-13.16-26.47-15s-35-.33-43.12,6.08c-1-6.62,17.6-13,24.14-14.43,3.26-.73,7-.32,9.61-2.39,5-3.92,1.37-11.73,1.61-18,.19-5,3.11-9.58,3.7-14.58,1-8-4.22-16.15-2.17-24,.76-2.9,2.45-5.45,3.62-8.21,3.56-8.45,2-18.09.1-27.07-1.18-5.64-2.33-12,.81-16.81,2.91-4.49,11.17,11.5,16.46,10.76,17.47-2.45,33.28-15.4,47.39-4.8,7.19,5.4,8.13,11,11,18.71C976.77,554.6,984,558.36,988.67,564.44Z'
1740        transform='translate(-28 -141.34)'
1741        opacity='0.1'
1742    ></path>
1743    <path
1744        d='M991.67,564.44c5.54,7.26,6.72,17,6.12,26.09s-2.76,18.08-3.08,27.21c-.44,12.52,2.58,25,2.07,37.48-.36,8.73-2.43,17.29-4.88,25.67-2.89,9.89-7.07,20.52-16.2,25.27-12.12,6.31-37.54,2.76-50.29,7.7,1.16-7.23,12.28-17.7,13.44-24.93.8-5,1.61-10.14.75-15.15-1.1-6.39-4.85-12.06-9.3-16.78-7.08-7.51-16.32-13.16-26.47-15s-35-.33-43.12,6.08c-1-6.62,17.6-13,24.14-14.43,3.26-.73,7-.32,9.61-2.39,5-3.92,1.37-11.73,1.61-18,.19-5,3.11-9.58,3.7-14.58,1-8-4.22-16.15-2.17-24,.76-2.9,2.45-5.45,3.62-8.21,3.56-8.45,2-18.09.1-27.07-1.18-5.64-2.33-12,.81-16.81,2.91-4.49,8.6-6.19,13.89-6.94a68.42,68.42,0,0,1,50,12.9c7.19,5.4,8.13,11,11,18.71C979.77,554.6,987,558.36,991.67,564.44Z'
1745        transform='translate(-28 -141.34)'
1746        fill='#4c4981'
1747    ></path>
1748    <path
1749        d='M330,517.06,384.37,718a12.55,12.55,0,0,0,10.91,9.21L640,750.72a12.54,12.54,0,0,0,13.38-15.48L593.84,492.86a12.54,12.54,0,0,0-13.12-9.51L341.13,501.27A12.54,12.54,0,0,0,330,517.06Z'
1750        transform='translate(-28 -141.34)'
1751        fill='#9c9ca1'
1752    ></path>
1753    <ellipse cx='787.11' cy='387.68' rx='26.9' ry='27.25' fill='#fff'></ellipse>
1754    <path
1755        d='M837.2,479.31s5.67,16.86-11.06,23.95L824,507l10.48,10.34S847.4,493.77,846,485.4C846,485.4,844,476.9,837.2,479.31Z'
1756        transform='translate(-28 -141.34)'
1757        fill='#fff'
1758    ></path>
1759    <circle cx='790.2' cy='388.99' r='25.94' fill='#2779b0'></circle>
1760    <path
1761        d='M846.13,489.23l-4.12-6.8-6-.85c1.28-22.39-4.53-29.06-4.53-29.06l-1.35-.13-5.88-.57-11.06-11.48v-3.26c15.54,1.85,24.13,9.23,28.77,17.88C850.16,470.14,846.13,489.23,846.13,489.23Z'
1762        transform='translate(-28 -141.34)'
1763        fill='#2779b0'
1764    ></path>
1765    <path
1766        d='M830.18,448.27v4.12l-5.88-.57-11.06-11.48S830.35,444.17,830.18,448.27Z'
1767        transform='translate(-28 -141.34)'
1768        stroke='#4c4981'
1769        stroke-miterlimit='10'
1770        opacity='0.1'
1771    ></path>
1772    <path
1773        d='M846.13,489.23l-4.12-6.8V455C850.16,470.14,846.13,489.23,846.13,489.23Z'
1774        transform='translate(-28 -141.34)'
1775        stroke='#4c4981'
1776        stroke-miterlimit='10'
1777        opacity='0.1'
1778    ></path>
1779    <ellipse
1780        cx='757.11'
1781        cy='518.2'
1782        rx='14.43'
1783        ry='26.32'
1784        transform='translate(-185.67 306.64) rotate(-30)'
1785        fill='#fff'
1786    ></ellipse>
1787    <path
1788        d='M761,516c7.27,12.59,16.19,21,9.29,25s-27,2-34.27-10.6-.67-30,6.23-34S753.72,503.38,761,516Z'
1789        transform='translate(-28 -141.34)'
1790        fill='#2779b0'
1791    ></path>
1792    <path
1793        d='M825.73,425.3c0,40.23-27.53,79-67.76,79a72.85,72.85,0,0,1,0-145.7C798.2,358.64,825.73,385.06,825.73,425.3Z'
1794        transform='translate(-28 -141.34)'
1795        opacity='0.1'
1796    ></path>
1797    <circle cx='729.97' cy='288.15' r='72.85' fill='#ae6e79'></circle>
1798    <path
1799        d='M751.57,397.21c8.67,3.19,13.8,12.15,21.58,17.14,11,7,25.32,5.19,37.88,1.73,7-1.91,14.32-4.24,21.21-2.12a6,6,0,0,0,3.23.46c1.5-.43,2.24-2.09,2.73-3.57,8.52-25.4,4.69-54.17-8.17-77.67-3.32-6.06-7.3-11.92-12.78-16.13-4.32-3.31-9.4-5.48-14.52-7.33a145,145,0,0,0-28.88-7.13,17.94,17.94,0,0,0-5.27-.17c-2.41.39-4.57,1.69-6.72,2.85A68.78,68.78,0,0,1,732,313.38c-14,.53-30-2.77-40.79,6.21-13,10.77-9.76,31.78-18.19,46.4-5.58,9.67-16.34,16.69-18.11,27.7a25.57,25.57,0,0,0,.63,10.07c4.12,16.94,20.52,30.06,38,30.37a14.42,14.42,0,0,0,7.76-1.59,17.55,17.55,0,0,0,4.09-3.89C716.84,415.09,729.94,389.25,751.57,397.21Z'
1800        transform='translate(-28 -141.34)'
1801        fill='#444053'
1802    ></path>
1803    <path
1804        d='M838.2,403.48c-.49,1.48-1.23,3.14-2.73,3.57a6,6,0,0,1-3.23-.46c-6.89-2.12-14.25.21-21.2,2.12-12.57,3.46-26.92,5.31-37.88-1.73-7.79-5-12.91-14-21.59-17.14-21.63-8-34.73,17.88-46.21,31.44a17.55,17.55,0,0,1-4.09,3.89,14.42,14.42,0,0,1-7.76,1.59c-17.42-.31-33.83-13.43-38-30.37-.23-1-.43-2-.58-3,0,.09,0,.17-.05.26a25.5
18047,25.57,0,0,0,.63,10.07c4.12,16.94,20.53,30.06,38,30.37a14.42,14.42,0,0,0,7.76-1.59,17.55,17.55,0,0,0,4.09-3.89c11.48-13.56,24.58-39.4,46.21-31.44,8.68,3.19,13.8,12.15,21.59,17.14,11,7,25.31,5.19,37.88,1.73,7-1.91,14.31-4.24,21.2-2.12a6,6,0,0,0,3.23.46c1.5-.43,2.24-2.09,2.73-3.57a90.29,90.29,0,0,0,4.48-32.26A88.8,88.8,0,0,1,838.2,403.48Z'
1805        transform='translate(-28 -141.34)'
1806        opacity='0.1'
1807    ></path>
1808</svg>            </div>
1809        </div>
1810    </header>
1811
1812    <section class="mds-featured">
1813        <div class="mds-container">
1814            
1815<article class='mds-card post tag-coding tag-beginner tag-hash-fr tag-hash-additional-content tag-javascript featured'>
1816    <a class='mds-card-link' href='/fr/post/comprendre-fonctions-recursives/'>
1817        <div class='mds-card-content'>
1818            <span class='mds-card-meta'>
1819                <time datetime='2022-10-12'>
1820                    12 oct. 2022
1821                </time>
1822
1823                <span class='bull'>&bull;</span>
1824                3 min read
1825
1826                <span class='bull'>&bull;</span>
1827                <span>🇫🇷</span>
1828
1829
1830                    <span class='bull'>&bull;</span>
1831                    <span class='premium-label'>Bonus</span>
1832            </span>
1833            <h2 class='mds-card-title' lang="fr" >Comprendre les fonctions récursives</h2>
1834            <p lang="fr" >Les fonctions récursives font partie de mes techniques de développement préférées. Il ne s&#39;agit pas de quelque chose de compliqué. Bien au contraire, ce ne sont que des fonctions utilisées différemment.
1835
1836Lorsque nous apprenons la récursion, et plus largement, l&#39;itération en programmation, nous nous arrêtons toujours...</p>
1837            <strong class='cta'>
1838                Continuer à lire &rarr;
1839            </strong>
1840        </div>
1841    </a>
1842</article>            
1843<article class='mds-card post tag-best-practices tag-coding tag-hash-fr tag-comments featured no-image'>
1844    <a class='mds-card-link' href='/fr/post/devenez-un-meilleur-developpeur-grace-aux-bonnes-pratiques/'>
1845        <div class='mds-card-content'>
1846            <span class='mds-card-meta'>
1847                <time datetime='2016-08-24'>
1848                    24 août 2016
1849                </time>
1850
1851                <span class='bull'>&bull;</span>
1852                4 min read
1853
1854                <span class='bull'>&bull;</span>
1855                <span>🇫🇷</span>
1856
1857
1858            </span>
1859            <h2 class='mds-card-title' lang="fr" >Devenez un meilleur développeur grâce aux bonnes pratiques</h2>
1860            <p lang="fr" >Ces dernières semaines, j&#39;ai passé pas mal de temps à lire et étudier des articles de blogs, des projets github, des ebooks à la recherche de bonnes pratiques.
1861
1862J&#39;ai toujours été attiré par les principes de code qui peuvent m&#39;aider à faire du &quot;...</p>
1863            <strong class='cta'>
1864                Continuer à lire &rarr;
1865            </strong>
1866        </div>
1867    </a>
1868</article>        </div>
1869    </section>
1870
1871    <section class="post-grid">
1872        <div class="mds-container">
1873            <h2 class="section-title">
1874                Les derniers articles
1875                <a class="icon" href="https://mindsers.blog/fr/posts/rss/"
1876                    title="Suis mes articles avec un lecteur RSS"><svg
1877    xmlns='http://www.w3.org/2000/svg'
1878    viewBox='0 0 22 22'
1879    aria-label='RSS Feed icon'
1880>
1881    <circle cx='6.18' cy='17.82' r='2.18' fill='currentColor'></circle>
1882    <path
1883        fill='currentColor'
1884        d='M4 4.44v2.83c7.03 0 12.73 5.7 12.73 12.73h2.83c0-8.59-6.97-15.56-15.56-15.56zm0 5.66v2.83c3.9 0 7.07 3.17 7.07 7.07h2.83c0-5.47-4.43-9.9-9.9-9.9z'
1885    >
1886    </path>
1887</svg></a>
1888            </h2>
1889            <div class="mds-postfeed">
1890                
1891<article class='mds-card mds-thumbnail-card post'>
1892    <a class='mds-card-link' href='/fr/post/ecrire-injecteur-dependance-javascript/'>
1893        <div class='mds-card-content-container'>
1894                <img
1895                    class='mds-card-image lazyload'
1896                    srcset='/content/images/size/w300/2026/02/dependency-injection-illu3.png 300w,
1897                            /content/images/size/w600/2026/02/dependency-injection-illu3.png 600w,
1898                            /content/images/size/w1000/2026/02/dependency-injection-illu3.png 1000w,
1899                            /content/images/size/w2000/2026/02/dependency-injection-illu3.png 2000w'
1900                    sizes='(max-width: 1000px) 400px, 700px'
1901                    src='/content/images/size/w600/2026/02/dependency-injection-illu3.png'
1902                    loading='lazy'
1903                    width='384'
1904                    height='400'
1905                    alt='Écrire son propre injecteur de dépendances en TypeScript'
1906                />
1907            <div class='mds-card-content'>
1908                <h2 class='mds-card-title'>Écrire son propre injecteur de dépendances en TypeScript</h2>
1909                <p>Pourquoi donc vouloir écrire soi-même son injecteur de dépendances ? L’idée m’est venue après une énième discussion avec un développeur sur...</p>
1910                <strong class='cta'>
1911                    Continuer à lire &rarr;
1912                </strong>
1913            </div>
1914        </div>
1915    </a>
1916</article>                
1917<article class='mds-card mds-thumbnail-card post'>
1918    <a class='mds-card-link' href='/fr/post/developpeur-freelance-toolbox-2025-pour-etre-plus-rapide-serein/'>
1919        <div class='mds-card-content-container'>
1920                <img
1921                    class='mds-card-image lazyload'
1922                    srcset='/content/images/size/w300/2025/05/04A7968C-1D5B-44D4-A49A-9D9D8BE62096.png 300w,
1923                            /content/images/size/w600/2025/05/04A7968C-1D5B-44D4-A49A-9D9D8BE62096.png 600w,
1924                            /content/images/size/w1000/2025/05/04A7968C-1D5B-44D4-A49A-9D9D8BE62096.png 1000w,
1925                            /content/images/size/w2000/2025/05/04A7968C-1D5B-44D4-A49A-9D9D8BE62096.png 2000w'
1926                    sizes='(max-width: 1000px) 400px, 700px'
1927                    src='/content/images/size/w600/2025/05/04A7968C-1D5B-44D4-A49A-9D9D8BE62096.png'
1928                    loading='lazy'
1929                    width='384'
1930                    height='400'
1931                    alt='Développeur Freelance : ma toolbox 2025 pour être plus rapide et serein'
1932                />
1933            <div class='mds-card-content'>
1934                <h2 class='mds-card-title'>Développeur Freelance : ma toolbox 2025 pour être plus rapide et serein</h2>
1935                <p>Quand on est développeur freelance, CTO ou porteur de projets, le temps devient rapidement notre ressource la plus précieuse.
1936Pas parce qu’o...</p>
1937                <strong class='cta'>
1938                    Continuer à lire &rarr;
1939                </strong>
1940            </div>
1941        </div>
1942    </a>
1943</article>                
1944<article class='mds-card mds-thumbnail-card post'>
1945    <a class='mds-card-link' href='/fr/post/quelle-evolution-de-carriere-pour-un-developpeur/'>
1946        <div class='mds-card-content-container'>
1947                <img
1948                    class='mds-card-image lazyload'
1949                    srcset='/content/images/size/w300/2025/04/29D6295E-C25C-4D04-8654-14736CC1513A.png 300w,
1950                            /content/images/size/w600/2025/04/29D6295E-C25C-4D04-8654-14736CC1513A.png 600w,
1951                            /content/images/size/w1000/2025/04/29D6295E-C25C-4D04-8654-14736CC1513A.png 1000w,
1952                            /content/images/size/w2000/2025/04/29D6295E-C25C-4D04-8654-14736CC1513A.png 2000w'
1953                    sizes='(max-width: 1000px) 400px, 700px'
1954                    src='/content/images/size/w600/2025/04/29D6295E-C25C-4D04-8654-14736CC1513A.png'
1955                    loading='lazy'
1956                    width='384'
1957                    height='400'
1958                    alt='Quelle évolution de carrière pour un développeur ?'
1959                />
1960            <div class='mds-card-content'>
1961                <h2 class='mds-card-title'>Quelle évolution de carrière pour un développeur ?</h2>
1962                <p>Quand on commence à coder, la trajectoire semble simple : devenir meilleur, progresser, gravir les échelons. Mais rapidement, on se rend com...</p>
1963                <strong class='cta'>
1964                    Continuer à lire &rarr;
1965                </strong>
1966            </div>
1967        </div>
1968    </a>
1969</article>                
1970<article class='mds-card mds-thumbnail-card post'>
1971    <a class='mds-card-link' href='/fr/post/les-meilleures-pratiques-pour-un-saas-performant/'>
1972        <div class='mds-card-content-container'>
1973                <img
1974                    class='mds-card-image lazyload'
1975                    srcset='/content/images/size/w300/2025/05/AD5CCD02-8AF0-4F78-9B67-6729D376A848.png 300w,
1976                            /content/images/size/w600/2025/05/AD5CCD02-8AF0-4F78-9B67-6729D376A848.png 600w,
1977                            /content/images/size/w1000/2025/05/AD5CCD02-8AF0-4F78-9B67-6729D376A848.png 1000w,
1978                            /content/images/size/w2000/2025/05/AD5CCD02-8AF0-4F78-9B67-6729D376A848.png 2000w'
1979                    sizes='(max-width: 1000px) 400px, 700px'
1980                    src='/content/images/size/w600/2025/05/AD5CCD02-8AF0-4F78-9B67-6729D376A848.png'
1981                    loading='lazy'
1982                    width='384'
1983                    height='400'
1984                    alt='Les meilleures pratiques pour un SaaS performant'
1985                />
1986            <div class='mds-card-content'>
1987                <h2 class='mds-card-title'>Les meilleures pratiques pour un SaaS performant</h2>
1988                <p>Quand on construit un SaaS, les premières décisions techniques ont souvent plus d’impact qu’on ne l’imagine. Architecture, scalabilité, sécu...</p>
1989                <strong class='cta'>
1990                    Continuer à lire &rarr;
1991                </strong>
1992            </div>
1993        </div>
1994    </a>
1995</article>                
1996<article class='mds-card mds-thumbnail-card post'>
1997    <a class='mds-card-link' href='/fr/post/comprendre-roles-tech-developpeur-au-cto/'>
1998        <div class='mds-card-content-container'>
1999                <img
2000                    class='mds-card-image lazyload'
2001                    srcset='/content/images/size/w300/2025/04/BB10BCF3-B43B-4B92-9186-964ADB0622D3.png 300w,
2002                            /content/images/size/w600/2025/04/BB10BCF3-B43B-4B92-9186-964ADB0622D3.png 600w,
2003                            /content/images/size/w1000/2025/04/BB10BCF3-B43B-4B92-9186-964ADB0622D3.png 1000w,
2004                            /content/images/size/w2000/2025/04/BB10BCF3-B43B-4B92-9186-964ADB0622D3.png 2000w'
2005                    sizes='(max-width: 1000px) 400px, 700px'
2006                    src='/content/images/size/w600/2025/04/BB10BCF3-B43B-4B92-9186-964ADB0622D3.png'
2007                    loading='lazy'
2008                    width='384'
2009                    height='400'
2010                    alt='Comprendre les rôles dans la tech : du Développeur au CTO'
2011                />
2012            <div class='mds-card-content'>
2013                <h2 class='mds-card-title'>Comprendre les rôles dans la tech : du Développeur au CTO</h2>
2014                <p>Quand j’ai commencé à coder, je pensais que “développeur” était un métier en soi. Avec le temps, j’ai compris que ce n’était que le début d’...</p>
2015                <strong class='cta'>
2016                    Continuer à lire &rarr;
2017                </strong>
2018            </div>
2019        </div>
2020    </a>
2021</article>                <div class="more">
2022                    <p>Tu veux en lire plus ?</p>
2023                    <p><a href="/fr/posts/" class="button primary">Découvre les autres articles</a></p>
2024                    <p><a href="/en/posts/" class="button primary" lang="en">Browse posts in English</a></p>
2025                </div>
2026            </div>
2027        </div>
2028    </section>
2029
2030    <section class="highlighted-band">
2031        <div class="mds-container">
2032            <h2 id="newsletter-signup" class="section-title">
2033                Rejoins les 300+ personnes qui reçoivent mes articles directement dans leur boite mail
2034            </h2>
2035            <p>
2036                <a href="#/portal/signup" class="button ">Inscris-toi gratuitement !</a>
2037            </p>
2038            <p>Aucun spam. Tu peux te désinscrire en un clic à tout moment.</p>
2039        </div>
2040    </section>
2041
2042    <section class="mds-testimonials">
2043        <div class="mds-container">
2044            <div class='testimonial'>
2045    <div class='stars'>&starf;&starf;&starf;&starf;&starf;</div>
2046    <p>
2047        ❝ I discovered Mindsers on Instagram, and I learned so much since I read his blog (thanks for the C &amp; PHP articles!). The community is the perfect environment to learn new things, come join us ! ❞
2048    </p>
2049    <p class='author'>
2050        Arthur M.
2051    </p>
2052</div>            <div class='testimonial'>
2053    <div class='stars'>&starf;&starf;&starf;&starf;&starf;</div>
2054    <p>
2055        ❝ Mindsers&#x27; blog is the perfect place to start when learning how to code! Full of good resources and advice. ❞
2056    </p>
2057    <p class='author'>
2058        Maëva C.
2059    </p>
2060</div>            <div class='testimonial'>
2061    <div class='stars'>&starf;&starf;&starf;&starf;&starf;</div>
2062    <p>
2063        ❝ Thanks for the blog, there are a lot of great content. I completely agree with what I read here especially in the " Best Practices " section. Keep the good work! ❞
2064    </p>
2065    <p class='author'>
2066        Yexan
2067    </p>
2068</div>            <div class='testimonial'>
2069    <div class='stars'>&starf;&starf;&starf;&starf;&starf;</div>
2070    <p>
2071        ❝ Super blog de Nath ! Les articles sont bien rédigés et illustrés. Rapides à lire, ils m’ont beaucoup aidé à démystifier certains sujets qui s
2071ont abstraits pour les débutants. Les exemples choisis sont pratiques et expliqués simplement. Je recommande à 100 %. ❞
2072    </p>
2073    <p class='author'>
2074        Valérie A.
2075    </p>
2076</div>        </div>
2077    </section>
2078</div>
2079
2080        </main>
2081
2082        <footer class='mds-foot'>
2083            <div class='mds-container'>
2084                <nav class='mds-foot-menu' role='navigation' aria-label='More Links'>
2085                    <div class='menu-list'>
2086                        <h2>À propos</h2>
2087                        <ul>
2088                            <li>
2089                                <a href='/about/'>
2090                                    Pourquoi le Mindsers Blog
2091                                </a>
2092                            </li>
2093                            <li>
2094                                <a href='/soutenir/'>
2095                                    Soutenir le blog
2096                                </a>
2097                            </li>
2098                            <li>
2099                                <a href='#/portal/support'>
2100                                    Faire un don ponctuel
2101                                </a>
2102                            </li>
2103                            <li>
2104                                <a href="https://courses.mindsers.blog/">
2105                                    Accéder à l'espace de formation
2106                                </a>
2107                            </li>
2108                            <li>
2109                                <a href='https://climate.stripe.com/DbPcGa'>
2110                                    Mon engagement écologique
2111                                </a>
2112                            </li>
2113                        </ul>
2114                    </div>
2115                    <div class='menu-list'>
2116                        <h2>Travailler avec moi</h2>
2117                        <ul>
2118                            <li>
2119                                <a href='https://nathanaelcherrier.dev/fr/influencer/'>
2120                                    Sponsoriser le blog
2121                                </a>
2122                            </li>
2123                            <li>
2124                                <a href='https://nathanaelcherrier.dev/fr/developer/'>
2125                                    Me recruter comme développeur
2126                                </a>
2127                            </li>
2128                            <li>
2129                                <a href='https://nathanaelcherrier.dev/fr/mentor/'>
2130                                    Être accompagné en mentorat
2131                                </a>
2132                            </li>
2133                        </ul>
2134                    </div>
2135                    <div class='menu-list'>
2136                        <h2>Informations légales</h2>
2137                        <ul>
2138                            <li>
2139                                <a href='/community-guidelines/'>
2140                                    Charte de la communauté
2141                                </a>
2142                            </li>
2143                            <li>
2144                                <a href='/legal-notices/'>
2145                                    Mentions légales
2146                                </a>
2147                            </li>
2148                        </ul>
2149                    </div>
2150                </nav>
2151
2152
2153                <div class='mds-foot-meta'>
2154                    Codé avec amour par <a href='https://nathanaelcherrier.dev/en/'>Nathanaël
2155                        Cherrier</a>. &copy;2011-2026
2156                    <a href='https://mindsers.it/'>MindsersIT</a>. Tous droits réservés.<br />
2157                    <a href='/legal-notices/'>
2158                        Mentions Légales
2159                    </a>
2160                </div>
2161            </div>
2162        </footer>
2163    </div>
2164    <div class="cookie-consent">
2165        <p>By clicking "Allow all", you agree to the storing of cookies on your device to enhance site navigation,
2166            analyse site usage, and assist in my marketing effort.</p>
2167        <p>
2168            <button class="button primary allow-all">Allow all</button>
2169            <button class="button patreon deny-all">Deny all</button>
2170        </p>
2171    </div>
2172
2173    
2173<script type="module" src="/assets/js/menu.js?v=m2ezC-CQ5HwwrxOj" async></script>
2173
2174    
2175
2176    <!-- Affilimate -->
2177<!-- 
2177<script async src="https://snippet.affilimate.io"></script>
2177 -->
2178</body>
2179
2180</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.