Informationen

Über mrweber

Mein Fokus liegt auf Webseiten für regionale Vereine, Organisationen und KMUs, die sich keine professionelle Agenturwebseite leisten können oder wollen, aber dennoch von einer Internetpräsenz profitieren.

Anders als andere Agenturen zimmere ich nicht einfach eine WordPress-Webseite mit einem Baukastensystem zusammen, die dann erstens wegen aller benutzter Plugins lahmt, mühsam zu unterhalten ist und trotzdem aussieht, wie alle anderen 08/15-Webseiten, die genau gleich zusammengebastelt werden. Abgesehen davon, dass die "Pro Versionen" von den Baukastensystemen wie Elementor (ab 59$ pro Jahr) oder Divi (ab 89$ pro Jahr oder 249$ einmalig) auch kosten.

Natürlich nutze ich auch WordPress, kenne aber auch andere Webtechnologien (siehe auch Welche Webseite macht Sinn für mich?)

mrweber.ch versteht sich hierbei nicht nur als reiner Webdesigner, sondern auch als Webentwickler. 

mrweber.ch kann nicht nur Bauklötze stapeln - mrweber.ch kann auch Code schreiben! Image by Freepik

Dabei setze ich vordergründig auf ein möglichst informatives Nutzererlebnis anstatt neuesten Trends zu folgen:

Als Besucher einer Schützenvereinswebseite möchte ich wissen:

  • WO sind die Resultate des Schützenfestes
  • WANN sind die Trainingstage
  • WIE kann ich dem Verein beitreten

Beispiel: Pistolenclub Hallau

Als Besucher einer Restaurantwebseite möchte ich wissen:

  • WANN hat das Restaurant geöffnet
  • WELCHE Speisen bietet es an
  • WO liegt es

Beispiel: Restaurant Bärenlinde

Als Besucher einer Portfoliowebseite eines Fotografen möchte ich wissen:

  • WIE sieht dessen Portfolio aus
  • WO ist das Studio ansässig
  • WAS kosten die Angebote

Natürlich hat auch anderes seinen Platz, sollte aber die Webseite komplimentieren, anstatt sich in den Fokus zu drängen.

So mag die Geschichte der Besenbeiz unterhaltsam sein, sollte aber nicht den Öffnungszeiten im Weg stehen. Und wenn man sich erst durch die Philosophie von Steinöfen lesen muss, ehe man die Telefonnummer des Lieferdienstes findet, ist das auch hinderlich.

Eine saubere, übersichtliche und nutzerfokussierte Webseite lädt mehr zum Verweilen ein, als eine unübersichtlich frustrierende dies tut. 

Das Layout einer Webseite ist entscheidend - und kann auch schonmal auf eine Serviette gekritzelt werden. Image by Pexels from Pixabay

Die Technik

Eine Homepage kann heutzutage auf tausendundeine Art erstellt werden. Welche für Sie die richtige ist, muss in jedem Fall anhand der Bedürfnisse und Vorstellungen angeschaut werden.

Ich habe meine "Karriere" mit WordPress begonnen, habe mich mittlerweile aber spezialisiert auf Next.js für React mit TypeScript in Zusammenspiel mit dem Cockpit CMS und der Infomaniak kDrive Cloud. Manchmal ist aber WordPress trotzdem die bessere Wahl, manchmal etwas komplett anderes. 

Hier eine Auswahl an Sprachen, Frameworks, Software und Infrastrukturen, mit denen ich mich auskenne. Mit Tippen auf ein Bild erfährt man in ein paar kurzen Sätzen auch, um was es sich bei "Next.js", "React", "CMS", usw. überhaupt handelt.

ChatGPT

ChatGPT

ChatGPT

ChatGPT ist ein fortschrittliches KI-Modell, das speziell für die Sprachverarbeitung und den Dialog entwickelt wurde. Es basiert auf der GPT-3.5-Architektur von OpenAI und kann natürliche Sprache verstehen und darauf reagieren.

ChatGPT wird durch maschinelles Lernen trainiert und verfügt über ein breites Wissen, das es ihm ermöglicht, Fragen zu beantworten, Informationen bereitzustellen und auf Unterhaltungen einzugehen. Es kann mit Benutzern in Echtzeit chatten und ihnen bei verschiedenen Anliegen helfen.

Das Modell nutzt ein kontextuelles Verständnis, um die Bedeutung von Sätzen und den Zusammenhang einer Konversation zu erfassen. Es kann auf eine Vielzahl von Themen eingehen und komplexe Fragen beantworten.

ChatGPT wird in verschiedenen Anwendungen eingesetzt, darunter Kundensupport, virtuelle Assistenten, Informationssuche und kreative Textgenerierung. Es bietet eine benutzerfreundliche Schnittstelle für den menschlichen Dialog und kann in verschiedene Systeme integriert werden.

Das Modell hat jedoch auch seine Grenzen.

Es kann manchmal ungenaue oder irreführende Antworten geben und es besteht die Möglichkeit, dass es auf anstößige oder unangemessene Anfragen reagiert. Es ist wichtig, bei der Verwendung von ChatGPT ein angemessenes Maß an Überprüfung und Verantwortung zu wahren.

Zusammenfassend ist ChatGPT ein fortschrittliches KI-Modell für den Dialog, das natürliche Sprache versteht und darauf reagiert. Es bietet eine breite Wissensbasis, kann in Echtzeit chatten und wird in verschiedenen Anwendungen eingesetzt, während gleichzeitig angemessene Vorsichtsmaßnahmen getroffen werden müssen.

Die Beschreibungen wurden mit ChatGPT erstellt.

ClubDesk

ClubDesk

ClubDesk

ClubDesk ist eine Software, die es Vereinen und Clubs ermöglicht, ihre eigene Website zu erstellen und zu verwalten.

Der Website-Builder-Aspekt der Software bietet eine benutzerfreundliche Oberfläche, die es den Benutzern ermöglicht, ihre Website ganz ohne Programmierkenntnisse zu gestalten. Mit einer Vielzahl von Vorlagen und anpassbaren Elementen können Vereine ihre Website individuell gestalten und Informationen über ihren Club, Veranstaltungen, Mitglieder und Aktivitäten präsentieren.

Der Website-Builder ermöglicht es auch, Termine und Ereignisse zu veröffentlichen, Bildergalerien zu erstellen und relevante Dokumente hochzuladen.

Darüber hinaus bietet ClubDesk Funktionen zur Verwaltung von Mitgliedschaften und zur Kommunikation mit den Mitgliedern über die Website.

Insgesamt bietet der Website-Builder-Aspekt von ClubDesk eine umfassende Lösung zur Erstellung und Pflege einer professionellen Website für Vereine und Clubs.

Die Beschreibungen wurden mit ChatGPT erstellt.

Cockpit

Cockpit

Cockpit

Cockpit CMS ist ein Content-Management-System (CMS), das es Benutzern ermöglicht, Inhalte für ihre Websites einfach zu verwalten.

 Mit Cockpit CMS können Sie verschiedene Arten von Inhalten wie Texte, Bilder, Videos und mehr erstellen, bearbeiten und organisieren. Es bietet eine benutzerfreundliche Oberfläche, über die Sie Inhalte ohne technische Kenntnisse aktualisieren können.

Cockpit CMS ist flexibel und anpassbar, sodass Sie Ihre eigene Datenstruktur und Vorlagen erstellen können. Es unterstützt auch die Verwaltung von Benutzern und Zugriffsrechten, um die Zusammenarbeit zu erleichtern.

Cockpit CMS ist eine selbstgehostete Lösung, was bedeutet, dass Sie es auf Ihrem eigenen Server installieren und verwenden können. Um Cockpit CMS zu nutzen, benötigen Sie grundlegende Kenntnisse über das Verwalten von Webseiten und einen Webserver mit PHP-Unterstützung.

Die Beschreibungen wurden mit ChatGPT erstellt.

CSS3

CSS3

CSS3

CSS3 steht für Cascading Style Sheets und ist eine Sprache, die verwendet wird, um das Aussehen und das Layout von Webseiten zu gestalten.

Mit CSS3 können Sie Farben, Schriftarten, Abstände, Hintergründe und andere visuelle Elemente einer Webseite anpassen. Es ermöglicht Ihnen, das Design Ihrer Webseite unabhängig vom HTML-Code zu kontrollieren.

CSS3 bietet auch fortgeschrittene Funktionen wie Transparenzen, Schatten, Animationen und Übergänge, um interaktive und ansprechende Effekte zu erzeugen. Es ist browserübergreifend kompatibel und kann auf verschiedenen Geräten und Bildschirmgrößen verwendet werden.

Um CSS3 zu verwenden, fügen Sie einfach den CSS-Code in Ihre HTML-Datei ein oder verlinken Sie eine separate CSS-Datei. Sie können CSS3 mit jedem Texteditor und Webbrowser verwenden.

Die Beschreibungen wurden mit ChatGPT erstellt.

Firebase

Firebase

Firebase

Firebase ist eine Entwicklungsplattform von Google, die es Entwicklern ermöglicht, schnell und einfach Web- und Mobilanwendungen zu erstellen.

Firebase bietet eine Vielzahl von Diensten, darunter eine Echtzeitdatenbank, Authentifizierung, Cloud-Speicher, Hosting, Benachrichtigungen und mehr.

Mit Firebase können Sie Daten in Echtzeit synchronisieren, Benutzer registrieren und authentifizieren, Dateien speichern und hosten sowie Cloud-Funktionen erstellen. Es bietet eine benutzerfreundliche Oberfläche und eine einfache Integration in Ihre Anwendung.

Firebase ist skalierbar, zuverlässig und verwaltet alle Serverinfrastruktur für Sie. Um Firebase zu verwenden, benötigen Sie einen Firebase-Account und grundlegende Kenntnisse in der Web- oder App-Entwicklung.

Die Beschreibungen wurden mit ChatGPT erstellt.

git

git

git

Git ist ein verteiltes Versionskontrollsystem, das Entwicklern dabei hilft, Änderungen an ihrem Code effizient zu verwalten.

Es ermöglicht das Tracking und die Verfolgung von Änderungen, das Erstellen von Zweigen (Branches) für die Entwicklung neuer Funktionen und das Zusammenführen (Merge) von Zweigen, um Änderungen zusammenzuführen. 

Git speichert den gesamten Verlauf des Codes und ermöglicht es, zu früheren Versionen zurückzukehren, Fehler zu beheben und den Fortschritt der Entwicklung nachzuvollziehen.

Es ist eine dezentrale Plattform, was bedeutet, dass jeder Entwickler eine vollständige Kopie des Codes und seiner Historie hat.

Git wird über die Befehlszeile oder durch grafische Benutzeroberflächen verwendet und ist plattformübergreifend kompatibel. Um Git zu verwenden, benötigen Sie einen Git-Client und grundlegende Kenntnisse über die grundlegenden Git-Befehle.

Die Beschreibungen wurden mit ChatGPT erstellt.

HTML5

HTML5

HTML5

HTML5 ist die neueste Version der Hypertext Markup Language, die zur Erstellung von Webseiten verwendet wird. Es ist die grundlegende Strukturierungssprache des World Wide Web und ermöglicht es, Texte, Bilder, Videos und andere Inhalte auf einer Webseite zu definieren und anzuzeigen.

Mit HTML5 können Entwickler interaktive Elemente wie Formulare, Audio- und Videoplayer integrieren und Animationen erstellen. Es bietet auch verbesserte Unterstützung für mobile Geräte und ermöglicht es, responsive Webseiten zu erstellen, die auf verschiedenen Bildschirmgrößen gut aussehen.

 HTML5 ist browserübergreifend kompatibel und erfordert keine spezielle Software zum Erstellen von Webseiten. Um HTML5 zu verwenden, benötigen Sie lediglich einen Texteditor und einen Webbrowser.

Die Beschreibungen wurden mit ChatGPT erstellt.

Infomaniak kDrive

Infomaniak kDrive

Infomaniak kDrive

Infomaniak kDrive ist eine Online-Speicherplattform, die es Benutzern ermöglicht, ihre Dateien sicher in der Cloud zu speichern und darauf zuzugreifen.

Mit kDrive können Sie Fotos, Videos, Dokumente und andere Dateien online speichern, organisieren und synchronisieren. Es bietet Funktionen wie Dateifreigabe, automatische Synchronisierung auf verschiedenen Geräten und die Möglichkeit, Dateien mit anderen zu teilen.

kDrive bietet eine benutzerfreundliche Oberfläche und ist plattformübergreifend kompatibel, was bedeutet, dass Sie von Ihrem Computer, Tablet oder Smartphone aus darauf zugreifen können.

Es bietet auch Datenschutz und Datensicherheit durch Verschlüsselung und regelmäßige Backups. Um kDrive zu verwenden, benötigen Sie lediglich einen Infomaniak-Account und eine Internetverbindung.

Die Beschreibungen wurden mit ChatGPT erstellt.

JavaScript

JavaScript

JavaScript

JavaScript ist eine Programmiersprache, die hauptsächlich für die Entwicklung von interaktiven Webseiten verwendet wird. Sie ermöglicht es, Funktionen und Inhalte dynamisch auf einer Webseite zu verändern.

Mit JavaScript können Sie Formulare überprüfen, Pop-up-Fenster öffnen, Animationen erstellen und vieles mehr. Es ist eine clientseitige Sprache, was bedeutet, dass sie im Browser des Benutzers ausgeführt wird.

JavaScript ist sehr verbreitet und wird von den meisten modernen Webbrowsern unterstützt. Um JavaScript zu verwenden, benötigen Sie nur einen Texteditor und einen Webbrowser.

Die Beschreibungen wurden mit ChatGPT erstellt.

Kadence WP

Kadence WP

Kadence WP

Kadence WP ist ein WordPress-Themendienst, der sich auf die Bereitstellung hochwertiger Designvorlagen und Funktionen für Website-Ersteller spezialisiert hat. Das Kadence-Team hat sich darauf konzentriert, benutzerfreundliche, flexible und leistungsstarke Themes zu entwickeln, die es ermöglichen, Websites ohne tiefgreifende technische Kenntnisse zu gestalten.

Kadence WP hat auch ein Kadence-Theme-Builder-Plugin, das eine visuelle Drag-and-Drop-Oberfläche bietet, um das Design von Seiten und Beiträgen direkt im WordPress-Editor zu gestalten. Dies erleichtert die Erstellung ansprechender Layouts, ohne dass umfangreiche Codierungskenntnisse erforderlich sind.

Die Beschreibungen wurden mit ChatGPT erstellt.

Leaflet

Leaflet

Leaflet

Leaflet ist eine Open-Source-JavaScript-Bibliothek, die es ermöglicht, interaktive Karten in Webanwendungen einzubinden. Mit Leaflet können Sie Karten anzeigen, Markierungen setzen, Polygone zeichnen und vieles mehr. Es ist leichtgewichtig und einfach zu verwenden, auch für Anfänger.

Leaflet bietet eine breite Palette von Funktionen, wie Zoomen, Panning und das Hinzufügen von Popups und Tooltips zu Markierungen. Es unterstützt verschiedene Kartenanbieter wie OpenStreetMap und ermöglicht die Integration von benutzerdefinierten Karten und Daten.

Leaflet ist plattformunabhängig und funktioniert in den meisten modernen Webbrowsern. Um Leaflet zu verwenden, benötigen Sie grundlegende Kenntnisse in HTML, CSS und JavaScript und können die Bibliothek einfach in Ihre Webseite einbinden.

Die Beschreibungen wurden mit ChatGPT erstellt.

Material UI

Material UI

Material UI

Material-UI ist eine React-Komponentenbibliothek, die eine Sammlung von vorgefertigten, ansprechenden und wiederverwendbaren Benutzeroberflächenelementen bereitstellt.

Mit Material-UI können Entwickler schnell und einfach moderne und stilvolle Benutzeroberflächen für ihre Webanwendungen erstellen. Die Bibliothek basiert auf dem Material Design-Konzept von Google und bietet eine Vielzahl von vorgefertigten Komponenten wie Buttons, Formularelemente, Navigationsleisten und vieles mehr. Diese Komponenten sind anpassbar und können leicht in Ihre Anwendung integriert werden.

Material-UI bietet auch eine umfangreiche Dokumentation und eine aktive Community, die Unterstützung und Beispiele bietet. Um Material-UI zu verwenden, benötigen Sie grundlegende Kenntnisse in React, einen Texteditor und einen Webbrowser. Sie können die Bibliothek über npm (Node Package Manager) installieren und in Ihre Anwendung importieren.

Die Beschreibungen wurden mit ChatGPT erstellt.

Netlify

Netlify

Netlify

Netlify ist eine Hosting-Plattform, die es Entwicklern ermöglicht, ihre Websites und Webanwendungen einfach und schnell zu veröffentlichen.

Mit Netlify können Sie Ihren Code von einem Git-Repository (wie GitHub oder GitLab) automatisch bereitstellen, sodass Ihre Webseite direkt nach jedem Update online verfügbar ist. Es bietet eine benutzerfreundliche Oberfläche, mit der Sie Ihre Website verwalten und anpassen können.

Netlify unterstützt auch Funktionen wie Domainverwaltung, HTTPS-Verschlüsselung und Continuous Deployment. Es bietet auch leistungsstarke Tools für Vorabversionen (Previews), Tests und Skalierung.

Netlify ist einfach einzurichten und erfordert keine komplexe Konfiguration oder Serververwaltung. Um Netlify zu verwenden, benötigen Sie lediglich einen Netlify-Account und Ihren Code in einem Git-Repository.

Die Beschreibungen wurden mit ChatGPT erstellt.

Next.js

Next.js

Next.js

Next.js ist ein Framework für die Entwicklung von Webanwendungen mit React. Es erleichtert die Erstellung von reaktionsfähigen und serverseitig gerenderten Webseiten.

Mit Next.js können Entwickler dynamische Seiten erstellen, die zur Laufzeit auf dem Server gerendert werden, was zu einer verbesserten Leistung und Suchmaschinenoptimierung führt. Es bietet auch Funktionen wie automatisches Code-Splitting, Routing und Hot-Reloading, was die Entwicklung erleichtert.

Next.js unterstützt sowohl den serverseitigen als auch den clientseitigen Rendering-Ansatz und ermöglicht es Entwicklern, die Vorteile beider Methoden zu nutzen.

Es ist gut dokumentiert und wird von einer aktiven Community unterstützt, was den Einstieg erleichtert. Um Next.js zu verwenden, benötigen Sie grundlegende Kenntnisse in React, einen Texteditor, einen Webbrowser und eine Node.js-Umgebung.

Die Beschreibungen wurden mit ChatGPT erstellt.

Node.js

Node.js

Node.js

Node.js ist eine JavaScript-Laufzeitumgebung, die es ermöglicht, JavaScript auch außerhalb des Webbrowsers auszuführen.

Mit Node.js können Entwickler serverseitige Anwendungen erstellen, wie beispielsweise Webserver, APIs oder Befehlszeilentools. Es ermöglicht die Nutzung von JavaScript auf der Serverseite und bietet eine effiziente und skalierbare Plattform für die Entwicklung von Backend-Anwendungen.

Node.js basiert auf der V8 JavaScript-Engine von Google Chrome und bietet eine Vielzahl von Modulen und Bibliotheken, die Entwicklern zur Verfügung stehen. Es unterstützt asynchrones, ereignisgesteuertes Programmieren, was zu hoher Leistung und Effizienz führt.

Um Node.js zu verwenden, benötigen Sie einen Texteditor, einen Terminalzugriff und eine grundlegende Kenntnis von JavaScript.

Die Beschreibungen wurden mit ChatGPT erstellt.

nodemailer

nodemailer

nodemailer

Nodemailer ist ein Modul für Node.js, das es ermöglicht, E-Mails über einen Server zu senden. Es bietet eine einfache Möglichkeit, E-Mails zu generieren, zu formatieren und an Empfänger zu versenden.

Nodemailer unterstützt verschiedene E-Mail-Dienste und Protokolle wie SMTP, Sendmail und mehr.Es ermöglicht auch das Anhängen von Dateien an E-Mails und das Hinzufügen von HTML- oder Textinhalten.

Nodemailer bietet eine Vielzahl von Konfigurationsoptionen, um den E-Mail-Versand anzupassen, wie beispielsweise das Hinzufügen von Absendernamen, das Festlegen von Betreffzeilen und das Konfigurieren von Authentifizierungsoptionen. Um Nodemailer zu verwenden, benötigen Sie grundlegende Kenntnisse in JavaScript, eine Node.js-Umgebung und einen Texteditor.

Die Beschreibungen wurden mit ChatGPT erstellt.

PWA

PWA

PWA

Eine Progressive Web App (PWA) ist eine Webseite, die einige Funktionen von nativen mobilen Apps bietet. PWAs können auf verschiedenen Geräten wie Desktops, Tablets und Smartphones genutzt werden. Sie bieten ein benutzerfreundliches und reaktionsschnelles Erlebnis, indem sie offlinefähig sind, Push-Benachrichtigungen unterstützen und Zugriff auf Gerätefunktionen wie Kamera und Standort ermöglichen.

PWAs können direkt über den Webbrowser installiert werden, ohne dass ein App Store erforderlich ist. Sie werden automatisch aktualisiert, so dass Benutzer immer die neueste Version erhalten.

PWAs sind plattformunabhängig und können auf verschiedenen Betriebssystemen und Browsern ausgeführt werden. Um eine PWA zu erstellen, benötigen Sie grundlegende Kenntnisse in Webentwicklungstechnologien wie HTML, CSS und JavaScript.

Die Beschreibungen wurden mit ChatGPT erstellt.

React

React

React

React ist eine JavaScript-Bibliothek, die zur Entwicklung von interaktiven und reaktionsfähigen Benutzeroberflächen für Webanwendungen verwendet wird.

Mit React können Entwickler Komponenten erstellen, die unabhängig voneinander funktionieren und wiederverwendet werden können. Diese Komponenten ermöglichen es, den Code übersichtlich zu organisieren und die Wartbarkeit zu verbessern.

React verwendet den sogenannten "Virtual DOM", der Änderungen effizient verarbeitet und nur die betroffenen Teile der Benutzeroberfläche aktualisiert, was zu einer besseren Leistung führt. Es ermöglicht auch die Integration von Datenflusskonzepten wie dem einwegigen Datenfluss (One-Way Data Binding) und dem Zustandsmanagement.

React wird von einer großen Entwicklergemeinschaft unterstützt und bietet eine Vielzahl von Ressourcen und Bibliotheken. Um React zu verwenden, benötigen Sie einen Texteditor, einen Webbrowser und ein grundlegendes Verständnis von JavaScript.

Die Beschreibungen wurden mit ChatGPT erstellt.

Stable Diffusion (Dream Studio)

Stable Diffusion (Dream Studio)

Stable Diffusion (Dream Studio)

Stabile Diffusion bezieht sich auf eine fortschrittliche KI-Technologie, die speziell für die Bildverarbeitung und -analyse entwickelt wurde. Diese Technologie nutzt Deep Learning-Algorithmen, um Bilder zu verstehen, zu klassifizieren und zu generieren.

Durch stabile Diffusion kann die KI komplexe visuelle Muster erkennen und sie in einem Bild interpretieren. Sie kann beispielsweise Objekte, Personen, Tiere oder Landschaften identifizieren und beschreiben. Darüber hinaus ermöglicht sie die Generierung neuer Bilder basierend auf den gelernten Merkmalen und Stilen.

Die stabile Diffusionstechnologie arbeitet durch die iterative Anwendung von neuronalen Netzen auf das Eingangsbild. Dabei werden die Merkmale des Bildes schrittweise verfeinert und die Wahrscheinlichkeiten der vorhandenen Muster erhöht. Dies führt zu einer verbesserten Genauigkeit und Qualität der Ergebnisse.

Stabile Diffusion findet Anwendung in verschiedenen Bereichen wie der Bilderkennung, dem maschinellen Sehen, der medizinischen Bildgebung und der künstlerischen Gestaltung. Sie bietet eine leistungsfähige Methode zur Analyse und Manipulation von Bildern und eröffnet neue Möglichkeiten in der visuellen Datenverarbeitung.

Zusammenfassend ermöglicht stabile Diffusiondie präzise Analyse und Interpretation von Bildern mittels fortschrittlicher KI-Technologie. Durch den Einsatz von Deep Learning-Algorithmen werden visuelle Muster erkannt, Bilder generiert und verschiedene Anwendungen in Bereichen wie Bilderkennung, medizinischer Bildgebung und künstlerischer Gestaltung ermöglicht.

Die Beschreibungen wurden mit ChatGPT erstellt.

TypeScript

TypeScript

TypeScript

TypeScript ist eine Programmiersprache, die auf JavaScript basiert und zusätzliche Funktionen bietet, um die Entwicklung von Webanwendungen zu verbessern.

TypeScript fügt statische Typisierung hinzu, was bedeutet, dass Variablen, Funktionen und Objekte einen bestimmten Datentyp haben können. Dies ermöglicht Fehlererkennung während der Entwicklung und verbessert die Code-Qualität. TypeScript bietet auch erweiterte Funktionen wie Klassen, Module und Schnittstellen, die die Strukturierung und Organisation des Codes erleichtern.

Es ist eine Open-Source-Sprache, die von Microsoft entwickelt wurde und von einer aktiven Entwicklergemeinschaft unterstützt wird. TypeScript-Code wird in JavaScript übersetzt und kann in jedem JavaScript-fähigen Browser oder Node.js-Umgebung ausgeführt werden. Um TypeScript zu verwenden, benötigen Sie einen Texteditor, einen TypeScript-Compiler und grundlegende Kenntnisse in JavaScript.

Die Beschreibungen wurden mit ChatGPT erstellt.

Vercel

Vercel

Vercel

Vercel ist eine Hosting-Plattform, die es Entwicklern ermöglicht, ihre Webseiten und Webanwendungen einfach und schnell zu veröffentlichen.

Mit Vercel können Sie Ihren Code von einem Git-Repository (wie GitHub oder GitLab) automatisch bereitstellen, sodass Ihre Webseite direkt nach jedem Update online verfügbar ist. Es bietet eine benutzerfreundliche Oberfläche, mit der Sie Ihre Website verwalten und anpassen können.

Vercel unterstützt auch Funktionen wie automatisches Skalieren, Caching und Vorabversionen (Previews). Es bietet eine hohe Leistung und Zuverlässigkeit durch den Einsatz von globalen Content Delivery Networks (CDNs).

Vercel ist einfach einzurichten und erfordert keine komplexe Konfiguration oder Serververwaltung. Um Vercel zu verwenden, benötigen Sie lediglich einen Vercel-Account und Ihren Code in einem Git-Repository.

Die Beschreibungen wurden mit ChatGPT erstellt.

Vite

Vite

Vite

Vite ist ein Build-Tool und Entwicklungs-Server für moderne Webanwendungen. Es wurde entwickelt, um die Entwicklung von JavaScript-Projekten zu beschleunigen.

Vite ermöglicht ein schnelles Kompilieren und Bündeln von Code, was zu einer schnelleren Aktualisierung der Webseite führt. Es unterstützt moderne JavaScript-Frameworks wie Vue.js und React, sowie CSS-Präprozessoren wie Sass und Less.

Vite verwendet eine Entwicklungsumgebung mit Echtzeit-Updates, was bedeutet, dass Änderungen im Code sofort angezeigt werden. Es bietet auch eine einfache Konfiguration und Integration von Plugins.

Vite ist speziell auf die Bedürfnisse moderner Webentwicklung abgestimmt und optimiert die Entwicklungseffizienz. Um Vite zu verwenden, benötigen Sie grundlegende Kenntnisse in JavaScript und der jeweiligen Framework-Dokumentation.

Die Beschreibungen wurden mit ChatGPT erstellt.

WoltLab

WoltLab

WoltLab

Die WoltLab Suite ist eine Software, mit der man Foren erstellen und verwalten kann.

Ein Forum ist eine Online-Plattform, auf der Benutzer diskutieren, Informationen austauschen und sich in verschiedenen Themenbereichen engagieren können. Mit der WoltLab Suite können Sie ein benutzerfreundliches Forum aufbauen, das es Ihnen ermöglicht, Beiträge zu erstellen, auf Beiträge anderer zu antworten und private Nachrichten auszutauschen.

Die Suite bietet auch Funktionen wie Benutzerprofile, Benachrichtigungen über neue Beiträge und die Möglichkeit, Themen zu abonnieren. Es ist anpassbar und ermöglicht es Ihnen, das Erscheinungsbild und die Funktionen Ihres Forums nach Ihren Wünschen anzupassen.

Um die WoltLab Suite zu verwenden, benötigen Sie eine geeignete Webhosting-Umgebung und eine Domain, auf der Ihr Forum gehostet wird.

Die Beschreibungen wurden mit ChatGPT erstellt.

WordPress

WordPress

WordPress

WordPress ist eine beliebte Content-Management-Plattform, mit der Sie Websites erstellen und verwalten können, ohne dass umfangreiche Programmierkenntnisse erforderlich sind. Es bietet eine benutzerfreundliche Oberfläche, mit der Sie Ihre Website anpassen und Inhalte wie Texte, Bilder und Videos hinzufügen können.

WordPress bietet eine Vielzahl von Designs und Plugins, die es Ihnen ermöglichen, Ihre Website nach Ihren Wünschen anzupassen und Funktionen hinzuzufügen.

Es ist eine Open-Source-Plattform, was bedeutet, dass sie kostenlos verwendet werden kann. Um WordPress zu nutzen, benötigen Sie einen Webhosting-Service und eine Domain, auf der Ihre Website gehostet wird.

Die Beschreibungen wurden mit ChatGPT erstellt.

Was ich nicht mache

Ich bin kein gelernter Profi und obschon ich mir sehr gerne neue Kentnisse aneigne, lasse ich von folgenden Projekten lieber die Finger:

  • Webseiten, die auf Nutzerkonten aufbauen (Soziale Netzwerke, Angebote mit Abos) - Ausnahme: Foren, mit geeigneter Forensoftware erstellt
  • e-Commerce-Webseiten (Marktplätze und Verkaufsplattformen)
  • Datenbankintensive und -sensitive Projekte
  • AWS/GCP/Azure Projekte
  • Webseiten in PHP - WordPress ist etwas eine Ausnahme

Die Liste ist nicht abschliessend.

Über mich

Zur Person

Der Name ist Marcel Weber, auf halber Strecke zu den 70 Sommer, wohnhaft in der westlichen Ecke des nördlichsten Kantons. 
Abseits von Tastatur gerne mit Pistole oder Gewehr in der Hand auf hiesigen Schiessständen anzutreffen.

Zum Werdegang

Angefangen hat meine "Karriere" mit WordPress und einer grossen Klappe: So proklamierte ich im 2015, dass heutzutage das Erstellen von Webseiten ja kinderleicht sei, und ich die Webseite meines damaligen Schützenvereines erneuern wollte.

Schnell musste festgestellt werden, dass es eben doch nicht so einfach war (und nicht einfacher wurde). Nach Nächten des Lernens stand dann aber tatsächlich eine präsentable Webseite im Raum. "Dank" der Spezialwünsche des Vereines kam ich bald ans Limit des ohne Programmierkenntnisse Machbaren, und so brachte ich mir wiederum in nächtelangem Selbststudium die Grundkenntnisse von HTML und CSS bei. 

So blieb das einige Zeit lang, ich durfte die ein oder andere WordPress-Webseite für diverse "Kunden" (ich machte das gratis) erstellen - dabei wurde mein HTML und CSS immer besser und besser.

So hats angefangen, ohne jegliche Webdesignkenntnisse. Nur Inhalte erstellen und Knöpfe drücken. Image by StockSnap from Pixabay

Im Lockdown 2020 dann, bei gerade herrschender Langeweile, habe ich mir den Laptop geschnappt und mir gesagt "so, jetzt lerne ich richtig Programmieren". Python wars am Anfang, da das im Vergleich am wenigsten abschreckend wirkte. So programmierte ich bald schon einfachste Applikationen, die mir bald auch bei der Arbeit helfen würden. 

Python befriedigte mich aber nicht - zu gross waren die Einschränkungen. So wagte ich bald den Schritt zu Java, welches nun, dank der Erfahrung mit Python, nicht mehr ganz so abschreckend wirkte.

Webseiten liessen mich aber nie ganz los, mit Java war ich ideenlos, was Projekte anging - was lag also näher, als dieses omnipräsente JavaScript mal anzuschauen?

Gesagt, getan - und es hats mir angetan. Schnell waren erste Webseiten komplett von Hand gebaut. Doch die genügten nicht. Ich lernte mehr, informierte mich, warf alles über den Haufen und baute wieder neu. Das "Magnum Opus", eine Kartenapplikation für meine Arbeit (welche ich leider nicht zeigen kann), fand grossen Anklang im Büro - zeigte aber auch die Grenzen von einfachem JavaScript auf. Also musste Wissen über diese "Frameworks" her -  es wurde React, welches mir am logischsten erschien. Die Geschichte wiederholte sich abermals, es kamen diverse Teilbereiche des Programmierens hinzu (Versionskontrolle, Cloud, Developer-Environments, etc), und nach Next.js und Vite auch das unvermeidliche TypeScript. 

Mittlerweile bin ich mir eher sowas hier gewöhnt. Image by Boskampi from Pixabay

Und da sind wir jetzt. Acht Jahre Erfahrung im Webdesign mit WordPress, HTML und CSS, drei Jahre Erfahrung mit JavaScript und einer ungebrochenen Passion dafür.