Estilos de tela HTML5: Trabalhando com cores, preenchimentos e traços
Saiba como aplicar cores vibrantes, gradientes e transparência usando fillStyle e strokeStyle para criar gráficos da Web atraentes com o HTML5 Canvas.
-
💬
Instrutor de IA
Pergunte sobre qualquer aula e receba uma resposta clara na hora, quando quiser. -
🕐
Comece quando quiser
Sem horários nem prazos: aprenda no seu ritmo, quando quiser. -
🌐
Em português
Aulas, tarefas e certificado: tudo totalmente no seu idioma.
Sobre este curso
Criar gráficos dinâmicos para a Web requer um entendimento sólido de como aplicar cores e estilos às suas formas. Este curso somente de texto orienta você através dos recursos de estilo principais da API HTML5 Canvas, transformando formas simples em elementos visualmente atraentes. Ao ler explicações claras e analisar trechos de código práticos, você aprenderá a manipular cores, gerenciar transparência e aplicar traços e preenchimentos de forma eficaz. Você também explorará práticas modernas de tela, incluindo a manutenção do contraste de cores adequado para acessibilidade e manipulação de layouts responsivos.\n\nO que você aprenderá:\n- Entenda a mecânica fundamental do sistema de coordenadas HTML5 Canvas e o contexto de renderização.\n- Aplique cores sólidas usando os formatos Hex, RGB, RGBA e HSL para preencher e delinear formas.\n- Configure propriedades de traço como largura de linha, cabeças de linha e junções de linha para caminhos vetoriais precisos.\n - Implemente canais de transparência e alfa para criar efeitos visuais semi-transparentes em camadas.\n conceitos básicos de contexto de renderização antes de passar para modelos de cores e técnicas de estilo. Você então progredirá para configurações avançadas de traços e exercícios práticos de design. Este curso é projetado para desenvolvedores e designers da web iniciantes que querem aprender desenho programático do zero. Nenhuma experiência prévia com canvas é necessária, embora conhecimento básico de HTML e JavaScript seja útil. Comece a ler hoje para desbloquear o potencial criativo do HTML5 Canvas.
O que você vai receber
-
📜
Certificado de conclusão
Adicione ao seu perfil do LinkedIn -
💬
Tutor AI pessoal
Travou em uma aula? Pergunte ao seu tutor integrado qualquer coisa, a qualquer hora. -
♾️
Acesso vitalício
Volte quando quiser, sem expirar -
📱
Celular ou computador
Funciona em qualquer dispositivo -
💸
Reembolso em 14 dias
Sem perguntas -
⚡
Curto e focado
2 h 48 min de conteúdo prático
Avaliações
Ainda não há avaliações — seja o primeiro a compartilhar sua experiência.
Outros também fizeram
🎓 Com certificado
Design de formulários responsivos com CSS e jQuery
Certificado
Prática
$14.99
→
💼 Pronto para o mercado
🎓 Com certificado
Web Design Moderno com Bootstrap Studio
Certificado
Prática
$14.99
→
🔥 Em alta
🎓 Com certificado
IA para Web Design: Landing Pages e Layouts Responsivos
Certificado
Prática
$14.99
→
🔥 Em alta
🎓 Com certificado
Crie um Site de Portfólio de Destaque com Framer
Certificado
Prática
$14.99
→
Perguntas frequentes
O que preciso para fazer este curso? +
Só um celular ou computador com internet. Sem instalações nem hardware especial.
Como faço para pagar? +
Com cartão via Stripe. Não guardamos dados do cartão — o Stripe processa com segurança.
Posso pedir reembolso? +
Sim — reembolso integral em 14 dias, sem perguntas.
Por quanto tempo terei acesso? +
Para sempre. Uma vez comprado, o curso é seu para revisar quando quiser.
Vou receber um certificado? +
Sim. Ao concluir, você recebe um certificado que pode adicionar ao seu perfil do LinkedIn.
Feito para profissionais em
Tecnologia
Design
Finanças
Marketing
Saúde
Educação
Hotelaria
Indústria