Senior Frontend Engineer
- Verfügbarkeit einsehen
- 4 Referenzen
- auf Anfrage
- 70469 Stuttgart
- National
- de | en | cs
- 10.09.2024
Kurzvorstellung
Auszug Referenzen (4)
"Exzellente Leistung als Frontend Softwareentwickler! S. trug wesentlich zum Erfolg des Teams und des Projekts bei. Sehr zu empfehlen!"
9/2020 – 5/2023
Tätigkeitsbeschreibung
Entwicklung und Beratung für ein Online-Shop-System für Neuwagen eines großen deutschen Automobilkonzerns. Dabei stand die Weiterentwicklung des bestehenden Shop-Systems im Fokus, einschließlich der Umwandlung des Vue.js-SPA-basierten Frontends in eine Webkomponenten-basierte Multi-Page-Architektur und Integration in den Adobe Experience Manager.
Refactoring und Architektur:
• Hauptverantwortung für Planung und Durchführung des Refactorings der bestehenden SPA in die neue Architektur
• Implementierung eines persistenten State Managements auf Basis eines Redux-Stores
• Migration von Vue Options API zur Composition API
• Upgrade aller Webkomponenten von Vue2 nach Vue3
Build-System und Tests
• Migration von Webpack als Bundler und Jest als Test-Framework nach Vite und Vitest
• Qualitätssicherung durch Unit-Tests
• Unterstützung des QA Teams bei der Fehleranalyse
Rollout und regionale Anpassungen
• Unterstützung des schrittweisen, weltweiten Rollouts des neuen Shop-Systems als Ersatz für das Legacy-System
• Implementierung von Anforderungen der regionalen Märkte, wie z. B. rechtliche Vorgaben und Fußnoten
Support und Consulting
• Unterstützung beim Incident Management
• Beratende Tätigkeiten für andere Teams bei Feature-Implementierungen
SEO-Verbesserungen
• Entwicklung eines Sitemap-Generators und weitere SEO-Optimierungen
Scrum, Test Automation, Front End, Adobe Experience Manager (AEM), Architektur (allg.), Vue.Js
"Hat sich schnell integriert und konnte nach kürzester Zeit selbstständig Aufgaben übernehmen. Die Ergebnisse waren immer auf höchstem Niveau."
9/2019 – 11/2019
Tätigkeitsbeschreibung
Weiterentwicklung eines React-Frontends für die Optimierung der Kolli-Sortierung im Einzelhandel und Neuentwicklung eines Backends zur Speicherung benutzerspezifischer Einstellungen.
• Erweiterung des Frontends mit neuen Funktionen nach agiler Methodik
• Zusammenarbeit mit UX-Designern über Abstract zur Verbesserung der Benutzererfahrung
• Performance-Optimierungen: Reduktion der "Time to Interactive" von ca. 15 Sekunden auf ca. 3 Sekunden
• Neuentwicklung eines NodeJS-Backends für die Speicherung von Benutzereinstellungen wie z. B. ausgewählten Filtern, Kommentaren usw. mit NestJS, TypeORM und PostgreSQL
• Deployment des Frontends und Backends in einer OpenShift-Umgebung und Integration mit Azure DevOps-Pipelines
• Implementierung von Unit-Tests mithilfe von Karma, Jasmine und Enzyme
Kubernetes, Openshift, CSS (Cascading Style Sheet), HTML5, Postgresql, React (JavaScript library), Test Automation, Typescript
"Herr V. ist ein sehr kompetenter Entwickler mit dem die Zusammenarbeit sehr angenehm war. Ich kann ihn zu 100% empfehlen."
2/2019 – 7/2019
Tätigkeitsbeschreibung
Entwicklung eines webbasierten Trainings zum Thema „Produktentwicklung“ für einen deutschen Automobilkonzern. Das Training wurde speziell für die Anwendung auf Tablets optimiert und ist in mehreren Sprachen verfügbar.
• Entwicklung eines tablet-optimierten Frontends unter Verwendung von Vue.js in enger Zusammenarbeit mit Konzeptern und UX-Designern
• Implementierung komplexer Animationen und Übergänge mithilfe von CSS3 und GreenSock.js
• Anbindung an das SCORM-Backend für Lernmanagementsysteme
• Integration der Mehrsprachigkeit durch Einsatz von vue-i18n
CSS (Cascading Style Sheet), HTML5, JavaScript, Vue.Js
"Herr V. ist ein sehr sympathischer und zuverlässiger Freelancer. Durch seine Mitarbeit konnten wir ein exzellentes Produkt abliefern."
3/2018 – 5/2018
Tätigkeitsbeschreibung
Entwicklung eines webbasierten Trainings zum Thema „Digitalisierung“ für einen großen deutschen Konzern. Das Training wurde speziell für die Nutzung auf mobilen Endgeräten optimiert.
• Enge Zusammenarbeit mit Konzeptern und UX-Designern zur Entwicklung eines benutzerfreundlichen Trainings
• Entwicklung eines mobil-optimierten Frontends unter Verwendung von Vue.js
• Implementierung komplexer Animationen und Übergänge mithilfe von CSS3 und GreenSock.js
• Anbindung des Trainings an das SCORM-Backend für Lernmanagementsysteme
CSS (Cascading Style Sheet), HTML5, JavaScript, Vue.Js
Qualifikationen
Projekt‐ & Berufserfahrung
9/2020 – 5/2023
Tätigkeitsbeschreibung
Entwicklung und Beratung für ein Online-Shop-System für Neuwagen eines großen deutschen Automobilkonzerns. Dabei stand die Weiterentwicklung des bestehenden Shop-Systems im Fokus, einschließlich der Umwandlung des Vue.js-SPA-basierten Frontends in eine Webkomponenten-basierte Multi-Page-Architektur und Integration in den Adobe Experience Manager.
Refactoring und Architektur:
• Hauptverantwortung für Planung und Durchführung des Refactorings der bestehenden SPA in die neue Architektur
• Implementierung eines persistenten State Managements auf Basis eines Redux-Stores
• Migration von Vue Options API zur Composition API
• Upgrade aller Webkomponenten von Vue2 nach Vue3
Build-System und Tests
• Migration von Webpack als Bundler und Jest als Test-Framework nach Vite und Vitest
• Qualitätssicherung durch Unit-Tests
• Unterstützung des QA Teams bei der Fehleranalyse
Rollout und regionale Anpassungen
• Unterstützung des schrittweisen, weltweiten Rollouts des neuen Shop-Systems als Ersatz für das Legacy-System
• Implementierung von Anforderungen der regionalen Märkte, wie z. B. rechtliche Vorgaben und Fußnoten
Support und Consulting
• Unterstützung beim Incident Management
• Beratende Tätigkeiten für andere Teams bei Feature-Implementierungen
SEO-Verbesserungen
• Entwicklung eines Sitemap-Generators und weitere SEO-Optimierungen
Scrum, Test Automation, Front End, Adobe Experience Manager (AEM), Architektur (allg.), Vue.Js
12/2019 – 4/2020
Tätigkeitsbeschreibung
Entwicklung von framework-unabhängigen UI-Komponenten mit StencilJS (als Web Components) auf Basis des CI-Designs für den unternehmensweiten Einsatz in verschiedenen Projekten.
• Erweiterung bestehender Komponenten und Neuentwicklung von Elementen wie z. B. Tabs, Accordions und Dropdowns
• Implementierung der Komponenten gemäß den Vorgaben eines Living-Styleguides in enger Zusammenarbeit mit UX-Experten
• Gestaltung von Animationen und Übergängen mit CSS
CSS (Cascading Style Sheet), HTML5, Typescript
9/2019 – 11/2019
Tätigkeitsbeschreibung
Weiterentwicklung eines React-Frontends für die Optimierung der Kolli-Sortierung im Einzelhandel und Neuentwicklung eines Backends zur Speicherung benutzerspezifischer Einstellungen.
• Erweiterung des Frontends mit neuen Funktionen nach agiler Methodik
• Zusammenarbeit mit UX-Designern über Abstract zur Verbesserung der Benutzererfahrung
• Performance-Optimierungen: Reduktion der "Time to Interactive" von ca. 15 Sekunden auf ca. 3 Sekunden
• Neuentwicklung eines NodeJS-Backends für die Speicherung von Benutzereinstellungen wie z. B. ausgewählten Filtern, Kommentaren usw. mit NestJS, TypeORM und PostgreSQL
• Deployment des Frontends und Backends in einer OpenShift-Umgebung und Integration mit Azure DevOps-Pipelines
• Implementierung von Unit-Tests mithilfe von Karma, Jasmine und Enzyme
Kubernetes, Openshift, CSS (Cascading Style Sheet), HTML5, Postgresql, React (JavaScript library), Test Automation, Typescript
2/2019 – 7/2019
Tätigkeitsbeschreibung
Entwicklung eines webbasierten Trainings zum Thema „Produktentwicklung“ für einen deutschen Automobilkonzern. Das Training wurde speziell für die Anwendung auf Tablets optimiert und ist in mehreren Sprachen verfügbar.
• Entwicklung eines tablet-optimierten Frontends unter Verwendung von Vue.js in enger Zusammenarbeit mit Konzeptern und UX-Designern
• Implementierung komplexer Animationen und Übergänge mithilfe von CSS3 und GreenSock.js
• Anbindung an das SCORM-Backend für Lernmanagementsysteme
• Integration der Mehrsprachigkeit durch Einsatz von vue-i18n
CSS (Cascading Style Sheet), HTML5, JavaScript, Vue.Js
7/2018 – 12/2018
Tätigkeitsbeschreibung
Entwicklung einer modernen Electron-basierten Bedienoberfläche als Ersatz für die veraltete, in Delphi geschriebene Bedienoberfläche eines Testsystems zur Lastwechselfestigkeit.
• Zusammenarbeit in einem Scrum-Team
• Kommunikation und Abstimmung mit Projektbeteiligten
• Analyse des bestehenden TCP/IP-basierten, seriellen Kommunikationsprotokolls zwischen Messgerät und Rechner
• Konzeption der neuen Bedienoberfläche und Auswahl geeigneter Technologien
• Implementierung des Frontends mit React
• Visualisierung der Messwerte als Liniendiagramme mithilfe von Dygraphs
• Entwicklung einer tabellarischen Ansicht zur Darstellung der Messwerte
• Anbindung der Bedienoberfläche an das Backend über WebSockets
• Sicherstellung der reibungslosen Kommunikation zwischen Frontend und Backend
Scrum, CSS (Cascading Style Sheet), HTML, JavaScript, React (JavaScript library)
3/2018 – 5/2018
Tätigkeitsbeschreibung
Entwicklung eines webbasierten Trainings zum Thema „Digitalisierung“ für einen großen deutschen Konzern. Das Training wurde speziell für die Nutzung auf mobilen Endgeräten optimiert.
• Enge Zusammenarbeit mit Konzeptern und UX-Designern zur Entwicklung eines benutzerfreundlichen Trainings
• Entwicklung eines mobil-optimierten Frontends unter Verwendung von Vue.js
• Implementierung komplexer Animationen und Übergänge mithilfe von CSS3 und GreenSock.js
• Anbindung des Trainings an das SCORM-Backend für Lernmanagementsysteme
CSS (Cascading Style Sheet), HTML5, JavaScript, Vue.Js
10/2017 – 2/2018
Tätigkeitsbeschreibung
Entwicklung eines Frontends für eine neue Generation eines Brennstoffzellen-Messgeräts mit Visualisierung von Messdaten bei einer Aktualisierungsfrequenz von 10 Hz.
• Anforderungsanalyse und Abstimmung mit allen Projektbeteiligten
• Begleitung und Einarbeitung eines neuen Entwicklers in das Projekt
• Entwicklung des Frontends unter Verwendung von React, Material UI und MobX
• Evaluierung und Benchmarking von JavaScript Charting Libraries, um die Anforderung von bis zu 10 Updates pro Sekunde (10 Hz) zu gewährleisten
• Präsentation der Evaluationsergebnisse und finale Auswahl der Charting Library
• Visualisierung der Messdaten als Bar Chart, Line Chart und Heatmap mit Chart.js
• Anbindung des Frontends an das C++ Backend über WebSockets mit Autobahn.js
• Sicherstellung einer effizienten und zuverlässigen Kommunikation zwischen Frontend und Backend
• Erstellung von Unit-Tests unter Verwendung von Mocha, Chai und Enzyme
• Durchführung regelmäßiger Tests zur Gewährleistung der Funktionalität und Stabilität des Frontends
CSS (Cascading Style Sheet), HTML5, React (JavaScript library), Typescript
6/2015 – 10/2015
Tätigkeitsbeschreibung
Entwicklung eines Web-Clients für den neuen TeamViewer Chat, der in jede beliebige Webseite als eigenständiges Widget integriert werden kann.
• Entwicklung eines komponentenbasierten Frontends unter Verwendung von JavaScript, React und Redux
• Abstraktion der WebSocket-basierten Chat-API in ein NPM-Modul zur Wiederverwendung in anderen Produkten und Projekten
• Erstellung von Unit-Tests mit Mocha, Chai und Enzyme
• Einrichtung eines Build-Prozesses mit Webpack, Babel und LESS
• Integration des Web-Clients in das Continuous Integration System (Jenkins) für automatisierte Tests und kontinuierliche Weiterentwicklung
ASP.NET, CSS (Cascading Style Sheet), HTML5, JavaScript, Jenkins, React (JavaScript library)
3/2011 – 1/2012
Tätigkeitsbeschreibung
Erweiterung des Buchungs und Content Management Portals um eine Mobile optimierte Web-App. Ermöglicht die Fernsteuernung von digitalen Werbeflächen, Visualisierung der Playlisten und Buchungsauslastung sowie Anzeige von Störungsmeldungen auf einer Google Maps Karte.
• Erweiterung des Buchungsportals mit einer UI zum Erstellen von linearen Playlisten
• Entwicklung einer HTML5 basierten Web-App mit dem Sencha Touch 2 Framework
• Anbindung an das ASP.NET MVC Backend über WebSockets
• Anbindung an das externe Störmeldesystem über eine HTTP REST Schnittstelle
• Visualisierung der Standorte und eventuelle Störungen auf einer Google Maps Karte
.Net, C#, ASP.NET, CSS (Cascading Style Sheet), JavaScript
3/2009 – 6/2011
Tätigkeitsbeschreibung
Konzeption und Entwicklung eines Buchungs und Content Management Portals für digitale Werbung im Außenbereich.
• Erarbeitung eines Gesamtkonzepts in enger Zusammenarbeit mit dem Kunden
• Refactoring und Modularisierung unseres hauseigenen Digital Signage Portals, um die Wiederverwendbarkeit von bestimmten Code Modulen zu ermöglichen
• Entwurf und Umsetzung des Datenbankmodells in Microsoft SQL
• Anbindung an ein bestehendes CRM via SQL/Stored Procedures in Zusammenarbeit mit den Entwicklern des Kunden
• Entwicklung des Backends in C#, ASP.NET MVC und Entity Framework
• Frontend mit HTML/CSS, JavaScript, Telerik UI, jQuery und diverser Plug-Ins
Microsoft SQL-Server (MS SQL), Windows Server (allg.), .Net, C#, Entity Framework, ASP.NET, CSS (Cascading Style Sheet), HTML, JavaScript, Jquery
2/2007 – 12/2008
Tätigkeitsbeschreibung
Konzeption und Umsetzung eines Portals zur Visualisierung von Personenzähldaten im Auftrag eines Kunden.
• Entwurf und Umsetzung des Datenbankmodells in Microsoft SQL
• Entwicklung eines Serverdienstes in C# zum Empfangen von Zähldaten in Echtzeit über TCP/IP sowie Speicherung in der MS SQL Datenbank
• Entwicklung des Backends in C#/ASP.NET MVC und des Frontends mit HTML/CSS, JavaScript, jQuery, jQuery UI
• Visualisierung der Zähldaten als SVG Diagramme und in Tabellenform
• Implementierung einer Export-Funktion nach CSV, Excel oder PDF
Windows Server (allg.), .Net, C#, ASP.NET, CSS (Cascading Style Sheet), HTML, JavaScript
6/2006 – 8/2013
Tätigkeitsbeschreibung
Konzeption und Entwicklung eines hauseigenen SaaS Portals zum verwalten von Digital Signage Playern und Content als Ersatz für die Software eines Drittanbieters.
• Entwurf und Umsetzung des Datenbankmodells in Microsoft SQL
• Realisierung des Datenbankzugriffs über LINQ2SQL, Optimierung von zeitintensiven Datenbankabfragen als Stored Procedures
• Entwicklung des Backends in C# und ASP.NET WebForms, später Umstellung auf ASP.NET MVC
• Frontend mit HTML/CSS, JavaScript, Telerik UI, jQuery und diverser Plug-Ins
• Entwicklung diverser Serverdienste in C#, etwa für die Content Verteilung an die Player PCs, Monitoring der Player PCs und Konvertierung von hochgeladenem Content in diverse Formate
• Einrichtung und Wartung der Windows Server Infrastruktur
ASP.NET, C#, CSS (Cascading Style Sheet), HTML, Jquery, Language Integrated Query, Microsoft SQL-Server (MS SQL)
4/2006 – 7/2006
Tätigkeitsbeschreibung
Konzeption und Entwicklung einer Instore Radio Softwarelösung. Ermöglicht das Hochladen und die Planung von Hausdurchsagen in verschiedenen Audioformate sowie Erstellung von Musik-Playlisten für die Hintergrundbeschallung über ein Web Interface.
• Implementierung des Backends in PHP und MySQL
• Entwicklung des Web Interfaces in HTML/CSS und JavaScript
• Entwicklung der Playersoftware in VB.NET und WinForms
• Anbindung der Playersoftware an das Backend über eine HTTP REST API, Datenaustausch im XML Format
• Erstellung eines Installers auf Basis des Nullsoft Installers
.Net Framework (Microsoft), CSS (Cascading Style Sheet), HTML, JavaScript, Mysql, PHP
Ausbildung
Werner-Siemens-Schule Stuttgart
Über mich
Umfangreiche Branchenerfahrung: Über 17 Jahre Berufserfahrung in der Architektur, Beratung und Entwicklung von komplexen Web-Anwendungen.
Frontend-Expertise: Tiefgehende Kenntnisse in der Entwicklung und Wartung von modernen Web-Anwendungen unter Verwendung führender Frontend-Technologien wie React/Next, Vue.js und Stencil, sowie Erfahrung in der Pflege und Migration von Legacy-Anwendungen mit Technologien wie jQuery und Backbone.js.
Backend-Kompetenz: Jahrelange Erfahrung in der Backendentwicklung mit C#/ASP.NET und Node.js, ergänzt durch fundierte Kenntnisse in relationaler Datenmodellierung mit Datenbanksystemen wie PostgreSQL, MS SQL und MySQL.
Architektonisches Know-how: Tiefgreifendes Verständnis von Architektur und Design Patterns, das es mir ermöglicht, effiziente und skalierbare Lösungen zu entwerfen.
Build-Systeme und CI/CD: Versiert in der Verwendung komplexer Build-Systeme wie Webpack und Vite, sowie in der Automatisierung von Deployments mit Tools wie GitHub Actions und Jenkins.
Qualitätssicherung: Gewährleistung von Softwarequalität durch umfassende Teststrategien, einschließlich Unit Tests mit Jest und Vitest sowie E2E Tests mit Frameworks wie Selenium und Cypress.
Teamfähigkeit und Wissensvermittlung: Bewährte Fähigkeit zur effektiven Zusammenarbeit in Teamumgebungen, gepaart mit einer Leidenschaft für die Mentorentätigkeit und Wissensvermittlung an Junior-Entwickler. Meine Erfahrungen teile ich gerne, um die nächste Generation von Softwareentwicklern zu fördern und zu inspirieren.
Weitere Kenntnisse
JavaScript/TypeScript, HTML/CSS (Less/Sass), React, Flux/Redux, Knockout.js, jQuery, KendoUI, Sencha Touch, ExtJS, Backbone.js, Vue.js, Riot.js, Webpack, Babel, StencilJS, Vite, MaterialUI
Backend Development:
NodeJS, NestJS, TypeORM, Express, C#, ASP.NET MVC / Web API, WCF, Entity Framework, LINQ2SQL, NLog, Redis, Azure, MS SQL, MySQL, PostgreSQL
CI/CD:
Jenkins, Github Actions, Azure DevOps, Docker, Kubernetes
Automated Testing:
Jest, Vitest, Enzyme, Mocha, Chai, Karma, Jasmine, NUnit, Selenium, Protractor, Ranorex
Persönliche Daten
- Deutsch (Muttersprache)
- Englisch (Fließend)
- Tschechisch (Gut)
- Italienisch (Grundkenntnisse)
- Europäische Union
Kontaktdaten
Nur registrierte PREMIUM-Mitglieder von freelance.de können Kontaktdaten einsehen.
Jetzt Mitglied werden