Repositório com os exercícios e projetos do BootCamp JavaScript Game Developer da Digital Innovation One.
BootCamp JavaScript Game Developer - Intermediário - 28 atividades - 108 hrs.
Aprenda de forma divertida a criar jogos com JavaScript para inciar a sua carreira em desenvolvimento front-end e se transformar em um dev de alto nível.
Certificado de conclusão do Bootcamp
CONTEÚDOS - Atividades do Bootcamp:
01 - Bem-vindo à DIO - Seja bem-vindo à Digital Innovation One, o maior ecossistema open education em desenvolvimento de software da América Latina. Você vai começar agora uma jornada para criar o seu currículo com portfólio de projetos inovadores e acelerar a sua carreira para conquistar grandes oportunidades.
- Boas-vindas da DIO - O que é a Digital Innovation One?
- Por que a carreira em desenvolvimento de software tem um futuro muito promissor?
- Alinhando a sua mentalidade a dos desenvolvedores de software de alto desempenho
- Conhecendo a plataforma da Digital Innovation One
- Como tirar dúvidas técnicas sobre aulas, desafios e projetos?
- 10 dicas para ser contratado por uma empresa inovadora de tecnologia
- O DIO PRO acelera a sua carreira em desenvolvimento de software
- A nossa equipe está torcendo por você!
Aulas 1/1 - Básico - 1 hrs - Certificado
02 - Lógica de programação essencial - Lógica de programação é a forma como o desenvolvedor entende a comunicação a fim de programar uma função de um programa. Faz uso de algoritmos, que são sequências de passos bem estabelecidos, como por exemplo, uma receita de bolo.
-
Introdução à lógica e à programação:
-
Entendendo o que é lógica
-
O que são algoritmos e pseudocódigo
-
Aprendendo fluxograma, variáveis e constantes
-
Tomadas de decisões e expressões
-
Como utilizar a concatenação
-
Certifique seu conhecimento
-
Introdução ao Portugol:
-
Aprenda como utilizar uma estrutura de repetição
-
O que são linguagens de programação?
-
Aprenda a utilizar desvios condicionais e boas práticas em programação
-
Trabalhando com laços de repetição em Portugol
-
Aplicação prática com matrizes e vetores
-
Certifique seu conhecimento
Aulas 2/2 - Básico - 4 hrs - Certificado
03 - Introdução ao Git e Controle de Versões - Aprenda o que é controle de versão e como trabalhar com o Git, assim como os seus principais comandos.
-
Entenda o que é Git e controle de versão: Primeiros passos sobre controle de versão
-
Conheça os principais conceitos e comandos do Git: Aprenda sobre os comandos mais usados no Git
-
Entenda o que é um repositório e aprenda como iniciá-lo no Git: Crie um diretório e comece a desenvolver projetos
Aulas 3/3 - Básico - 2 hrs - Certificado
04 - Introdução ao GitHub e comandos para trabalhar em equipe - Conheça mais a fundo o GitHub e sua interface WEB com exemplos de uso de branch e merge com um fluxo de trabalho que você pode usar no mundo real.
-
Entenda a importância do Github no dia a dia do desenvolvedor e conheça os recursos da sua plataforma: Conheça o Github
-
Aprenda a criar um repositório remoto, compreenda o Github e seus comandos: Criando um repositório no Github
-
Aprenda a clonar projetos remotos e atualizá-los no GitHub: Aprenda a trabalhar com o repositório remoto e a clonar projetos
-
Aprenda na prática o que são ramificações (branches) e como manipulá-las utilizando comandos Git: Como trabalhar com Branching
-
Aprenda como submeter uma nova branch para o seu repositório remoto no Github: Envie projetos para o repositório remoto no Github
-
Aprenda na prática como fazer merge de uma branch secundária com a branch master do projeto: Comece a desenvolver projetos no Github usando Branching
Aulas 6/6 - Básico - 4 hrs - Certificado
05 - Introdução a criação de websites com HTML5 e CSS3 - Nesse curso o especialista vai contar um pouco sobre a história do HTML5 e do CSS3, explicar como funciona a estrutura básica dessas tecnologias, sua semântica, principais elementos e comandos.
-
Introdução ao curso de HTML
-
Estrutura básica - Material de apoio
-
Entendendo o que é semântica
-
Semântica - Parte 1 - Semântica - Parte 2
-
Como usar textos e links em HTML
-
Tags para textos - Tags para links - Exercício prático
-
Como inserir imagens em seu site
-
Tag img - Exercício prático
-
Como organizar listas com HTML
-
Tags li, ul e ol - Exercício prático
-
Introdução e conceitos básicos do CSS3
-
Introdução ao CSS3 - Conceitos básicos - Material de apoio
-
Estilizando elementos, textos e listas
-
Estilizando elementos - Estilizando textos - Estilizando listas
-
Dimensão e alinhamento
-
Propriedades de dimensões e alinhamento
Aulas 8/8 - Básico - 6 hrs - Certificado
06 - Projeto Recriando a página inicial do Instagram
Página de login do Instagram: nesse projeto, será abordado o conceito sobre CSS Flexbox e responsividade, preparando os alunos para as aulas de jogos, nas quais será utilizado o CSS junto ao JavaScript para estilização e posicionamento. Parte 1 - Parte 2 - Parte 3 - Parte 4
Projeto 1/1 - Básico - 2 hrs - Certificado
07 - Conceitos de responsividade e experiência do usuário - Esse curso vai ensinar sobre a experiência do usuário e interface do usuário, ou seja, como ele interage com a plataforma web, se ela é intuitiva e de fácil entendimento para quem acessa.
-
Conceitos de responsividade e experiência do usuário:
-
Tópicos introdutórios sobre UX e UI
-
Cores da interface
-
Componentes da Interface do Usuário
-
Como aplicar os conceitos em projetos
-
Bibliografia complementar e dicas do especialista
-
Certifique seu conhecimento
Aulas 1/1 - Intermediário - 1 hrs - Certificado
08 - Programação para internet com JavaScript - JavaScript é uma das mais importantes linguagens front-end, e nesse curso você entenderá o porquê disso e como trabalhar com ela.
-
Introdução ao JavaScript
-
Array e Dicionário
-
Condicionais, laços de repetição e Date
-
Certifique seu conhecimento
-
Desenvolva páginas web com JavaScript
-
Parte 2: Manipulando elementos da página
-
Certifique seu conhecimento
Aulas 2/2 - Básico - 2 hrs - Certificado
09 - JavaScript ES6 essencial - Nesse curso você vai conhecer a extensão ES6, do JavaScript, que foi criada com o objetivo de resolver problemas antigos da linguagem, facilitar a construção de aplicações, entre outros benefícios.
-
Introdução ao ES6
-
História e conceitos;
-
Currying, Hoisting, Imutabilidade, Tipos e Variáveis;
-
Certifique seu conhecimento.
-
Tipos, variáveis, operadores, condicionais e repetição em JavaScript ES6
-
Tipos e variáveis;
-
Functions e operadores;
-
Spread, estruturas condicionais e repetição;
-
Certifique seu conhecimento.
-
Orientação a objetos e Design Patterns com a linguagem ES6
-
Introdução a orientação a objetos;
-
Introdução a Design Patterns;
-
Certifique seu conhecimento.
-
Manipulação e iteração de arrays
-
Criando e manipulando arrays;
-
Iterar, buscar e transformar elementos;
-
Certifique seu conhecimento.
Aulas 4/4 - Intermediário - 4 hrs - Certificado
10 - Recriando a Interface do Netflix
Recrie a interface do principal site de streaming mundial utilizando tecnologias simples como HTML5, CSS3 e JavaScript. Nesse projeto você aprenderá: como estruturar um layout, técnicas de CSS3 com containers e variáveis, como posicionar os elementos com Flexbox e como utilizar plugins Jquery a favor da sua aplicação. Parte 1 à 9.
Projeto 1/1 - Avançado - 5 hrs - Certificado de Conclusão do Projeto
11 - Introdução a Programação com JavaScript
Nesse desafio de codificação você irá praticar através do desenvolvimento de algoritmos os conceitos de pensamento computacional apresentados nas aulas e exercícios anteriores.
Desafios 3/3 - Básico
12 - Construindo o seu primeiro jogo de naves
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. Partes 1 até 22.
Projeto 1/1 - Intermediário - 5 hrs - Certificado
13 - Desmistificando map, filter e reduce
Aprenda como e quando utilizar map, filter e reduce em JavaScript.
Aulas 1/1 - Básico - 1 hrs - Certificado
14 - Fundamentos Aritméticos em JavaScript
Nesse desafio de codificação você irá praticar através do desenvolvimento de algoritmos os conceitos de pensamento computacional apresentados nas aulas e exercícios anteriores.
Desafios 5/5 - Básico
15 - Criando seu jogo de memória estilo Genius
Nesse projeto, o desafio será criar um jogo Gênesis utilizando apenas HTML, CSS e Javascript de forma introdutória, sendo o principal conceito, CSS Grid, manipulação de Array e Arrow Functions.
Projeto 1/1 - Básico - 2 hrs - Certificado
16 - Desenvolvimento avançado com JavaScript ES6
Aprenda a trabalhar com a mais nova atualização da linguagem JavaScript, a ES6, desde seus fundamentos até as funções avançadas e novos conceitos aplicados.
Aulas 6/6 - Avançado - 5 hrs - Certificado
17 - Recriando o famoso jogo do dinossauro sem internet
Neste projeto você terá o desafio de criar uma cópia do jogo do dinossauro, famoso no Chrome por nos entreter quando estamos sem conexão. Nele iremos utilizar HTML, CSS e JavaScript, abordando de maneira simples diversos conceitos introdutórios importantes para programação na web como tags básicas de HTML, manipulação de eventos, funções e manipulação de elementos HTML usando JavaScript, estilização e animações básicas com CSS.
Projeto 1/1 - Intermediário - 2 hrs - Certificado
18 - Entendendo Promises de uma vez por todas
Neste projeto prático vamos mergulhar fundo no padrão Promises e entender como funciona todo o fluxo assíncrono de funções em Javascript!
Aulas 1/1 - Intermediário - 2 hrs - Certificado
19 - Como funciona o async/await
As promises são um recurso importante do JavaScript que podem ser aplicadas de diversas formas. Aprenda sobre o que é e como utilizar as keywords async e await para otimizar o desenvolvimento de projetos.
Aulas 1/1 - Intermediário - 1 hrs - Certificado
20 - Desenvolvendo um jogo da memória
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.
Projeto 1/1 - Básico - 2 hrs - Certificado
21 - Ordenação e Filtros em JavaScript
Nesse desafio de codificação você irá praticar através do desenvolvimento de algoritmos os conceitos de pensamento computacional apresentados nas aulas e exercícios anteriores.
Desafios 5/5 - Intermediário
22 - Fundamentos de Arquitetura de Sistemas
Aprenda nesse curso sobre como funcionam as arquiteturas de softwares, seus conceitos, aplicações e desenvolvimento de operações.
Aulas 5/5 - Básico - 7 hrs - Certificado
23 - Introdução a Busca e Substituição em JavaScript
Nesse desafio de codificação você irá praticar através do desenvolvimento de algoritmos os conceitos de pensamento computacional apresentados nas aulas e exercícios anteriores.
Desafios 5/5 - Intermediário
24 - Criando seu próprio jogo da velha com HTML e Javascript
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!
Projeto 1/1 - Básico - 5 hrs - Certificado
25 - Projetos ágeis com SCRUM
SCRUM é um framework utilizado no gerenciamento ágil de projetos de software. Esse curso ensinará os fundamentos e práticas da metodologia.
Aulas 3/3 - Básico - 2 hrs - Certificado
26 - Solução de Problemas com JavaScript
Nesse desafio de codificação você irá praticar através do desenvolvimento de algoritmos os conceitos de pensamento computacional apresentados nas aulas e exercícios anteriores.
Desafios 7/7 - Avançado
27 - Criando seu jogo no estilo Space Shooter
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.
Projeto 1/1 - Intermediário - 6 hrs - Certificado
28 - Resolvendo Algoritmos com JavaScript
Nesse desafio de codificação você irá praticar através do desenvolvimento de algoritmos os conceitos de pensamento computacional apresentados nas aulas e exercícios anteriores.
Desafios 5/5 - Avançado