Aprenda a desenvolver jogos com JAVASCRIPT do ZERO!

Entenda como utilizar das ferramentas web, para criar jogos.

4.54 (136 reviews)
Udemy
platform
Português
language
Game Development
category
instructor
525
students
7 hours
content
Dec 2023
last update
$19.99
regular price

What you will learn

JavaScript

CSS

HTML

Desenvolver jogos utilizando Atom

Description

Olá e seja muito bem vindo.


Se esta aqui, é porque quer saber o que você vai aprender no curso, certo!?

Bem, vamos passar por uma breve introdução em html, css e javascript e então começar nosso primeiro jogo.


Aqui esta a lista dos jogos que vamos criar juntos:


  • Pong - Jogo onde vamos aprender a criar formas e gerar movimentos utilizando o teclado


  • Bee Honey - Aqui vamos aprender a utilizar imagens e animações, além de utilizar todo o conhecimento já adquirido.


  • Flappy Bird - Esse será um jogo bem mais complexo, mas onde vamos ter a oportunidade de nos aprofundar ainda mais.


  • SpaceShip - Chegou o momento de aprender sobre gerenciamento de cenas e estados!


São mais de 150 aulas, focadas em te ensinar a criar jogos!


Caso queira ver os resultados de cada Sessão, deixo todos eles disponíveis no vídeo de introdução.

E claro, sempre que precisar de alguma ajuda, basta me chamar nos campos de dúvidas da Udemy.

(Geralmente respondo todos as dúvidas, por volta as 20:00, todos os dias.)


Então de uma olhadinha nos vídeos de demonstração, que deixo logo acima e caso goste do conteúdo,

estarei te esperando na nossa primeiro aula.


Bons estudos!


(OBS: Qualquer dúvida ou sugestão, pode ser enviada como mensagem, diretamente para mim,

utilizando o serviço de mensagens da Udemy.)

Content

Introdução

Recados importantes
Backups dos projetos
Onde vamos programar?
Configurando o Atom

Introdução HTML

Introdução Tags
<!DOCMENT HTML>
<Head> e <BODY>
Inserindo conteúdos
Inserindo imagens
Estilizando as Tags com CSS

Introdução CSS

Arquivo externo para CSS
Syntax
Seletores ID
Seletores class

Primeiro Projeto - Pong - HTML + CSS

Criando os arquivos
Base do projeto
<DIV>
Cores personalizadas
Centralizando o campo
Criando Faixas para o campo
Refinando o código
Marcação central
Circulo central
Circulo menor
Retangulo de marcação esquerdo
Retangulo de marcação direito
Desenhando a bolinha
Concluindo Css

Introdução ao JavaScript

Criando arquivo de script
Variáveis
Comentários
Utilizando o script.js
Console do navegador
Operadores
Concatenação de textos e numeros
Organizando as variáveis
Condições
Condições 2
Funções
Colocando em prática
Função de Defesa
Função de Fugir
Definindo escolhas com prompt
Loops com while.
Let
Conclusão + exercicio

Criando nosso primeiro jogo - Pong

Criando projeto
Criando a base html
Configurando o CSS
Javascript - GetElementByID()
Criando um container com getContext("2d")
Desenhando com fillRect()
Desenhando o jogador 2 e a bolinha
Trabalhando com textos
Organizando os valores
Função Draw()
Movendo a bolinha
Alterando a direção da bolinha
Eventos
Identificando teclas
Refinando os movimentros
Parando de mover, ao soltar a tecla
Criando limits
Colisão com jogador 1
Colisão com jogador 2
Marcando pontos
Mudando a direção do eixo Y da bolinha
Movendo o player 2
Condição de vitória
Conclusão do módulo

Introdução a POO - BeeHoney

Demonstração BeeHoney
Base para o projeto
Configurando o Css
Configurando o Canvas com javascript
Funções base do projeto
Introdução as classes
Desenhando Objs na tela
Organizando o projeto
Chamando os eventos no projeto
Movimentando a abelhinha
Classes e extenções
Movendo a aranha.
Randomizar posições da aranha.
Adicionando imagens
Adicionando o BG
Movendo o BG
Adicionando Animações
Animando a aranha
Deixando o Obj mais inteligente
Coletaveis
Textos na tela
Colisões
Colisão com aranha
Colisão com a flor
Adicionando caracteristicas as colisões
GameOver

Screenshots

Aprenda a desenvolver jogos com JAVASCRIPT do ZERO! - Screenshot_01Aprenda a desenvolver jogos com JAVASCRIPT do ZERO! - Screenshot_02Aprenda a desenvolver jogos com JAVASCRIPT do ZERO! - Screenshot_03Aprenda a desenvolver jogos com JAVASCRIPT do ZERO! - Screenshot_04

Reviews

Roberto
April 8, 2023
Aprendi a utilizar o java script, com mais facilidade o curso técnico é mais difícil e com essa explicações e aulas esta ficando muito fácil!!
Felipe
October 12, 2022
Eu estou curtindo muito este curso, recomendo para quem quer desenvolver lógica para criar os próprios jogos.
Helio
September 17, 2022
I liked specially the step by step approach to developing the games. [PT-BR] Gostei especialmente do passo a passo para o desenvolvimento dos jogos.
Thiago
August 5, 2022
Professor muito bom ! Cumpre o prometido, o nível do curso vai aumentando gardativamente conectando os saberes anteriores e complementando novas habilidades.
Frederico
May 3, 2022
Objetivo e direto, parabéns! É exatamente o que eu esperava. Porém, para quem não tem conhecimento de HTML e CSS é bom que procure, pelo menos, os conceitos básicos antes de iniciar o curso, para não ficar viajando nas aulas.
Wallace
April 17, 2022
Gostei muito do curso. O professor foi bem objetivo nos assuntos sem enrolação, só ficou faltando na minha opinião o desenvolvimento de fases. Contudo o curso é perfeito. Obrigado
Osmar
April 1, 2022
O curso é excelente, o professor tem uma ótima didática, eu gosto de Java script e comprei o jogo para aprimorar mais ainda o conhecimento em Java script. e de quebra estou aprendendo a fazer ótimos jogos com o JS.
Wellington
March 15, 2022
Obrigado pelo excelente conteúdo. Já tinha uma noção sobre html e css precisava mesmo ter o primeiro contato com o JavaScript e este curso rápido me proporcionou isso. Valeu Instrutor Renato!
Daniel
November 9, 2021
No geral o curso atendo o proposto. Para quem está começando é interessante já ter uma base de HTML, CSS e JS. Creio faltar um pouco mais de desafios para praticar, mas no geral muito bom e objetivo.

Charts

Price

Aprenda a desenvolver jogos com JAVASCRIPT do ZERO! - Price chart

Rating

Aprenda a desenvolver jogos com JAVASCRIPT do ZERO! - Ratings chart

Enrollment distribution

Aprenda a desenvolver jogos com JAVASCRIPT do ZERO! - Distribution chart

Related Topics

3846496
udemy ID
2/13/2021
course created date
7/13/2021
course indexed date
Bot
course submited by