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 can now access up to date information

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

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 = "Bubatz";
console.log(test); // Bubatz

console.log(test === "Bubatz"); // 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("Twenty-one"); // 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;

Abgabe

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

📂 → 🗜️ → 🎁 → 💬 → ✅