Jogo da Memória do SuperMario

🚀 DESAFIO: Bootcamp TQI Fullstack Developer - DIO:

Nesse projeto, o desafio será criar um jogo da memória utilizando apenas HTML, CSS e Javascript. Com poucas linhas de código, aprenderemos juntos a trabalhar com efeitos 3D no CSS e lógica de programação utilizando condicionais, Immediately Invoked Function Expression e manipulação de Array em um projeto super divertido.

Competências técnicas:

• HTML,
• CSS,
• JavaScript,
• Git

(Front-End Intermediário)

CERTIFICADO

Jogo da Velha

🚀 DESAFIO: Bootcamp TQI Fullstack Developer - DIO:

Neste projeto, vamos construir juntos um jogo da velha, utilizando somente HTML para estruturar nosso site, CSS para estilizar e dar vida a ele, e Javascript para criarmos toda suas interações, desde a escolha do jogador, efetivar uma jogada e dar um vencedor ao jogo. Vamos abordar conceitos básicos sobre as linguagens e como podemos criar projetos bem simples sem muito trabalho, apenas utilizando suas funções básicas e uma pouco de lógica!

Competências técnicas:

• HTML,
• CSS,
• JavaScript,
• Git

(Front-End Intermediário)
CERTIFICADO

Snake Game

🚀 DESAFIO: Bootcamp JavaScript Developer - DIO:

Neste projeto, foi construído um simples jogo da cobrinha, utilizando somente HTML para estruturar nosso site, CSS para estilizar e dar vida a ele, e javascript para criarmos toda suas interações. Utilizados conceitos básicos sobre as linguagens e como podemos criar projetos bem simples sem muito trabalho, apenas utilizando suas funções básicas e uma pouco de lógica!

Competências técnicas:

• HTML,
• CSS,
• JavaScript,
• Git

(Front-End Intermediário) CERTIFICADO

Jogo: Acerte a toupeira

🚀 DESAFIO: Desenvolvimento de Habilidades com JavaScript:

Primeira tentativa de criar um joguinho de acerte a toupeira utilizando HTML para estruturar nosso site, CSS para estilizar, e Javascript para criarmos toda suas interações: efetivar uma jogada, acertar a toupeira e dar a pontuação dentro do período de tempo. Foram abordados conceitos básicos sobre as linguagens e como podemos criar projetos bem simples sem muito trabalho, apenas utilizando suas funções básicas e uma pouco de lógica!

Competências técnicas:

• HTML,
• CSS,
• JavaScript,
• Git

(Front-End Intermediário)
Link para o Repositório no GitHub

Jogo: Antigo Pong de Atari

🚀 DESAFIO: Desenvolvimento de Habilidades com JavaScript:

tempo. Foram abordados conceitos básicos sobre as linguagens e como podemos criar projetos bem simples sem muito trabalho, apenas utilizando suas funções básicas e uma pouco de lógica!

Primeira tentativa de criar um jogo para rebater a bola entre dois pontos. Foi usado HTML para estruturar nosso site, CSS para estilizar, e Javascript para criarmos toda suas interações: efetivar a jogada, acertar a bolinha e exibir a vez de cada jogador.
Competências técnicas:

• HTML,
• CSS,
• JavaScript,
• Git

(Front-End Intermediário)
Link para o Repositório no GitHub

Jogo: Space Shooter

🚀 DESAFIO: Desenvolvimento de Habilidades com JavaScript:

Nesse projeto, o desafio será criar um Space Shooter utilizando HTML, CSS e Javascript. Aprenderemos juntos a trabalhar com posicionamento no CSS e lógica de programação utilizando posicionamento com CSS, manipulação do DOM, eventListeners, e manipulação de Array.

Competências técnicas:

• HTML,
• CSS,
• JavaScript,
• Git

(Front-End Intermediário)
Link para o Repositório no GitHub

Jogo: Genius

🚀 DESAFIO: Desenvolvimento de Habilidades com JavaScript:

Nesse projeto, o desafio será criar um jogo Genius utilizando apenas HTML, CSS e Javascript de forma introdutória, sendo o principal conceito, CSS Grid, manipulação de Array e Arrow Functions.

Competências técnicas:

• HTML,
• CSS,
• JavaScript,
• Git

(Front-End Intermediário)
Link para o Repositório no GitHub

Jogo: Dinossauro Offline

🚀 DESAFIO: Desenvolvimento de Habilidades com JavaScript:

Projeto foi criado por Anthony Samuel Sobral de Freitas a partir da aula "Recriando o famoso jogo do dinossauro sem internet", do DioLabs, na Digital Innovation One O jogo é baseado no joguinho do navegador Chrome, de quando se está sem internet. O projetinho foi feito a partir das aulas da Digital, e foram adicionadas algumas melhorias, como score e um game over que ao morrer, o cenário apenas trava, e mostra o fim de jogo e sua pontuação.

Competências técnicas:

• HTML,
• CSS,
• JavaScript,
• Git

(Front-End Intermediário)
Link para o Repositório no GitHub

Jogo: Primeiro Jogo de Naves

🚀 DESAFIO: Desenvolvimento de Habilidades com JavaScript:

Uma das dificuldades dos desenvolvedores de jogos é encontrar uma plataforma de desenvolvimento compatível com os diversos dispositivos móveis no mercado e também com os diferentes navegadores (browsers). Utilizando o HTML5 juntamente com as folhas de estilo CSS3 e o JavaScript, é possível desenvolver jogos de forma rápida e compatível com diversas plataformas, incluindo dispositivos móveis. No projeto são discutidas as etapas de desenvolvimento de jogos em HTML5, CSS3 e JavaScript do início ao fim, utilizando a didática passo a passo em seu desenvolvimento. Neste projeto, especificamente, os jogos serão publicados de forma que possam ser acessados via browser.

Competências técnicas:

• HTML,
• CSS,
• JavaScript,
• Git

(Front-End Intermediário)
Link para o Repositório no GitHub

Outros Jogos

🚀 DESAFIO: Bootcamp JavaScript Developer - DIO:

Logo teremos aqui próximos desafios de jogos! Não percam!

Competências técnicas:
(Intermediário) CERTIFICADO