Was ist Web­ent­wick­lung?

Web­ent­wick­lung bedeu­tet, dass man Web­sei­ten oder Web­an­wen­dun­gen erstellt – also das, was du siehst und benutzt, wenn du im Inter­net surfst.
Das kön­nen ganz ein­fa­che Sei­ten sein (wie ein per­sön­li­cher Blog), oder sehr kom­ple­xe Sei­ten (wie Ama­zon, You­Tube oder Online-Banking).

---

Was wird dabei entwickelt?

Web­ent­wick­lung besteht aus zwei Hauptteilen:

1. Front­end (alles, was du siehst)

Das ist der sicht­ba­re Teil der Web­sei­te – also das, was im Brow­ser ange­zeigt wird.

Bei­spie­le:

• Tex­te, Bil­der, Buttons

• Menüs, Far­ben, Schriftarten

• Lay­outs (wo was auf der Sei­te steht)

Tech­no­lo­gien im Frontend:

• HTML (baut die Struk­tur: Über­schrif­ten, Absät­ze, Tabellen)

• CSS (macht es schön: Far­ben, Grö­ßen, Abstän­de, Design)

• Java­Script (macht es inter­ak­tiv: z. B. auf einen But­ton kli­cken und etwas passiert)

2. Backend (alles, was im Hin­ter­grund läuft)

Das ist der unsicht­ba­re Teil – der auf dem Ser­ver arbeitet.

Bei­spie­le:

• Spei­chern von Daten in einer Daten­bank (z. B. Benutzerkonto)

• Berech­nun­gen durch­füh­ren (z. B. Prei­se im Warenkorb)

• E‑Mails ver­schi­cken (z. B. bei Registrierung)

Tech­no­lo­gien im Backend:

• Pro­gram­mier­spra­chen wie PHP, Python, Java, Node.js

• Daten­ban­ken wie MyS­QL oder Mon­goDB

• Ser­ver-Ver­wal­tung und Sicherheit

---

Wie funk­tio­niert eine Webseite?

1. Du gibst eine Adres­se ein (z. B. www.example.com).

2. Dein Brow­ser fragt beim Ser­ver nach der Seite.

3. Der Ser­ver gibt die Sei­te zurück – bestehend aus HTML, CSS und JavaScript.

4. Dein Brow­ser zeigt dir die Sei­te an.

Wenn du z. B. ein Kon­takt­for­mu­lar ausfüllst:

• Das Front­end zeigt dir das Formular.

• Wenn du auf „Absen­den“ klickst, geht dei­ne Nach­richt ans Backend.

• Das Backend spei­chert sie viel­leicht in einer Daten­bank oder schickt dir eine E‑Mail-Bestä­ti­gung.

---

Wer macht was in der Webentwicklung?

• Front­end-Ent­wick­ler: bau­en das, was der Benut­zer sieht und klickt.

• Backend-Ent­wick­ler: küm­mern sich um die Logik, Daten, Sicher­heit und Kom­mu­ni­ka­ti­on mit Datenbanken.

• Full-Stack-Ent­wick­ler: machen bei­des – Front­end und Backend.

---

Was ist eine Webanwendung?

Eine Web­an­wen­dung ist eine Web­sei­te, die nicht nur Infor­ma­tio­nen zeigt, son­dern mit der man arbei­ten kann – wie eine Soft­ware im Browser.

Bei­spie­le:

• Online-Shops (Ama­zon)

• Sozia­le Netz­wer­ke (Face­book)

• E‑Mail-Diens­te (Gmail)

• Ban­king-Por­ta­le

---

Zusam­men­ge­fasst:

• Web­ent­wick­lung bedeu­tet: Web­sei­ten und Web­an­wen­dun­gen bauen.

• Sie besteht aus Front­end (Design & Benut­zer­ober­flä­che) und Backend (Logik & Datenverarbeitung).

• Du brauchst Spra­chen wie HTML, CSS, Java­Script fürs Front­end und z. B. PHP oder Python fürs Backend.

• Alles zusam­men ergibt das, was du täg­lich im Brow­ser nutzt.