senior frontend developer

Auswahl und Evaluierung verschiedener Frontend-Frameworks für ein Headless CMS

Beratung des UI/UX-Teams bezüglich Design-System

Technologien:
Figma, Design Token, Tailwind, Storybook, React, NextJs, Strapi
AJAX, Confluence, CSS3, Docker, Eslint, Git, GraphQL, HTML5, IntelliJ/WebStorm, JAM Stack, Jasmine, Jenkins, Jira, JSON, JSX, Micro Frontends, Microservices, Mocha, Native Javascript(ES6), NodeJS, Prettier, REST, REST APIs, SCSS, SSR, StyleGuides, SVG, Typescript, Webpack

Aufgaben:

Pflege und Weiterentwicklung von „Easy Operation“, einer Bediensoftware für Folienreckanlagen aus Prozesssicht. Red Dot Award: Brands & Communication Design 2020 Finalist beim iF DESIGN AWARD 2021.

Neu- und Weiterentwicklung von Applikationen im Umfeld von Kunststofffolienproduktion

Technologien:
Angular2+, RxJS, Lit, MQTT, REST/OpenAPI
AJAX, BEM, Bootstrap, Confluence, CSS3, Csslint, D3.js, Docker, Eslint, ExpressJS, Git, Gitlab, HTML5, IntelliJ/WebStorm, JAM Stack, Jasmine, Jenkins, Jenkins, Jira, jQuery, JSON, JSX, MaterialUI, Micro Frontends, Microservices, Mocha, Native Javascript(ES6), NodeJS, Prettier, Pug/Jade, REST APIs, SCSS, StyleGuides, SVG, Swagger, Typescript, VueJS, Webpack

VueJS-Application im Typo3-Umfeld optimieren.

Typo3 Templates + DCEs anlegen und pflegen.

Technologien:
AJAX, BEM, Bitbucket, Confluence, CSS3, Csslint, D3.js, Docker, Eslint, ExpressJS, Git, HTML5, JAM Stack, Jenkins, Jira, jQuery, JSON, MaterialUI, Microservices, Native Javascript(ES6), NodeJS, PHP, Prettier, Pug/Jade, REST, SASS, SCSS, SSR, SVG, Typescript, Typo3, VSCode, VueJS, Webpack

Aufgaben:

Umsetzung grafischer/UX Entwürfe in sauberen, klar strukturierten Code mit Funktionalität. Responsive Layout- Implementierungen, Agile Software-Entwicklung nach Scrum. Durchführung von Code-Reviews und Bug-Fixes.

Verantwortung für das zentrale Frontendmodul UI_Core:

• Anpassung von Modulen als WebComponent/WebEiement, zur Einbindung in allen Kanälen: eKiosk, Website, iOS/Android-App
• Konsolidierung von mehreren Karussellvarianten in Zusammenarbeit mit UX auf eine adaptive Version
• Sicherstellung von Funktionalität, Design und Usability
• Übernahme von UX/UI-Entscheidungen.
• Browser- und Performanceoptimierung

Umsetzung aller Projekte mit agilen Methoden wie Serum und Kanban

Technologien:

JavaScript,AngularJS, Angular2+, jQuery, HTML5, CSS3, LESS, SVN, Grunt, TypeScript, Pug, SASS, Git, webpack, node, backstopjs, jasmine, JSP, „living Styleguide“
AJAX, BEM, Bootstrap, Confluence, Csslint, Docker, Eslint, Figma, Gitlab, Gulp, IntelliJ/WebStorm, JAM Stack, Jenkins, Jenkins, Jira, JSON, Lit, Micro Frontends, Microservices, Mocha, PHP, Prettier, Pug/Jade, REST, REST APIs, SASS, SCSS, SSR, StyleGuides, SVG, Swagger, Zeplin

Durchführung des Technologiewechsels der zentralen UX/UI-Frontendkomponenten im laufenden Betrieb:
Hintergrund: Vereinheitlichung der Tools innerhalb Payback 

Technische Umstellungen

• Grunt zu webpack
• jadejs zu pugjs
• LESS zu SASS

• klare Trennung der Module (inspiriert von Atomic Design u.ä. Design-Systemen )
• Vereinheitlichung der Schnittstellen und Verwendungen

Qualitätssicherung durch automatisierte visuelle Regressionstests:

• BackstopJS

Technologien:
JavaScript,AngularJS, Angular2+, jQuery, HTML5, CSS3, LESS, SVN, Grunt, TypeScript, Pug, SASS, Git, webpack, node, backstopjs, jasmine, JSP, „living Styleguide“
AJAX, BEM, Bootstrap, Confluence, Csslint, Docker, Eslint, Figma, Gitlab, Gulp, IntelliJ/WebStorm, JAM Stack, Jenkins, Jenkins, Jira, JSON, Lit, Micro Frontends, Microservices, Mocha, PHP, Prettier, Pug/Jade, REST, REST APIs, SASS, SCSS, SSR, StyleGuides, SVG, Swagger, Zeplin

Ich hatte die Verantwortung für das zentrale Frontendmodul, welches alle Javascript Templates/CSS für die Website ausliefert und den Styleguide sowie die Design Pattern Library enthält.

• Konzeptionelle Planung
• Umsetzung
• automatisierte Dokumentation
• Pflege
• Unterstützung der Teams bei der Einführung und kontinuierlichen Weiterentwicklung des living Styleguides und einer Design Pattern Library
• Übergabe an internen Kollegen#

• Machbarkeitsanalyse
• Identifizierng der KPI relevanten Seitenelemente.
• Iterative Optimierung der Elemente (Werbeformen, Platzierungen, Layoutvarianten, ...) in crossfunktionalem Team (Business, Product, UI, UX, Analytics, Development, Content)​​​​​​

Alle KPIs wurden besser als auf der 'alten' Startseite.
Technologien:
JavaScript,AngularJS, Angular2+, jQuery, HTML5, CSS3, LESS, SVN, Grunt, TypeScript, Pug, SASS, Git, webpack, node, backstopjs, jasmine, JSP, „living Styleguide“
AJAX, BEM, Bootstrap, Confluence, Csslint, Docker, Eslint, Figma, Gitlab, Gulp, IntelliJ/WebStorm, JAM Stack, Jenkins, Jenkins, Jira, JSON, Lit, Micro Frontends, Microservices, Mocha, PHP, Prettier, Pug/Jade, REST, REST APIs, SASS, SCSS, SSR, StyleGuides, SVG, Swagger, Zeplin

Rolle: Senior Agile Web Developer im Serum Team

• Verantwortung für die Frontendarchitektur einer Single Page Applikation
• Einführung eines modularen Grid Layout Systems in enger Zusammenarbeit mit UX/UI (Bootstrap 3, angepasst auf die Bedürfnisse des Kunden)
• Umsetzung von Layouts mit AngularJS unter Berücksichtigung von Performance, Terminal- und Browserspezifitäten (IE11 musste auch unterstützt werden)