feat(skills): auto-calc years experience and add back arrow
This commit is contained in:
11
src/duration-utils.ts
Normal file
11
src/duration-utils.ts
Normal file
@@ -0,0 +1,11 @@
|
|||||||
|
const UNIX_EPOCH_YEAR = 1970;
|
||||||
|
|
||||||
|
export function getDurationInYearsBetween(start: Date, end: Date): number {
|
||||||
|
return (
|
||||||
|
new Date(end.getTime() - start.getTime()).getUTCFullYear() - UNIX_EPOCH_YEAR
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export function getDurationInYearsFrom(from: Date): number {
|
||||||
|
return getDurationInYearsBetween(from, new Date());
|
||||||
|
}
|
||||||
8
src/icons/back.svg
Normal file
8
src/icons/back.svg
Normal file
@@ -0,0 +1,8 @@
|
|||||||
|
<svg role="presentation" viewBox="0 0 100 100">
|
||||||
|
<g fill="none" stroke="currentColor" stroke-width="4">
|
||||||
|
<circle cx="50" cy="50" r="48" />
|
||||||
|
<line x1="25" x2="75" y1="50" y2="50" />
|
||||||
|
<line x1="25" x2="50" y1="50" y2="25" />
|
||||||
|
<line x1="25" x2="50" y1="50" y2="75" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 292 B |
@@ -11,7 +11,7 @@ import portrait from "../images/portrait.jpg";
|
|||||||
import BaseLayout from "../layouts/BaseLayout.astro";
|
import BaseLayout from "../layouts/BaseLayout.astro";
|
||||||
---
|
---
|
||||||
|
|
||||||
<BaseLayout>
|
<BaseLayout title="kmoschcau.de">
|
||||||
<main>
|
<main>
|
||||||
<article class="flex flex-col items-center gap-10">
|
<article class="flex flex-col items-center gap-10">
|
||||||
<Image
|
<Image
|
||||||
|
|||||||
@@ -1,219 +1,217 @@
|
|||||||
---
|
---
|
||||||
|
import BackIcon from "../icons/back.svg";
|
||||||
import BaseLayout from "../layouts/BaseLayout.astro";
|
import BaseLayout from "../layouts/BaseLayout.astro";
|
||||||
|
import {
|
||||||
|
getDurationInYearsBetween as between,
|
||||||
|
getDurationInYearsFrom as from,
|
||||||
|
} from "../duration-utils";
|
||||||
|
|
||||||
|
const trStart = new Date(2011, 7, 1);
|
||||||
|
|
||||||
|
const trustStart = new Date(2014, 6, 1);
|
||||||
|
const migrEnd = new Date(2017, 0, 0);
|
||||||
|
|
||||||
|
const cbtStart = new Date(2018, 0, 1);
|
||||||
|
|
||||||
|
const pfmStart = new Date(2020, 0, 1);
|
||||||
|
|
||||||
|
const cbtEnd = new Date(2023, 7, 0);
|
||||||
|
const cbt = [cbtStart, cbtEnd] as const;
|
||||||
|
|
||||||
|
const mcB2cStart = new Date(2023, 10, 1);
|
||||||
|
const mcB2cEnd = new Date(2024, 5, 0);
|
||||||
|
|
||||||
|
const bpStart = new Date(2024, 5, 1);
|
||||||
|
const bpEnd = new Date(2025, 1, 0);
|
||||||
|
const bp = [bpStart, bpEnd] as const;
|
||||||
|
|
||||||
|
const kcStart = new Date(2026, 0, 1);
|
||||||
---
|
---
|
||||||
|
|
||||||
<BaseLayout>
|
<BaseLayout title="kmoschcau.de | Skills">
|
||||||
<a href="/">Back</a>
|
<main class="flex items-center justify-center">
|
||||||
<main>
|
<article>
|
||||||
<article class="prose prose-zinc dark:prose-invert lg:prose-xl">
|
<div class="mb-8 flex items-baseline gap-6">
|
||||||
<h1>Kai Moschcau</h1>
|
<a href="/" title="Zurück" class="text-soft"
|
||||||
<h2>Meine Skills und was ich die letzten Jahre getrieben habe</h2>
|
><BackIcon class="size-9" /></a
|
||||||
<p>
|
|
||||||
Hier siehst du auf einen Blick, wo ich meine Stärken habe und welche
|
|
||||||
Technologien und Methoden in Projekten aktiv einsetzt wurden.<br />
|
|
||||||
Die Übersicht zeigt, wie ich mit meinem Know-how deine Projekte voran bringe
|
|
||||||
- von der Entwicklung über Architektur bis hin zur Team- und Kundenarbeit.
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<h3>💻 Softwareentwicklung & Technologien</h3>
|
|
||||||
<ul>
|
|
||||||
<li>
|
|
||||||
{/* 2018-… */}
|
|
||||||
Webentwicklung – 8+ Jahre<br />
|
|
||||||
(moderne Web-UIs, Responsive Design, komplexe Komponenten, Frontend-Integration,
|
|
||||||
Web Accessibility, Web App Security)<br />
|
|
||||||
(HTML, CSS, JavaScript, Typescript, TailwindCSS, daisyUI, SASS, vite, WebSocket,
|
|
||||||
jQuery, drizzle ORM, Mocha, Chai, Jest)
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
{/* 2018-… */}
|
|
||||||
Frontend-Frameworks – 8+ Jahre<br />
|
|
||||||
(Erweitern und Umbauen von statischen Web-App Frontends in reactive Frontends,
|
|
||||||
Neubau von reaktiven Frontends)<br />
|
|
||||||
(Vue 2, Vue 3, Svelte, SvelteKit, React)
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
{/* 2018-2023, 2026 */}
|
|
||||||
Java – 6+ Jahre<br />
|
|
||||||
(Enterprise B2B und B2C Web-Anwendungen, Web-APIs, Keycloak-Plugins, saubere
|
|
||||||
Architekturen, Web App Security)<br />
|
|
||||||
(Spring Boot, Spring MVC, Spring Security, Hibernate, JPA, Freemarker, Thymeleaf,
|
|
||||||
JSP, REST, JUnit, Mockito, Gradle, Maven)
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
{/* 2020-… */}
|
|
||||||
C# - 5+ Jahre<br />
|
|
||||||
(REST- und SOAP-APIs mit hohem Durchsatz, Enterprise-Anwendungen, Web-APIs,
|
|
||||||
Backend-Systeme, saubere Architekturen, Web App Security)<br />
|
|
||||||
(.NET 8, .NET Framework 4.8, Entity Framework Core, NHibernate, ASP.NET
|
|
||||||
Core, Blazor, Razor, REST, SOAP, NUnit, Moq)
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
{/* 2018-… */}
|
|
||||||
REST-APIs & Backend-Services - 8+ Jahre<br />
|
|
||||||
(Schnittstellenkonzeption, REST, SignalR, WebSockets)
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
<h3>🛡️ IT-Sicherheit</h3>
|
|
||||||
<ul>
|
|
||||||
<li>
|
|
||||||
{/* 2018-… */}
|
|
||||||
Sichere Anwendungsentwicklung & Design – 8+ Jahre<br />
|
|
||||||
(OWASP, SSDLC, Threat Modeling, Web App Security)
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
{/* 2018-… */}
|
|
||||||
Authentication & Authorization – 8+ Jahre<br />
|
|
||||||
(in-App & extern)<br />
|
|
||||||
(OAuth2, OIDC, Keycloak)
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
{/* 2018-… */}
|
|
||||||
Observability im Betrieb – 8+ Jahre<br />
|
|
||||||
(Log-Analyse und statistische Auswertung, Telemetrie und Alarme)
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
{/* 2018-2023 */}
|
|
||||||
Sicherheits-Analyse und Tests – 5+ Jahre<br />
|
|
||||||
(statische und Dynamische Code Analyse, manuelles Penetration Testing)<br
|
|
||||||
/>
|
|
||||||
(SonarQube, Veracode, Qualys, Zed Attack Proxy)
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
<h3>☁️ Cloud, DevOps & Betrieb</h3>
|
|
||||||
<ul>
|
|
||||||
<li>
|
|
||||||
{/* 2018-2024 */}
|
|
||||||
Public, Private & Clouds – 7+ Jahre<br />
|
|
||||||
(<a
|
|
||||||
href="https://www.credly.com/badges/e06dda2d-a444-448d-809a-31565c3b8c8d/public_url"
|
|
||||||
>AWS Certified Solutions Architect – Associate</a
|
|
||||||
>, AWS, GCP, Azure, CloudFormation, HashiCorp Terraform)
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
{/* 2018-… */}
|
|
||||||
CI/CD & DevOps – 8+ Jahre<br />
|
|
||||||
(Git, GitHub Actions, GitLab, Gitrunner, Azure DevOps, Jenkins)
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
{/* 2018-… */}
|
|
||||||
Containerisierung & Images – 8+ Jahre<br />
|
|
||||||
(Docker, Docker Compose, Kubernetes, Helm, HashiCorp Packer)
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
{/* 2018-… */}
|
|
||||||
Deployment- & Release-Management – 8+ Jahre
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
<h3>🗄️ Datenbanken & Persistence</h3>
|
|
||||||
<ul>
|
|
||||||
<li>
|
|
||||||
{/* 2015-… */}
|
|
||||||
Relationale Datenbanken – 11+ Jahre<br />
|
|
||||||
(MySQL, Oracle DB, Microsoft SQL Server, SQLite, PostgreSQL)
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
{/* 2018-2024… */}
|
|
||||||
Datenmodellierung & Performance-Optimierung – 6+ Jahre
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
{/* 2014-2016 */}
|
|
||||||
Data Warehousing – 2+ Jahre
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
<h3>🧱 Architektur & Software Design</h3>
|
|
||||||
<ul>
|
|
||||||
<li>
|
|
||||||
{/* 2018-… */}
|
|
||||||
Software-Architektur & Systemdesign – 8+ Jahre
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
{/* 2018-… */}
|
|
||||||
Modulare Systeme & Multitenancy-Architekturen – 8+ Jahre
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
{/* 2018-… */}
|
|
||||||
Clean Code, Wartbarkeit & Skalierbarkeit – 8+ Jahre
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
<h3>🔁 Methoden & Projektarbeit</h3>
|
|
||||||
<ul>
|
|
||||||
<li>
|
|
||||||
{/* 2014-… */}
|
|
||||||
Agile Entwicklung (Scrum) – 12+ Jahre
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
{/* 2018-2024 */}
|
|
||||||
Technische Projektverantwortung – 7+ Jahre
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
{/* 2024-… */}
|
|
||||||
Kundenberatung & technische Abstimmung – 2+ Jahre
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
{/* 2018-… */}
|
|
||||||
Code Reviews & technische Qualitätssicherung – 8+ Jahre
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
<h3>🧪 Weitere Technologien & Interessen</h3>
|
|
||||||
<ul>
|
|
||||||
<li>
|
|
||||||
{/* 2024-… */}
|
|
||||||
Mentoring & Wissensvermittlung im Team – 2+ Jahre
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
{/* 2014-… */}
|
|
||||||
Git & GitHub (Open Source, Versionskontrolle) – 12+ Jahre
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
Betriebssysteme: Linux (Daily Driver privat), Windows (Daily Driver
|
|
||||||
Arbeit)
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
Weitere Sprachen, Frameworks und Tools: Ruby, Rust, LaTeX, Lua,
|
|
||||||
treesitter, Shell, Python, C/C++, SSH, systemd, cron, Vim, Neovim
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
Interesse an 3D-Grafik: 3D Modellierung, Blender, Grundkonzepte
|
|
||||||
3D-Renderer
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
<p style="text-align: center">
|
|
||||||
<a
|
|
||||||
title="Besuche mich auf meiner Webseite"
|
|
||||||
href="https://kmoschcau.de/"
|
|
||||||
target="_blank"
|
|
||||||
rel="nofollow noopener">🔗 kmoschcau.de</a
|
|
||||||
>
|
>
|
||||||
|
|
<h1>Skills</h1>
|
||||||
<a
|
</div>
|
||||||
title="Besuche mich auf LinkedIn"
|
<div class="prose prose-zinc dark:prose-invert">
|
||||||
href="https://www.linkedin.com/in/kmoschcau/"
|
<section>
|
||||||
target="_blank"
|
<h2>💻 Softwareentwicklung & Technologien</h2>
|
||||||
rel="nofollow noopener">🔗 linkedin.com/in/kmoschcau</a
|
<ul>
|
||||||
>
|
<li>
|
||||||
|
|
Webentwicklung – {from(cbtStart)}+ Jahre<br />
|
||||||
<a
|
(moderne Web-UIs, Responsive Design, komplexe Komponenten, Frontend-Integration,
|
||||||
title="Finde mich auf GitHub"
|
Web Accessibility, Web App Security)<br />
|
||||||
href="https://github.com/kmoschcau/"
|
(HTML, CSS, JavaScript, Typescript, TailwindCSS, daisyUI, SASS, vite,
|
||||||
target="_blank"
|
WebSocket, jQuery, drizzle ORM, Mocha, Chai, Jest)
|
||||||
rel="nofollow noopener">🔗 github.com/kmoschcau</a
|
</li>
|
||||||
>
|
<li>
|
||||||
|
|
Frontend-Frameworks – {from(cbtStart)}+ Jahre<br />
|
||||||
<a
|
(Erweitern und Umbauen von statischen Web-App Frontends in reactive
|
||||||
title="Lade dir meine Kontaktdaten herunter"
|
Frontends, Neubau von reaktiven Frontends)<br />
|
||||||
href="https://vcard.blecon.de/kai.moschcau"
|
(Vue 2, Vue 3, Svelte, SvelteKit, React)
|
||||||
target="_blank"
|
</li>
|
||||||
rel="nofollow noopener">🔗 vcard.blecon.de/kai.moschcau</a
|
<li>
|
||||||
>
|
Java – {between(...cbt) + from(kcStart)}+ Jahre<br />
|
||||||
</p>
|
(Enterprise B2B und B2C Web-Anwendungen, Web-APIs, Keycloak-Plugins,
|
||||||
|
saubere Architekturen, Web App Security)<br />
|
||||||
|
(Spring Boot, Spring MVC, Spring Security, Hibernate, JPA, Freemarker,
|
||||||
|
Thymeleaf, JSP, REST, JUnit, Mockito, Gradle, Maven)
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
C# - {from(pfmStart)}+ Jahre<br />
|
||||||
|
(REST- und SOAP-APIs mit hohem Durchsatz, Enterprise-Anwendungen, Web-APIs,
|
||||||
|
Backend-Systeme, saubere Architekturen, Web App Security)<br />
|
||||||
|
(.NET 8, .NET Framework 4.8, Entity Framework Core, NHibernate, ASP.NET
|
||||||
|
Core, Blazor, Razor, REST, SOAP, NUnit, Moq)
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
REST-APIs & Backend-Services - {from(cbtStart)}+ Jahre<br />
|
||||||
|
(Schnittstellenkonzeption, REST, SignalR, WebSockets)
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section>
|
||||||
|
<h2>🛡️ IT-Sicherheit</h2>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
Sichere Anwendungsentwicklung & Design – {from(cbtStart)}+
|
||||||
|
Jahre<br />
|
||||||
|
(OWASP, SSDLC, Threat Modeling, Web App Security)
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
Authentication & Authorization – {from(cbtStart)}+ Jahre<br />
|
||||||
|
(in-App & extern)<br />
|
||||||
|
(OAuth2, OIDC, Keycloak)
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
Observability im Betrieb – {from(cbtStart)}+ Jahre<br />
|
||||||
|
(Log-Analyse und statistische Auswertung, Telemetrie und Alarme)
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
Sicherheits-Analyse und Tests – {between(...cbt)}+ Jahre<br />
|
||||||
|
(statische und Dynamische Code Analyse, manuelles Penetration Testing)<br
|
||||||
|
/>
|
||||||
|
(SonarQube, Veracode, Qualys, Zed Attack Proxy)
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section>
|
||||||
|
<h2>☁️ Cloud, DevOps & Betrieb</h2>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
Public, Private & Clouds – {between(cbtStart, mcB2cEnd)}+
|
||||||
|
Jahre<br />
|
||||||
|
(<a
|
||||||
|
href="https://www.credly.com/badges/e06dda2d-a444-448d-809a-31565c3b8c8d/public_url"
|
||||||
|
>AWS Certified Solutions Architect – Associate</a
|
||||||
|
>, AWS, GCP, Azure, CloudFormation, HashiCorp Terraform)
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
CI/CD & DevOps – {from(cbtStart)}+ Jahre<br />
|
||||||
|
(Git, GitHub Actions, GitLab, Gitrunner, Azure DevOps, Jenkins)
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
Containerisierung & Images – {from(cbtStart)}+ Jahre<br />
|
||||||
|
(Docker, Docker Compose, Kubernetes, Helm, HashiCorp Packer)
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
Deployment- & Release-Management – {from(cbtStart)}+ Jahre
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section>
|
||||||
|
<h2>🗄️ Datenbanken & Persistence</h2>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
Relationale Datenbanken – {from(trustStart)}+ Jahre<br />
|
||||||
|
(MySQL, Oracle DB, Microsoft SQL Server, SQLite, PostgreSQL)
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
Datenmodellierung & Performance-Optimierung – {
|
||||||
|
between(...cbt) + between(...bp)
|
||||||
|
}+ Jahre
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
Data Warehousing – {between(trustStart, migrEnd)}+ Jahre
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section>
|
||||||
|
<h2>🧱 Architektur & Software Design</h2>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
Software-Architektur & Systemdesign – {from(cbtStart)}+ Jahre
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
Modulare Systeme & Multitenancy-Architekturen – {
|
||||||
|
from(cbtStart)
|
||||||
|
}+ Jahre
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
Clean Code, Wartbarkeit & Skalierbarkeit – {from(cbtStart)}+
|
||||||
|
Jahre
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section>
|
||||||
|
<h2>🔁 Methoden & Projektarbeit</h2>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
Agile Entwicklung (Scrum) – {from(trustStart)}+ Jahre
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
Technische Projektverantwortung – {
|
||||||
|
between(...cbt) + between(...bp) + from(kcStart)
|
||||||
|
}+ Jahre
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
Kundenberatung & technische Abstimmung – {from(mcB2cStart)}+
|
||||||
|
Jahre
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
Code Reviews & technische Qualitätssicherung – {
|
||||||
|
from(cbtStart)
|
||||||
|
}+ Jahre
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section>
|
||||||
|
<h2>🧪 Weitere Technologien & Interessen</h2>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
Mentoring & Wissensvermittlung im Team – {from(mcB2cStart)}+
|
||||||
|
Jahre
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
Git & GitHub (Open Source, Versionskontrolle) – {
|
||||||
|
from(trStart)
|
||||||
|
}+ Jahre
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
Betriebssysteme: Linux (Daily Driver privat), Windows (Daily
|
||||||
|
Driver Arbeit)
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
Weitere Sprachen, Frameworks und Tools: Ruby, Rust, LaTeX, Lua,
|
||||||
|
treesitter, Shell, Python, C/C++, SSH, systemd, cron, Vim, Neovim
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
Interesse an 3D-Grafik: 3D Modellierung, Blender, Grundkonzepte
|
||||||
|
3D-Renderer
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
</article>
|
</article>
|
||||||
</main>
|
</main>
|
||||||
</BaseLayout>
|
</BaseLayout>
|
||||||
|
|||||||
Reference in New Issue
Block a user