Système de facettes via data-facet sur body avec CSS global pour thématiser les pages /code avec la couleur Tiqa (#4b1762). Header et footer restent blancs avec texte violet. Contenu enrichi depuis tiqa.fr et LinkedIn (parcours détaillé, points forts, valeurs, compétences, présence en ligne). Balise footer sémantique.
129 lines
7.7 KiB
Text
129 lines
7.7 KiB
Text
---
|
|
import { Image } from "astro:assets";
|
|
import PageHeading from "../../components/page-heading.astro";
|
|
import Layout from "../../layouts/main.astro";
|
|
import Link from "../../components/Link.astro";
|
|
import logoTiqa from "../../assets/images/logo-tiqa-blanc.png";
|
|
---
|
|
|
|
<Layout title="Code - Jalil Arfaoui" facet="code">
|
|
<section class="relative z-20 max-w-2xl mx-auto my-12 px-7 lg:px-0">
|
|
<PageHeading
|
|
title="Code"
|
|
description="Over 20 years building software. Craftsmanship, TDD, DDD — and an obsession with the biases we unknowingly put into code."
|
|
/>
|
|
|
|
<h2 class="mt-10 mb-4 text-2xl font-bold dark:text-neutral-200">What I do</h2>
|
|
<div class="space-y-4 text-gray-600 dark:text-neutral-400 leading-relaxed">
|
|
<p>
|
|
Freelance developer based in <strong class="text-gray-800 dark:text-neutral-200">Albi, France</strong>, I work with teams as a senior developer, tech lead or technical coach. I favor free software and tools that address real needs.
|
|
</p>
|
|
<p>
|
|
I carefully code well-thought-out applications that meet real needs. I lead my team toward the best solutions and most effective implementations for each use case.
|
|
</p>
|
|
</div>
|
|
|
|
<h2 class="mt-10 mb-4 text-2xl font-bold dark:text-neutral-200">My strengths</h2>
|
|
<div class="text-gray-600 dark:text-neutral-400 leading-relaxed">
|
|
<ul class="list-disc list-inside space-y-2">
|
|
<li>Writing stable, operational, maintainable, scalable and well-tested code</li>
|
|
<li>Learning, and passing it on</li>
|
|
<li>Working as a team</li>
|
|
<li>Helping improve the team by raising issues and proposing solutions</li>
|
|
<li>Autonomy: knowing what needs to be done and doing it</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<h2 class="mt-10 mb-4 text-2xl font-bold dark:text-neutral-200">My values</h2>
|
|
<div class="text-gray-600 dark:text-neutral-400 leading-relaxed">
|
|
<ul class="list-disc list-inside space-y-2">
|
|
<li>The <Link href="http://manifesto.softwarecraftsmanship.org/#/en" external>Software Craftsmanship</Link> movement</li>
|
|
<li>The social usefulness of the developer</li>
|
|
<li>Taking pride in your work, without ego</li>
|
|
<li>Self-management, autonomy and responsibility</li>
|
|
<li><strong class="text-gray-800 dark:text-neutral-200">Domain Driven Design</strong> approach</li>
|
|
<li><Link href="https://agilemanifesto.org/iso/en/manifesto.html" external>Agile</Link> organization: iteration and continuous improvement</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<h2 class="mt-10 mb-4 text-2xl font-bold dark:text-neutral-200">What I offer</h2>
|
|
<div class="text-gray-600 dark:text-neutral-400 leading-relaxed">
|
|
<ul class="list-disc list-inside space-y-2">
|
|
<li><Link href="https://www.linkedin.com/in/jalil/" external>20 years of experience</Link> in software design</li>
|
|
<li>A strong commitment to the quality and usefulness of my work</li>
|
|
<li>User-centered development</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<h2 class="mt-10 mb-4 text-2xl font-bold dark:text-neutral-200">What I'm looking for</h2>
|
|
<div class="text-gray-600 dark:text-neutral-400 leading-relaxed">
|
|
<ul class="list-disc list-inside space-y-2">
|
|
<li>A mission serving the public interest</li>
|
|
<li>A positive social and/or environmental impact</li>
|
|
<li>Ideally non-profit</li>
|
|
<li>Ideally open-source or free software</li>
|
|
<li>A great team that wants to raise the bar</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<h2 class="mt-10 mb-4 text-2xl font-bold dark:text-neutral-200">Skills</h2>
|
|
<div class="space-y-4 text-gray-600 dark:text-neutral-400 leading-relaxed">
|
|
<p>
|
|
<strong class="text-gray-800 dark:text-neutral-200">Languages</strong> — TypeScript/JavaScript, PHP, Elixir
|
|
</p>
|
|
<p>
|
|
<strong class="text-gray-800 dark:text-neutral-200">Practices</strong> — TDD, Clean Code, Domain-Driven Design, hexagonal architecture, continuous refactoring
|
|
</p>
|
|
</div>
|
|
|
|
<h2 class="mt-10 mb-4 text-2xl font-bold dark:text-neutral-200">Open source projects</h2>
|
|
<div class="space-y-4 text-gray-600 dark:text-neutral-400 leading-relaxed">
|
|
<p>
|
|
<Link href="https://debats.co" external>Débats.co</Link> — A collaborative platform for synthesizing public debates.
|
|
</p>
|
|
<p>
|
|
<Link href="https://github.com/dis-moi" external>DisMoi</Link> — A civic tech browser extension that adds contextual information to the web.
|
|
</p>
|
|
<p>
|
|
<Link href="https://github.com/betagouv/mon-entreprise" external>mon-entreprise</Link> — The official assistant for entrepreneurs in France, a <Link href="https://beta.gouv.fr/" external>beta.gouv</Link> project.
|
|
</p>
|
|
</div>
|
|
|
|
<h2 class="mt-10 mb-4 text-2xl font-bold dark:text-neutral-200">Community</h2>
|
|
<div class="space-y-4 text-gray-600 dark:text-neutral-400 leading-relaxed">
|
|
<p>
|
|
I've been running the <Link href="https://www.meetup.com/software-crafters-albi/" external>Software Crafters Albi</Link> meetup since 2018. We gather regularly to discuss code, practices and software craftsmanship.
|
|
</p>
|
|
</div>
|
|
|
|
<h2 class="mt-10 mb-4 text-2xl font-bold dark:text-neutral-200">Teaching</h2>
|
|
<div class="space-y-4 text-gray-600 dark:text-neutral-400 leading-relaxed">
|
|
<p>
|
|
Software engineering professor at <Link href="https://www.univ-jfc.fr/" external>Université Champollion</Link> in Albi since 2019 (Master AMINJ and Bachelor in Computer Science). Also taught at <Link href="https://www.esn81.fr/" external>ESN 81</Link> in Castres (development best practices, Node.js).
|
|
</p>
|
|
</div>
|
|
|
|
<h2 class="mt-10 mb-4 text-2xl font-bold dark:text-neutral-200">Background</h2>
|
|
<div class="space-y-4 text-gray-600 dark:text-neutral-400 leading-relaxed">
|
|
<p>
|
|
Currently lead developer of <Link href="https://mon-entreprise.urssaf.fr/" external>mon-entreprise.urssaf.fr</Link> at <Link href="https://www.urssaf.fr/" external>Urssaf Caisse nationale</Link> — 20+ simulators deployed on public websites, one million users per month.
|
|
</p>
|
|
<p>
|
|
Previously: CTO at <Link href="https://www.gobuild.fr" external>GoBuild</Link> (building modeling, Lyon), frontend architect at <Link href="https://www.araymond.com/" external>ARaymond</Link> (Grenoble), tech lead at <Link href="https://www.veepee.com/" external>Veepee</Link> (formerly vente-privee) where I led a team of 8 developers and co-founded the internal React Academy training program.
|
|
</p>
|
|
<p>
|
|
Co-founder of <Link href="https://github.com/dis-moi" external>DisMoi</Link>, a civic tech browser extension. Founder of <Link href="https://jalil.arfaoui.net/team-logics" external>Team Logics</Link> (2007-2011), a web agency where I led a team of 6 for clients like ALD Automotive, Joué Club and Consuel.
|
|
</p>
|
|
<p>
|
|
Self-taught developer since 2003. Best programming project of the 2003 class at <Link href="https://www.uvsq.fr/" external>UVSQ</Link>.
|
|
</p>
|
|
</div>
|
|
<h2 class="mt-10 mb-4 text-2xl font-bold dark:text-neutral-200">Online</h2>
|
|
<div class="space-y-4 text-gray-600 dark:text-neutral-400 leading-relaxed">
|
|
<p>
|
|
<Link href="https://www.linkedin.com/in/jalil" external>LinkedIn</Link> · <Link href="https://www.malt.fr/profile/jalilarfaoui" external>Malt</Link> · <Link href="https://stackexchange.com/users/54164/jalil" external>Stack Overflow</Link> · <Link href="https://github.com/JalilArfaoui" external>GitHub</Link> · <Link href="https://framagit.org/jalil" external>Framagit</Link> · <Link href="https://forge.tiqa.fr" external>Personal forge</Link>
|
|
</p>
|
|
</div>
|
|
<Image src={logoTiqa} alt="Tiqa logo" class="mx-auto mt-16 mb-4" width={200} />
|
|
</section>
|
|
</Layout>
|