This commit is contained in:
valere
242
public/cv/html/cv-node-angular.html
Normal file
242
public/cv/html/cv-node-angular.html
Normal file
@@ -0,0 +1,242 @@
|
||||
<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>
|
||||
<h1>Valère BRON</h1>
|
||||
<p><strong>Développeur Front-End & Fullstack | Vue.js, Angular, Node.js, TypeScript</strong></p>
|
||||
<p>Développeur web expérimenté, spécialisé dans la création d’interfaces performantes et engageantes, avec un intérêt marqué pour l’expérience utilisateur, les performances logicielles et la qualité des composants. Je combine expertise front-end et back-end pour contribuer à des plateformes digitales complexes.</p>
|
||||
<p>📞 <a href="tel:+33681847737">06 81 84 77 37</a><br>
|
||||
📧 <a href="mailto:contact@valere.dev">contact@valere.dev</a><br>
|
||||
🔗 <a href="https://www.linkedin.com/in/valere-bron/">LinkedIn</a><br>
|
||||
💻 <a href="https://github.com/valerebron">GitHub</a></p>
|
||||
<hr>
|
||||
<h2>💡 Compétences</h2>
|
||||
<ul>
|
||||
<li><strong>Front-end :</strong> Angular 15, Vue 2/3, Nuxt, React.js, Tailwind, SCSS, Storybook, optimisation des performances, UI/UX</li>
|
||||
<li><strong>Back-end :</strong> Node.js, NestJS, Express, GraphQL, Prisma, REST API, Websockets, MongoDB, PostgreSQL</li>
|
||||
<li><strong>DevOps & CI/CD :</strong> Docker, Docker Compose, Git, GitHub Actions, GitLab CI, KeyCloak, Cloud AWS</li>
|
||||
<li><strong>Tests & qualité :</strong> Jest, tests unitaires et d’intégration, automatisation E2E</li>
|
||||
<li><strong>Méthodologies :</strong> Scrum Agile, architecture modulaire, industrialisation des composants</li>
|
||||
</ul>
|
||||
<hr>
|
||||
<h2>🏢 Expériences</h2>
|
||||
<h3>2025 – Groupama | Développeur Vue.js / Front-End</h3>
|
||||
<ul>
|
||||
<li>Développement et maintenance front-end (Vue 3) et intégration avec API REST</li>
|
||||
<li>Optimisation des performances et respect des bonnes pratiques d’accessibilité</li>
|
||||
<li>Mob & pair programming, participation aux orientations produit et backlog</li>
|
||||
<li>Tests fonctionnels et unitaires pour sécuriser les déploiements</li>
|
||||
</ul>
|
||||
<h3>2024 – Fitarena | Développeur Vue.js & UI</h3>
|
||||
<ul>
|
||||
<li>Création de composants UI réutilisables et performants</li>
|
||||
<li>Refactorisation du code existant et optimisation front-end</li>
|
||||
<li>Collaboration étroite pour améliorer l’expérience utilisateur</li>
|
||||
</ul>
|
||||
<h3>2021–2023 – Potager City | Développeur Front-End</h3>
|
||||
<ul>
|
||||
<li>Optimisation front-end et SEO, mise en place de tests E2E</li>
|
||||
<li>Coordination avec les équipes produit pour des interfaces intuitives</li>
|
||||
<li>Gestion de la qualité et des performances logicielles</li>
|
||||
</ul>
|
||||
<h3>2020–2021 – MassiveMusic | Développeur Fullstack</h3>
|
||||
<ul>
|
||||
<li>Architecture front-end avec Atomic Design et SCSS normalisé</li>
|
||||
<li>Développement back-end Node.js et Prisma, CI/CD via Docker Compose</li>
|
||||
<li>Gestion des données et API sécurisées</li>
|
||||
</ul>
|
||||
<h3>2020–2021 – Analytics | Développeur Node.js</h3>
|
||||
<ul>
|
||||
<li>API GraphQL & TypeScript, suivi CI/CD et modélisation Prisma</li>
|
||||
</ul>
|
||||
<h3>2020 – Studiolab | Développeur React.js</h3>
|
||||
<ul>
|
||||
<li>Création de composants React & Ant Design pour projets web interactifs</li>
|
||||
</ul>
|
||||
<h3>2019 – Euronews | Développeur Vue.js</h3>
|
||||
<ul>
|
||||
<li>Intégration SCSS normalisée (ITCSS) pour la refonte du site</li>
|
||||
</ul>
|
||||
<hr>
|
||||
<h2>🎓 Diplômes</h2>
|
||||
<ul>
|
||||
<li>2011 – Licence Ingénierie de l’Internet</li>
|
||||
<li>2010 – BTS Communication et Industries Graphiques</li>
|
||||
</ul>
|
||||
<hr>
|
||||
<h2>🚀 Projets personnels & Compétences Visuelles</h2>
|
||||
<ul>
|
||||
<li>Création de micro-animations front et effets visuels interactifs (SVG, CSS keyframes, transitions)</li>
|
||||
<li>Surcouche Docker Compose et microservices pour projets fullstack (<a href="https://docker-web.valere.dev">docker-web.valere.dev</a>)</li>
|
||||
<li>Développement de kits front-end Nuxt et Vue orientés UI/UX (<a href="https://sidebase.io">sidebase.io</a>)</li>
|
||||
<li>Expérimentation et optimisation d’interfaces utilisateurs pour des applications web et SaaS</li>
|
||||
</ul>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user