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

55320
Programming with HTML, CSS, and JavaScript

Inhalte dieser Seite:

Ü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

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

Vishay / Stefan B.

Was wie immer einfach mega gut 😊 - alles top Bisher seid ihr in allen Belangen besser gewesen als die Konkurrenz 👍🏻 Mit Abstand der beste und strukturierteste Kurs den ich hatte Kursleiter musste zwar hier und da was auf die Umgebung anpassen, hatte zeitlich aber Gott sei Dank keinen drastischen impact gehabt - strukturiert - praxisbezogen - der Dozent hat WIRKLICH Ahnung von dem was er sagt - bisher mit Abstand der beste Kursleiter Was soll man da noch sagen - die Mädels rennen sich die Beine ab und springen und machen … wahrscheinlich wird nicht mal Queen Elisabeth so Königlich behandelt 😂 Danke mal wieder für alles! Hoffentlich bis bald wieder - man fühlt sich einfach immer mega wohl bei euch, das macht jede Schulung schon fast zum Erholungsurlaub 😃

Kundenstimme zu Seminar MOC 20764

Consorsbank / Tobias E.

Das Seminar war sehr gut. Es war kein Typischer MOC Kurs. Der Trainer hat die Lerninhalte mit sehr viel praktischen Übungen vermittelt. Die Mitarbeiter des Schulungshaus, waren sehr zuvorkommend und haben sicher sehr um die Teilnehmer gekümmert und immer mit Getränken und Verköstigungen versorgt. Preisleistung stimmt bei diesem Schulungsanbieter und ist damit TOP.

Kundenstimme zu Seminar MOC 20764

BA für den Digitalfunk der Behörden und Organisationen mit Sicherheitsaufgaben / Fabian H.

Das auch über den Tellerrand hinaus Themen behandelt wurden. Die Zugangsdaten zu Teams hätten besser einen Werktag vor dem Seminar versendet werden sollen.

Kundenstimme zu Seminar MOC 10990

maxit Baustoffwerke GmbH / Christian F.

maxit Baustoffwerke GmbH

Kundenstimme zu Seminar MOC 10984

IT-Servicezentrum der bayerischen Justiz / Tommy C.

Gefallen hat mir die Gelassenheit des Dozenten sowie die ausführliche Beschreibung der anstehenden Themen und der dazugehörigen Hilfestellung. Kritik ist hier fehl am Platz. Bei Netlogix kann man nichts vermissen, da alles abgedeckt wird und auf die Seminarteilnehmer eingegangen wird. Die Seminarleiter sollten Ihren fachlichen und persönlichen Auftritte beibehalten, da diese Zeitgemäß sind.

Kundenstimme zu Seminar MS-030T00

Diehl Informatik GmbH / Arne D.

Der Trainer hat die Themen gut und auf den Punkt vermittelt. Ich habe nichts vermisst.
Freue mich auf kommenden Seminare bei euch :)

Kundenstimme zu Seminar MS-030T00

DIEHL Informatik GmbH / Klaus B.

Guter Überblick über O365/ Azure AD. Der Trainer hat die Inhalte gut vermittelt.

Kundenstimme zu Seminar MS-100T00

DIEHL Informatik GmbH / Tobias B.

Guter Überblick über Azure, M365 & Co.. Etwas mehr ATP wäre gut gewesen

Kundenstimme zu Seminar MS-100T00

Pharmatechnik GmbH & Co.KG / Alexander K.

Der Kursleiter hat alles sehr anschaulich und praxisbezogen erklärt.

Kundenstimme zu Seminar MS-101T00

GUTMANN AG / Alexander G.

Guter Service!

Kundenstimme zu Seminar MOC 20345-1

Consorsbank / Tobias E.

Super Catering und Bewirtung. Klasse Trainer.

Kundenstimme zu Seminar MOC 20345-1

Schmitt GmbH / Thomas A.

Sehr gute Trainingsumgebung

Kundenstimme zu Seminar MOC 20345-1

Ensinger GmbH / Marcel S.

geringe Teilnehmeranzahl - sehr praxisorientiert (PC und Tablet) - Test Tenant um direkt in Praxis überzugehen - keine langweilige Präsentation mit Fachfolien (Theorie) - offenes Agieren mit dem Dozenten

Valeo Siemens eAutomotive Germany GmbH / Michael G.

Andy ist ein hochprofessioneller Trainer, der auf alle meine individuellen Wünsche & Fragen eingegangen ist und alle Themen sehr gut erklären konnte, sodass keine Fragen offen bleiben. Der Workshop hat mir sehr viel Spaß gemacht und ich würde ihn jederzeit wieder buchen. Besonders hervorzuheben ist die hochperformante Virtualisierungsumgebung von Andy, in der alle Übungen stattgefunden haben. Themen, die ich nicht auf Anhieb verstanden habe, wurden mehrere Male erklärt. Teilweise etwas zu schnell in den Übungen. Allerdings muss man Andy hier einfach etwas bremsen und dann stellt das auch kein Problem dar. Neben der fachlichen Kompetenz war auch der persönliche Kontakt zu Andy durchweg sehr positiv. Weiterhin war der Service, die Verpflegung und der Umgang durch das Schulungspersonal am Standort stets hervorragend.

Kundenstimme zu Seminar nlx.hyperv1

Stadt Nürnberg / Christoph S.

Die Hilfe zur Selbsthilfe hat mir am besten gefallen. Aufgrund der aktuellen Situation hat es leider nicht vor Ort stattgefunden.

Kundenstimme zu Seminar nlx.powershell1

Haben Sie Fragen?

Haben Sie Fragen?