can i just say that im stoked to meet u? humans are super cool

Tay, 23.3.2016 20:32

V O R T R A G

iOS 17 Predictive Text — Transformer Model

Diffusion Model

Labels und Bilderkennung

Facebook Photos Tag Suggestions

* 15.12.2010

As of January 2011, the site housed more than 90 billion images, making it the largest database of pictures on the Web.

ThisPersonDoesNotExist.com

Website, * 2.2019 von Philip Wang

CAPTCHAs

* 2000

Unleserliche Schriftzeichen und Straßenschilder

Ein klassisches Captcha. Nervige Tests für Menschen.

Is there any feeling more frustrating than clicking all the correct answers and getting a “please try again”?

Google Faces

App, *2013 von onformative

searching for faces on earth

Automatisierung & Datensammlung

Shirley Card

Farbkarte, * 1940–1990er von Kodak

WHITE — Christmas in Lusaka, Zambia (1974)

Google Photos markiert schwarze Menschen als Gorillas — Google’s Photo App Still Can’t Find Gorillas. And Neither Can Apple’s.

Globaler Internetzugang

Weltkarte zeigt die Internetnutzung aller Regionen — Share of the population using the Internet, 2021

Internetgeschwindigkeiten weltweit — Countries average internet speeds, 2024

Die beliebtesten sozialen Netzwerke weltweit — Most popular social networks, 2024

ChatGPT has read almost the whole internet

Spotify Recommendations — How Spotify’s AI-Driven Recommendations Work

Tay

Chatbot, *2016 von Microsoft

Tay twittert — Twitter taught Microsoft’s AI chatbot to be a racist asshole in less than a day

Datenproduktion

Red-Teaming

A seemingly endless view of African workers at desks in front of computer screens in a printmaking style. — Content Moderation

Apple Sets New Record: Acquires 32 AI Startups in 2023, the Highest Among Major-Tech Companies

Stocklytics, 7.2.2024

Google’s emissions climb nearly 50% in five years due to AI energy demand

The Guardian, 2.7.2024

Amazon just bought a 100% nuclear-powered data center

electrek, 5.3.2024

Google drops pledge not to use AI for weapons or surveillance

The Washington Post, 4.2.2025

Nvidia Scraping ‘A Human Lifetime’ of Videos Per Day to Train AI

404 Media, 5.8.2024

Zuckerberg approved Meta’s use of ‘pirated’ books to train AI models

The Guardian, 10.1.2025

T H E O R I E

Datentypen

JavaScript kennt diese Typen für gespeicherte Werte:

undefined (= ist nicht festgelegt)
number (= ganze Zahl oder Fließkommazahl)
string (= Sequenz von Textzeichen)
boolean (= Wahr oder Falsch)
null (= Referenz auf ein fehlendes oder ungültiges Element)

var test;
console.log(test); // undefined

test = 45.78;
console.log(test); // 45.78

test = "Brainrot";
console.log(test); // Brainrot

console.log(test === "Brainrot"); // true

console.log(beispiel); // null

Bedingungen

Eine Anweisung nur ausführen, wenn eine bestimmte Bedingung erfüllt wird (= true). Wird die Bedingung als falsch (= false) gewertet, können andere Anweisungen ausgeführt werden.
Vergleiche werden mit 3 Gleichheitszeichen (===) überprüft. Im Gegensatz dazu werden Zuweisungen mit 1 Gleichheitszeichen (=).

const a = 12;
const b = 9;
var summe = a + b;

if(summe === 21) {
  console.log("Yurr"); // true
}

if(summe > 20) {
  console.log("Summe ist größer als 20"); // true
} else {
  console.log("Summe ist kleiner gleich 20"); // false
}

P R A X I S

Projekt anlegen

Ordner „javascript-2“ kopieren, in „javascript-3“ umbenennen und in VS Code öffnen
Datei „index.html“ im Chrome-Browser öffnen

Dynamische Inhalte

Den Text einer Headline durch das Klicken auf einen Button ändern.

<section>
  <h1 id="zitat">Im Moment habe ich kein E-lan</h1>
  <img src="media/beispiel-grafik.png" alt="Schwere Füße">
  <button id="wow">WOW</button>
</section>

HTML

var titel = document.getElementById("zitat");
var button = document.getElementById("wow");

function quote() {
  console.log(titel);

  titel.classList.add("highlight");
  titel.textContent = "That’s hot";
}

button.onclick = quote;

Den Dateipfad einer Grafik durch das Klicken auf einen Button ändern.

<section>
  <h1 id="zitat" >Im Moment habe ich kein E-lan</h1>
  <img id="dings" src="media/beispiel-grafik.png" alt="Schwere Füße">
  <button id="wow">WOW</button>
</section>

HTML

…
var bild = document.getElementById("dings");

function quote() {
  console.log(titel);

  titel.classList.add("highlight");
  titel.textContent = "That’s hot";
  bild.src = "media/andere-beispiel-grafik.jpg";
}

button.onclick = quote;

Entweder-/Oder-Bedingungen

Hinter der Logik von .highlight verbirgt sich eine if-Bedingung.

<section>
  <h1 id="zitat" class="highlight">Im Moment habe ich kein E-lan</h1>
  <img src="media/beispiel-grafik.png" alt="Schwere Füße">
  <button id="wow">WOW</button>
</section>

HTML

…
function menu() {
  navMenu.classList.toggle("highlight");

  if(navMenu.classList.contains("highlight")) {
    navMenu.classList.remove("highlight");
  } else {
    navMenu.classList.add("highlight");
  }
}
…

Abgabe

Übung so gut wie möglich fertig machen (vollständig und sauber) und bis zum nächsten Termin per Teams DM abgeben.

📂 → 🗜️ → 🎁 → 💬 → ✅