Advanced Search
Search Results
480 total results found
Nicht die KI ist das Problem – sondern die Art, wie wir sie einsetzen
Warum der Streit über Bildschirmzeit, Schule und künstliche Intelligenz an der falschen Stelle geführt wird Als Peter Thiel 2024 erklärte, seine Kinder dürften nur rund anderthalb Stunden Bildschirmzeit pro Woche haben, reagierte das Publikum mit hörbarem Erst...
Von der Aufmerksamkeits- zur Intentionsökonomie: Wenn KI unsere Absichten erkennt, bevor wir handeln
Die digitale Wirtschaft hat gelernt, unsere Aufmerksamkeit zu gewinnen. Die nächste Stufe könnte darin bestehen, unsere Absichten zu erkennen, vorherzusagen – und möglicherweise zu beeinflussen. Seit rund zwei Jahrzehnten ist die Logik des Internets erstaunlic...
shadcn/ui
ui.shadcn.com: Ein ausführlicher Leitfaden zu shadcn/ui
shadcn/ui — erreichbar über ui.shadcn.com — gehört zu den einflussreichsten Werkzeugen im modernen React- und Tailwind-Ökosystem. Es wird oft als Komponentenbibliothek bezeichnet, unterscheidet sich aber grundlegend von klassischen UI-Libraries wie Material UI...
tweakcn.com: Der visuelle Theme-Editor für shadcn/ui
tweakcn.com ist ein webbasiertes Werkzeug zur visuellen Anpassung von shadcn/ui-Themes. Es richtet sich vor allem an Entwicklerinnen, Entwickler und Design-orientierte Produktteams, die mit shadcn/ui, Tailwind CSS und CSS-Variablen arbeiten. Die zentrale Aufga...
Syntax Highlighting
Syntax-Highlighter-Libraries für JS: Überblick & Empfehlung 🎨
Für die direkte CDN-Einbindung in eine Website (ohne Build-Tools wie Webpack/Vite) kommen praktisch drei relevante Kandidaten in Frage. Hier eine Einordnung – speziell mit Blick auf deinen Workflow mit Bricks Builder und Divi. Die wichtigsten Libraries Library...
Performance
WordPress-Plugins für Server-Auslastung in der Adminleiste
Ja, es gibt einige Plugins, die genau das leisten – mit kleinen Einschränkungen, die für dich als Bricks/Divi-Anwender relevant sein könnten. 👇 🖥️ Direkte Kandidaten 1. WP Server Health Stats Zeigt CPU-Load, RAM-Nutzung, PHP-Memory, DB-Stats und Server-Uptime ...
Reboot Web Dev
Alles vergessen, alles neu lernen.
JavaScript leicht gemacht: Der Einstieg für Anfänger
Dieses Buch vermittelt die Grundlagen von JavaScript in kleinen, verständlichen Schritten. Anfänger lernen, wie sie Webseiten mit Variablen, Bedingungen, Schleifen, Funktionen und Ereignissen lebendig machen. Praktische Beispiele und Übungen fördern das sicher...
JavaScript kennenlernen
Dieses Kapitel erklärt, was JavaScript ist und welche Rolle die Sprache auf modernen Webseiten spielt. Du richtest eine einfache Arbeitsumgebung ein, bindest JavaScript in eine HTML-Seite ein und nutzt die Entwicklerwerkzeuge des Browsers, um erste Ausgaben zu...
Was ist JavaScript?
JavaScript macht Webseiten lebendig JavaScript ist eine Programmiersprache, mit der Webseiten auf Eingaben reagieren und Inhalte verändern können. Sie läuft meist direkt im Browser der Besucherin oder des Besuchers. HTML beschreibt die Struktur einer Seite, CS...
JavaScript im Browser einbinden
JavaScript mit einer HTML-Seite verbinden Damit JavaScript im Browser ausgeführt wird, muss dein HTML-Dokument wissen, wo sich der JavaScript-Code befindet. Dafür verwendest du das HTML-Element <script>. Es gibt zwei gebräuchliche Möglichkeiten: JavaScript di...
Die Browser-Konsole verwenden
Was ist die Browser-Konsole? Die Browser-Konsole ist ein Bereich in den Entwicklerwerkzeugen deines Browsers. Dort kannst du JavaScript direkt ausprobieren, Ausgaben lesen und Fehlermeldungen untersuchen. Stell sie dir wie ein kleines Testfeld für JavaScript v...
Erste Ausgabe mit `console.log()`
Deine erste JavaScript-Ausgabe Mit console.log() kannst du Werte und Texte in der Browser-Konsole anzeigen. Das ist besonders hilfreich, um JavaScript auszuprobieren, Zwischenergebnisse zu prüfen und Fehler zu finden. Die Ausgabe erscheint nicht auf der Webse...
Variablen, Werte und Operatoren
Hier lernst du, Informationen in Variablen zu speichern und mit verschiedenen Datentypen zu arbeiten. Zahlen, Texte, Wahrheitswerte und einfache Berechnungen bilden die Grundlage fast aller Programme. Außerdem erfährst du, wie Vergleichs- und Rechenoperatoren ...
Variablen mit `let` und `const`
Wozu dienen Variablen? Variablen sind benannte Speicherplätze für Werte. Stell dir eine Variable wie eine beschriftete Box vor: Du legst einen Wert hinein und kannst ihn später über ihren Namen wieder verwenden. let name = "Mira"; let alter = 16; console.log(n...
Zahlen, Strings und Booleans
Drei wichtige Datentypen Variablen speichern Werte. In JavaScript kann ein Wert unterschiedliche Arten haben. Drei besonders wichtige Datentypen sind: Zahlen für Mengen, Rechnungen oder Messwerte Strings für Texte Booleans für Wahrheitswerte: wahr oder falsch ...
Rechenoperatoren
Rechenoperatoren ermöglichen es dir, mit Zahlen zu rechnen. Du kannst Werte addieren, abziehen, multiplizieren, dividieren und sogar prüfen, was bei einer Division übrig bleibt. Die wichtigsten Rechenoperatoren Operator Bedeutung Beispiel Ergebnis + Addition 4...
Vergleiche und logische Operatoren
Vergleiche: Werte gegenüberstellen Mit Vergleichsoperatoren prüfst du, wie zwei Werte zueinander stehen. Das Ergebnis eines Vergleichs ist immer ein Boolean: true bedeutet: Die Aussage stimmt. false bedeutet: Die Aussage stimmt nicht. console.log(5 > 3); //...
Entscheidungen und Wiederholungen
Programme sollen auf unterschiedliche Situationen reagieren und Aufgaben wiederholt ausführen können. Dieses Kapitel zeigt dir, wie du mit Bedingungen Entscheidungen formulierst und mit Schleifen Listen, Zahlenfolgen oder wiederkehrende Abläufe verarbeitest. D...
Bedingungen mit `if` und `else`
Lernziel Mit if und else kann dein Programm Entscheidungen treffen. Es prüft eine Bedingung und führt je nach Ergebnis unterschiedlichen Code aus. Beispielsweise: Ist ein Nutzer angemeldet? Ist eine Zahl größer als 10? Ist das Passwort korrekt? Regnet es ger...
Mehrere Fälle mit `else if`
Wenn eine Entscheidung mehr als zwei Möglichkeiten hat Mit if und else kannst du zwischen zwei Fällen unterscheiden: Bedingung ist wahr Bedingung ist nicht wahr Oft gibt es aber mehr Möglichkeiten. Zum Beispiel soll ein Programm je nach Punktzahl eine andere...
Schleifen mit `for`
Lernziele Nach dieser Lektion kannst du: eine for-Schleife schreiben und lesen, Code eine bestimmte Anzahl von Malen wiederholen, einen Zähler mit let verwenden, typische Fehler wie eine Endlosschleife oder einen falschen Startwert erkennen. Was ist eine fo...
Schleifen mit `while`
Wiederholen, solange eine Bedingung wahr ist Eine while-Schleife wiederholt Code, solange eine Bedingung true ergibt. Sie ist besonders nützlich, wenn du vorher nicht genau weißt, wie oft sich etwas wiederholen muss. Zum Beispiel: Eine Zahl soll so lange erh...
Funktionen und Datenstrukturen
Funktionen helfen dir, Code zu ordnen und wiederzuverwenden. Du lernst, eigene Funktionen zu schreiben, Werte zu übergeben und Ergebnisse zurückzugeben. Zusätzlich arbeitest du mit Arrays und Objekten, um mehrere zusammengehörige Informationen übersichtlich zu...
Funktionen definieren und aufrufen
Warum Funktionen wichtig sind In Programmen tauchen oft Aufgaben auf, die mehrmals benötigt werden: einen Nutzer begrüßen, einen Preis berechnen oder eine Meldung ausgeben. Statt denselben Code immer wieder zu schreiben, kannst du ihn in einer Funktion bündeln...
Parameter und Rückgabewerte
Werte an Funktionen übergeben Bisher können Funktionen feste Aufgaben ausführen. Häufig sollen sie aber mit unterschiedlichen Daten arbeiten. Dafür gibt es Parameter. Ein Parameter ist ein Platzhalter in der Funktionsdefinition. Beim Aufruf erhält dieser Platz...
Arrays erstellen und nutzen
Was sind Arrays? Ein Array ist eine geordnete Liste von Werten. Es eignet sich immer dann, wenn du mehrere zusammengehörige Informationen speichern möchtest. Statt für jede Lieblingsfarbe eine eigene Variable anzulegen: const farbe1 = "Rot"; const farbe2 = "Bl...
Objekte für strukturierte Daten
Was sind Objekte? Ein Objekt fasst mehrere Informationen zusammen, die zu einer Sache gehören. Jede Information erhält dabei einen eindeutigen Namen. Stell dir ein Benutzerprofil vor: Es hat einen Namen, ein Alter und vielleicht eine E-Mail-Adresse. Statt für ...
Webseiten interaktiv machen
Zum Abschluss verbindest du JavaScript mit sichtbaren Elementen einer Webseite. Du wählst HTML-Elemente aus, veränderst Texte und Klassen und reagierst auf Klicks oder Eingaben. In einem kleinen Praxisprojekt setzt du die bisherigen Grundlagen zu einer interak...
Das DOM verstehen
Lernziel Nach dieser Lektion weißt du, was das DOM ist und warum JavaScript damit sichtbare Inhalte einer Webseite lesen und verändern kann. Du verstehst außerdem, dass eine HTML-Seite im Browser als Baumstruktur dargestellt wird. Was bedeutet DOM? DOM steht f...
Elemente mit `querySelector()` auswählen
Elemente gezielt auswählen Damit JavaScript etwas auf einer Webseite verändern kann, muss es zuerst das passende HTML-Element finden. Dafür verwenden wir häufig: document.querySelector() querySelector() durchsucht die HTML-Seite und gibt das erste Element zurü...
Inhalte und CSS-Klassen ändern
Lernziele Auf dieser Seite lernst du, wie du mit JavaScript sichtbare Inhalte einer Webseite veränderst. Danach kannst du: Text in HTML-Elementen austauschen HTML-Inhalte gezielt einfügen CSS-Klassen hinzufügen, entfernen und umschalten den Zustand eines Eleme...
Ereignisse mit `addEventListener()`
Lernziele Nach dieser Lektion kannst du: auf Benutzeraktionen wie Klicks und Eingaben reagieren, mit addEventListener() Ereignisse überwachen, Funktionen als Reaktion auf Ereignisse ausführen, Informationen über das Ereignis mit dem Event-Objekt nutzen, typis...