Projekt:
Webentwicklung lernen

Nicht ein einziges Projekt, aber in diesem Segment habe ich mich mit Webentwicklung und den verschiedenen Werkzeugen die dafür notwendig sind beschäftigt. Neben klassischem HTML, CSS und Javascript habe ich auch Übung in SCSS, BEM Namensgebung, Arbeiten mit Node.js Entwicklungsumbebung und dem CMS Statamic bekommen.

Webentwicklung Highlights

Digitale Collage mit Videosymbolen, Nutzerprofilen und Schlössern zum Thema Online-Sicherheit.

Arbeiten mit Webkomponenten

Durch Webkomponenten lernte ich modulare, wiederverwendbare Elemente zu erstellen, die Struktur, Funktion und Darstellung klar voneinander trennen.

Logos von HTML5, CSS3 und JavaScript auf digitalen Geräten als Symbol für Webentwicklung.

Webentwicklung mit HTML, CSS und Javascript

Mit HTML, CSS und Javascript entwickelte ich funktionale Layouts, interaktive Elemente und solide Grundlagen für moderne Webanwendungen.

Nahaufnahme von CSS-Code mit Stildefinitionen für Layout-Elemente auf dunklem Bildschirm.

Coden mit Visual Studio und Node.js

Visual Studio und Node.js ermöglichten effizientes Arbeiten, schnelles Testen und eine professionelle Entwicklungsumgebung für moderne Webprojekte.

Projektzusammenfassung

Während meiner Lernphase in der Webentwicklung beschäftigte ich mich intensiv mit modernen Frontend-Techniken und deren praktischem Einsatz. HTML, CSS und Javascript bildeten die Basis, ergänzt durch SCSS für besser strukturierten Code und BEM als klare, skalierbare Namenskonvention. Mit Node.js baute ich lokale Entwicklungsumgebungen auf, testete Workflows und nutzte Build-Tools für effizientere Arbeitsprozesse. Webkomponenten halfen mir, wiederverwendbare Module mit klarer Struktur zu entwickeln. Zusätzlich griff ich regelmäßig auf Ressourcen wie MDN, CodePen oder Dokumentationen zurück, um Funktionen zu vertiefen und Best Practices zu verstehen. Die Kombination aus Tools, Sprachen und Online-Ressourcen vermittelte mir ein fundiertes Verständnis dafür, wie moderne Websites aufgebaut, gepflegt und performant umgesetzt werden.

Herausforderungen und Lernerfolge

Nahaufnahme von HTML- und CSS-Code in verschiedenen Farben auf Bildschirm.

  • HTML, CSS und Javascript sicher und strukturiert im Projekt anwenden

  • SCSS genutzt, um größere Stylesheets übersichtlich und modular zu gestalten

  • Visuelle Komponenten in Visual Studio effizient entwickeln und testen

  • Node.js eingesetzt, um moderne Entwicklungsprozesse besser nachzuvollziehen

  • BEM-Namenskonventionen angewendet, um klaren und skalierbaren Code zu erzeugen

  • Javascript-Funktionen genutzt, um dynamische Interaktionen umzusetzen

  • Webkomponenten erstellt und sinnvoll in Seitenstrukturen integriert

  • Online-Ressourcen verwendet, um Best Practices und moderne Lösungen zu lernen

Projekte und Tätigkeiten

Person mit Schal trinkt aus froschförmigem Becher vor dunklem Hintergrund, Name „BissjeTommy“.

BissjeTommy Website

Dieses Projekt umfasst eine Website für den Youtube Creator BissjeTommy und soll als eine Art erweiterter Linktree / Online Visitenkarte dienen.

zum Projekt
Brot mit Leberwurst und Radieschen vor Frühlingszwiebeln, Text „Qualität und Tradition aus der Pfalz“.

Cornelius Website

Ein Projekt zum Redesign der Website des Herstellers für Pfälzische Wurstspezialitäten, Cornelius.

zum Projekt
Backsteinwand mit Schild „Barrierefreier Eingang“ und Rollstuhlsymbol.

Barrierefreiheit, UI & UX

Ein ausfürhlicher Blick auf Barrierefreiheit im Web und die WCAG des W3C (World Wide Web Consortium).

zum Projekt