Programação criativa: produza peças visuais com JavaScript
Um curso de Bruno Imbrizi
, Creative Coder
Aprenda os fundamentos da programação e descubra como desenvolver, desenhar e animar peças visuais e textos por meio de códigos
- Top vendas Inglês com legendas em português
- 98% avaliações positivas (976)
- 42324 alunos
Aprenda os fundamentos da programação e descubra como desenvolver, desenhar e animar peças visuais e textos por meio de códigos
- 98% avaliações positivas (976)
- 42324 alunos
- 21 aulas (2h 42m)
- 39 recursos adicionais (5 arquivos)
- Online e no seu ritmo
- Disponível no aplicativo
- Áudio: Inglês
- Inglês, Espanhol, Português, Alemão, Francês, Italiano, Polonês, Holandês
- Nível: Iniciante
- Acesso ilimitado para sempre
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?
Índice do curso
-
U1U1. Introdução
-
U2U2. Fundamentos
-
U3U3. Sketch Transform
-
U4U4. Agentes Sketch
-
U5U5. Sketch Noise
-
U6U6. Tipo de esboço
-
PFPF Projeto final
Você começará sua jornada conhecendo o Bruno Imbrizi, creative coder e seu professor neste curso. Ele contará sobre o início de sua carreira como designer gráfico e como decidiu combiná-la com seu interesse em programação. Ele também explicará quais são suas plataformas favoritas e as pessoas que mais influenciaram seu trabalho.
Em seguida, você descobrirá os fundamentos da programação. Primeiro, você aprenderá a preparar suas ferramentas principais e entenderá conceitos como variáveis, funções, arrays e loops. Depois, verá como melhorar sua configuração e começará a realizar uma série de esboços.
Na próxima unidade, você criará uma peça visual utilizando transformações de tela. Aprenderá a usar a trigonometria para distribuir figuras ao redor de um círculo, verá como alterar a escala dos desenhos e como utilizar as funções para facilitar os próximos designs. Logo, finalizará o seu esboço desenhando arcos e experimentando com valores para os parâmetros.
Na sequência, você fará um desenho animado com agentes de movimento sobre a tela. Você aprenderá a criar linhas entre eles com base em sua proximidade e descobrirá como exportar um arquivo de vídeo para compartilhar sua animação nas redes sociais.
Neste momento, você voltará a trabalhar com seu grid para torná-lo mais flexível e eficiente. Utilizará geradores de ruído e criará um pequeno painel de controle, atualizando seus desenhos em tempo real.
Para finalizar, você descobrirá como utilizar texto em suas composições. Bruno ensinará a desenhá-lo, medi-lo e a configurar as propriedades da fonte, explicando ainda como atualizar suas letras com apenas uma tecla. Por último, você aprenderá a interpretar valores de cor e dará os toques finais no esboço definitivo.
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

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 à 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 ou PRO, obtenha um certificado personalizado assinado pelo professor de cada curso que concluir. Compartilhe 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
Os cursos da Domestika são aulas online que lhe permitem aprender uma série de ferramentas e habilidades para realizar um projeto concreto. Cada etapa do projeto combina vídeos e textos, além de instruções complementares. Os cursos também oferecem a oportunidade de compartilhar seus próprios projetos com outros usuários e com o professor, criando assim uma comunidade em torno do curso.
Os cursos são 100% online, portanto, assim que são publicados, os cursos começam e terminam quando você quiser. Você determina o ritmo da aula. É possível voltar para ver o que lhe interessa, pular o que você já sabe, fazer perguntas, resolver dúvidas, compartilhar seus projetos e muito mais.
Os cursos são divididos em diferentes unidades, cada uma inclui aulas, textos explicativos, tarefas e práticas para completar seu projeto passo a passo, recursos e documentos complementares. Você também terá acesso a um fórum exclusivo no qual poderá interagir com todos os alunos do curso e o professor, bem como compartilhar seus trabalhos e o projeto que realizar, criando uma comunidade em torno do curso.
Você pode resgatar um curso que recebeu de presente acessando página de resgate e inserindo o código de presente.
varun.heman
I thought the course was great - I am only sad that it was quite short. I would have liked to have covered more ground.
Ver tradução
Ocultar tradução
juanfelipelopeztafur
Estuvo fascinante el curso, pero recomiendo que cuando se grabe desde Terminal se agrande un poco la fuente para ver mejor las expresiones.
Ver tradução
Ocultar tradução
raffaele.carlani
Ottimo corso. Ben strutturato. Bruno Imbrizi è un bravissimo docente che ha il dono di rendere semplice anche ciò che può sembrare complesso. Molto soddisfatto.
Ver tradução
Ocultar tradução
baparham
Nicely structured and enjoyable to participate in. The coding portions move a bit fast, but that's fine, you can pause if you need to catch up with the code. Lots of practical labs to work through and get you feeling successful right away.
Ver tradução
Ocultar tradução
mbhulazi
This will definitely be my next course!
Ver tradução
Ocultar tradução