Informatik Grundlagen – Praktikum bei adesso

1

Was ist ein Computer?

Aufbau, Komponenten und wie sie zusammenarbeiten

Die einfache Erklärung

Ein Computer ist eine Maschine, die Daten verarbeitet. Er kann Informationen empfangen, speichern, verarbeiten und ausgeben – und das alles blitzschnell, Milliarden Mal pro Sekunde.

Aber was steckt eigentlich drin? Ein Computer besteht aus mehreren Bausteinen, die zusammenarbeiten – ähnlich wie in einem Büro.

🏢 Analogie: Computer = Büro

Stell dir einen Computer wie ein Büro vor: der Chef (CPU) denkt und entscheidet, der Schreibtisch (RAM) hält aktuelle Aufgaben bereit, der Schrank (Festplatte) archiviert alles dauerhaft, und Telefon + Bildschirm sind Ein- und Ausgabe.

🔍 Aufbau eines Computers

🧠

CPU – Das Gehirn

Die CPU (Central Processing Unit) führt alle Berechnungen durch. Je schneller die CPU, desto flinker der Computer. Moderne CPUs haben mehrere „Kerne" – wie mehrere Mitarbeiter gleichzeitig.

📋

RAM – Der Schreibtisch

Der RAM (Arbeitsspeicher) hält gerade laufende Programme bereit. Er ist sehr schnell, aber vergisst alles, wenn man den Computer ausschaltet. Mehr RAM = mehr Programme gleichzeitig.

💾

Festplatte – Das Archiv

Hier werden alle Dateien dauerhaft gespeichert – auch ohne Strom. Fotos, Musik, Programme – alles liegt auf der Festplatte. Moderne Geräte nutzen SSDs (schneller als alte HDDs).

🌐

Netzwerk – Die Verbindung

Die Netzwerkkarte verbindet den Computer mit dem Internet. Daten werden in kleinen Paketen übertragen – ähnlich wie Briefe, die in Teile zerlegt und einzeln verschickt werden.

2

Was ist Software & Code?

Von Nullen und Einsen zu echten Programmen

Hardware vs. Software

Hardware ist alles, was man anfassen kann: CPU, RAM, Bildschirm. Sie ist wie der menschliche Körper – die physische Grundlage.

Software sind die Anweisungen, die der Hardware sagen, was sie tun soll. Ohne Software ist Hardware nur ein teures Stück Metall und Plastik.

🎹 Analogie: Klavier und Noten

Das Klavier = Hardware. Es kann Töne erzeugen, aber tut ohne Spieler nichts. Die Noten = Software. Sie sagen genau, welche Tasten in welcher Reihenfolge gedrückt werden. Der Pianist = CPU. Er liest die Noten und führt sie aus.

🔍 Schichten eines Computer-Systems

Was ist Code?

Code sind Anweisungen in einer Programmiersprache – eine Sprache, die sowohl Menschen als auch Computer verstehen können. Programmierer schreiben Code, um dem Computer zu sagen, was er tun soll.

Es gibt viele verschiedene Programmiersprachen: Python, JavaScript, Java, C++ – jede für unterschiedliche Zwecke. Aber alle haben dasselbe Ziel: dem Computer präzise Anweisungen geben.

Ein einfaches Python-Programm, das den Nutzer begrüßt:

            Python
# Dieser Text wird ignoriert – nur für Menschen lesbar (Kommentar)
# Das Programm begrüßt den Nutzer

name = input("Wie heißt du? ")
alter = int(input("Wie alt bist du? "))

if alter < 18:
    print("Hallo, " + name + "! Du bist noch kein Erwachsener.")
else:
    print("Willkommen, " + name + "! Du bist " + str(alter) + " Jahre alt.")
          

Dasselbe in JavaScript – die Sprache des Webs:

            JavaScript
// Variablen speichern Werte
let name = prompt("Wie heißt du?");
let alter = parseInt(prompt("Wie alt bist du?"));

// if/else = Wenn/Sonst – eine Entscheidung
if (alter < 18) {
    alert(`Hallo, ${name}! Du bist noch kein Erwachsener.`);
} else {
    alert(`Willkommen, ${name}! Du bist ${alter} Jahre alt.`);
}
          

Pseudo-Code beschreibt die Logik auf Deutsch – kein echter Code, aber das Denkmuster dahinter:

            Pseudo-Code
PROGRAMM: Begrüßung

FRAGE den Nutzer: "Wie heißt du?"
SPEICHERE die Antwort in "name"

FRAGE den Nutzer: "Wie alt bist du?"
SPEICHERE die Antwort in "alter"

WENN alter kleiner als 18 IST:
    ZEIGE "Hallo, [name]! Du bist noch kein Erwachsener."
SONST:
    ZEIGE "Willkommen, [name]! Du bist [alter] Jahre alt."

ENDE DES PROGRAMMS
          

🔍 Wie wird Code ausgeführt?

💡

Merke: Alles ist 0 und 1

Computer verstehen nur zwei Zustände: Strom an (1) und Strom aus (0). Alle Programme, Bilder, Videos und Texte werden letztlich in diese Nullen und Einsen umgewandelt. Eine Programmiersprache ist eine Brücke zwischen Mensch und Maschine.

3

Was ist HTML & wie funktioniert ein Browser?

Das Fundament des Webs

Was ist HTML?

HTML steht für HyperText Markup Language. Es ist die Grundsprache jeder Webseite – aber kein Code wie Python, sondern eine Auszeichnungssprache: Man beschreibt die Struktur einer Seite, nicht eine Logik.

🏠 Analogie: HTML = Bauplan eines Hauses

HTML ist der Bauplan: Wo ist das Wohnzimmer? Wo die Küche? Welche Räume gibt es?
CSS ist die Einrichtung: Welche Farbe haben die Wände? Wie sehen die Möbel aus?
JavaScript ist die Technik: Öffnen sich Türen automatisch? Geht das Licht an?

🔍 Aufbau eines HTML-Dokuments

So sieht es im Browser aus:

https://meine-seite.de

Willkommen!

Das ist mein erster Absatz.

Link

Der Browser liest den HTML-Code und stellt ihn visuell dar – genau so, wie ein Textverarbeitungsprogramm eine formatierte Seite aus einem einfachen Textdokument macht.

🔍 Wie funktioniert ein Browser? – Der Request-Flow

Schritt für Schritt erklärt

1

Du tippst eine URL ein

z. B. https://www.adesso.de – URL steht für Uniform Resource Locator, also eine eindeutige Adresse im Internet. Wie eine Straßenadresse, aber für Webseiten.

2

DNS-Lookup – Adresse auflösen

Der Browser fragt einen DNS-Server (Domain Name System): „Was ist die IP-Adresse von adesso.de?" Das DNS ist das Telefonbuch des Internets. Ergebnis: z. B. 185.120.60.45.

3

HTTP-Request – Anfrage senden

Der Browser schickt eine Nachricht an den Web-Server: „Bitte schick mir die Startseite!" Das Protokoll dafür heißt HTTP (oder HTTPS für die sichere Version).

4

Server antwortet mit HTML

Der Web-Server schickt die HTML-Datei zurück. Der Browser liest sie, versteht die Tags und baut daraus die sichtbare Webseite – das nennt man „Rendering".

5

Browser zeigt die Seite an

Das Ergebnis: Du siehst die fertige Webseite. Bilder, CSS und JavaScript werden in weiteren Anfragen nachgeladen. Der ganze Prozess dauert oft nur wenige Millisekunden!

🚀

Dein nächster Schritt

Öffne deinen Text-Editor (z. B. VS Code), erstelle eine Datei index.html, schreib dein erstes HTML rein und öffne sie im Browser – du wirst sofort das Ergebnis sehen! Genau so fingen alle Webentwickler an.