- Introdução
- Desafio 1
- Desafio 2
- Desafio 3
- Desafio 4
- Desafio 5
- Desafio 6
- Desafio 7
- Ferramentas utilizadas
- Acesso ao projeto completo
- Abrir e rodar o projeto
- Desenvolvedor
O projeto consiste em 7 desafios de Lógica com Javascript propostos pela instrutora Rafaella Ballerini da Alura. Criei algoritmos para resolver os problemas usando variáveis, condicionais e estruturas de loop. Utilizei pastas para separar cada desafio no código e abaixo você pode conferir cada um deles e seu funcionamento, reproduzi alguns vídeos mostrando os projetos em execução.
Lógica JS 1/7: Operações Booleanas
Este desafio consiste em treinar a operação de igualdade entre valores usando a comparação ideal para obter o melhor retorno.
Você pode acessar o código fonte desse desafio clicando Aqui. Para saber mais sobre como o problema foi resolvido clique aqui.
Lógica JS 2/7: Variáveis
Sabe quando você se cadastra em um site e, logo em seguida, quando faz o seu login, ele já te chama pelo seu nome? Está foi a proposta do desafio e é o que foi feito aqui utilizando as variáveis do JavaScript.
Abaixo segue um vídeo demonstrando o código em execução:
desafio2.mp4
Você pode acessar o código do projeto clicando aqui
Lógica JS 3/7: Fluxo de decisão
Neste desafio foi utilizado estruturas de controle de fluxo. Esse jeito complicado de falar só quer dizer que, assim como nos jogos, a história que você montar precisa se adaptar às respostas dadas por quem está jogando. Assim como no projeto anterior, fazemos algumas perguntas ao usuário só que alterando o final conforme a resposta informada.
Abaixo segue um vídeo demonstrando o código em execução:
desafio3.mp4
Você pode acessar o código do projeto clicando aqui.
Lógica JS 4/7: Fluxo de decisão
Você já brincou de tentar adivinhar o número que seu amigo ou amiga estava pensando? Neste desafio foi construido um código que faz exatamente isso. Mas agora, o jogo vai ser contra o próprio computador! Criar um programa que começa com um valor específico pré-definido entre 0 a 10 para o número que você vai adivinhar (7, por exemplo). Caso erre, teremos mais 2 tentativas. O código foi construído utlizizando estruturas de repetição e a função Math.random().
Abaixo segue um vídeo demonstrando o código em execução:
desafio4.mp4
Você pode acessar o código do projeto clicando aqui.
Lógica JS 5/7: Arrays e coleções
Sabe quando você vai no supermercado com uma lista de compras e acaba ficando indo e voltando nos mesmos corredores até completar a lista? Você precisa de uma maçã e vai para a área de frutas. O próximo item é um leite e você segue para os laticínios. Mas em seguida você anotou a pêra, e precisa novamente retornar para a área de frutas. Construí um código que organiza cada item listando eles conforme a sua categoria, utilizando Arrays para melhor resolver o problema.
Abaixo segue um vídeo demonstrando o código em execução:
desafio5.mp4
Você pode acessar o código do projeto clicando aqui.
Lógica JS 6/7: Remoção de Arrays
Reaproveitando o programa mostrado a cima que criei para montar a sua lista de compras. Ainda trabalhando com arrays, outra operação muito comum, além de adicionar itens na lista é a de remoção de itens da lista e é que foi feito. Utilizando o método .indexOf(elemento) para complementar o código e adicionar a função remover ao nosso projeto.
Abaixo segue um vídeo demonstrando o código em execução:
desafio6.mp4
Você pode acessar o código do projeto clicando aqui.
Lógica JS 7/7: Funções em Javascript
Você já parou para pensar como uma calculadora funciona? Ela pede para você digitar um número, depois você seleciona um tipo de operação, um outro número, e ela faz sozinha o cálculo para te mostrar o resultado! Neste último desafio,criei minha própria calculadora, com as opções de soma, subtração, multiplicação, divisão, resto da divisão e sair. Onde cada operação foi desenvolvida com uma função diferente no código. Saiba mais sobre funções.
Abaixo segue um vídeo demonstrando o código em execução:
desafio7.mp4
Você pode acessar o código do projeto clicando aqui.
Você pode baixá-lo.
Após baixar o projeto, você pode acessa-lo localizando na pasta de cada desafio o arquivo index.html. Então o projeto será aberto no seu navegador padrão e você pode testar o projeto desenvolvido e suas funcionalidades.
