# Programare creativă: Crearea de elemente vizuale cu JavaScript | Domestika

> Un curs de Bruno Imbrizi · Web & App Design · Începător
> 1 lecție ( 2h 42m ) · 97 % din evaluările studenților de 1224 sunt pozitive

Experimentarea cu programarea creativă nu devine niciodată plictisitoare - există întotdeauna ceva de explorat, tehnici noi de învățat sau imagini noi de creat. Pentru programatorul creativ Bruno Imbrizi, este o oportunitate de a-și îmbina interesele pentru grafica animată și elementele vizuale cu programarea. A lucrat atât pentru agenții mici, cât și pentru branduri cunoscute, inclusiv Dell, Adidas și Universal Music.

 În acest curs, Bruno își împărtășește expertiza pentru a vă ajuta să creați elemente vizuale captivante folosind cod. Explorați elementele fundamentale ale programării și învățați cum să desenați cu ajutorul codării creative în JavaScript.

 Vrei să-ți aprofundezi cunoștințele de programare? Consultă al doilea curs al lui Bruno, [Creative Coding 2.0 in JS: Animation, Sound, & Color](https://www.domestika.org/en/courses/3862-creative-coding-2-0-in-js-animation-sound-color) pentru a descoperi tehnici mai avansate pentru crearea de compoziții codificate cu culoare, mișcare și sunet.

## Pentru cine este acest curs online?

Acest curs se adresează oricui este interesat de programare și de a învăța să creeze elemente vizuale prin codare.

## Care este proiectul acestui curs?

Proiectați o serie de compoziții vizuale creative care pot fi implementate într-un browser web folosind cod.

## Cerințe și materiale

Se recomandă cunoștințe de matematică de bază.

 Se recomandă cunoștințe de bază de matematică. Veți avea nevoie de un computer cu Node.js, precum și acces la un browser web și un editor de text.

 Sisteme de operare:
 
⦁Linux
 ⦁SmartOS
 macOS 10.7 sau o versiune ulterioară
 ⦁Windows 2008 sau ulterioară

 Cerințe de sistem:
 
⦁4 GB RAM
 ⦁10 GB spațiu liber

## Conţinut

### Introducere

Bun venit la acest curs Domestika! Numele meu este Bruno, sunt programator creativ și vă voi oferi o introducere în programare din perspectiva cuiva căruia îi place să creeze elemente vizuale.

### Fundamente

În această unitate, veți învăța elementele de bază ale programării pornind de la un fișier gol. Vă voi oferi o prezentare generală a conceptelor fundamentale de programare, cum ar fi variabilele, funcțiile, tablourile și buclele, întotdeauna prin exemple și desenare cu cod. Apoi, vă voi arăta cum să migrați către un mediu mai flexibil pentru schițare, ca pregătire pentru următoarele unități.

### Transformare schiță

În această unitate, vom crea o schiță nouă folosind transformări pe pânză: translație, rotație și scară. De asemenea, vom folosi puțină trigonometrie și vom învăța cum să instalăm o bibliotecă de funcții utilitare.

### Agenți de schițe

În această unitate, vom crea o schiță animată cu agenți care se mișcă aleatoriu pe pânză. De asemenea, vom învăța cum să trasăm linii între ei în funcție de proximitatea lor și cum să exportăm animația ca fișier video.

### Zgomot de schiță

În această unitate, vom revedea grila, vom folosi zgomot pentru a genera aleatoriu și vom învăța cum să adăugăm un panou cu glisoare pentru a ajusta schița în timp real.

### Tip de schiță

În această unitate, veți învăța să lucrați cu text, despre funcțiile asincrone și cum să citiți valorile culorilor din pixelii pânzei noastre de lucru.

## Audio și subtitrări

**Audio:** Engleză, Spaniolă (Latină), franceză, italian, Portugheză, turc

**Subtitrări:** Spaniolă, Engleză, Portugheză, german, franceză, italian, Lustrui, Olandeză, turc

[Programare creativă: Crearea de elemente vizuale cu JavaScript](https://www.domestika.org/ro/courses/2729-programare-creativa-crearea-de-elemente-vizuale-cu-javascript)