244 lines
7.4 KiB
HTML
244 lines
7.4 KiB
HTML
<html><head>
|
||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
|
||
<link href="https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
|
||
<link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap" rel="stylesheet">
|
||
<link href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/themes/prism-tomorrow.min.css" rel="stylesheet">
|
||
<style>
|
||
/* Default styles */
|
||
pre {
|
||
background: #2d2d2d;
|
||
border-radius: 4px;
|
||
margin: 0.5em 0;
|
||
}
|
||
code {
|
||
font-family: 'Fira Code', Consolas, Monaco, monospace;
|
||
}
|
||
/* Custom CSS */
|
||
/* ====== Markdown PDF Pro Theme ====== */
|
||
|
||
@page {
|
||
margin: 25mm 20mm;
|
||
margin-top: 0mm;
|
||
}
|
||
|
||
body {
|
||
font-family: "Segoe UI", "Helvetica Neue", Arial, sans-serif;
|
||
font-size: 11pt;
|
||
line-height: 1.6;
|
||
color: #333;
|
||
background: white;
|
||
max-width: 800px;
|
||
margin: auto;
|
||
padding: 60px;
|
||
}
|
||
|
||
/* Headings */
|
||
h1,
|
||
h2,
|
||
h3,
|
||
h4,
|
||
h5,
|
||
h6 {
|
||
font-family: "Segoe UI Semibold", "Helvetica Neue", Arial, sans-serif;
|
||
font-weight: 600;
|
||
margin-top: 2em;
|
||
margin-bottom: 0.6em;
|
||
line-height: 1.3;
|
||
color: #222;
|
||
}
|
||
|
||
h1 {
|
||
font-size: 24pt;
|
||
border-bottom: 2px solid #000;
|
||
/* accent color */
|
||
padding-bottom: 0.3em;
|
||
margin-top: 0;
|
||
}
|
||
|
||
h2 {
|
||
font-size: 18pt;
|
||
border-left: 4px solid #000;
|
||
padding-left: 0.5em;
|
||
}
|
||
|
||
h3 {
|
||
font-size: 14pt;
|
||
color: #444;
|
||
}
|
||
|
||
h4,
|
||
h5,
|
||
h6 {
|
||
font-size: 12pt;
|
||
color: #555;
|
||
}
|
||
|
||
/* Paragraphs */
|
||
p {
|
||
margin: 0.5em 0;
|
||
text-align: justify;
|
||
}
|
||
|
||
/* Links */
|
||
a {
|
||
color: #1e7fce;
|
||
text-decoration: none;
|
||
}
|
||
|
||
a:hover {
|
||
text-decoration: underline;
|
||
}
|
||
|
||
/* Lists */
|
||
ul,
|
||
ol {
|
||
margin: 0.5em 0 0.5em 2em;
|
||
}
|
||
|
||
li {
|
||
margin-bottom: 0.3em;
|
||
}
|
||
|
||
/* Blockquote */
|
||
blockquote {
|
||
border-left: 4px solid #0078D7;
|
||
margin: 1em 0;
|
||
padding: 0.5em 1em;
|
||
color: #555;
|
||
background: #f9f9f9;
|
||
font-style: italic;
|
||
}
|
||
|
||
/* Code */
|
||
code {
|
||
font-family: "Fira Code", "Consolas", monospace;
|
||
background: #f4f4f4;
|
||
padding: 0.2em 0.4em;
|
||
border-radius: 4px;
|
||
font-size: 0.95em;
|
||
}
|
||
|
||
pre {
|
||
background: #1e1e1e;
|
||
color: #dcdcdc;
|
||
padding: 1em;
|
||
border-radius: 6px;
|
||
overflow-x: auto;
|
||
font-size: 0.9em;
|
||
line-height: 1.4;
|
||
}
|
||
|
||
/* Tables */
|
||
table {
|
||
border-collapse: collapse;
|
||
margin: 1em 0;
|
||
width: 100%;
|
||
font-size: 0.95em;
|
||
}
|
||
|
||
th,
|
||
td {
|
||
border: 1px solid #ccc;
|
||
padding: 0.6em 0.8em;
|
||
text-align: left;
|
||
}
|
||
|
||
th {
|
||
background: #f0f0f0;
|
||
font-weight: 600;
|
||
}
|
||
|
||
tr:nth-child(even) td {
|
||
background: #fafafa;
|
||
}
|
||
|
||
/* Horizontal rule */
|
||
hr {
|
||
border: none;
|
||
border-top: 2px solid #eee;
|
||
margin: 2em 0;
|
||
}
|
||
</style>
|
||
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/prism.min.js"></script>
|
||
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-python.min.js"></script>
|
||
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-javascript.min.js"></script>
|
||
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-bash.min.js"></script>
|
||
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-sql.min.js"></script>
|
||
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-go.min.js"></script>
|
||
</head>
|
||
<body>
|
||
<hr>
|
||
<h2>title: “Valère BRON — Développeur Front-End / TypeScript orienté Full-Stack”
|
||
author: “Valère BRON”
|
||
geometry: margin=2cm
|
||
fontsize: 11pt</h2>
|
||
<h1>Valère BRON</h1>
|
||
<p><strong>Développeur Front-End / TypeScript orienté Full-Stack</strong><br>
|
||
Marseille • Freelance • Vue.js / TypeScript / NestJS • Intérêt pour la santé numérique</p>
|
||
<p>📞 06 81 84 77 37<br>
|
||
📧 contact@valere.dev<br>
|
||
🔗 <a href="https://www.linkedin.com/in/valere-bron/">LinkedIn</a><br>
|
||
💻 <a href="https://github.com/valerebron">GitHub</a></p>
|
||
<hr>
|
||
<h2>Profil</h2>
|
||
<p>Développeur front-end depuis 12 ans, spécialisé dans la construction d’interfaces web modernes, accessibles et performantes.<br>
|
||
Je me positionne aujourd’hui comme <strong>Front-End avancé</strong> avec montée en compétences sur <strong>NestJS, PostgreSQL et GraphQL</strong>.<br>
|
||
Attiré par les applications à impact (santé, culture, sciences) et les environnements agiles où l’on collabore directement avec les équipes produit et techniques.</p>
|
||
<hr>
|
||
<h2>Compétences</h2>
|
||
<p><strong>Front-End :</strong> Vue.js / Nuxt 3, TypeScript, HTML5, CSS3, Tailwind, Accessibilité (WCAG), State management (Pinia, VueUse), Tests (Vitest, Vue Test Utils)</p>
|
||
<p><strong>Full-Stack (en progression) :</strong> NestJS, Node.js, PostgreSQL, Prisma, REST / GraphQL, Auth, services, architecture modulaire</p>
|
||
<p><strong>DevOps & outils :</strong> Docker / docker-web, GitLab (Git Flow), CI/CD, Gitea, Linux</p>
|
||
<p><strong>Méthodologie & UX :</strong> Collaboration produit / UX, culture data, documentation technique, environnement Agile</p>
|
||
<hr>
|
||
<h2>Expériences professionnelles</h2>
|
||
<h3>Développeur Front-End — Freelance</h3>
|
||
<p><strong>ESN & clients grands comptes — Lyon & Marseille • 2013–2025</strong></p>
|
||
<ul>
|
||
<li>Intégration d’interfaces complexes et responsives</li>
|
||
<li>Composants UI sur-mesure en Vue.js / TypeScript</li>
|
||
<li>Optimisation performance front et audit accessibilité</li>
|
||
<li>Mise en place d’outils internes (design systems, librairies front)</li>
|
||
<li>Contribution ponctuelle à des API en Node/NestJS</li>
|
||
<li>Industrialisation via Docker, CI/CD, automatisations</li>
|
||
</ul>
|
||
<hr>
|
||
<h2>Projets personnels / démonstrateurs techniques</h2>
|
||
<ul>
|
||
<li><strong>PushToRecord (Android – Kotlin)</strong> : App en arrière-plan pour enregistrement audio → flux asynchrone, permissions, architecture modulaire</li>
|
||
<li><strong>Web TV auto-hébergée</strong> : Player synchronisé, génération dynamique de flux HLS → intégration front + backend, orchestration Docker</li>
|
||
<li><strong>Outil de superposition vidéo</strong> : Extraction de frames, fusion, rendu via interface web → API simples, traitement d’image, micro-services Docker</li>
|
||
<li><strong>docker-web</strong> : CLI d’orchestration Docker pour apps web → gestion images, automatisation, scripts Bash</li>
|
||
</ul>
|
||
<hr>
|
||
<h2>Formation</h2>
|
||
<ul>
|
||
<li>Autodidacte avancé • 12 ans d’expérience front, montée full-stack</li>
|
||
<li>Veille continue sur NestJS, PostgreSQL, GraphQL, perf front, UX</li>
|
||
<li>Ateliers OpenClassrooms / Udemy : NestJS & Prisma (2024-2025)</li>
|
||
</ul>
|
||
<hr>
|
||
<h2>Valeur ajoutée pour OTOREMOTE</h2>
|
||
<ul>
|
||
<li>Forte expérience interface/utilisation</li>
|
||
<li>Culture UX/UI et accessibilité</li>
|
||
<li>Capacité front immédiate</li>
|
||
<li>Montée en compétence NestJS déjà entamée</li>
|
||
<li>Travail propre, documenté, orienté qualité</li>
|
||
<li>Appétence forte pour projets à impact humain</li>
|
||
</ul>
|
||
<hr>
|
||
<h2>Langues</h2>
|
||
<ul>
|
||
<li>Français : natif</li>
|
||
<li>Anglais : technique courant (documentation, échanges dev)</li>
|
||
</ul>
|
||
<hr>
|
||
<h2>Contact</h2>
|
||
<p><strong>Valère BRON</strong><br>
|
||
Marseille / Lyon — disponible en freelance et CDD<br>
|
||
Malt • LinkedIn • valere.dev</p>
|
||
|
||
</body>
|
||
</html> |