Herzlich Willkommen
  • Willkommen zu diesem Kurs!
  • Willkommen zum Kurs
  • Dein Dozent Burim Cakolli
  • Persönliche Bitte
  • Was wirst du in diesem Kurs lernen?
Lerntechniken für bestmögliche Ergebnisse
  • Intro: Kapiteleinführung (Lernziele)
  • Googeln, googeln und nochmals googeln
  • Notizen und Zusammenfassungen schreiben
  • Nachbauen mit Verstand
Theorie 1: Web 101
  • Intro: Kapiteleinführung (Lernziele)
  • Intranet & Internet
  • Http (Hypertext Transfer Protokoll)
  • Https (Hypertext Transfer Protokoll Secure)
  • IP-Adressierungen
Beispielauftrag 1: Einrichtung Intranet
  • Intro: Kapiteleinführung (Lernziele)
  • Auftragserklärung
  • Erstellung Intranets (Home-Netzwerk)
  • XAMPP installieren
  • Via Smartphone zur Menülliste
Theorie 2: HTML (Hypertext Markup Language)
  • Intro: Kapiteleinführung (Lernziele)
  • Was ist HTML?
  • SelfHTML: Introducing des Wissenslexikons
  • SelfHTML: Grundgerüst jeder Webseite
  • Überschriften
  • Listen
  • Tabellen
  • Ein Container namens DIV
  • Links, Umbrüche und Textauszeichnungen
  • Formulare, Eingabefelder und Buttons
Beispielauftrag 2: Menü-Liste mit HTML erstellen
  • Intro: Kapiteleinführung (Lernziele)
  • Auftragserklärung
  • Webseite skizzieren/entwerfen mit Moqups.com
  • Text-Editor Atom installieren
  • Realisieren: Header
  • Realisieren: Navigation
  • Realisieren: Menü als Tabelle
  • Realisieren: Footer
  • Realisieren: Video einbinden
  • Realisieren: Mp3 einbinden
  • Outro: Wie mache ich meine Seite nun "schön"?
Theorie 3: CSS (Cascading Style Sheets)
  • Intro: Kapiteleinführung (Lernziele)
  • Was ist CSS?
  • Beispiel: Inline CSS
  • Externe .css Datei
  • Allgemein-/ & Typenelemente
  • Beispiel: Klassen
  • Beispiel: Id's
  • Beispiel: Pseudoklassen
Beispielauftrag 3: Menü-Liste verschönern
  • Intro: Kapiteleinführung (Lernziele)
  • Auftragserklärung
  • Allgemeiner Stil (*, span, h1, h2, h3 etc.)
  • Header pimpen
  • Atom Tipp: Package Pigments
  • Tabelle pimpen (Hover, Farben, First Row)
  • Icons hinzufügen mit Font-Awesome
  • Footer pimpen
  • Outro: Wie interagiere ich mit dem Benutzer?
Theorie 4: JavaScript
  • Intro: Kapiteleinführung (Lernziele)
  • Was ist JavaScript?
  • Externe JavaScript Datei
  • Grundkenntnisse: Prozeduraler Stil
  • Grundkenntnisse: Variablen
  • Grundkenntnisse: Funktionen
  • Grundkenntnisse: If-Schleife und Operatoren
  • Grundkenntnisse: For Loop
Beispielauftrag 4: Kostenrechner
  • Intro: Kapiteleinführung (Lernziele)
  • Auftragserklärung
  • Realisieren: Preiswerte und Ergebnistabelle
  • Realisieren: OnClick Event auswerten
  • Realisieren: Funktion fürs hinzufügen
  • Realisieren: Vorhandene Werte überprüfen
  • Realisieren: Ausrechnen lassen
  • Kurs-Outro: Wie speichere ich die Preise nun? -> PHP & Datenbank
Zusammenfassung Kurs
  • Zusammenfassung
  • Gesamtprojekt als Grafik
  • Kompetenz-Prüfung
Danksagung
  • Danke, Feedback & Wünsche