Aula 01
Jogo da Velha com HTML, CSS, e JavaScript (Implementação com Objeto)
Summary
Resumo do Curso: Desenvolvendo o Jogo da Velha
Neste curso, você aprenderá a desenvolver o jogo da velha utilizando HTML, CSS e JavaScript. Os principais pontos abordados incluem:
-
Abordagem de Implementação:
- O jogo será implementado usando um objeto para o tabuleiro, ao invés de um array ou lista.
-
JavaScript ES6:
- O curso usará JavaScript na versão ES6, sendo necessário um navegador atualizado para compatibilidade.
- Para suporte a navegadores mais antigos, é recomendado transpilar o código de ES6 para ES5 utilizando ferramentas como o Babel.
- É possível escrever o código em ES5 se preferir.
-
Preparação para o Curso:
- É necessário ter um editor de texto para escrever o código, um navegador (Firefox será utilizado durante o curso) e conhecimentos básicos de HTML, CSS e JavaScript.
- O foco será na implementação do jogo da velha, sem explicar detalhadamente cada conceito das linguagens.
- Recomenda-se ter o NPM com Node instalado para facilitar a autoatualização da página do jogo. Sem isso, você precisará atualizar manualmente o navegador.
O curso começará com uma introdução ao jogo, seguido pela estruturação do HTML e estilos, antes de se aprofundar na lógica do JavaScript.
Próxima Aula: Introdução ao jogo da velha. Até lá!
Video Transcript
Neste curso nós vamos aprender a desenvolver o jogo da velha usando HTML, CSS e JavaScript.
Então antes de partir por curso eu gostaria de dizer primeiro que há várias maneiras
de implementação do jogo da velha, várias maneiras e com vários níveis de eficiência.
A maneira que eu vou fazer aqui vai ser usando um objeto para o tabuleiro,
implementação usando um objeto, não vou usar um array, uma lista.
Também vou usar JavaScript na maneira de ESC6, então você tem que usar o navegador na versão atual para isso poder funcionar direito.
Note que usando ESC6 não garante suporte para você rodar o jogo da velha, essa página em todos os navegadores,
incluindo antigos, se você quiser ter suporte para isso recomendo você transpilar esse código que está em ESC6 para o ESC5 usando um transpilador como o Babel.
Ou ainda se você não quiser usar o ESC6 quando você fizer junto comigo você pode também escrever em ESC5.
Então vamos começar, vou explicar só falando do jogo, depois vou falar da estrutura do HTML e vamos escrever alguns estilos.
E depois vamos começar no JavaScript, naquela lógica do jogo.
Então o que você vai precisar para esse curso? Precisa de um editor de texto obviamente para escrever o código, precisar de um navegador,
no meu caso vou usar Firefox e um conhecimento básico de HTML e CSS JavaScript seria legal.
Eu não vou explicar cada coisa da linguagem, por si só, eu vou focar mais na implementação desse jogo da velha.
Também opcionalmente eu recomendo você ter o NPM com o Node instalado para poder usar um pacote para poder a auto atualização da sua página do jogo
enquanto você estiver escrevendo o código, se você não tiver isso você vai ter que sempre clicar para atualizar a página do navegador
em vez de ser feito automaticamente.
Então com isso eu te vejo na próxima aula, onde a gente vai começar a falar do jogo da velha. Então até lá!
Nenhum comentário ainda (loading...)
Nenhum comentário ainda (loading...)
Gostou da aula? 😆👍
Apoie nosso trabalho com uma doação: