Programação criativa: produza peças visuais com JavaScript
Um curso de Bruno Imbrizi , Programador criativo

Aprenda os fundamentos da programação e descubra como desenvolver, desenhar e animar peças visuais e textos por meio de códigos
Experimentar com a programação criativa nunca é chato: sempre há algo para explorar, novas técnicas para aprender, ou novas imagens para criar. Para o creative coder Bruno Imbrizi, esta é uma oportunidade de combinar seus interesses com os motion graphics e o mundo da programação com peças visuais. Ele já trabalhou com pequenas e grandes agências e com marcas famosas, como Dell, Adidas e Universal Music.
Neste curso, Bruno ensinará você a criar peças visuais envolventes por meio de códigos. Você descobrirá os fundamentos da programação e aprenderá a desenhar utilizando a linguagem JavaScript de forma criativa.
Você gostaria de saber mais sobre programação? Confira o segundo curso do Bruno, Programação criativa 2.0 em JavaScript: animação, som e cor, onde ele ensina técnicas avançadas para composições repletas de cor, som e movimento.
O que você aprenderá neste curso online?
21 aulas & 39 downloads
- 97% avaliações positivas (1.2K)
- 59,549 alunos
- 21 aulas (2h 42m)
- 39 recursos adicionais (5 arquivos)
- Online e no seu ritmo
- Disponível no aplicativo
- Áudio: Inglês, Espanhol (Latam), Francês, Italiano, Português, Türkçe
- Inglês · Espanhol · Português · Alemão · Francês · Italiano · Polonês · Holandês · Türkçe
- Nível: Iniciante
- Acesso ilimitado para sempre
Qual é o projeto deste curso?
Você criará uma série de composições visuais para implementá-las em um navegador utilizando a programação em JavaScript.

Projetos de alunos do curso
Para quem é este curso online?
A todos os interessados em programação e em aprender a criar peças visuais por meio de códigos.
Requisitos e materiais
Para fazer este curso, recomenda-se ter conhecimentos básicos de matemática. Você também precisará de um computador com Node.js instalado, além de acesso a um navegador web e processador de texto.
Sistemas operacionais compatíveis:
- ⦁Linux
⦁SmartOS
⦁macOS 10.7 ou superior
⦁Windows 2008 ou superior
Requisitos mínimos:
- ⦁4GB de RAM
⦁10GB de espaço livre

Avaliações

Bruno Imbrizi
Um curso de Bruno Imbrizi
Bruno Imbrizi é creative coder, é natural do Brasil e vive em Londres. Ele estudou design gráfico e deu início à sua carreira, colocando as habilidades e conhecimentos adquiridos em prática. Por fim, combinou seu talento pelo design com outra paixão: a programação.
Com mais de 10 anos de experiência, ele já trabalhou em agências, estúdios de design e empresas de produção, além de ter colaborado com marcas como Dell, Adidas e Universal Music. Seu trabalho já foi destacado em publicações online como Wired e Londonist e ele já recebeu prêmios como o Adobe Cutting Edge e o FITC pela melhor instalação digital.
Conteúdo
-
U1
Introdução
-
Sobre mim
-
Influências
-
-
U2
Fundamentos
-
Configurar
-
Variáveis e funções
-
Matrizes e Loops
-
Um ambiente para esboçar
-
-
U3
Sketch Transform
-
Transformar
-
Ângulos
-
Funções Utilitárias
-
Arcos
-
-
U4
Agentes Sketch
-
Objetos e Classes
-
Animação
-
Linhas
-
Saida de video
-
-
U5
Sketch Noise
-
Rede
-
Barulho
-
GUI
-
-
U6
Tipo de esboço
-
Texto
-
Assíncrono
-
Bitmap
-
Glifos
-
-
PF
Projeto final
-
Introdução à codificação para designers visuais
-
O que esperar de um curso da Domestika
-
Aprenda no seu ritmo
Aproveite para aprender desde casa, sem um horário fixo e no seu ritmo. É você quem define sua disponibilidade.
-
Aprenda com os melhores profissionais
Aprenda métodos e técnicas fundamentais com os melhores profissionais do setor criativo.
-
Conheça os maiores especialistas
Cada professor compartilha seus conhecimentos com entusiasmo e explicações claras, oferecendo uma perspectiva profissional em cada aula.
-
Certificados
PlusSe você for um membro Plus, obtenha um certificado personalizado assinado pelo professor de cada curso que concluir. Compartilhe-o em seu portfólio, mídia social ou onde quiser.
-
Sente-se na primeira fila
Com vídeos da melhor qualidade, você não perderá nenhum detalhe! Graças ao acesso ilimitado, você pode assistir às aulas todas as vezes que precisar para aperfeiçoar sua técnica.
-
Compartilhe conhecimentos e ideias
Pergunte, peça opiniões e ofereça soluções. Compartilhe sua experiência de aprendizagem com outros alunos da comunidade tão criativos como você.
-
Conecte-se a uma comunidade criativa global
Esta comunidade acolhe milhões de pessoas do mundo todo, curiosas e apaixonadas por descobrir e expressar sua criatividade.
-
Assista a cursos produzidos de maneira profissional
A Domestika seleciona cuidadosamente seus professores e produz cada curso internamente para garantir uma experiência de aprendizagem online excelente.
Perguntas frequentes
Programação criativa é usar programação para expressão artística ou visual. Este curso ensina a usar JavaScript, HTML e Canvas para criar visuais interativos e arte generativa por meio de experimentos práticos de código.
Este curso é indicado para usuários intermediários. É recomendável ter familiaridade básica com JavaScript e desenvolvimento web, mas os conceitos e ferramentas principais são explicados passo a passo para quem já tem alguma experiência com programação.
Você vai precisar de um editor de código como Sublime Text ou Visual Studio Code, Node.js, npm e um navegador moderno. O curso também ensina a instalar e configurar todas as ferramentas necessárias para projetos de programação criativa.
Você aprenderá a criar arte generativa, visuais interativos e protótipos usando JavaScript, Canvas e tecnologias web. Os temas incluem desenhar formas, transformações, animação, exportação de gráficos e uso de bibliotecas como Canvas Sketch.
O curso ensina a usar métodos da API Canvas do JavaScript, como fillRect, arc e fillStyle, para desenhar e estilizar retângulos, círculos e outras formas diretamente no navegador.
Sim, você vai aprender a exportar seus sketches generativos como imagens PNG ou arquivos de vídeo usando o Canvas Sketch CLI, além de dicas para exportações de alta qualidade.
Você será guiado na instalação do Canvas Sketch, inicialização de projetos, gerenciamento dinâmico das dimensões do canvas e execução dos sketches no navegador ou terminal.

Great course!!!
I loved this! I learned a lot and I sincerely recommend this course.
Ótimo curso. O professor entende do assunto em profundidade e sabe transmitir muito bem o conteúdo. É uma excelente oportunidade como porta de entrada para a programação criativa.
The course is really fun to learn and the skills gained are really making a difference in the web development for me and would definitely recommend it . If I get other creative courses , I would do it again for sure . Excellent work from Bruno Imbrizi
The videos attached to the courses makes it a lot easier to follow with the practical tasks