kmoschcau.de-site/src/pages/skills.astro

---
import BackIcon from "../icons/back.svg";
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 title="kmoschcau.de | Skills">
  <main class="flex items-center justify-center">
    <article>
      <div class="mb-8 flex items-baseline gap-6">
        <a
          href="/"
          title="Zurück"
          class="text-soft rounded-full outline-offset-2"
          ><BackIcon class="size-9" /></a
        >
        <h1>Skills</h1>
      </div>
      <div class="prose prose-zinc dark:prose-invert">
        <section>
          <h2>💻 Softwareentwicklung &amp; Technologien</h2>
          <ul>
            <li>
              Webentwicklung – {from(cbtStart)}+ 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>
              Frontend-Frameworks – {from(cbtStart)}+ 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>
              Java – {between(...cbt) + from(kcStart)}+ 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>
              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 &amp; Backend-Services - {from(cbtStart)}+ Jahre<br />
              (Schnittstellenkonzeption, REST, SignalR, WebSockets)
            </li>
          </ul>
        </section>

        <section>
          <h2>🛡️ IT-Sicherheit</h2>
          <ul>
            <li>
              Sichere Anwendungsentwicklung &amp; Design – {from(cbtStart)}+
              Jahre<br />
              (OWASP, SSDLC, Threat Modeling, Web App Security)
            </li>
            <li>
              Authentication &amp; Authorization – {from(cbtStart)}+ Jahre<br />
              (in-App &amp; 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 &amp; Betrieb</h2>
          <ul>
            <li>
              Public, Private &amp; 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 &amp; DevOps – {from(cbtStart)}+ Jahre<br />
              (Git, GitHub Actions, GitLab, Gitrunner, Azure DevOps, Jenkins)
            </li>
            <li>
              Containerisierung &amp; Images – {from(cbtStart)}+ Jahre<br />
              (Docker, Docker Compose, Kubernetes, Helm, HashiCorp Packer)
            </li>
            <li>
              Deployment- &amp; Release-Management – {from(cbtStart)}+ Jahre
            </li>
          </ul>
        </section>

        <section>
          <h2>🗄️ Datenbanken &amp; Persistence</h2>
          <ul>
            <li>
              Relationale Datenbanken – {from(trustStart)}+ Jahre<br />
              (MySQL, Oracle DB, Microsoft SQL Server, SQLite, PostgreSQL)
            </li>
            <li>
              Datenmodellierung &amp; Performance-Optimierung – {
                between(...cbt) + between(...bp)
              }+ Jahre
            </li>
            <li>
              Data Warehousing – {between(trustStart, migrEnd)}+ Jahre
            </li>
          </ul>
        </section>

        <section>
          <h2>🧱 Architektur &amp; Software Design</h2>
          <ul>
            <li>
              Software-Architektur &amp; Systemdesign – {from(cbtStart)}+ Jahre
            </li>
            <li>
              Modulare Systeme &amp; Multitenancy-Architekturen – {
                from(cbtStart)
              }+ Jahre
            </li>
            <li>
              Clean Code, Wartbarkeit &amp; Skalierbarkeit – {from(cbtStart)}+
              Jahre
            </li>
          </ul>
        </section>

        <section>
          <h2>🔁 Methoden &amp; Projektarbeit</h2>
          <ul>
            <li>
              Agile Entwicklung (Scrum) – {from(trustStart)}+ Jahre
            </li>
            <li>
              Technische Projektverantwortung – {
                between(...cbt) + between(...bp) + from(kcStart)
              }+ Jahre
            </li>
            <li>
              Kundenberatung &amp; technische Abstimmung – {from(mcB2cStart)}+
              Jahre
            </li>
            <li>
              Code Reviews &amp; technische Qualitätssicherung – {
                from(cbtStart)
              }+ Jahre
            </li>
          </ul>
        </section>

        <section>
          <h2>🧪 Weitere Technologien &amp; Interessen</h2>
          <ul>
            <li>
              Mentoring &amp; Wissensvermittlung im Team – {from(mcB2cStart)}+
              Jahre
            </li>
            <li>
              Git &amp; 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>
  </main>
</BaseLayout>