Zum Hauptinhalt springen
medienreich IT-Trainings
0521 968 7740
Zurück zu Webentwicklung

Canvas 2D mit JavaScript für Webentwickler

Du vertiefst Canvas-2D-Programmierung mit JavaScript praxisnah, strukturierst typische Aufgaben in interaktiver Webgrafik und Webentwicklung und entwickelst belastbare Workflows für nachvollziehbare, fachlich saubere Ergebnisse.

Kursdetails ansehen

3 Tage

ab 1.380,00 € zzgl. 19 % MwSt.

Weitere Termine & Buchungsoptionen

Mehr als 5.000 Unternehmen vertrauen uns

TUINintendoOTTOPostbankSiemens

Kursdetails

Das lernst Du

  • Du ordnest die zentralen Konzepte von Canvas-2D-Programmierung mit JavaScript fachlich ein.
  • Du strukturierst typische Arbeitsabläufe in interaktiver Webgrafik und Webentwicklung nachvollziehbar.
  • Du wendest die im Kurs behandelten Methoden sicher an konkreten Aufgaben an.
  • Du prüfst Ergebnisse auf fachliche Plausibilität und erkennst typische Fehlerquellen.
  • Du dokumentierst Vorgehen und Entscheidungen so, dass Teams sie weiterverwenden können.
  • Du überträgst die erarbeiteten Verfahren auf eigene Aufgaben und Projekte.

Überblick

Interaktive Webgrafiken müssen zuverlässig über verschiedene Browser hinweg funktionieren und gleichzeitig Daten wie Standortinformationen oder geometrische Transformationen präzise verarbeiten. In dieser Schulung prüfst Du zunächst, wie kompatibel die Canvas-2D-Programmierung mit gängigen Standardbrowsern ist, und lernst typische Kompatibilitätsfallen kennen. Darauf aufbauend erfasst Du mit der Geolocation-Schnittstelle Geodaten und bindest sie in eigene Grafiken ein. Anschließend arbeitest Du mit Transformationen und Modelling, um Objekte auf dem Canvas gezielt zu verschieben, zu drehen und zu skalieren. An praxisnahen Aufgaben entwickelst Du ein Gespür dafür, wie sich Geodaten und Transformationen sinnvoll kombinieren lassen und welche Ansätze für performante, browserübergreifende Grafiken wichtig sind. So kannst Du Canvas-2D-Programmierung mit JavaScript gezielter einsetzen, Grafiken sicherer umsetzen und typische Aufgaben aus interaktiver Webgrafik und Webentwicklung im Team oder eigenständig strukturierter bearbeiten.

Kursinhalte

Canvas-2D-Programmierung mit JavaScript: Einstieg und Einordnung

  • Canvas-2D-Kompatibilität mit dem Standardbrowser
  • Canvas-2D-Kompatibilität mit dem Internet Explorer
  • Formen zeichnen

Arbeitsumgebung und zentrale Werkzeuge

  • Gerade Linien und Kurven
  • Bézierkurven
  • Einbindung von Texten

Strukturen und Grundmethoden

  • Einbindung von Fotos
  • Anwender-Events
  • Transformationen

Anwendung im typischen Workflow

  • Animationen
  • Gaming-Beispiel "Space Invaders": Kollisionserkennung, Objektorientierung
  • Geolocation

Steuerung und Anpassung

  • Geolocation: Google Maps und interaktive Karten
  • Geolocation: Anfahrtsrouten- und Routentracking- Applikationen
  • Augmented Reality (AR)

Vertiefung und Varianten

  • Geodaten, Informationsverarbeitung
  • Fotos beschneiden und hochladen
  • Bildbibliotheken

Zusammenarbeit und Übergaben

  • Abarbeitung von Daten (mit JSON oder PHP)
  • Darstellung mittels Kreisdiagrammen, Säulendiagrammen und Liniendiagrammen
  • Nützliche Bibliotheken für Canvas

Analyse und Qualitätssicherung

  • Beispiele für Canvas 3D
  • Basics der Web-Grafik-Bibliothek
  • Transformationen und Modelling

Zielgruppe & Voraussetzungen

Für wen der Kurs geeignet ist

  • Webentwickler:innen
  • JavaScript-Entwickler:innen
  • Frontend-Fachkräfte für interaktive Grafik
  • Für alle, die Canvas-2D-Programmierung mit JavaScript in interaktiver Webgrafik und Webentwicklung verlässlich einsetzen möchten.

Deine Vorteile

  • Garantierte TermineMarkierte Termine finden statt und bieten 10 % Preisvorteil.

  • Kleine GruppenMaximal 8 Teilnehmende für intensiven Austausch und nachhaltigen Lernerfolg.

  • Praxiserfahrene Trainer:innenBerufsrelevante Fachexpertise aus langjähriger Praxiserfahrung.

  • Keine HybridschulungenBewusst live online oder in Präsenz – für eine klare, fokussierte Lernumgebung.

FAQ

Was lerne ich in der Schulung „Canvas 2D mit JavaScript für Webentwickler“?

Du vertiefst Canvas-2D-Programmierung mit JavaScript praxisnah, strukturierst typische Aufgaben in interaktiver Webgrafik und Webentwicklung und entwickelst belastbare Workflows für nachvollziehbare, fachlich saubere Ergebnisse. Zu den Schwerpunkten gehören Canvas-2D-Programmierung mit JavaScript: Einstieg und Einordnung, Arbeitsumgebung und zentrale Werkzeuge, Strukturen und Grundmethoden, Anwendung im typischen Workflow, Steuerung und Anpassung und Vertiefung und Varianten.

Für wen ist die Schulung geeignet?

Die Schulung richtet sich an Webentwickler:innen, JavaScript-Entwickler:innen, Frontend-Fachkräfte für interaktive Grafik und Für alle, die Canvas-2D-Programmierung mit JavaScript in interaktiver Webgrafik und Webentwicklung verlässlich einsetzen möchten.

Welche Vorkenntnisse brauche ich für die Schulung?

Fundiertes JavaScript-Basiswissen und HTML5-Grundkenntnisse sind erforderlich.

Welche Themen und Schwerpunkte werden behandelt?

Zu den Schwerpunkten gehören Canvas-2D-Programmierung mit JavaScript: Einstieg und Einordnung, Arbeitsumgebung und zentrale Werkzeuge, Strukturen und Grundmethoden, Anwendung im typischen Workflow, Steuerung und Anpassung, Vertiefung und Varianten, Zusammenarbeit und Übergaben und Analyse und Qualitätssicherung.

Wie praxisnah ist die Schulung?

Die Schulung greift praxisnah insbesondere die Bereiche Vertiefung und Varianten, Zusammenarbeit und Übergaben und Analyse und Qualitätssicherung auf. Dadurch lässt sich das Gelernte gezielt auf eigene Aufgaben und Projekte übertragen.

Was kann ich nach dem Seminar in der Praxis umsetzen?

Zu den angestrebten Ergebnissen gehören: Du ordnest die zentralen Konzepte von Canvas-2D-Programmierung mit JavaScript fachlich ein; Du strukturierst typische Arbeitsabläufe in interaktiver Webgrafik und Webentwicklung nachvollziehbar; Du wendest die im Kurs behandelten Methoden sicher an konkreten Aufgaben an; Du prüfst Ergebnisse auf fachliche Plausibilität und erkennst typische Fehlerquellen; Du dokumentierst Vorgehen und Entscheidungen so, dass Teams sie weiterverwenden können.

Wird im Seminar auch das Thema „Steuerung und Anpassung“ behandelt?

Ja. „Steuerung und Anpassung“ ist ein eigener Bestandteil der Schulung. Dazu gehören Geolocation: Google Maps und interaktive Karten, Geolocation: Anfahrtsrouten- und Routentracking- Applikationen und Augmented Reality (AR).

Kurs buchen oder anfragen

Feste Termine · Online & Präsenz

Feste Termine · Online/Präsenz

Ort wählen Ort wählen
Wo soll die Schulung stattfinden? Wo soll die Schulung stattfinden? Live-Online Inhouse – bei Euch im Unternehmen Bei medienreich Steht noch nicht fest
Wann soll die Schulung stattfinden? Wann soll die Schulung stattfinden? So bald wie möglich In den nächsten 4 Wochen In 1–2 Monaten In 3+ Monaten Steht noch nicht fest
  • Rechnung erst nach Kursende
  • Zertifikat und Unterlagen inklusive
  • Umbuchung möglich