Webbereich | Kompetenzen

Allgemein

nützliche Links in der Frontend Welt

Allgemeine LinksNachschlagenseiten Wiki Selfhtml w3schools Markdown Cheatsheet nützliche Browserplugins Wappalyzer – Interested...

Barrierefreiheit im Web Teil 1 – Wer ist betroffen?

Zum Start ins Thema: Bitte seht euch das kurze Video von der Web Accessibility Initiative (WAI) an. Es wird euch einen guten...

Bootstrap: Kompetenzcheck

Bootstrap Übung Erstelle eine Seite rein mit Bootstrap Klassen ohne eigenen Styling. Wenn dir kein Thema einfällt hier eine...

HTML & CSS 1

Basis HTML und CSS 1 – Übung 1

Erstelle zwei Seiten die miteinander verlinkt sind. Wähle das Thema selbst. Versuche zwei Article-Bereiche in einem main...

Basis HTML und CSS 1 – Übung 2

Übung 2 - Kapitel 5 Im heutigen Unterricht haben wir verschiedene neue Tags kennengelernt. Erstelle eine oder mehrere...

Basis HTML und CSS 1 – Übung 3

Erstelle ein neues Projekt und strukturiere nach folgendem Schema: '- index.html '- css (Ordner) '- - style.css '- img (Ordner)...

Basis HTML und CSS 1: Kompetenzcheck

Thema: Zoo und seine Bewohner 1. Seite: Willkommensseite Willkommensblabla mit Bild(ern) und einem YouTube/Vimeo Video (erinnere...

HTML & CSS 2

Basis HTML und CSS 2 – Übung 1

Thema: Zoo und seine Bewohner Du kannst an deiner letzten Übung weiterarbeiten. setze Links und spiel dich mit dem Linkzuständen...

Basis HTML und CSS 2 – Übung 2

Du kannst an deiner letzten Übung weiterarbeiten. Formatiere und style deine Listen, Texte und Absätze mit den Anweisungen die...

Basis HTML und CSS 2 – Übung 3

Thema: Zoo und seine Bewohner Du kannst an deiner letzten Übung weiterarbeiten und entweder eine neue Seite erstellen oder die...

Basis HTML und CSS 2: Kompetenzcheck

Bearbeitungszeit: 2 Stunden Erstellung einer Landingpage (Startseite) für den “Koalabären Fanclub” Das Farbschema wurde bereits...

JavaScript 1

Basis JavaScript 1: Einführung

Einsatzzweck: dynamische Internetseiten erstellen Vielfältige Möglichkeiten um Aufbau, Layout und Inhalte zu verändern Zählt...

Basis JavaScript 1: Übungen

Schreibe ein Programm, das den Besucher zum Coding-Kurs begrüßt Frage den Besucher nach seinem Namen und erstelle eine...

Basis JavaScript 1: Teil 2

FehlerbehandlungAusnahmen für Laufzeitfehler erstellen Mit try versucht das Programm die gewünschte Aktion auszuführen Ein...

Basis JavaScript 1: Teil 2 Übungen

Gestalte eine Seite, mit vier verschiedenen HTML-Elementen. Jedes von ihnen soll auf eine andere Art vom Event reagieren....

Basis JavaScript 1: Teil 3

Das document-Objekt Ist für die Erstellung von dynamischen Internetseiten enorm wichtig Erlaubt es, auf alle einzelnen...

Basis JavaScript 1: Teil 3 Übungen

Gestalte eine Seite, die die Tags für eine Überschrift und für einen Absatz enthält – zunächst jedoch ohne Inhalt. Fordere den...

Basis JavaScript 1: Kompetenzcheck

Schere Stein Papier Jeder kennt das Spiel. Nun versuch daraus ein Browserspiel zu machen 😉 Für Fortgeschrittene: Der User kann...

JavaScript 2

Basis JavaScript 2: jQuery

Einführung jQuery => JavaScript Bibliothek, die viele praktische Funktionen...

Basis JavaScript 2: Datenspeicherung

Stark eingeschränkte Möglichkeiten für die Datenspeicherung JS läuft aus Sicherheitsgründen in einer Sandbox = Programme können...

Basis JavaScript 2: jQuery & Datenspeicherung Übungen

Aufgaben aus den Foliensätzen Gestalte eine Seite mit einer Überschrift, drei Absätzen, einem Eingabefeld und einem Button. Füge...

Basis JavaScript 2: Übung

Time Limit: 1h Helpful Links: https://www.w3schools.com/jquery/jquery_ref_selectors.asp Use jQuery to find all <input>...

Basis JavaScript 2: Kompetenzcheck

Mathequiz Grundgerüst ist eine Seite mit neun nummerierten Feldern Aktuelle Spielstand wird dabei dadurch gekennzeichnet, dass...

PHP 1

Installation mit XDEBUG

Anleitung In diesem Tutorial wird "kurz" erklärt, wie ihr das Debugging Tool XDEBUG im Visual Studio Code installieren könnt....

Basis PHP 1: 1. Einführung

World Wide Web entstand 1989 mit einfachen HTML-Seiten Erste Version 1995 vorgestellt Rasmus Lerdorf hatte hierfür einige...

Basis PHP 1: 1. Einführung – Übungen

Erstelle ein Programm, das die Besucher deiner Seite begrüßt Zeige drei verschiedene Möglichkeiten auf, um die Zahl 8 als...

Basis PHP 1: 2. Einführung

Entscheidungen durch if-AbfragenVerschiedene Vergleichsoperatoren verwendenElse und elseifDie Funktionalität eines Programms...

Basis PHP 1: 2. Übung

Schreibe ein Programm, das ermittelt, ob die Warenbestände für ein bestimmtes Produkt auf 0 gefallen sind und gegebenenfalls...

Basis PHP 1: 3. Dateien für die Speicherung von Daten

Befehl fopen() öffnet eine Datei oder URL nach dem Dateinamen folgt der Modus => spezifiziert Zugriffstyp r - nur zum Lesen...

Basis PHP 1: 3. PHP Datenspeicherung – Übung

Schreibe ein Programm, das ein Formularfeld im Browser anzeigt. Dieses soll den Nutzer auffordern, eine beliebige Zahl...

Basis PHP 1: Kompetenzcheck

Multidimensionale Arrays Erstelle ein zweidimensionales Array anhand der folgenden Tabelle: Vorname Nachname Alter Fritz Phantom...

PHP 2

Basis PHP 2: Datenbankanbindung mit PHP

In den 70er Jahren entwickelte IBM die erste relationale Datenbank mit den Namen System Rentwickelte dafür auch die Sprache SQL,...

Basis PHP 2: Datenbankzugriff: PDO

Verbindung zur MySQL-Datenbank mittels PDO:SQL Query an Datenbank...

Basis PHP 2: Kompetenzcheck

Erstelle ein kleines Kundenverwaltungssystem bei dem du Einträge in der Datenbank abspeichern, bearbeiten und anzeigen lassen...

PHP 2: Tutorial