O que você aprenderá_
- Continue a praticar lógica com JavaScript
- Use e abuse de funções para facilitar seu trabalho
- Conheça o Canvas para gerar desenhos e animações
- Revise conceitos importantes na programação
- Crie seu primeiro jogo!
Público alvo_
Pessoas que já tem alguma lógica de programação e querem melhorar.
Flavio Henrique de Souza Almeida
Flávio é desenvolvedor e instrutor, focado no desenvolvimento com Angular e procurando conciliar o frontend com o backend. Palestrou em conferências como QCON e MobileConf. É autor do best-seller "Cangaceiro JavaScript". Além da sua graduação e MBA em TI, também é graduado em Psicologia, aplicando os aprendizados desta área no desenvolvimento de software e de aplicações web.
Curso atualizado em 02/02/2023
Já estuda na Alura?
Comece o curso agoraEmenta
Desenhando gráficos com Canvas
- Desenhando em uma página
- A API de canvas
- O primeiro desenho
- Resolução de uma imagem
- Configurando a cor com fillStyle()
- Desenhando linhas com lineTo()
- Desenhando retângulos
- Criando polígonos quaisquer com beginPath(), move() e fill().
- Criando curvas com arc()
Extraindo funções
- Criando funções
- Reutilizando código
- Relembrando loops
- Configurando o tipo de desenho com strokeStyle e strokeRect
- Desenhando diversos retângulos
Interagindo com o usuário
- Eventos e callback
- Capturando coordenadas do clique com on_click
- Coordenadas absolutas e relativas de uma página html com o uso do offset
- Capturando qual botão do mouse foi pressionado
Movendo elementos: animações simples
- Movimentando objetos na tela
- A função setTimeout()
- Mais gráficos
Nosso primeiro jogo
- Três círculos combinados, um alvo!
- Denhando um alvo
- Gerando posições aleatória para nosso alvo
- Atualizando a posição do alvo na tela
- A lógica de colisão
Descubra se esse curso é pra você! Leia as primeiras aulas
Escola
Programação
Pessoas estudando esse curso nesse mês:
Estude com elas
Felipe Perucci Machado do Amaral
Diogo Fontes de França
JULIO CEZAR RODRIGUES REIS
Leticia Aparecida Pinheiro Silva
gleydson aureliano de araujo e silvacorp
e mais 713 pessoas
e mais 713 pessoas
Faça parte da nossa comunidade no discord!
Troque conhecimentos com a comunidade da Alura
nossos alunos e alunas
Experiências de quem já mergulhou com a gente.
Gostei bastante, apenas achei os exercícios um pouco complicados.
JavaScript e HTML: pratique lógica com desenhos, animações e um jogo
Luciana Ferreira Miranda
Eu adorei, gostei bastante desse curso, e dos vídeos achei bem explicado.
JavaScript e HTML: pratique lógica com desenhos, animações e um jogo
Suelen Denise De Souza
Não foi a parte do curso que mais gostei mas, aprendizado é tudo. Nem sempre nos estudos gostamos de tudo né? Seguir em frente e mesmo sem gostar, continuar focado. Obrigado pelos ensinamentos.
JavaScript e HTML: pratique lógica com desenhos, animações e um jogo
Yuki Yotoko
Aprenda Lógica com esse e outros cursos, comece agora!
Plus
De
R$ 1.800
12X
R$109
à vista
R$1.308
- Acesso a TODOS os cursos da Alura
Mais de 1500 cursos completamente atualizados, com novos lançamentos todas as semanas, emProgramação, Front-end, UX & Design, Data Science, Mobile, DevOps e Inovação & Gestão.
- Alura Challenges
Desafios temáticos para você turbinar seu portfólio. Você aprende na prática, com exercícios e projetos que simulam o dia a dia profissional.
- Alura Cases
Webséries exclusivas com discussões avançadas sobre arquitetura de sistemas com profissionais de grandes corporações e startups.
- Certificado
Emitimos certificados para atestar que você finalizou nossos cursos e formações.
Pro
De
R$ 2.400
12X
R$149
à vista
R$1.788
- Acesso a TODOS os cursos da Alura
Mais de 1500 cursos completamente atualizados, com novos lançamentos todas as semanas, emProgramação, Front-end, UX & Design, Data Science, Mobile, DevOps e Inovação & Gestão.
- Alura Challenges
Desafios temáticos para você turbinar seu portfólio. Você aprende na prática, com exercícios e projetos que simulam o dia a dia profissional.
- Alura Cases
Webséries exclusivas com discussões avançadas sobre arquitetura de sistemas com profissionais de grandes corporações e startups.
- Certificado
Emitimos certificados para atestar que você finalizou nossos cursos e formações.
- Luri powered by ChatGPT
Luri é nossa inteligência artificial que tira dúvidas, dá exemplos práticos e ajuda a mergulhar ainda mais durante as aulas. Você pode conversar com Luri até 100 mensagens por semana.
- Alura Língua (incluindo curso Inglês para Devs)
Estude a língua inglesa com um curso 100% focado em tecnologia e expanda seus horizontes profissionais.
Acesso completo
durante 1 ano
Estude 24h/dia
onde e quando quiser
Novos cursos
todas as semanas