Durchführungsgarantie
Jede Schulung findet statt: maximale Planungssicherheit für Ihr Team.
3 Tage | Nächster Termin am 02. - 02.11.2025 & 12 weitere | Bundesweit oder Live-Online
5.0 / 24 Bewertungen | 55 zufriedene Teilnehmende
-
In unserer dreitägigen Schulung "HTML5 Programmierung mit JavaScript - Canvas 2D" werden Ihnen Kenntnisse über das Canvas-2D-Element vermittelt, mit dessen zugehörigen innovativen Erweiterungen Sie zum Beispiel gerenderte Rastergrafiken im Browser erzeugen können. Um jedem Kursteilnehmer eine vollständige Übersicht zu gewähren, erhalten Sie zu Beginn des Kurses eine Einführung der Kompatibilitäten von Canvas 2D mit Standardbrowsern sowie mit dem Internet Explorer. Darauf folgt die Einführung in die verschiedenen Zeichen des Canvas-2D-Elements hinsichtlich der API. In diesem Modul wird Ihnen erklärt, wie Sie zum Beispiel Formen, Linien und Kurven handhaben und Texte sowie Bilder einbinden.
Ein weiteres Thema der Schulung bilden die Interaktionen wie Transformationen oder Animationen sowie Gaming und Augmented Reality. Anhand des bekannten Computerspiels "Space Invaders" erhalten Sie Einblicke in die Objektorientierung und Kollisionserkennung mittels Canvas 2D. Ebenso werden Ihnen wichtige Kenntnisse über die Erfassung von Geodaten, interaktiven Karten, Anfahrtsrouten- und Routentracking-Applikationen und über Google Maps vermittelt. Im anschließenden Modul erlernen Sie das Bearbeiten von Fotos, vor allem das Hochladen und Beschneiden.
Ein ebenso wichtiges Modul ist der Bereich der Businessgrafiken inklusive der Abarbeitung von Daten. In diesem Modul erfahren Sie alles über Kreis-, Säulen- und Liniendiagramme. Anschließend erhalten Sie einen Einblick in die nützlichen Bibliotheken für Canvas, die für die Entwicklung von Grafiken unerlässlich sind. Zum Abschluss der Schulung wird Ihnen anhand von einigen Beispielen das Canvas-3D-Element erläutert. -
Kursinhalte
Kompatibilität mit verschiedenen Browsern:- Canvas-2D-Kompatibilität mit dem Standardbrowser
- Canvas-2D-Kompatibilität mit dem Internet Explorer
Die Zeichen-API von Canvas 2D:- Formen zeichnen
- Gerade Linien und Kurven
- Bézierkurven
- Einbindung von Texten
- Einbindung von Fotos
Interaktion in Canvas:- Anwender-Events
- Transformationen
- Animationen
Routing, Gaming und computergestützte Erweiterung der Realitätswahrnehmung (Augmented Reality):- Gaming-Beispiel "Space Invaders": Kollisionserkennung, Objektorientierung
- Geolocation:
- Geolocation: Erfassung von Geodaten
- Geolocation: Google Maps und interaktive Karten
- Geolocation: Anfahrtsrouten- und Routentracking- Applikationen
- Augmented Reality (AR):
- Geodaten, Informationsverarbeitung
Bearbeitung von Fotos:- Fotos beschneiden und hochladen
- Bildbibliotheken
Grafiken für den Businessbereich:- Abarbeitung von Daten (mit JSON oder PHP)
- Darstellung mittels Kreisdiagrammen, Säulendiagrammen und Liniendiagrammen
Libraries:- Nützliche Bibliotheken für Canvas
Einblicke in Canvas 3D:- Beispiele für Canvas 3D
- Basics der Web-Grafik-Bibliothek
- Transformationen und Modelling
Tipp: Empfohlene Trainingsdauer für alle Kursinhalte:1 - 2 Personen: 2 Tage - 3 Tage3 - 8 Personen: 3 Tage
Spezial-Training
Sie haben Fragen? Gern beraten wir Sie und erstellen Ihnen ein individuelles Angebot.
Preis: auf Anfrage
Angebot anfordernBuchen ohne Risiko:
- Teamvorteil: -25 % ab 3 Personen
- Garantierte Durchführung
- Zufriedenheitsgarantie
- Keine Vorkasse - Rechnung erst nach erfolgreicher Durchführung des Seminars.
