Seminar

3D-Webentwicklung
mit WebGL/WebGPU und Three.js

mit Sebastian Springer

Online
2 Tage

Lernziele in diesem Seminar zur 3D-Webentwicklung

  • Sie beherrschen die Bibliothek Three.js in allen Grundlagen.
  • Sie wissen, wie Sie Geometrien, Beleuchtung und Kameras richtig einsetzen.

Kursbeschreibung

Lernen Sie in diesem Workshop die span­nende Welt der 3D-Webentwicklung kennen. Das Web muss nicht nur aus flachen Web­seiten bestehen, denn mit dem 3D-rendering Kontext können Sie auf die WebGL- be­ziehungs­weise WebGPU-Schnittstelle Ihres Browsers zugreifen und hochperformante 3D-Visualisierungen erzeugen. Dabei sind Sie nicht auf einfache Geometrien wie Würfel oder Kugeln beschränkt, sondern können beeindruckende fotorealistische Objekte darstellen, ihnen mit Animationen Leben einhauchen und die Benutzer Ihrer Appli­kationen mit dieser plastisch wirkenden Welt interagieren lassen. Mit Three.js steht Ihnen eine mächtige Bibliothek zur Verfügung, die Ihnen die Arbeit mit 3D-Objekten erleichtert.

Für wen ist dieses Webentwicklungs-Seminar geeignet?

  • Webentwickler*innen 
  • Alle Entwickler, die 3D-Anwendungen im Browser entwickeln wollen.

Grundlagenkenntnisse in JavaScript, HTML oder ähnlichen Sprachen sind erforderlich. Wenn Sie mehr Infos zum Lern-Level benötigen, fragen Sie diese gerne bei uns an.

Diese Themen werden im Seminar behandelt

  • 3D im Web - Canvas, WebGL und WebGPU
  • 3D-Bibliotheken – Three.js und Babylon
  • Grundlagen Three.js
  • WebXR
  • Erzeugung von 3D-Modellen
  • React Three Fibe

Ihr Trainer

Porträt von Sebastian Springer

Sebastian Springer ist einer der bekanntesten JavaScript-Experten in Deutschland. Als Entwickler bei MaibornWolff in München beschäftigt er sich vor allem mit der Architektur von client- und serverseitigem JavaScript. Neben der Entwicklung und Konzeption von Applikationen liegt sein Fokus auf der Vermittlung von Wissen. Als Dozent für JavaScript und Speaker auf zahlreichen Konferenzen weckt er die Begeisterung für professionelle Entwicklung mit JavaScript. Er ist Autor des Standardwerks »Node.js – Das umfassende Handbuch« und hat ein umfassendes Handbuch zur JavaScript-Library »React« geschrieben.

Agenda des Seminars

Tag 1

🕒 09:00–17:00 Uhr

  • Überblick
    • Aufbau des Workshops und Lernziele
    • 3D im Web - Canvas, WebGL und WebGPU
    • 3D-Bibliotheken - Three und Babylon
    • Einsatzgebiete und Beispiele für 3D im Web
  • Grundlagen von Three.js
    • Installation und Einbindung
    • Die Szene und grundlegende Objekte
    • Einfache Geometrien
    • Koordinatensysteme und Transformationen
    • Geometrien und Materialien
    • Licht und Schatten
    • Interaktion mit der Szene
  • Arbeiten mit 3D-Modellen
    • 3D-Modelle mit Blender erzeugen
    • 3D-Modelle importieren
    • Arbeiten mit komplexen Geometrien
    • Animationen und Interaktivität
    • Verwenden von Texturen, Materialien und Shadern
    • Post-Processing (Bloom, Depth of Field)

Tag 2

🕒 09:00–17:00 Uhr

  • WebXR - Virtual und Augmented Reality im Web
    • Die WebXR-API
    • Debugging und Simulation von Geräten
    • Besonderheiten von WebXR im Vergleich zu gewöhnli-chen Applikationen
    • Die AFrame-Bibliothek
    • AR- und VR-Projekte umsetzen
  • Struktur für 3D-Projekte mit React Three Fiber
    • Kurzüberblick über React
    • Installation von React Three Fiber
    • Überblick über die Komponenten von React Three Fiber
    • Umsetzen einer 3D Szene mit React Three Fiber

So lernen Sie mit Rheinwerk

  • Installationshinweise und technische Anweisungen bekommen Sie pünktlich vor Beginn des Kurses.
  • Vor Beginn des Kurses richten wir Ihren Zugang zur Lernplattform SCOOCS ein. Die Zugangsdaten erhalten Sie per E-Mail zugesandt.
  • Die Schulung selbst findet online auf der Lernplattform in einem BigBlueButton-Raum statt. Sie können direkt per Webbrowser (Firefox, Chrome, Edge) teilnehmen; an Ihrem PC oder Mac, am Android-Tablet oder an Ihrem iPad. Im Seminar kann bei Bedarf mit Shared Screens gearbeitet werden.
  • Nach Abschluss des Seminars schicken wir Ihnen Ihre persönliche Teilnahmebescheinigung sowie einen Bewertungsbogen.
  • Bitte beachten Sie: Audio- und Videoaufzeichnungen sind während des Seminars nicht zulässig. Alle Rechte bleiben vorbehalten.

FAQ: Häufige Fragen zu unseren Seminaren

Was bietet mir die Seminarteilnahme?

Die Seminarbuchung berechtigt zur Teilnahme an einem der angebotenen Seminare, sie gilt nicht für andere Veranstaltungen des Rheinwerk Verlags. Die Auswahl des Seminars erfolgt im Kaufprozess. Die Anzahl der Plätze ist limitiert.

Wie sichere ich mir meinen Platz?

Die Anmeldung zu unseren Weiterbildungs-Angeboten führen Sie nicht direkt auf unserer Website durch. Für die Ticketbuchung werden Sie in den Ticketshop unseres Partners pretix weitergeleitet. Der Klick auf den Jetzt-buchen-Button stellt noch keine verbindliche Buchung dar, sondern führt Sie zum Bestellformular, das Sie zunächst ausfüllen müssen.

Wie funktioniert das genau?

  1. Klicken Sie oben auf dieser Seite auf den Button »Jetzt buchen«, um zur Buchungsseite von pretix zu gelangen.
  2. Den Bstellvorgang leiten Sie ein, indem Sie im pretix-Ticketshop oder im pretix-Widget im Drop-down-Menü die gewünschte Ticketanzahl auswählen und auf »Zum Warenkorb hinzufügen« klicken.
  3. Sie werden dann auf die Warenkorb-Übersicht weitergeleitet. Dort wird Ihnen eine Bestellübersicht angezeigt. Stimmen alle Angaben, klicken Sie auf »Zur Kasse«. Hinweis: Die Anzahl der Seminarplätze ist limitiert.
  4. In den folgenden Schritten werden Sie gebeten, Angaben zu den erfoderlichen Rechnungsdaten zu machen, das Zahlungsmittel auszuwählen und, im Falle von Sammelbestellungen, Inforamtionen zu den einzelnen Ticketbesitzern zu hinterlgen. Bevor Sie Ihre Bestellung abschließen, erhalten Sie noch einmal eine Übersicht über Ihre Daten.
  5. Um den Kauf abzuschließen, müssen Sie nach der Überprüfung Ihrer Bestelldaten auf »Jetzt kaufen« klicken. Mit Ihrer Bestellung erklären Sie verbindlich, dass Sie das Seminarticket erwerben wollen.
  6. Sobald die Bestellung verarbeitet wurde, werden Sie auf die Auftragsbestätigungsseite weitergeleitet und erhalten von pretix eine Auftragsbestätigungs-E-Mail. Diese E-Mail enthält neben den Tickets und der Rechnung auch nähere Inforamtionen zu unsere Veranstaltung sowie Links zu den zwischen Ihnen und pretix gültigen Nutzungsbedingungen und Datenschutzbestimmungen. Die Tickets sind als PDF angehängt.
Wie kann ich bezahlen?

Wir können Ihnen derzeit folgende Zahlungsmöglichkeiten anbieten: Banküberweisung (auf Rechnung), Kreditkarte und PayPal. Selbstverständlich erhalten Sie für Ihren Kauf in allen Fällen eine ordentliche Rechnung.

Kann ich meine Seminarteilnahme stornieren?

Für Online-Seminare gilt: Erworbene Tickets für digitale Inhalte sind von der Rückgabe und vom Umtausch leider ausgeschlossen.

Für Präsenz-Seminare gilt: Grundsätzlich ist das für Präsenz-Seminare möglich, bis 30 Tage vor Veranstaltungsbeginn sogar kostenfrei. Bis 14 Tage vor Seminarbeginn fallen 50 % der Teilnahmegebühr an, bis sieben Tage vor Veranstaltungsbeginn 75 % der Teilnahmegebühr. Danach müssen wir Ihnen leider die vollen Seminargebühren berechnen. Sie können die Stornierung entweder bei pretix durchführen, oder Sie wenden sich hierzu wie folgt an uns:

Rheinwerk Verlag GmbH
Rheinwerkallee 4
53227 Bonn
Fax: +49 (0)228 42150-77
E-Mail: seminare@rheinwerk-verlag.de

Kann ich einen Ersatzteilnehmer für mein Seminar benennen?

Bis sieben Tage vor Veranstaltung können Sie uns kostenfrei einen Ersatzteilnehmer für unsere Seminare benennen, ab sieben Tage vor Veranstaltungsbeginn ist dies leider nicht mehr möglich.

Bei pretix können Sie den Namen des Seminarteilnehmers im Bestellprozess ändern. Wichtig ist, dass Sie neben dem Namen auch die persönliche E-Mail-Adresse des Ersatzteilnehmers angeben.

Selbstverständlich können Sie uns den Ersatzteilnehmer auch schriftlich mitteilen. In diesem Fall benötigen wir die genauen Angaben des bisherigen Seminarteilnehmers sowie die Ticketnummer und die Angaben des Ersatzteilnehmers. Wenden Sie sich dazu an:

Rheinwerk Verlag GmbH
Rheinwerkallee 4
53227 Bonn
Fax: +49 (0)228 42150-77
E-Mail: seminare@rheinwerk-verlag.de

Was geschieht, wenn ich kurz vor dem Seminar krank werde?

Für die Online-Seminare gilt: Erworbene Tickets für digitale Inhalte sind von der Rückgabe und vom Umtausch leider ausgeschlossen.

Für die Präsenz-Seminare gilt: Können Sie aufgrund einer Erkrankung nicht an dem Präsenz-Seminar teilnehmen, so wird nach Übersendung eines ärztlichen Attestes ein Gutschein über die geleistete Teilnahmegebühr erstellt. Diesen können Sie in einem Zeitraum von drei Jahren für alle offenen Seminare des Rheinwerk Verlags einlösen.

Wie melde ich mich auf der Lernplattform zu meinem Online-Seminar an?

Einige Tage vor dem Online-Seminar schicken wir Ihnen eine E-Mail mit allen Informationen zur Anmeldung auf unserer Lernplattform. Wenn Sie unsere E-Mail nicht bekommen haben, schauen Sie bitte nach, ob die Nachricht in Ihrem Spam-Ordner liegt. Sollten Sie die E-Mail nicht finden, melden Sie sich bitte bei uns.

Gibt es bei den Präsenz-Seminaren ein Sicherheits- und Hygienekonzept?

Ihre Sicherheit liegt uns am Herzen. Deshalb setzen wir alles daran, dass Sie sich auf unseren Präsenz-Seminaren rundum wohl und sicher fühlen. Wir kümmern uns darum, dass die geltenden Hygiene- und Abstandsregeln sowie das zum Zeitpunkt der Veranstaltung gültige Konzept eingehalten werden.

Fragen zu diesem Seminar? Wir helfen gerne.

Sie haben noch weitere Fragen zu diesem Seminar oder besondere Terminwünsche für ein individuelles firmeninternes Gruppentraining? Melden Sie sich gerne bei uns, wir sind für Sie da und finden das für Sie und Ihr Team passende Seminar.

Montag bis Freitag
9:00–16:00 Uhr
Tel.: +49 228 42150-55
E-Mail: seminare@rheinwerk-verlag.de

Weitere Seminare zur Webentwicklung mit JavaScript

Dieses 3-tägige Online-Seminar hilft Ihnen beim Einstieg in die Entwicklung mit Node.js. Ihr Trainer und Seminarleiter Sebastian Springer stellt Ihnen bewährte Workflows im Umgang mit der serverseitigen Plattform vor, die Ihnen helfen, alltägliche Probleme bei der Applikationsentwicklung mit Node.js zu meistern.

Online

Zum Seminar >

Dieses 3-tägige Online-Seminar mit JavaScript-Experte und Autor Sebastian Springer ist ideal für alle, die tiefer in Node.js einsteigen möchten. Anhand zahlreicher Praxisbeispiele machen Sie sich mit fortgeschrittenen Node.js-Themen und Profitechniken vertraut.

Online

Zum Seminar >

Unsere Seminare für Softwareentwickler*innen

Sie sind auf der Suche nach weiteren Schulungen? Wir haben Seminare zu Java, Python, Datenbanken, Web-Entwicklung und vielen weiteren Themen.


* Es fallen keine weiteren Verkaufsgebühren an. Alle Preise verstehen sich zzgl. der gesetzlichen Mehrwertsteuer. Die von uns angebotenen Leistungen richten sich nur an Unternehmer gemäß § 14 BGB. Dies sind natürliche oder juristische Personen oder rechtsfähige Personengesellschaften, die bei Abschluss eines Rechtsgeschäfts in Ausübung ihrer gewerblichen oder selbstständigen beruflichen Tätigkeit handeln. Unsere Leistungen richten sich nicht an Verbraucher.

Wählen Sie Ihren Termin
16.05.2024 – 17.05.2024
Online
€ 1.190,00*
Freie Plätze verfügbar
Jetzt buchen
Einfacher Bestellprozess
über den Ticketshop unseres Partners pretix
Bequem zahlen
per Banküberweisung (auf Rechnung), Kreditkarte und PayPal
Gruppen- und Studentenrabatte
Kontaktieren Sie uns für ein Angebot