{S|H}Webentwickler

Über mich

Bild zeigt Stephan Hüttner

Ich bin Stephan Hüttner, Full-Stack Entwickler aus Berlin.
Mein Schwerpunkt liegt zur Zeit auf der Programmierung mit PHP, JavaScript und MySQL. Immer häufiger kommen aber auch Node.js und React zum Einsatz.

Eine Kostprobe meiner Fähigkeiten gibt es in meinem Portfolio weiter unten.

Bio

Nachdem ich eine Ausbildung zum Kaufmann im Groß- und Außenhandel abeschlossen hatte, wurde ich von meinem damaligen Betrieb übernommen, und arbeitete dort mehrere Jahre in den Bereichen Verkauf und Support Computer, Bürotechnik und Consumer Electronics.

Die Jahre vergingen, und es entwickelte sich immer mehr der Drang, beruflich etwas Neues auszuprobieren. Gesagt, getan – Anfang 2012 ging ich das Risiko ein, und machte mich selbstständig im Bereich Online-Marketing.
Die nächsten Jahre drehte sich dann alles um Dinge wie SEO, Paid Advertising, Conversion Rates und Landingpages.

In dieser Zeit lernte ich auch wie man Websites entwickelt.
Was anfangs nur Basisfähigkeiten in HTML, CSS, JavaScript und PHP waren, um einfache Landingpages und Wordpress-Seiten zu erstellen, entwickelte sich mit der Zeit zu fundierten Kenntnissen.
Es macht mir einfach Spaß an neuen Projekten zu arbeiten, bis sie so funktionieren, wie ich be­zie­hungs­wei­se der Kunde es sich vorstellt.
Aus diesem Grund habe ich mich Anfang 2016 dazu entschieden, mich beruflich auf die Webentwicklung zu fokussieren.

HTML5 logo CSS3 logo JavaScript logo jQuery logo Node.js logo PHP logo Bootstrap logo SQL logo MongoDB logo

Portfolio

  • Bookscorpion.org Screenshot

    Bookscorpion.org

    Bookscorpion ist eine Produkt-Website konzipiert für Affiliate-Marketing. Sie ist aufgebaut wie ein kleiner Onlineshop, mit Informationen, Videos und Bewertungen über die einzelnen Produkte. Je nach Standort des Besuchers, werden relevante Affiliate-Links und Banner abgerufen. Für das Backend habe ich Node.js und MongoDB benutzt. Auch ein API zum Abruf der Daten aus der DB habe ich dazu entwickelt.

    Benutzte Technologien:

    Node.js, MongoDB, Express.js, Bootstrap, Jade (Pug), MaxMind GeoLite2, Mongoose

  • StephanHuettner.de Screenshot

    StephanHuettner.de

    Meine eigene Website, auf der ich meine Projekte und mich präsentiere. Die Website ist responsive und wurde von mir komplett ohne ein Framework oder eine Bibliothek entwickelt. Hier habe ich auch zum ersten Mal Webpack als Modul-Bundler eingesetzt. Des Weiteren habe ich mit JavaScript ES6 programmiert, welches später durch Webpack und den Babel-Loader zu ES5 kompiliert wird.

    Benutzte Technologien:

    HTML, CSS, JavaScript (ES6), Webpack, Babel, Autoprefixer

  • Omnifood Projekt Screenshot

    Omnifood Projekt

    Omnifood ist eine Website für einen fiktiven Lieferdienst, welche ich für einen responsive Webdesign-Kurs erstellt habe. Die Animationen und die dynamische Funktionalität wurden mit Animate.css und jQuery realisiert. Die interaktive Karte bekommt ihre Daten über das Google Maps API. Webpack wurde als Modul-Bundler eingesetzt.

    Benutzte Technologien:

    HTML, CSS, JavaScript, jQuery, Animate.css, Google Maps API, Webpack

  • Simon Spiel Screenshot

    Simon Spiel

    Das Spiel basiert auf dem bekannten Spiel Simon (Senso). Das Projekt war eine Prüfung für den Free Code Camp Frontend-Kurs. Es gibt vier verschiedenfarbige Buttons, welche jeweils auch einen anderen Ton abgeben. Der Computerspieler drückt einen der Buttons, welchen der Spieler wiedergeben muss. Wurde der richtige Button gedrückt, beginnt die nächste Runde, in der zu dem vorherigen Button ein weiterer hinzukommt. Gewonnen hat man, wenn man insgesamt 20 Runden übersteht.

    Benutzte Technologien:

    HTML, CSS, JavaScript, jQuery, HTMLAudioElement API, Materialize

  • Wetter App Screenshot

    Wetter App

    Die Wetter App fragt den Besucher nach seinem Standort, und ruft dann die Wetterdaten für seine Position ab. Falls der Besucher seinen genauen Standort nicht freigibt, wird seine Position über die IP-Adresse ermittelt. Die Wetterdaten stammen von OpenWeatherMap. Über einen Button kann man zwischen °C und °F wechseln. Das Projekt war eine Prüfung für den Free Code Camp Frontend-Kurs.

    Benutzte Technologien:

    HTML, CSS, JavaScript, Ajax, Geolocation API, ipapi.co Geo API, OpenWeatherMap API

  • Pomodoro Uhr Screenshot

    Pomodoro Uhr

    Die Uhr basiert auf der Pomodoro-Technik, welche eine Methode des Zeitmanagements ist. Man arbeitet und pausiert dabei in für sich vorgegebenen Zeitintervallen. Die originale Technik gibt eine Arbeitszeit von 25 Minuten und eine Pausenzeit von 5 Minuten vor. Beides lässt sich bei meiner Version minutengenau variieren. Das Projekt war eine Prüfung für den Free Code Camp Frontend-Kurs.

    Benutzte Technologien:

    HTML, CSS, JavaScript, jQuery, Materialize