Logo do curso
Curso

JavaScript e HTML:

pratique lógica com desenhos, animações e um jogo

Quero estudar na alura

10h

Para conclusão

63753

Pessoas nesse curso

9.3

Avaliação média

Certificado

De participação

Introdução_

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

linkedin

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

Ementa

  1. 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()
  2. Extraindo funções

    • Criando funções
    • Reutilizando código
    • Relembrando loops
    • Configurando o tipo de desenho com strokeStyle e strokeRect
    • Desenhando diversos retângulos
  3. 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
  4. Movendo elementos: animações simples

    • Movimentando objetos na tela
    • A função setTimeout()
    • Mais gráficos
  5. 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

Comece essa formação agora mesmo e capacite-se para seu próximo projeto!

Conheça os planos
Escola

Programação

Mergulhe no universo back-end. Programe nas principais plataformas e linguagens, como Python Node.JS, PHP, Java e .NET. Crie sistemas web e desenhe a arquitetura de soluções inovadoras, com código e boas práticas.

Conheça a escola

Pessoas estudando esse curso nesse mês:

Estude com elas

e mais 674 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.

Matricule-se

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.

Matricule-se
Conheça os Planos para Empresas

Acesso completo
durante 1 ano

Estude 24h/dia
onde e quando quiser

Novos cursos
todas as semanas