Nettastic

Das Neuland entdecken

Weitere Kurse:
courses.jeffsky.de

Ello 👋

ich bin Maylis (sie/ihr)
  • Studentin
  • Nerd
  • Animefan
  • Computer Enthusiastin

Wie heißt ihr?

Wie heißt ihr?

Was macht ihr gerne?

Wie heißt ihr?

Was macht ihr gerne?

Was interessiert euch am Programmieren besonders?

Wie heißt ihr?

Welche Erwartungen habt ihr?

Was macht ihr gerne?

Was interessiert euch am Programmieren besonders?

Vorbereitung

Öffnet die Präsentation auf:
ref.jeffsky.de/nettastic

Ihr braucht folgende Programme:

Hintergrundwissen

Aus was besteht eine Webseite eigentlich?

  • Aus Code
  • Einem Browser, der den Code vesteht
  • Aus einem Server, der die Seite überträgt
  • Einem Menschen oder Computer, der die Seite aufruft

Wie wird eine Webseite aufgerufen?

Zu was sind Webseiten in der Lage?

  • Informationen darstellen
  • Anderen Computer informationen bereitstellen
  • Programme und Spiele
  • Informationen suchbar machen
  • Bilder und Videos darstellen

Wie fängt eine Webseite an?

Die Basisstruktur

							
							<!DOCTYPE html>
							<html>

							</html>
						

In den Kopf kommen Dinge, die ihr nicht umbedingt seht

							
							<!DOCTYPE html>
							<html>
								<head>

								</head>
							</html>
						

In den Körper kommen sachen, die ihr auf der Seite sehen könnt.

							
							<!DOCTYPE html>
							<html>
								<head>

								</head>
								<body>

								</body>
							</html>
						

Die erste Webseite

Jedes neues Projekt braucht einen neuen Ordner

Der kann auf eurem Desktop liegen oder ganz geordnet in euren Dokumenten

Öffne den Ordner in Visual Studio Code und tippe die Basisstruktur ein

Dein Zug

Interaktive Webseiten

Was machen interaktive Webseiten anders?

Einteilung in Backend/Front End

🔌

Dynamische Daten via APIs

✍️

Nutzer erstellen Inhalte

Warum Interaktivität?

🎮

Experience

Echtzeit-Anwendungen wie Chats & Spiele

🤝

Engagement

Direkter Draht & Interaktion mit Kunden

Dynamic

Inhalte laden blitzschnell nach Bedarf

Wie wird eine Webseite aufgerufen?

Download Übung