Online oder vor Ort in NürnbergÜber 20 Jahre ErfahrungIndividuelle Firmentrainings

55320
Programming with HTML, CSS, and JavaScript

Überblick

In mehr als 30 Übungen erhalten Sie in diesem Kurs eine schnelle Einführung in die drei größten clientseitigen Sprachen: HTML, CSS und JavaScript. Der Fokus liegt dabei auf der Verwendung von HTML, CSS und JavaScript, um Webseiten zu entwickeln, Programmierlogik zu implementieren, Variablen zu definieren und zu verwenden, Looping und Branching auszuführen, Benutzereingaben zu erfassen und zu validieren, Daten zu speichern sowie gutstrukturierte Anwendungen zu erstellen. HTML5-APIs werden jedoch nicht abgedeckt.

Zusammen mit 55244: JavaScript for Developers und 55319: HTML5 and CSS stellt das Seminar die Community-Courseware-Version von MOC 20480: Programming in HTML5 with JavaScript and CSS3 dar.

Schulungsinhalte  – das erwartet Sie

  • Ein schneller Überblick über die Webentwicklung
    • HTML ist Teil eines Teams
    • Clientseitige Programmierung
    • Serverseitige Programmierung
    • Webentwicklungstechnologien
  • Einführung in HTML
    • Start mit einem einfachen HTML-Dokument
    • HTML-Elemente, -Attribute und -Kommentare
    • Das HTML-Grundgerüst
    • Ansicht der Seitenquelle
    • Spezielle Charaktere
    • HTML-Elemente und spezielle Charaktere
    • Geschichte von HTML
    • Das lang-Attribut
  • Absätz
    • Absätze
    • Überschriftenebenen
    • Zeilenumbrüche und horizontale Regeln
    • Der div-Tag
    • Erstellen einer HTML-Seite
    • Zitierter Text
    • Vorformatierter Text
    • Semantische Inline-Elemente
  • HTML-Links
    • Einführung in Links
    • Textlinks
    • Absolute vs. relative Pfade
    • Neue Tabs als Ziel angeben
    • E-Mail-Links
    • Lorem Ipsum
    • Das title-Attribut
    • Verlinken zu einer spezifischen Stelle auf der Seite
    • Targeting einer spezifischen Stelle auf der Seite
  • HTML-Bilder
    • Einfügen von Bildern
    • Bildlinks
    • Hinzufügen von Bildern zu einem Dokument
    • Bereitstellen alternativer Bilder
  • HTML-Listen
    • Ungeordnete Listen
    • Geordnete Listen
    • Definitionslisten
  • Crashkurs in CSS
    • Vorteile von Cascading Style Sheets
    • CSS-Regeln
    • Selektoren
    • Kombinatoren
    • Rangfolge von Selektoren
    • Wie Browser Seiten gestalten
    • CSS-Resets
    • CSS-Normalisierer
    • Externe Stylesheets, eingebettete Stylesheets und Inline-Stile
    • div und span
    • Medienarten
    • Einheiten der Bemessung
    • Vererbung
  • CSS-Schriften
    • font-family
    • @font-face
    • font-size
    • font-style
    • font-variant
    • font-weight
    • line-height
    • font shorthand
    • Gestalten von Schriften
  • Farbe und Deckkraft
    • Über Farbe und Deckkraft
    • Farb- und Deckkraftwerte
    • color
    • opacity
    • Hinzufügen von Farbe und Deckkraft zu Text
  • CSS-Text
    • letter-spacing
    • text-align
    • text-decoration
    • text-indent
    • text-shadow
    • text-transform
    • white-space
    • word-break
    • word-spacing
    • Texteigenschaften
  • JavaScript-Grundlagen
    • JavaScript vs. EcmaScript
    • Das HTML DOM
    • JavaScript-Syntax
    • Zugriff auf Elemente
    • Wo wird JavaScript-Code geschrieben?
    • JavaScript-Objekte, -Methoden und -Eigenschaften
    • Alarme, Schreiben und Ändern der Hintergrundfarbe
  • Variablen, Arrays und Operatoren
    • JavaScript-Variablen
    • Eine schwach typisierte Sprache
    • Google Chrome DevTools
    • Speichern von Daten, die Benutzer eingegeben haben
    • Konstanten
    • Arrays
    • Assoziative Arrays
    • Spielen mit Array-Methoden
    • JavaScript-Operatoren
    • Der Modulus-Operator
    • Spielen mit Operatoren
    • Der Default-Operator
  • JavaScript-Funktionen
    • Globale Objekte und Funktionen
    • Benutzerdefinierte Funktionen
    • Zurückgeben von Werten aus Funktionen
  • Eingebaute JavaScript-Objekte
    • Strings
    • Math
    • Date
    • Hilfe-Funktionen
  • Bedingungen und Schleifen
    • Conditionals
    • Kurzschlussauswertung
    • Switch/Case
    • Der Ternary-Operator
    • Truthy und Falsy
    • Bedingte Verarbeitung
    • Loops
    • while and do…while Loops
    • for Loops
    • break und continue
    • Arbeiten mit Loops
    • Array: forEach()
  • Event Handlers und Listeners
    • On-event Handlers
    • Die addEventListener()-Methode
    • Anonyme Funktionen
    • Erfassen von Schlüsselereignissen
    • Vorteile von Event Listeners
    • Timers
    • Schreibtest
  • Das HTML Document Object Model
    • CSS-Selektoren
    • Die innerHTML-Eigenschaft
    • Knoten, NodeLists und HTMLCollections
    • Zugriff auf Elementknoten
    • Punktnotation und Notation mit eckigen Klammern
    • Hierarchischer Zugriff auf Elemente
    • Zugriff auf Attribute
    • Erstellen neuer Knoten
    • Fokussierung auf ein Feld
    • Einkaufslistenanwendung
    • Logging
    • Hinzufügen von EventListeners
    • Hinzufügen von Objekten zur Liste
    • Dynamisches Hinzufügen von Entfernen-Buttons zu Listenobjekten
    • Entfernen von Listenobjekten
    • Verhindern von Duplikaten und Nulllängen-Produktnamen
    • Manipulieren von Tabellen
  • HTML-Formulare
    • Wie HTML-Formulare arbeiten
    • Das form-Element
    • Formularelemente
    • Buttons
    • Erstellen eines Registrierungsformulars
    • Checkboxen
    • Radio-Buttons
    • Fieldsets
    • Auswahlmenüs
    • Textbereiche
    • HTML-Formulare und CSS
  • Validierung von JavaScript-Formularen
    • Serverseitige Formularvalidierung
    • HTML-Formularvalidierung
    • Zugriff auf Formulardaten
    • Formularvalidierung mit JavaScript
    • Überprüfen der Validität der E-Mail- und URL-Felder
    • Überprüfen der Validität von Eingabe- und Übermittlungsereignissen
    • Hinzufügen von Fehlermeldungen
    • Validieren von Textbereichen
    • Validieren von Checkboxen
    • Validieren von Radio-Buttons
    • Validieren von Auswahlmenüs
  • Reguläre Ausdrücke
    • Syntax regulärer Ausdrücke
    • Rückverweise
    • Formularvalidierung mit regulären Ausdrücken
    • Formulareinträge bereinigen

Zielgruppe

  • Webentwickler

Ihre Voraussetzungen zur Teilnahme

  • Grundlegende Computerkenntnisse

Termine & Buchung

20.01.2025
5 Tagenetlogix, NürnbergVirtual ClassroomHotelspecial
ab 2350,- € zzgl. USt.
31.03.2025
5 Tagenetlogix, NürnbergVirtual ClassroomHotelspecial
ab 2350,- € zzgl. USt.
21.07.2025
5 Tagenetlogix, NürnbergVirtual ClassroomHotelspecial
ab 2350,- € zzgl. USt.
20.10.2025
5 Tagenetlogix, NürnbergVirtual ClassroomHotelspecial
ab 2350,- € zzgl. USt.

Unser Werteversprechen


netlogix IT-Training – fokussiert ans Ziel

Unterschiedliche IT-Seminare, ein gemeinsamer Nenner: Höchste Trainingsqualität trifft auf einen freundlichen Rundum-Service. Wir bei netlogix IT-Training sind Spezialisten in Sachen Aus- und Weiterbildung für IT-Verantwortliche. Wir bieten ein umfangreiches Seminarprogramm rund um Microsoft, aber auch Schulungen weiterer renommierter Hersteller. In unserem Testcenter haben Sie die Möglichkeit, offizielle Zertifizierungsprüfungen abzulegen.

Sie benötigen einen individuellen, auf den Bedarf Ihrer Firma zugeschnittenen Workshop? Auch dafür sind wir Ihr idealer Trainingspartner! 

Kundenstimmen

Rudolf Wöhrl SE / Kevin W.

Der Trainer, die Unterrichtsinhalte und die Vorgehensweise wie der Unterricht gehalten wurde hat mir am besten gefallen. Die Versorgung war auch sehr gut.

Kundenstimme zu Seminar nlx.azubi3

Mark R.

Engagierter Trainer!

Kundenstimme zu Seminar Microsoft Certified Trainer Seminar

System Vertrieb Alexander GmbH / Matthias S.

Interaktivität, Medieneinsatz, persönliche Erfahrungen wurden geteilt und Live Demophasen ehrlich und offen bewertet

Kundenstimme zu Seminar Microsoft Certified Trainer Seminar

Josef P.

Fachkompetenter Trainer.

Kundenstimme zu Seminar Microsoft Certified Trainer Seminar

Oxford Computer Group / Patrick R.

Hervorragender Trainer (großer Erfahrungsschatz, sehr gute Didaktik, ausgewogenes Kursmaterial)

Kundenstimme zu Seminar Microsoft Certified Trainer Seminar

Muhr und Bender KG / Tobias M.

Die Art und Weise des Trainers war einfach super. Die Themen wurden gut vermittelt (auch mit Praxisbeispielen) und es gab auch immer eine gute Rückmeldung zu Fragen, Anmerkungen, etc.

Kundenstimme zu Seminar AZ-305T00

Leonhard KURZ Stiftung & Co. KG /n Andre V.

Sehr guter Trainer mit Fachwissen

Kundenstimme zu Seminar AZ-305T00

ESG Elektroniksystem- und -Logistik GmbH / Heiko L.

Es war ein Rund-um-sorglos Paket. Hotel, Verpflegung, Unterlagen, Dozent: alles war sehr gut organisiert und von hoher Qualität. Herzlichen dank an die Mitarbeiter! Ich habe mich äußerst bevorzugt und wertgeschätzt gefühlt!

Kundenstimme zu Seminar AZ-040T00

Aarsleff Rohrsanierung GmbH / Michael Z.

Gut strukturiert, wichtige Themen wurden angesprochen

Kundenstimme zu Seminar MS-700T00

GGFA AöR / Nicola M.

Am besten gefallen hat mir die lockere und konstruktive Art des Dozenten

Kundenstimme zu Seminar MS-700T00

Bizerba SE&Co. KG / Benjamin B.

Offene, freundliche Kommunikation. Sehr gute fachliche und persönliche Kenntnisse. Ab und an träge Schulungsumgebung, ist aber ok.

Kundenstimme zu Seminar MS-700T00

DOK SYSTEME / Roy L.

Flexibilität und das Eingehen auf Fragen / Probleme hat mir am besten gefallen

Kundenstimme zu Seminar MS-700T00

INTERTEC Hess GmbH / Valerie E.

Alles bestens! Sehr freundliches Team! Sehr informativ und hilfreicher Content in einer angenehmen und offenen Atmosphäre. Da machen selbst die trockenen Themen Spaß!

Kundenstimme zu Seminar MS-102T00

Mekra Lang / Sascha H.

Sehr netter und absolut kompetenter Trainer. Absolut Praxisnahe Schulung. Kein "trockener" Vortrag sondern Theorie und Praxis gut miteinander verbunden. Perfekt.

Kundenstimme zu Seminar 55316

E-T-A Elektrotechnische Apparate GmbH / Chris H.

Die Übungen haben mir am besten gefallen!

Kundenstimme zu Seminar 55345

Haben Sie Fragen?

Haben Sie Fragen?