HTML lernen leicht gemacht: Ein inklusiver Kurs für alle

In dieser Blogartikelreihe möchte ich die Grundlagen von HTML Erklären.

Warum dieser Kurs?

Barrierefreies Webdesign bedeutet, dass Webseiten so programmiert werden, dass alle Menschen, auch Menschen mit Behinderungen und anderen körperlichen Einschränkungen, eine Webseite bedienen und wahrnehmen können. Für Web-Entwickler ohne Behinderung ist das oft eine große Herausforderung. Deswegen ist es schlau, Menschen mit Behinderungen das Entwickeln von Webseiten beizubringen. Wenn zum Beispiel blinde Menschen Webseiten programmieren, können sie selbst darauf achten, dass die Webseite danach barrierefrei ist.

Was ist Inklusion?

Inklusion bedeutet, dass Menschen mit und ohne Behinderung die gleichen Chancen und Möglichkeiten haben, in allen Bereichen des Lebens aktiv teilzunehmen. Das Ziel von Inklusion ist, Barrieren abzubauen und sicherzustellen, dass alle Menschen gleichermaßen integriert und wertgeschätzt werden.

  • Kindergarten und Schule: Kinder mit und ohne Behinderung lernen und spielen zusammen. Sie besuchen die gleichen Kindergärten und Schulen, wodurch sie von Anfang an gemeinsam aufwachsen und voneinander lernen.
  • Arbeitsleben: Inklusion im Arbeitsleben bedeutet, dass Menschen mit Behinderung die gleichen Arbeitsmöglichkeiten haben wie Menschen ohne Behinderung. Sie arbeiten in den gleichen Teams und Unternehmen und tragen gemeinsam zum Erfolg bei.

Inklusion im Webdesign bedeutet, Webseiten so zu gestalten, dass sie für alle Menschen zugänglich und nutzbar sind, unabhängig von ihren Fähigkeiten. Dies schließt auch Menschen mit Behinderungen ein, wie blinde oder sehbehinderte Menschen, die oft die größten Herausforderungen haben, wenn eine Webseite nicht barrierefrei ist.

Inklusion fördert ein respektvolles und unterstützendes Miteinander. Sie hilft, Vorurteile abzubauen und sorgt dafür, dass alle Menschen unabhängig von ihren Fähigkeiten gleichberechtigt am gesellschaftlichen Leben teilhaben können.

Zielgruppe dieses HTML-Kurses

Die vielen tollen Lernvideos und Videokurse, die es im Internet gibt, sind für blinde Menschen nicht wahrnehmbar. Damit blinde Menschen die Möglichkeit haben, die Web-Entwicklung zu lernen, starte ich diesen Kurs zum Erlernen von HTML. Danach wird es noch einen Kurs zu den Grundlagen von CSS geben.

Zielgruppe dieses HTML-Kurses sind blinde Menschen die HTML lernen möchten. Da wir aber im Zeitalter der Inklusion leben, dürfen alle Menschen, auch Menschen ohne Behinderung, mit diesem Kurs HTML lernen !

Selbstverständlich wird auch die digitale Barrierefreiheit, bei den Themen wo Sinn macht, erklärt.
„HTML lernen leicht gemacht: Ein inklusiver Kurs für alle“ weiterlesen

HTML lernen leicht gemacht: Die Entwicklungsumgebung Visual Studio Code

In diesem Blogartikel erkläre ich die Installation und grundsätzliche Bedienung der Entwicklungsumgebung Visual Studio Code.

Was ist Visual Studio Code?

Visual Studio Code (oft einfach VS Code genannt) ist ein kostenloser, leichtgewichtiger und leistungsstarker Texteditor, der speziell für Programmierer entwickelt wurde. Hier sind die wesentlichen Punkte leicht verständlich erklärt:

  1. Texteditor für Programmierer: VS Code ist ein Programm, in dem man Code schreiben kann, ähnlich wie man in einem Textverarbeitungsprogramm wie Word Texte schreibt. Es ist jedoch speziell dafür gemacht, um Programmiersprachen wie HTML, JavaScript, Python und viele andere zu unterstützen.
  2. Kostenlos und Open-Source: Das Programm ist kostenlos verfügbar und kann von jedem heruntergeladen und genutzt werden. Es ist auch Open-Source, was bedeutet, dass der Quellcode von jedem eingesehen und verbessert werden kann.
  3. Plattformübergreifend: VS Code funktioniert auf verschiedenen Betriebssystemen, einschließlich Windows, macOS und Linux. Egal welches Betriebssystem man benutzt, VS Code läuft darauf.
  4. Erweiterbar: Man kann VS Code mit vielen zusätzlichen Funktionen ausstatten, indem man Erweiterungen installiert. Diese Erweiterungen können das Programmieren erleichtern, indem sie beispielsweise Code-Vervollständigungen anbieten oder das Arbeiten mit bestimmten Programmiersprachen verbessern.
  5. Intuitive Benutzeroberfläche: VS Code bietet eine benutzerfreundliche Oberfläche, die leicht zu navigieren ist. Es gibt verschiedene Bereiche, wie z.B. den Explorer zum Anzeigen von Dateien, den Editor zum Schreiben von Code und das Terminal zum Ausführen von Befehlen.
  6. Live-Vorschau: Eine besonders nützliche Funktion für HTML-Entwicklung ist die Möglichkeit, die Änderungen sofort zu sehen. Mit einer Erweiterung namens „Live Server“ kann man seine Webseite im Browser öffnen und jede Änderung, die man in VS Code macht, wird sofort im Browser aktualisiert.

„HTML lernen leicht gemacht: Die Entwicklungsumgebung Visual Studio Code“ weiterlesen

Barrierefreiheit bei Visual Studio Code – Barrierefreiheit bei Entwicklungsumgebungen

In diesem Blogartikel untersuche ich ob die Entwicklungsumgebung Visual Studio Code barrierefrei ist.

Was ist eine Entwicklungsumgebung?

Eine Entwicklungsumgebung (auch IDE, kurz für Integrated Development Environment) ist so etwas wie ein digitaler Arbeitsplatz für Programmierer. Stellen Sie sich vor, Sie möchten ein Haus bauen. Anstatt jedes Werkzeug und Material einzeln zu suchen und zu benutzen, könnten Sie einen Werkzeugkasten haben, der alles, was Sie benötigen, an einem Ort bereithält.
Genau das macht eine Entwicklungsumgebung für Programmierer. Sie kombiniert verschiedene Tools, die benötigt werden, um Software zu schreiben, zu testen und zu debuggen. Das beinhaltet normalerweise einen Code-Editor, indem Sie Ihren Programmcode schreiben, einen Compiler oder Interpreter, der Ihren Code in ausführbaren Code umwandelt, und oft auch Debugging-Tools, mit denen Sie Fehler im Code finden und beheben können,
Die Entwicklungsumgebung hilft also dabei, den Prozess des Programmierens zu erleichtern, indem sie alle notwendigen Werkzeuge an einem Ort zusammenführt und so die Effizienz steigert. Es ist sozusagen wie ein spezieller Arbeitsplatz für Programmierer, um ihre Software zu erstellen.

Was ist Visual Studio Code?

Visual Studio Code (VS Code) ist eine kostenlose, benutzerfreundliche und leistungsstarke Code-Editor-Software, die von Microsoft entwickelt wurde. Sie ist besonders für das Schreiben, Bearbeiten und Debuggen von Computerprogrammen geeignet.
Ich nutze Visual Studio Code für Web-Programmierung, also Internetseiten und progressive Web Apps. Es ist aber auch möglich mit Visual Studio Code Python-Programme zu schreiben.

Die Entwicklungsumgebung Visual Studio Code mit der Webseiten und Python-Programme entwickelt werden können
Auf dem Bild ist die Entwicklungsumgebung Visual Studio Code mit der Webseiten und Python-Programme entwickelt werden können

Barrierefreiheit bei Visual Studio Code – Barrierefreiheit bei Entwicklungsumgebungen“ weiterlesen

Barrierefreiheit bei Entwicklungsumgebungen – Artikelreihe

Heute startet eine neue Artikelreihe. Es geht um Barrierefreiheit bei Entwicklungsumgebungen. Was das überhaupt ist und was Sie inhaltlich erwartet erfahren Sie in diesem Blogartikel.

Was ist eine Entwicklungsumgebung?

Eine integrierte Entwicklungsumgebung ist eine Sammlung von Anwendungsprogrammen, mit denen Programme bzw. Software entwickelt bzw. erstellt wird. Auf Englisch heißt integrierte Entwicklungsumgebung integrated development environment. Dieser englische Begriff wird abgekürzt mit IDE. Um mit Hilfe einer IDE eine Software zu entwickeln wird eine Programmiersprache benötigt. Eine Programmiersprache ist eine Formale Sprache mit der Programme entwickelt bzw. erstellt werden.

Visual Studio 2015 Barrierefreiheit-Eigenschaften im Programmcode
Visual Studio 2015 Barrierefreiheit-Eigenschaften im Programmcode

„Barrierefreiheit bei Entwicklungsumgebungen – Artikelreihe“ weiterlesen