Curso Starter Rocketseat - JavaScript

“Faça seu melhor, mas sempre com prazo de entrega!”

1. Desafio 1 - Introdução JavaScript

• 1.1 - Clique aqui para ver a resolução ✔️

        Crie uma função que dado o objeto a seguir:
    
        var endereco = {
        rua: "Rua dos pinheiros",
        numero: 1293,
        bairro: "Centro",
        cidade: "São Paulo",
        uf: "SP"
        };
    
        Retorne o seguinte conteúdo:
    
        O usuário mora em São Paulo / SP, no bairro Centro, na rua "Rua dos Pinheiros" com
        nº 1293. 

• 1.2 - Clique aqui para ver a resolução ✔️

        Crie uma função que dado um intervalo (entre x e y) exiba todos número pares:
            
            function pares(x, y) {
             // código aqui
            }
            
            pares(32, 321);

• 1.3 - Clique aqui para ver a resolução ✔️

        Escreva uma função que verifique se o vetor de habilidades passado possui a habilidade "Javascript"
        e retorna um booleano true/false caso exista ou não.
            
            function temHabilidade(skills) {
             // código aqui
            }
            
            var skills = ["Javascript", "ReactJS", "React Native"];
            temHabilidade(skills); // true ou false

• 1.4 - Clique aqui para ver a resolução ✔️

        Escreva uma função que dado um total de anos de estudo retorna o quão experiente o usuário é:

            function experiencia(anos) {
             // código aqui
            }

            var anosEstudo = 7;
            experiencia(anosEstudo);

            // De 0-1 ano: Iniciante
            // De 1-3 anos: Intermediário
            // De 3-6 anos: Avançado
            // De 7 acima: Jedi Master

• 1.5 - Clique aqui para ver a resolução ✔️

        Dado o seguinte vetor de objetos:

            var usuarios = [
             {
             nome: "Diego",
             habilidades: ["Javascript", "ReactJS", "Redux"]
             },
             {
             nome: "Gabriel",
             habilidades: ["VueJS", "Ruby on Rails", "Elixir"]
             }
            ];

        Escreva uma função que produza o seguinte resultado:
        O Diego possui as habilidades: Javascript, ReactJS, Redux
        O Gabriel possui as habilidades: VueJS, Ruby on Rails, Elixir

2. Desafio 2 - Manipulando a DOM

• 2.1 - Clique aqui para ver a resolução ✔️

        Crie um botão que ao ser clicado cria um novo elemento em tela com a forma de um quadrado
        vermelho com 100px de altura e largura. Sempre que o botão for clicado um novo quadrado deve
        aparecer na tela.

• 2.2 - Clique aqui para ver a resolução ✔️

        Utilizando o resultado do primeiro desafio, toda vez que o usuário passar o mouse por cima de
        algum quadrado troque sua cor para uma cor aleatória gerada pela função abaixo:

            function getRandomColor() {
                var letters = "0123456789ABCDEF";
                var color = "#";
                
                for (var i = 0; i < 6; i++) {
                    color += letters[Math.floor(Math.random() * 16)];
                }
                return color;
            }

            var newColor = getRandomColor(); // #E943F0

• 2.3 - Clique aqui para ver a resolução ✔️

        A partir do seguinte vetor:
                var nomes = ["Diego", "Gabriel", "Lucas"];

        Preencha uma lista (<ul>) no HTML com os itens da seguinte forma:
        
        ● Diego
        ● Gabriel
        ● Lucas

• 2.4 - Clique aqui para ver a resolução ✔️

        Seguindo o resultado do exercício anterior adicione um input em tela e um botão como a seguir:
                
                <input type="text" name="nome">
                <button onClick="adicionar()">Adicionar</button>
        
        Ao clicar no botão, a função adicionar() deve ser disparada adicionando um novo item a lista de
        nomes baseado no nome preenchido no input e renderizando o novo item em tela juntos aos
        demais itens anteriores. Além disso, o conteúdo do input deve ser apagado após o clique.

3. Desafio 3 - App de To-dos

Acessar site (Somente Desktop) ✔️

Clique para ver os arquivos do projeto ✔️

4. Desafio 4 - JS assíncrono

• 4.1 - Clique aqui para ver a resolução ✔️

        Crie uma função que recebe a idade de um usuário e retorna uma Promise que depois de 2
        segundos retornará se usuário é maior ou não que 18 anos. Se o usuário ter mais que 18 anos de
        idade o resultado deve cair no .then, caso contrário, no .catch
                
                function checaIdade(idade) {
                // Retornar uma promise
                }

                checaIdade(20)
                .then(function() {
                console.log("Maior que 18");
                })
                .catch(function() {
                console.log("Menor que 18");
                });

• 4.2 - Clique aqui para ver a resolução ✔️

        Crie uma tela com um <input> que deve receber o nome de um usuário no Github. Após digitar o
        nome do usuário e clicar no botão buscar a aplicação deve buscar pela API do Github (conforme
        URL abaixo) os dados de repositórios do usuário e mostrá-los em tela:
        URL de exemplo: https://api.github.com/users/diego3g/repos
        Basta alterar "diego3g" pelo nome do usuário.

                <input type="text" name="user">
                <button onclick="">Adicionar</button>

        Depois de preencher o input e adicionar, a seguinte lista deve aparecer abaixo:
                
                <ul>
                <li>repo1</li>
                <li>repo2</li>
                <li>repo3</li>
                <li>repo4</li>
                <li>repo5</li>
                </ul>

• 4.3 - Clique aqui para ver a resolução ✔️

        A partir do resultado do exemplo anterior adicione um indicador de carregamento em tela no lugar
        da lista apenas enquanto a requisição estiver acontecendo:

                <li>Carregando...</li>

        Além disso, adicione uma mensagem de erro em tela caso o usuário no Github não exista.
        Dica: Quando o usuário não existe, a requisição irá cair no .catch com código de erro 404.

📝 Licença

Esse projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.

---

Feito com 💜 by Rocketseat 👋 Entre na nossa comunidade!