Mary.Vokicic

Über mich

Meine Liebe gilt seit 1999 dem Frontend!

Neben vielen Webseiten, die ich in den Anfängen noch mit HTML-Tabellen realisiert habe, habe ich auch RIA Webanwendungen in 2008 und 2009 mit Flex entwickelt.
Cross-Browser-funktionales HTML schreiben ist mein täglich Brot.
Ich entwickle am Liebsten mit Chrome und teste im Anschluss in weiteren Browsern und mobilen Endgeräten. Fehler, die dabei auftreten fesseln mich. Je kniffliger sie sind, desto mehr freue ich mich, sie zu lösen.

Ich arbeite hierbei eng zusammen mit UX und Design. Das finale Design entwickeln wir oftmals direkt im Browser zusammen. Die Arbeit auf diese Weise macht mir viel Spaß. Es verringert die sonst nötigen Abstimmungsrunden auf ein Minimum.

Obwohl meine Leidenschaft dem Frontend gilt, übernehme ich auch weitere Aufgaben, z.B. Aufgaben im Backend oder aber auch im Bereich QA. Es kommt halt doch hier und da mal zu Engpässen und um erfolgreich zu sein, gehört für mich auch die Unterstützung meiner Kollegen dazu. Abgesehen davon, betrachte ich es als persönliche Bereicherung, so auch meinen Horizont erweitern zu können.

Am Ende des Tages bin ich zufrieden, wenn ich nicht nur Code hinterlasse, der verständlich und wartbar ist, sondern auch funktional und performant, sowie den grafischen Anforderungen genügt und letztendlich dem Kunden nützt.

Mein gutes Gespür für Usebillity runden hierbei mein 'mich' ab.

Mein Leben

Meine Leidenschaft: 'Das Frontend'

Zugegeben: Man muss auch schon ein wenig verrückt sein, um es zu lieben ;-)

Aber...
HTML, CSS und Javascript Browser- und auch Device-weit in Einklang zu bringen, sind Herausforderungen, denen ich mich gerne stelle. Ich liebe es, Problemen auf den Grund zu gehen und zu fixen.

Vor allem aber entwickle ich nicht nur die technischen Lösungen, sondern setze auch das grafisches Design dazu um. Hierzu arbeite ich am liebsten direkt mit UX und Design zusammen am Rechner und definiere die finale Version in HTML – eine Zusammenarbeit, die ich sehr schätze.

Persönliche Daten

Vorname
Mary
Nachname
Vokicic
Geburtstag
1974 (Hamburg)
E-Mail
vokicic@vomar.de

Schulbildung

1980 - 1993
Schule - Abitur (Gesamtschule Stellingen)
1993 - 1997
Ausbildung - Radio- und Fehrnsehtechnikerin
1997 - 2003
Studium - Dipl. Medieninformatikerin (FH-Wedel)

Skills

1: wenig Erfahrung ... 5: Experte
Javascript
jQuery
AngularJS
TypeScript
HTML
CSS
Sass
Grunt
Gulp
Thymeleaf
Java
Spring MVC
Spring Boot
Ajax
SQL

Tools

1: wenig Erfahrung ... 5: Experte
IntelliJ IDEA
Git
SVN
Adobe Photoshop
Adobe Illustrator

Weitere:
Jira, Jenkins, Docker, Docker-Machine, Maven, Scrum, Windows, Linux, MS Office, Wiki

Praxis

2009/07 - heute: eSailors IT solutions GmbH

Zeitraum Projekt / Aufgaben Fähigkeiten
2016/03 - heute RWD Webshop (CARA)
beta.Tipp24.com
  • Entwickeln von AngularJS Modulen
  • Definieren von HTML-Templates
[AngularJS | TypeScript | HTML | CSS | Sass | Grunt | Thymeleaf | Java | Spring Boot | Ajax]
Pattern-Library (CARA-Commons)
  • Aufbau, Pflege und Dokumentation
[HTML | CSS | Sass | Gulp | Mustache]
2015/04 - 2016/02 Alinghi
Tipp24.com
  • Durchführen diverser Refactorings (Navigation, Header, Footer, Buttons, Teaser)
  • Entwicklung eines Kunden Dashboards
  • Testkampagnen schreiben und konfigurieren
  • Weiteres Ausbauen des Site-Trackings
  • Pflegen der Pattern-Library
[jQuery | AngularJS | HTML | CSS | Sass | Grunt | Gulp | JSP | Freemarker | Java | Spring MVC | Ajax | Maxymiser | Webtrekk | GTM]
2014/06 - 2015/03 CMS - Core Media
  • Studio Komponenten schreiben
  • Webseiten-Module entwickeln
  • Pattern-Library schreiben und pflegen
  • Definition/Einbau eines eigenen Grids
  • Responsive Landingpages entwickeln
  • Testkampagnen schreiben und konfigurieren
  • Einbau von Site-Tracking
[jQuery | HTML | CSS | Sass | Bootstrap | Grunt | AS3 | EXML | JSP | Freemarker | Java | Spring MVC | Maxymiser | Webtrekk | GTM]
2009/07 - 2012/05 Rubbellose
Flash Spiel entwickeln
  • Karten aus Backend laden und darstellen
  • Sets Auswahlmöglichkeit einbauen
  • Rubbelfunktion einbauen
  • Demospiel implementieren
[Flash | AS3 | HTML | CSS | JSP | Java | Spring MVC]
2009/07 - 2012/05 Umsetzung Mobile Webshop
  • Grafisches Design von Tipp24 adaptieren
[jQuery | jQuery Mobile | HTML | CSS | JSP]
Webshop Redesign
  • Grundgerüst definieren
  • HTML Templates definieren
  • Overlays definieren
  • Formulare einbauen
  • Formularvalidierung im Frontend einbauen
  • Style Guide schreiben
[jQuery | HTML | CSS | JSP | Java | Spring MVC]

2008 - 2009 Tipp24.de

Zeitraum Projekt / Aufgaben Fähigkeiten
2008/2009 Tipp24.de
  • Refactoring Frontend Games24 Kundenbereich
  • Entwicklung Prototyp für Redesign nach PSD Vorlage
  • Flash Spiele pflegen und erweitern
  • Tipp24.de Webseite pflegen
[Javascript | HTML | CSS | JSP]

2007 - 2008 DNS factory

Zeitraum Projekt / Aufgaben Fähigkeiten
2007 Umsetzung mehrerer Kunden Webseiten nach PSD Vorlage
(z.B. www.djshog.de/)
[Javascript | HTML | CSS | ColdFusion | PHP | MySql]
2008 Entwicklung eines Fahrzeugbuchungssystem mit Flex [ColdFusion | MySql | Flex | AS3]

2007/08 - 2008/02 Newtention

Zeitraum Projekt / Aufgaben Fähigkeiten
2007/08 - 2008/02 Teaser-Templates erstellen
Admintool erweitern
[Javascript | HTML | CSS | Flex | AS3 | Java]

2001 - 2007 Freiberuflich

Zeitraum Projekt / Aufgaben Fähigkeiten
2001 - 2002 CNC-Zentrum:
Websites administrieren und weiter entwickeln
[Javascript | HTML | CSS | MS Access DB | SQL | ColdFusion]
2001 - 2003 Norddeutsche Affinerie
Intranet entwickeln
[Javascript | HTML | CSS | Java | J2EE]
2001 - 2007 Diverse Websites erstellen
  • Gymnasium Trittau
  • empresso
  • Let4Kids
  • Reitstall Eichenhof
  • CNS Shipping GmbH
  • Landesbildungsserver Schleswig-Holstein
  • Grone Jugendlichen Ausbildungszentrum GmbH
[Javascript | HTML | CSS | MS Access DB | SQL | PHP | ColdFusion]

1999 - 2001 CNC-Zentrum HH (Studentische Hilfskraft)

Zeitraum Projekt / Aufgaben Fähigkeiten
1999 - 2001 Erstellung und Pflege von den Websites:
  • Betriebsforum
  • Bildungsforum
  • HAM - Hamburger Ausbildungsmarkt
Erstellung von Prospekten und Flyern
[HTML | MS Access DB | SQL | ColdFusion | DTP | QuarkXPress]

Glücklich bin ich, wenn ich...

  • ...mich auf Aufgaben stürzen darf
  • ...knifflige Aufgaben lösen kann
  • ...viel Praxis habe und dabei...
  • ...lerne ...lerne ...lerne

Das mag ich...

  • Work-Live-Balance
  • Home Office
  • Team zum Austauschen
  • Ausgewogene Zusammenarbeit
    • Pairing und
    • Coaching - aber auch mal
    • Zeit allein zum Tüfteln zu haben
  • Fragen stellen
  • Entscheidungen treffen und umsetzen

Mein Job

Vielfältig eben

Meinen Job bzw. Aufgaben kann man nicht anders beschreiben als vielfältig.
Mein persönlicher Fokus liegt zwar im Frontend, allerdings übernehme ich auch Aufgaben, die eher dem Backend zugesprochen werden.

  • Entwicklung responsiver Webseiten
  • Umsetzung von Webseiten nach Designvorgaben (Sketch, Photoshop) und
  • Finalisierung mit Visual Designer am Rechner
  • Besprechen und Planen von Stories zusammen mit Product-Owner, Visual Design und UX
  • Testkampagnen anlegen und entwickeln (Maxymiser)
  • Einbau von Site-Tracking (Webtrekk / GTM)
  • Frontend Workshops organisieren und halten (fabs-hh)
  • Codeoptimierung
  • Pflegen der Pattern-Libraries

Kontakt