14.03.2026 aktualisiert
Premiumkunde
100 % verfügbarLead/Senior Web-Entwickler (Fullstack mit Schwerpunkt GUI/Frontend)
Bruckmühl, Deutschland Dipl. Ing. Medientechnik
Skills
QunitGulp.JsAdobe FlashJavaScriptPHPUser Experience (UX)ActionscriptAdobe InDesignAgile MethodologieApache HTTP ServerApache TomcatQuicktimeXcodeAppleScript (Scripting Language)Atlassian Confluence
- > 33 Jahre Software-Entwicklung / Entwicklung interaktiver Medien
- > 29 Jahre OOP/OOA/OOD, Entwurfsmuster
- > 17 Jahre TDD, FDD, XP, Continuous Integration
- > 13 Jahre FP/FRP
- > 29 Jahre Human Interface Design, UCD
- > 25 Jahre technische Projektleitung
- > 31 Jahre iterative Vorgehensmodelle
- > 17 Jahre agile Methoden
- > 12 Jahre Teamleitung
- > 12 Jahre fachliche Führung
- > 2 Jahre disziplinarische Führung
- TypeScript/JavaScript/ECMAScript (Browser, NodeJS)
- HTML5, CSS4, SCSS
- JSON, REST, GraphQL, SQL:2016, XML (XSLT, XSD, XQL)
- PHP
- VS Code, SublimeText, XCode, Webstorm
- React, Redux, NextJs, Svelte, Vue, jQuery
- Material UI, AntD, shadcn/ui,Tailwind, Bootstrap
- Postgres, mySQL/mariaDB, SQLite, MongoDB
- Cypress, Jest, Jasmine, Mocha, Sinon, Chai
- NodeJS, Vite, Rollup, Webpack, NginX, Apache WS, npm/yarn/pnpm
- Express, Nest, Laravel, SpringBoot
- Git, GitLab, GitHub, Bitbucket, Docker
- Sketch, Gimp
- Atlassian Jira, Atlassian Confluence
- iWork, OpenOffice, MS Office
ActionScript, AngularJS, ANT, AppleScript, Atom, Basic, BBEdit, Bower, C/C++, CVS, Adobe Director, Eclipse (FlexBuilder, FDT, PDT), Electron, ExtJS, Adobe Flash, Faye, FirstSpirit, Freemarker, Grunt, Gulp, Hudson, Icinga, IntelliJ IDEA, Adobe Indesign, Lingo, Objective C, PhantomJS, PhoneGap, Quicktime, qUnit, Redmine, Shell Scripting, SVN, Swift, Apache TomCat, Trac, Vagrant, ValentinaDB, Yii
Sprachen
DeutschMutterspracheEnglischverhandlungssicherItalienischGrundkenntnisseThaigut
Projekthistorie
Web-App als Benutzeroberfläche für die Dokumenten-Management-Software D7 (Nachfolge-Produkt für DOPiX)
Die Komplexität einer hochgradig interaktiven Web-App im Vergleich zu einer Content-getriebenen Website mit überwiegend statischem Markup wurde (wie bereits bei meinen vier letzten Kundenprojekten) initial stark unterschätzt: Keiner der anderen beteiligten Entwickler hatte nennenswerte Vorkenntnisse mit React oder modernen Frontend-Technologien. Die besondere Herausforderung bei diesem Projekt war entsprechend, einerseits produktiv diverse Module der Software umzusetzen und parallel dazu die sehr agil gewachsene Code-Base (zum Ende meiner Beauftragung über 200.000 Zeilen Code im Frontend) zu konsolidieren. Dazu war es notwendig, Bewusstsein für „Clean Code“ (jenseits von Formattierungs-Einstellungen), Verständnis für und idiomatischen Umgang mit React im Team zu etablieren. Wie sich zeigte, war dies ein Balance-Akt, weil die jungen Kollegen auch im Java-basierten Backend eingesetzt wurden (und eine Lernkurve zu bewältigen hatten) und zeitgleich Features (auf Ihre bisherige Art und Weise) umsetzen sollten/wollten. Obwohl ich in Bezug auf Code-Qualität nur sehr behutsam „den Finger in die Wunde legte“ (Zitat Entwicklungsleitung), konnte ich hinsichtlich dieser Notwendigkeit nicht alle Team-Mitglieder erreichen, was für beiden Seiten bisweilen frustrierend war. Drei der fünf Entwickler, mit denen ich im Frontend zusammengearbeitet hatte, bedankten sich zum Abschied (meine Beauftragung wurde zweimal verlängert) bei mir mit der Aussage, dass sie noch nie in so kurzer Zeit so viel gelernt hätten.
Erfolge:
Die Komplexität einer hochgradig interaktiven Web-App im Vergleich zu einer Content-getriebenen Website mit überwiegend statischem Markup wurde (wie bereits bei meinen vier letzten Kundenprojekten) initial stark unterschätzt: Keiner der anderen beteiligten Entwickler hatte nennenswerte Vorkenntnisse mit React oder modernen Frontend-Technologien. Die besondere Herausforderung bei diesem Projekt war entsprechend, einerseits produktiv diverse Module der Software umzusetzen und parallel dazu die sehr agil gewachsene Code-Base (zum Ende meiner Beauftragung über 200.000 Zeilen Code im Frontend) zu konsolidieren. Dazu war es notwendig, Bewusstsein für „Clean Code“ (jenseits von Formattierungs-Einstellungen), Verständnis für und idiomatischen Umgang mit React im Team zu etablieren. Wie sich zeigte, war dies ein Balance-Akt, weil die jungen Kollegen auch im Java-basierten Backend eingesetzt wurden (und eine Lernkurve zu bewältigen hatten) und zeitgleich Features (auf Ihre bisherige Art und Weise) umsetzen sollten/wollten. Obwohl ich in Bezug auf Code-Qualität nur sehr behutsam „den Finger in die Wunde legte“ (Zitat Entwicklungsleitung), konnte ich hinsichtlich dieser Notwendigkeit nicht alle Team-Mitglieder erreichen, was für beiden Seiten bisweilen frustrierend war. Drei der fünf Entwickler, mit denen ich im Frontend zusammengearbeitet hatte, bedankten sich zum Abschied (meine Beauftragung wurde zweimal verlängert) bei mir mit der Aussage, dass sie noch nie in so kurzer Zeit so viel gelernt hätten.
Erfolge:
- komplette Umsetzung des Moduls „Datencenter“, bestehend aus Import (auch von Legacy-Dateinen, inclusive asnychrone Stapelverarbeitung), Export (einfach/erweitert, mit Vorschlags-Menü für existierende Dokumenten-Namen/Namens-Bestandteile, granulare Auswahl von Kind-Elementen) und Download-Center („Einmal“-Links, teilweise mit redundanter Anzeige in anderen App-Modulen)
- Refactoring (z.B. Reduktion der Code-Menge um fast 60% bei gleicher Funktionalität trotz TypeScript-Overhead) und Migration nach TypeScript der Module „Content Designer“ und „Interactive Document Creator“
- Refactoring und TypeScript-Migration von Basis-Komponenten (angepasste MUI-Komponenten) für Text-Eingabe (mit clientseitiger Validierung und Echtzeit-Ersetzung unerlaubter Zeichen), Button, CheckBox, Tabelle und Baum-Ansicht.
- Implementation einheitlicher Helfer-Funktionen für API-Aufrufe (automatische Typisierung unter Zuhilfenahme von OpenAPI-Informationen aus dem Backend verhindert das clientseitige Neu-„Erfinden“ von vorgegeben API-Typen)
- Begleitung der TypeScript-Migration weiterer Module
- Unterstützung der Kollegen bei schwer zu behebenden Fehlern
Web-Apps (nicht responsive, nur für Desktop) zur Flugsicherung für den internationalen Fluhafen in Kuala Lumpur/Malaysia
Eine App für Fluglotsen zur synchronen Bearbeitung von Flugplänen, eine weitere App zur
Wiedergabe aller erfassten Ereignisse in Zusammenhang mit einem oder mehreren Flugplänen zur
Analyse von Vorfällen.
Werkzeuge: React, Material UI, Recoil, SignalR, React-Window, Emotion, OBS, TypeScript, Webpack, Cypress,
HTML5, CSS4, Node.js, GitLab, Atlassian Jira
Eine App für Fluglotsen zur synchronen Bearbeitung von Flugplänen, eine weitere App zur
Wiedergabe aller erfassten Ereignisse in Zusammenhang mit einem oder mehreren Flugplänen zur
Analyse von Vorfällen.
- In 2022 überwiegend Entwicklung der Replay-App: "Green field", explorative Vorgehensweise. Größte Herausforderung war die performante Darstellung großer Datenmengen (Hunderte von Flügen pro Tag, Tausende von Ereignissen) durch Virtualisierung von Tabellen und Listen.
- Ab November 2022 Unterstützung für die Live-App ("Brown Field", Nachbau einer bestehenden nativen GUI als Web-App). Ebenfalls großen Datenmengen, umfangreiche Konfigurierbarkeit von Rollen/Workstation und Verarbeitung von Echtzeit-Signalen. Komplette Bedienbarkeit über Tastatur wurde Anfangs offenbar unterschätzt. Haupt-Leistung: Entwurf und Umsetzung einer umfassenden, wartbaren Struktur, Entkopplung von Komponenten. Mein Vorschlag, für das Ausdrucken von Flugstreifen (festgelegtes Layout, Spezial-Drucker) über den nativen WPF-Container der App zu kommunizieren, ermöglichte die Wiederverwendung von bereits bestehendem C++-Code und half dabei, mehrere Wochen Entwicklungszeit einzusparen.
Werkzeuge: React, Material UI, Recoil, SignalR, React-Window, Emotion, OBS, TypeScript, Webpack, Cypress,
HTML5, CSS4, Node.js, GitLab, Atlassian Jira
cashbuzz.io/REGIOS
Das Produkt analysiert die Einnahmen und Ausgaben des Anwenders unter Verwendung
von KI. Ziel des Projekts war, für eine Initiative zur Förderung regionaler Geschäftstätigkeiten im
Rahmen einer Pitch Präsentation die Fähigkeiten des Produkts zu veranschaulichen.
Das System erlaubte bereits die Konfiguration von Navigation und Design-Vorgaben für verschiedene
Partner (bislang überwiegend Banken) und lieferte dafür wieder-verwendbare Widgets als Bausteine.
Leistungen:
Das Produkt selber ist als Web API definiert, die Benutzeroberfläche dient ausschließlich dazu, die Leistungsfähigkeit der API zu veranschaulichen. Dementsprechend wird Frontend Entwicklung als trivial angesehen, so daß weder die Leistung meiner Vorgänger noch meine eigene Tätigkeit, auch nicht meine Bemühungen, den Bestandscode wieder
beherrschbar zu machen, eine besondere Wertschätzung erfahren haben.
Werkzeuge: React, Redux, TypeScript, Axios, HTML5, CSS4, Material UI
Das Produkt analysiert die Einnahmen und Ausgaben des Anwenders unter Verwendung
von KI. Ziel des Projekts war, für eine Initiative zur Förderung regionaler Geschäftstätigkeiten im
Rahmen einer Pitch Präsentation die Fähigkeiten des Produkts zu veranschaulichen.
Das System erlaubte bereits die Konfiguration von Navigation und Design-Vorgaben für verschiedene
Partner (bislang überwiegend Banken) und lieferte dafür wieder-verwendbare Widgets als Bausteine.
Leistungen:
- Listen- and Detail-Ansichten für Ausgaben basierend auf einer "Regionalitäts"-Bewertung erzeugt und neue API-Endpunkte eingebunden
- Für einen neuen, vereinfachten Registrierungs/Onboarding-Prozess Ansichten erzeugt und
- Konfigurationsmöglichkeiten definiert
- Workaround für einen schweren Fehler im State Handling geliefert, der bei der Registrierung eine
- Endlos-Schleife verursachte
Das Produkt selber ist als Web API definiert, die Benutzeroberfläche dient ausschließlich dazu, die Leistungsfähigkeit der API zu veranschaulichen. Dementsprechend wird Frontend Entwicklung als trivial angesehen, so daß weder die Leistung meiner Vorgänger noch meine eigene Tätigkeit, auch nicht meine Bemühungen, den Bestandscode wieder
beherrschbar zu machen, eine besondere Wertschätzung erfahren haben.
Werkzeuge: React, Redux, TypeScript, Axios, HTML5, CSS4, Material UI