Bestseller

Creative Coding: Programmiere visuelles Material mit JavaScript

Ein Kurs von Bruno Imbrizi
Kreativer Coder. London, Vereinigtes Königreich.
Mitglied seit März 2021
, Kreativer Coder

Lerne die Grundlagen des Programmierens und entdecke, wie man visuelle Inhalte und Texte entwickelt, skizziert und animiert

  • Bestseller Englisch mit deutschen Untertiteln
  • 98% positive Bewertungen (929)
  • 40956 Lernende

Lerne die Grundlagen des Programmierens und entdecke, wie man visuelle Inhalte und Texte entwickelt, skizziert und animiert



Englisch mit deutschen Untertiteln
  • 98% positive Bewertungen (929)
  • 40956 Lernende
  • 21 Lektionen (2 Stdn. 42 Min.)
  • 39 Zusatzmaterialien (5 Dateien)
  • Online und in deinem Tempo
  • Verfügbar via App
  • Audiosprache: ‌Englisch
  • Englisch, Spanisch, Portugiesisch, Deutsch, Französisch, Italienisch, Polnisch, Niederländisch
  • Niveau: Anfänger
  • Dauerhaft unbegrenzter Zugang

Creative Coding ist ein Gebiet, das sich ständig weiterentwickelt und immer wieder neue Herausforderungen bringt, wie neue Techniken oder Illustrationsarten.

Für Bruno Imbrizi stellt Creative Coding eine Möglichkeit dar, seine beiden Interessen -- Motion Graphics und visuelle Elemente - miteinander zu verbinden.

Bruno, der mit bekannten Marken wie Adidas, Dell und Universal Music zusammengearbeitet hat, teilt in diesem Kurs sein Fachwissen mit dir und hilft dir dabei, beeindruckende visuelle Elemente mit JavaScript zu erstellen.

Im Laufe dieses Kurses tauchst du in die Welt des Programmierens ein, setzt dich mit ihren Grundlagen auseinander und lernst, mit Creative Coding in JavaScript zu zeichnen.

Möchtest du dein Wissen über Coding vertiefen? Entdecke Brunos zweiten Kurs "Creative Coding 2.0 in JS: Farbe und Animation", in dem er dir fortgeschrittene Programmiertechniken zur Gestaltung von Visuals mit Farbe, Bewegung und Sound in JavaScript beibringt.

Was lernst du in diesem Onlinekurs?

Inhalte des Kurses

  • E1
    E1. Einführung
  • E2
    E2. Grundlagen
  • E3
    E3. Skizzentransformation
  • E4
    E4. Sketch-Agenten
  • E5
    E5. Skizzenrauschen
  • E6
    E6. Skizzentyp
  • AP
    AP Abschlussprojekt
Details anzeigen

Zu Beginn des Kurses lernst du den Creative Coder Bruno Imbrizi kennen. Um dich mit seinem beruflichen Werdegang vertraut zu machen, spricht Bruno zunächst von seinen Anfängen als Grafikdesigner und erzählt, wie er diese Tätigkeit schließlich mit seiner Leidenschaft für Creative Coding verbunden hat.

Danach spricht er über die Plattformen, die er gerne nutzt, und Personen, die ihn in seiner Arbeit beeinflusst haben.

Als Nächstes zeigt dir Bruno, wie du die wichtigsten Werkzeuge konfigurierst. Anschließend setzt er sich mit den Programmierkonzepten wie Variablen, Funktionen, Arrays und Loops auseinander und zeigt dir, wie du deine Setups optimierst.

Der nächste Meilenstein des Kurses wird die Erstellung einer digitalen Skizze mit verschiedenen Canvas-Elementen sein. Du lernst, wie du mithilfe der Trigonometrie Formen um einen Kreis herum verteilst.

Daraufhin lernst du, deine Skizzen zu skalieren und erfährst, wie du deine Designs mit verschiedenen Tools zukünftig einfacher gestalten kannst. Danach übst du das Zeichnen von Bögen und experimentierst mit verschiedenen Parametern.

Im nächsten Schritt entwirfst du eine animierte Skizze mit Agenten. Du lernst, auf Abstand basierende Linien zu ziehen und erfährst, wie du deine Animation als Videodatei exportieren und teilen kannst.

Danach experimentierst du mit Rauschgeneratoren und erstellst außerdem ein kleines Bedienfeld, mit dessen Hilfe du deine Skizzen in Echtzeit aktualisieren kannst.

Schließlich erfährst du, wie du einen Text hinzufügen kannst. Bruno zeigt dir, wie du einen erstellst, misst und seine Eigenschaften konfigurierst und wie du deine Letterings mit nur einem Mausklick aktualisierst.

Zum Abschluss des Kurses lernst du, Farbwerte zu lesen und deine Skizze mit abschließenden Feineinstellungen zu perfektionieren.

Was ist das Kursprojekt?

Im Laufe des Kurses entwirfst du mehrere visuelle Kompositionen, die du anschließend mithilfe von JavaScript implementierst.

Projekte von Kursteilnehmenden

An wen richtet sich dieser Onlinekurs?

Dieser Kurs richtet sich an alle, die Interesse am Programmieren haben und lernen möchten, visuelle Kompositionen mit JavaScript zu erstellen.

Anforderungen und benötigte Materialien

Grundkenntnisse in Mathematik werden empfohlen.

Grundkenntnisse in Mathematik werden empfohlen. Sie benötigen einen Computer mit Node.js sowie Zugriff auf einen Webbrowser und einen Texteditor.

Betriebssysteme:

    ⦁Linux
    ⦁SmartOS
    ⦁macOS 10.7 oder höher
    ⦁Windows 2008 oder höher

System Anforderungen:

    ⦁4GB RAM
    ⦁10 GB freier Speicherplatz


Bewertungen

40956 Kursteilnehmende
929 Bewertungen
98% Positive Bewertungen
  • Mehr Bewertungen anzeigen

Bruno Imbrizi

Ein Kurs von Bruno Imbrizi

Lehrkraft Plus
Kreativer Coder

Bruno Imbrizi ist ein aus Brasilien stammender Creative Coder, der zurzeit in London lebt.

Er hat Grafikdesign studiert und begann seine Karriere, indem er erworbene Kenntnisse und das Fachwissen sofort in die Praxis umsetzte.

Schließlich kombinierte Bruno sein außergewöhnliches Designtalent mit seiner Leidenschaft für das Creative Coding.

Mit über 10 Jahren Erfahrung hat er mit zahlreichen Agenturen, Designstudios, Produktionsfirmen und bekannten Marken wie Dell, Adidas und Universal Music zusammengearbeitet.

Bruno wurde in Onlinemedien wie Wired und Londonist vorgestellt und gewann mehrere Preise, darunter Adobe Cutting Edge Award und FITC Best Digital Installation.


Inhalt

  • E1

    Einführung

    • Über mich
    • Einflüsse
  • E2

    Grundlagen

    • Eine Umgebung zum Skizzieren
    • Arrays und Schleifen
    • Variablen und Funktionen
    • Aufstellen
  • E3

    Skizzentransformation

    • Bögen
    • Dienstprogrammfunktionen
    • Winkel
    • Verwandeln
  • E4

    Sketch-Agenten

    • Objekte und Klassen
    • Video-Ausgang
    • Linien
    • Animation
  • E5

    Skizzenrauschen

    • GUI
    • Lärm
    • Netz
  • E6

    Skizzentyp

    • Glyphen
    • Bitmap
    • Asynchron
    • Text
  • AP

    Abschlussprojekt

    • Einführung in die Codierung für visuelle Designer

Was erwartet dich in einem Domestika-Kurs?

  • Lerne in deinem Tempo

    Lerne bequem von zuhause aus, in deinem eigenen Tempo und ohne festen Zeitplan. Du entscheidest, wann und wo.

  • Lerne mit den Profis

    Lerne die nützlichsten Techniken und Methoden mit den Profis der Kreativbranche.

  • Tritt mit den erfahrendsten Experten in Kontakt

    Jede Lehrperson übermittelt dir in jeder Lektion leidenschaftlich sein/ ihr Wissen mittels ausführlichen Erklärungen aus professioneller Sicht.

  • Zertifikate
    Plus

    Erhalte als Plus- oder PRO-Mitglied ein von deiner Lehrperson personalisiertes und unterzeichnetes Zertifikat. Füge es deinem Portfolio hinzu oder teile es online, um deine Teilnahme zu bestätigen.

  • Sei ganz vorne mit dabei

    Dank hochwertig produzierter und gestochen scharfer Videos entgeht dir kein einziges Detail. Du hast uneingeschränkten Zugriff auf deinen Kurs und kannst dir so alle Videolektionen so oft ansehen, wie du möchtest.

  • Teile Wissen und Ideen

    Stelle deine Fragen, bitte um Meinungen und biete Lösungsansätze. Teile deine Lernerfahrung mit anderen Schüler*innen in der Community, die genauso kreativ sind wie du.

  • Sei Teil einer globalen kreativen Community

    Die Community umfasst Millionen wissbegierige Menschen weltweit, die Freude an kreativem Ausdruck finden.

  • Arbeite mit von Profis produzierten Kursen

    Um eine einzigartige Online-Lernerfahrung zu garantieren, zählt Domestika auf eine sorgfältige Auswahl der Lehrpersonen und produziert jeden Kurs intern.


FAQ

Domestika-Kurse sind Onlinekurse, die dir Kenntnisse im Umgang mit bestimmten Werkzeugen oder Fähigkeiten vermitteln, mit deren Hilfe du ein eigenes Projekt realisieren kannst. Jeder Schritt ist so gestaltet, dass du mit einer Kombination aus Videolektionen und ergänzenden Lehrmaterialien praktisch lernst. Im Rahmen eines Domestika-Kurses hast du außerdem die Möglichkeit, dein eigenes Projekt mit der Lehrperson und anderen Teilnehmenden zu teilen, sodass eine dynamische Kursgemeinschaft entsteht.

Alle Kurse sind zu 100 % online verfügbar, das heißt, sobald ein Kurs veröffentlicht wurde, steht er dir zur Verfügung, wann immer du willst. Du bestimmst das Tempo, in dem du lernen willst. Du kannst jederzeit zu einem Teil zurückkehren, der dich besonders interessiert, oder überspringen, was du schon kennst. Genauso ist das Kursforum immer offen für neue Fragen, Kommentare, geteilte Projekte und mehr.

Die Kurse sind in mehrere Einheiten unterteilt. Jede Einheit enthält Lektionen, informative Begleittexte, Aufgaben und Übungen, mit denen du dein Projekt Schritt für Schritt vollendest, inklusive ergänzender Materialien und Downloads. Außerdem hast du Zugang zu einem exklusiven Forum, in dem du dich mit der Lehrperson und anderen Lernenden austauschen kannst und deine Arbeit und dein Kursprojekt teilen kannst, sodass eine Gemeinschaft rund um den Kurs entsteht.

Du kannst den geschenkten Kurs aktivieren, indem du den Gutscheincode hier Einlöseseite eingibst.

Als Plus- oder PRO-Mitglied erhältst du dein personalisiertes Zertifikat noch im selben Moment nach Abschluss des Kurses. Du kannst dir all deine Zertifikate im Bereich „Zertifikate“ in deinem Profil ansehen, sie im PDF-Format herunterladen und den Link dazu online teilen. Mehr zu den Abschlusszertifikaten
Creative Coding: Programmiere visuelles Material mit JavaScript. Ein Kurs der Kategorie Web-, App-Entwicklung, 3-D und Animation von Bruno Imbrizi Bestseller

Creative Coding: Programmiere visuelles Material mit JavaScript

Ein Kurs von Bruno Imbrizi
Kreativer Coder. London, Vereinigtes Königreich.
Mitglied seit März 2021
  • 98% positive Bewertungen (929)
  • 40956 Lernende