Frontend Developer

3/2020 – 4/2020

Entwicklung von Frontends und Integration von Frontend-Elementen in Typo3, Shopware und Wordpress für Online-Shops und Unternehmensseiten mit agilen Entwicklungsprozessen.

Planung und Umsetzung von Frontends und Frontend-Modulen für Shopware, Typo3 und Wordpress in enger Kooperation und stetigem Austausch mit Backend-Entwicklern, UI/UX-Designern und Projektmanagern nach Design-Vorgaben

Wartung und bugfixing von Frontends und Frontend-Modulen

Optimierung der Performance von Webseiten mit Hilfe von Tools wie Lighthouse

Umsetzung von Projekten mit agilen Entwicklungsmethoden auf Basis von Scrum

Unterstützung von Projektmanagern bei der Planung

Erstellung von Seiten/App-Prototypen für Pitches

Einsatz des Javascript-Module-Bundlers Gulp und Grund

Eigenständige Übernahme von UI/UX-Design-Anpassungen und Usability-Optimierungen

HTML5, Jquery, Less, Shopware

2/2020 – 1/2022

Planung, Design und Umsetzung von Entwicklungs-Inkrementen mit der agilen Entwicklungsmethodik Scrum in 2-wöchigen Sprints mit “Dailys”, Sprint-Plannings, Sprint-Refinements, Sprint-Reviews und Retrospektiven

Umsetzung des Projekts in einem Team bestehend aus Scrum-Master, Project-Owner, zwei Backend-Entwicklern und zwei Frontend-Entwicklern

Unterstützung des Product-Owners bei der Erstellung und Planung von Task und Stories

Tägliche inkrementelle Weiterentwicklung der Anwendung mit continuous integration, continuous deployment und continuous delivery mit Hilfe einer Build-Pipeline mit Jenkins

Umsetzung der inkremetellen Entwicklung entsprechend der definierten Task und Stories anhand von Design-Vorgaben des UI/UX-Entwicklers, dabei in enger Zusammenarbeit mit den Backend-Entwicklern

Entwicklung des Frontends der Webapplikation nach dem “4-Augen-Prinzip” im Pair-Programming zusammen mit einem weiteren Frontend-Entwickler um die Code-Qualität und Fehlerfreiheit sicherzustellen

Einsatz von Vue.js mit der JavaScript module bundler Webpack als Frontend-Framework der Webapplikation in Verbindung mit Typescript zur Sicherstellung der Typensicherheit und Reduktion von Fehlerquellen

Im späteren Projektverlauf Migration von Vue.js 2 auf Vue.js 3 zur Nutzung der aktuellsten Version des Frameworks

Einsatz der neusten Version und Funktionen von Javascript, Ecmascript 6+

Einsatz des CSS-Preproccesors SCSS zur Erstellung von Stylesheets

Kommunikation und Datenaustausch mit dem Spring Boot-Backend per REST API Schnittstelle

Authentifizierung der Requests per JSON Web Tokens (JWT)

Nutzung von Git als Versionierungssystem mit einem Repository in Bitbucket

Regelmäßige Refactorings zur Verbesserung der Performance und Wartbarkeit durch z.B. Minimierung von Requests, Reduktion von verwendeten Bibliotheken und allgemeine Optimierung des Codes

Entwurf und Entwicklung von Unit-Tests mit Jests als auch End-To-End Tests mit Cypress für jedes Entwicklungsinkrement zur Sicherstellung der korrekten und fehlerfreien Funktionsweise

Nach Abnahme des Entwicklungs-Inkrements durch den Project-Owner auf der Entwicklung/Staging-Umgebung Anstoß zum Deployment auf die Produktivumgebung

Entwicklung von automatisch generierten, visuell-komplexen Projekt-Reports in Form eines PDF-Dokuments zur Präsentation der fertig konfigurierten Projekte an den Endkunden mit der Java-Library OpenHtmlToPDF

Entwicklung der Report-Templates mit Einsatz von Thymeleaf, HTML4/5, und CSS 2.1

Continuous Delivery, Git, HTML5, JavaScript, Jenkins, Jira, Scrum, Syntactically Awesome Stylesheets (Sass), Typescript, Vue.Js