Sebastian Werner
Inhaber, Geschäftsführer, Sebastian Software GmbH
Mainz, Germany
Timeline
Professional experience for Sebastian Werner
Current 1 year and 5 months, since Jun 2022
Lead Frontend Developer (Consultant)
EnBW Energie Baden-Württemberg AGProjektübergreifende Beratung und Umsetzung zur Frontend-Architektur unter Einsatz von ReactJS für WhiteLabel-Lösungen.
Entwicklung einer potenziell umfangreichen Frontend-Applikation für die Überwachung von Maschinen auf Basis von ReactJS. Technische Challenges: Mono-Repository-Setup mit NX, Internationalisierung, Theming (White Label), On-Premise Rollouts & Umgang mit massiven Datenmengen.
1 year and 1 month, Feb 2021 - Feb 2022
Lead Frontend Architekt (Consultant)
Netze BW GmbH - Ein Unternehmen der EnBW AGArchitekturelle Verantwortung und Federführung der Frontend-Architektur (React, TypeScript, Jest, Testing Library, ...). Projektabläufe nach SCRUM Methodik, API-First-Entwicklung, REST-Schnittstellen, Azure DevOps, Auth0, ...
Erweiterung des GraphQL-Services um neue Resolver die Integration einer MySQL-Datenbank und vorhandener REST-Dienste. Architekturelle Verbesserungen des GraphQL-Services bzgl. Typisierung, Nutzung Async/Await, Testbarkeit, etc. Tooling Verbesserung des GraphQL-Servies bzgl. Bundling, Watcher und Linting. Code-Reviews und Feedback für die interne Komponenten-Bibiliothek.
Weiterentwicklung und Erweiterung einer Webanwendung zur interaktiven Verfolgung von LKWs mit Baumaterialien. Einführung eines Mono-Repositorys, um alle Frontend-Anwendungen und Komponenten effizient gemeinsam entwickeln zu können. Einführung automatischer semantischer Versionen für die Front-End-Produkte und Generierung von Changelogs für verschiedene Einsatzszenarien.
Neuentwicklung eines Online-Shops für die Witt Gruppe. Technologisch wird im Frontend auf ReactJS und GraphQL gesetzt. Server-seitig kommt eine Orchestration mit GraphQL auf NodeJS-Basis zum Einsatz (Apollo-Stack). Styling der Komponenten (in Storybook) mit Styled Components. Statt JavaScript wird für eine optimale Zusammenarbeit auf TypeScript gesetzt. Mein Fokus im Projekt lag auf den Infrastrukturellen Themen wie GraphQL, Session-Handling, Server-Site-Rendering (SSR), Code-Splitting, etc.
Neuentwicklung der gemeinsamen ARD-Mediathek. Die besondere Herausforderung bestand in der Unterstützung von älteren und langsameren Geräten (TVs). Die Lösung wurde im Multi-Plattform-Ansatz entwickelt: Mobil, Desktop und TV mit einer einzigen Technologie. Eingesetzte Frameworks/Tools: ReactJS, Webpack, Sass, GraphQL.
4 months, Apr 2018 - Jul 2018
React-Architekt für Umsetzung eines Verkehrs-Informationsangebotes (Consultant)
init innovation in traffic systems AG
Neuentwicklung eines Web-basierten Dashboards mit z. B. Echtzeit-Abfahrsinformationen für den Einsatz im ÖPNV-Umfeld. Eigenverantwortliche Architektur und Entwicklung in Absprache mit Produktmanagern. Auswahl aktueller Technologien und Schulung der Mitarbeiter in Themen React und Web-Entwicklung. Technologie-Stack: React v16 (Formik, Popmotion/Pose, React Intl, Reach Router, ...), DotEnv, Webpack v4, Code Splitting, Babel v7, Edge Platform, PostCSS, CSS Modules, CSS Grid, Storybook, Jest, ...
3 months, Jan 2018 - Mar 2018
React Experte für die Entwicklung eines Telematik-Angebotes (Consultant)
Volkswagen Truck & Bus
Unterstützung bei der Entwicklung in einer bereits durch Kunden genutzten Plattform. Verteiltes Team mit Standorten in Leipzig und München. Architekturelle Verbesserungsvorschläge und Mentoring von Kollegen. Technologie-Stack: React, Redux, Redux-Saga, Webpack, Babel, Less, ESlint, Karma, Mocha, Sinon, AWS, S3.
Projekt-Setup für eine Green-Field React-Anwendung im Pharma-Bereich. Neustrukturierung der existierenden Komponenten-Library. Responsive Design mit CSS Grid Layout und responsiver Typographie zur Abdeckung der vollständigen Gerätevielfalt. Server-seitiges Rendern mit React v16 incl. intelligentem Code-Splitting für JavaScript und CSS. Technologie-Stack: React, Redux, Webpack, Storybook, Edge-Plattform, ESlint, Stylelint, Prettier.
Aufbau einer Frontend-Architektur in Zusammenarbeit mit Systemarchitekten und Produktmanagern. Schulung, Mentoring und Code-Abnahme (Git-Flow + Pull Requests) für zwei Offshore-Teams in Indien. Technologie-Evaluierung für neuen Technologie-Stack in Kooperation mit unterschiedlichen Stakeholdern im ganzen Konzern. Technologie-Stack: React, Redux, Webpack, ESlint, Stylelint. Datenanbindung via REST an Backend-Layer.
Architektur-Analyse und Optimierung des bestehenden Frontends. Entwicklung und Architektur im React-Umfeld mit weiteren Technologien wie Gulp, Webpack, ESLint, StyleLint, PostCSS, CSS Modules, etc. Einführung von Apollo Client + Server für die Verwendung von GraphQL für effiziente Kommunikation zwischen Frontend und Backend.
1 year, Apr 2016 - Mar 2017
Vorstandsmitglied
Bahnstadtverein Heidelberg e.V
4 months, Jun 2016 - Sep 2016
Senior Frontend-Entwickler / -Architekt (Consultant)
HORNBACH Baumarkt AGUmstellung der Styling-Plattform auf PostCSS. Entwicklung der Tooling Lösung mit HMR für React Universal. Technologien: Universal React + Redux, React-Intl für Internationalisierung, ES2015+, PostCSS, Webpack v2 (Nutzung von Tree-Shaking, automatischen Chunks, ...). Zielplattformen: Desktop-Browser, Tablet-Browser, Smartphone-Browser
Beratung Frontend-Architektur für eine neue internationale Investment-Plattform. Die Anforderungen lagen im Bereich: SPA (Single Page Application), live aktualisierte Charts und international formatierte Werte (Währungen, etc.). Aufsetzen der Projekt-Struktur mit Gulp als Taskmanager, NPM für die Organisation der Build-Umgebung, JSPM als Paket-Verwaltung für Frontend-Pakete, Sass für Stylesheets und VueJS für die interaktiven Funktionalitäten und die Komponenten-Entwicklung.
Architektur und Entwicklung des Frontends der neuen Set-Op-Box der Entertain-Plattform der Deutschen Telekom AG auf Basis von HTML5 und JavaScript. Technolgisch basierend auf VelocityJS, Less, Grunt und einem eigenen Set-Op-Box-Framework.
2 years and 2 months, Nov 2012 - Dec 2014
Freiberufler / Consultant
Sebastian Werner
Spezialist für Frontend-Themen mit Fokus auf JavaScript, Responsive Web Design und Build-Prozesse.
Entwicklung einer Single-Page RIA, die auf die Technologien Core, Jasy und jQuery aufbaut. Einsatz von REST- und MVP-Paradigmen. Umsetzung moderner UX-Konzepte wie Hintergrund-Speichern, Non-Blocking, Fortschritts-Anzeigen, etc. Einrichtung eines Python-basierter Build-Prozesses mit automatischer Optimierung und Deployment.
Languages
German
-
English
-