Entrar Ainda não tem acesso?
11
respostas

Ajuda Entrevista

Referente ao curso JavaScript: programando na linguagem da web, no capítulo Introdução e atividade Sim, o curso foi atualizado!

por ERICK CÂMARA COELHO
| 231k xp | 56 posts
Desenvolvedor

Prezados, boa tarde. Por favor gostaria de solicitar auxilio e conselhos, eu enviei meu currículo para uma oportunidade de trabalho, já informei a empresa que tenho conhecimento básico sobre desenvolvimento e não trabalhei na área ainda, mesmo assim me enviaram um teste no qual estou tendo diversas dificuldades mesmo tendo realizados todos os cursos na Alura até o momento, acredito que esta oportunidade seria uma ótima chance de aprender na pratica e aperfeiçoar meus conhecimentos, alguém poderia me ajudar? Envio abaixo o email que me enviaram; Erick, Recebemos seu interesse em nossa vaga de desenvolvedor Front-End. Estou lhe enviando um pequeno teste para entendermos seu nível.

O teste consiste em desenvolver uma landing page com bannerrotatório. Nela deverá haver uma funcionalidade de consultar CEP listando osresultados e mantendo os resultados das consultas. Deve ser responsivo.

Segue : Layout do teste : https://xd.adobe.com/view/fdbbb5bb-fe1f-4721-6020-a615b123bfef-8b8a/ Webservice CEP : https://viacep.com.br/

Os ícones estão em anexo.

Enviar código fonte do teste via github ou um zip.

Prazo para retorno do teste, 48hrs.

11 respostas
por Instrutor
| 1132.3k xp | 1471 posts
Instrutor

Erick, boa tarde!

Em qual parte do desenvolvimento você está encontrando dificuldade?

Aguardo sua resposta e bons estudos!

por Joel Spinelli
| 620.9k xp | 630 posts
Desenvolvedor Node e Front End

Oi Erick, isso é um pouco complicado... esse é um momento para a empresa te testar e para você se testar também.

Mas compartilha aqui o que você já vez e o que vc está tendo dificuldades. Assim fica mais fácil de te ajudar.

Embora 48h dê para fazer esse site, achei o tempo até que curto para um teste de emprego...

por ERICK CÂMARA COELHO
| 231k xp | 56 posts
Desenvolvedor

Sim eu informei que sou iniciante e estou no básico ainda. Estou tentando porem nem consigo ajustar o tamanho da imagem na pagina, fazendo o curso tudo parecia mais fácil mas agora na prática não consigo realizar nenhum avanço seguindo oque foi solicitado no teste.

por ERICK CÂMARA COELHO
| 231k xp | 56 posts
Desenvolvedor 
<body>
    <header>
        <div class="caixa">
            <h1><img src="logo.png"></h1>

            <nav>
                <ul>
                    <li><a href="index.html">Home</a></li>
                    <li><a href="endereco.html">Endereço</a></li>
                    <li><a href="contato.html">Contato</a></li>
                </ul>
            </nav>
        </div>
    </header>

    <img id="banner" src="18007.jpg">


    <main>
        <section class="principal">
            <h2 class="titulo-centralizado">Busque seu endereço em poucos passos</h2>

            <form>
                    <label for="email">Digite Seu CEP</label>
                    <input type="email" id="cep" class="input-padrao" required placeholder="00000-000">

            </form>
        </section>




        </section>
    </main>


    <footer>

    </footer>
</body>
por Joel Spinelli
| 620.9k xp | 630 posts
Desenvolvedor Node e Front End

Certo, e o css como está?

Seu código está no github? Se sim compartilha se for possível.

por ERICK CÂMARA COELHO
| 231k xp | 56 posts
Desenvolvedor

Oi Joel eu instalei o GitHub aqui mas ainda não sei utilizar. Obrigado pela ajuda pessoal tenho ainda hoje para desenvolver estas 2 paginas não consigo sair do lugar 

    <title>Landingpage Carrossel.</title>        
    <link rel="stylesheet" href="css/style.css">

</head>


<body>


    <header>
        <div class="logo">
            <img src="Logo.svg" alt="Logo Topo Tag">

        </div>

        <nav>
            <ul>
                <li><a href="index.html">Home</a></li>
                <li><a href="#">Endereço</a></li>
                <li><a href="#">Contato</a></li>
            </ul>
        </nav>


        <ul class="social">
            <li>
                <a href="#"><i class="fa fa-facebook"></i></a>
            </li>

            <li>
                <a href="#"><i class="fa fa-github-alt"></i></a>
            </li>
        </ul>

        <h1><strong>Banner Carrosel.</strong>


        <p> Busque seu endereço em poucos passos </p>

        <a href="#" class="button"><i class="fa fa-eye"> Buscar</a>

    </header>




    <main>
        <div class="imagem">
            <img src="42535.jpg" alt="Foto TAG">

    </main>




    <footer>
        <div class="logo-rodape">
            <a href="index.html">
                <img src="Logo.svg" alt="LOGO RODAPE">
            </a>
    </footer>

</body>
por Joel Spinelli
| 620.9k xp | 630 posts
Desenvolvedor Node e Front End

Nem esquenta com o Github, vai tentando fazer o teste.

Como está o seu código CSS? Talvez é nele que vc está tendo mais dificuldade para criar o seu site.

Só uma observação, serão duas páginas mesmo? Eu acho que é uma página só que irá consultar uma API e exibir os resultados nela. Creio que as duas telas que ele colocou aí para você é somente como exemplo, como a tela tem que ficar após fazer uma consulta.

Eu tenho um exemplo de como você pode fazer isso, foi uma pequena brincadeira que fiz quando estava um pouco entediado. Não seja muito crítico quanto ao código xD

Segue o link: https://github.com/JoelSpinelli/SearchNasa/blob/master/src/index.js#L7

Talvez a parte mais importante para você é essa aqui: https://github.com/JoelSpinelli/SearchNasa/blob/master/src/index.js#L14-L26

Que basicamente é pegar o valor do campo, concatenar na url e depois fazer a busca.

Qualquer dúvida sobre o fetch tem um artigo do mdn falando sobre: https://developer.mozilla.org/pt-BR/docs/Web/API/Fetch_API/Using_Fetch

Creio que também é comentado no curso de javascript avançado aqui na Alura, mas como eu não completei o curso não tenho como afirmar para você.

por ERICK CÂMARA COELHO
| 231k xp | 56 posts
Desenvolvedor

Joel muito obrigado por sua atenção!

Vou analisar tudo com detalhe!

Muito grato mais uma vez!

por Joel Spinelli
| 620.9k xp | 630 posts
Desenvolvedor Node e Front End

De boa, qualquer dúvida posta aí.

E não desanima, no começo as coisas são mais difíceis mesmo, para aprender mesmo tem que por a mão na massa igual você está fazendo.

por ERICK CÂMARA COELHO
| 231k xp | 56 posts
Desenvolvedor

Obrigado por seu auxilio Joel, acabei contratando um professor particular que me ensinou muito e estou conseguindo progredir, se tudo der certo estarei em breve com minha primeira oportunidade de desenvolvedor web em andamento!

por Joel Spinelli
| 620.9k xp | 630 posts
Desenvolvedor Node e Front End

Opa Erick,

Boa sorte com o projeto, e bons estudos, qualquer coisa é só postar aqui no Alura!