HTML5, CSS3, Javascript und jQuery komplett

Seminarziel

Sie lernen, modernes und haltbares HTML5 zu entwickeln. Außerdem erfahren Sie alles über Dokumentenarchitektur und können nach der Schulung für verschiedene Ausgabegeräte programmieren. So erweitern Sie ihre vorhandenen Kenntnisse um neue Standards und sammeln erste praktische Erfahrungen.

Inhalt

• HTML5
  • Doctype, Zeichensätze und Codierung
  • Die wichtigsten Grundsätze für semantisches HTML
  • HTML5 zur Strukturierung des Dokuments: header, footer, main, aside und section
  • HTML5 für Navigationen
  • So strukturiert man Texte mit HTML richtig - Absatz und Textauszeichnugen
  • Was gibt es noch - exotische Tags in HTML5 und deren Anwendung
  • Steuerung des Flows mit Inline und Blocktags
  • Semantischer Aufbau von Layout und Inhalt (Best Practise)
  • Praktischer Einsatz von HTML 5
  • Migration bestehender Seiten nach HTML5
  • HTML5, Barrierefreiheit und ARIA Attribute
• CSS3 - Verständnis und Vorgehensweisen
  • Das CSS Abc: Selektoren, Gewichtungen und Kaskadierung
  • Aufbau einer skalierbaren und modularen CSS-Architektur
  • Seitenlayouts mit Flexboxes und Grids
  • Komponenten- und Zustandsklassen für Navigation und Formulare
  • normalize - Browserkompatibilität, Crossbrowser CSS
  • Designthemes umsetzen
• CSS3 für responsive Design
  • Media Queries - CSS für verschiedene Ausgabegeräte
  • Responsive Bilder: Das picture Element, srcset-Attribut
• CSS3 Design und Interaktion
  • Einbetten von individuellen Schriften
  • Transitions, Bilder, Imageprocessing
• JavaScript und jQuery im Vergleich
  • query -Selektoren und DOM Manipulation
  • Arbeiten mit Attributen und Funktionen
  • Eventsteuerung, Eventhandler-Funktionen
  • Content laden mit fetch()
  • Syncrones und asyncrones Arbeiten mit Promises
  • Javascript vs. jQuery: native vs. convenience