57 lines
5.2 KiB
Plaintext
57 lines
5.2 KiB
Plaintext
---
|
|
title: Perguntas de Quiz para Entrevistas de Front End — Como se Preparar
|
|
description: Guia para preparação de perguntas de entrevista de estilo de quiz para Front End — O que esperar, conceitos para aprender e mais de 100 perguntas de prática importantes.
|
|
---
|
|
|
|
Perguntas de quiz, também conhecidas como perguntas de trivia, são perguntas curtas e fechadas destinadas a testar seu entendimento do domínio. Cada pergunta não deve levar mais do que um minuto ou dois para ser respondida; no entanto, discussões adicionais podem surgir a partir de suas respostas. Portanto, é importante ter um bom entendimento dos conceitos por trás das respostas que você dá e não apenas memorizá-las e repeti-las sem compreender.
|
|
|
|
## Exemplos
|
|
|
|
- [Explique qual é o modelo da caixa CSS.]\(/questions/quiz/explain-your-understanding-of-the-box-model-and-how-you-would-tell-the-browser-in-css-to-render-your-layout-in-different box-models)
|
|
- [O que é a especificidade do seletor CSS?](/questions/quiz/what-is-css-selector-specificity-and-how-does-it-work)
|
|
- [Quais são as diferenças entre variáveis criadas usando `let`, `var` ou `const`?](/questions/quiz/what-are-the-differences-between-variables-created-using-let-var-or-const)
|
|
- [Explique como `this` funciona em JavaScript.](/questions/quiz/explain-how-this-works-in-javascript)
|
|
|
|
Além de ser questionado sobre os fundamentos de front-end (HTML, CSS, JavaScript), você também pode ser questionado sobre perguntas específicas de frameworks se alegar conhecimento deles (seja verbalmente durante as entrevistas ou quando os entrevistadores examinam seu currículo):
|
|
|
|
- Quais problemas a tecnologia X resolve?
|
|
- Quais são as vantagens e desvantagens da tecnologia X?
|
|
- Como funciona a tecnologia X por dentro?
|
|
- Com o que a tecnologia X se compara em relação à tecnologia Y?
|
|
|
|
## Rodadas Relevantes
|
|
|
|
Normalmente, não haveria rodadas de entrevista apenas fazendo perguntas de quiz para você. No entanto, os entrevistadores podem surpreendê-lo com perguntas no meio de entrevistas focadas em outros formatos, como codificação e design de sistemas.
|
|
|
|
- **Chamada de Recrutador**: Devido à natureza fechada das perguntas de quiz, elas podem até ser feitas por pessoal não técnico, como recrutadores. Felizmente, os não engenheiros provavelmente não são capazes de avaliar a precisão e provavelmente estão apenas combinando as palavras-chave em suas respostas com as soluções fornecidas a eles. Nos piores cenários, você provavelmente ainda pode passar respondendo algo que pareça sensato e inclua as palavras-chave corretas.
|
|
- **Avaliação Online**: Embora incomum, é possível que você receba perguntas de múltipla escolha e tenha que escolher uma resposta correta entre elas.
|
|
- **Rodada de Codificação**: Os entrevistadores podem fazer algumas perguntas de quiz antes que qualquer codificação comece para aquecer você. Ou enquanto você está codificando e explicando seu código, o entrevistador pode querer aprofundar algo que você acabou de mencionar. Portanto, é melhor ter um bom entendimento de tudo o que você diz/faz.
|
|
- **Rodada de Design de Sistema**: Assim como na rodada de codificação, o entrevistador pode fazer mais perguntas sobre as coisas que você menciona.
|
|
- **Rodada com o Gerente de Contratações**: As rodadas com o gerente de contratações geralmente não são destinadas a serem técnicas, mas eles podem revisar seu currículo e fazer perguntas de quiz relacionadas às tecnologias/projetos mencionados em seu currículo.
|
|
|
|
Como você pode ver, pode-se esperar que façam perguntas de quiz em quase todas as rodadas possíveis. Esteja preparado o tempo todo.
|
|
|
|
## Conceitos Importantes
|
|
|
|
| Area | Tópicos |
|
|
| --- | --- |
|
|
| HTML | HTML Semântico, Elementos de Bloco vs. Elementos Inline, `<head>`, `<script>`, `<style>`, `<link>`, `<form>`, `<input>`, Validação e Envio de Formulário |
|
|
| CSS | Modelo de Caixa, Seletores, Especificidade, Posicionamento, Unidades, Flexbox, Grid, Consultas de Mídia |
|
|
| JavaScript | Tipos de Dados, Escopo, Closures, `this`, Declaração de Variáveis (`var`, `let`, `const`), Métodos de Arrays, Métodos de Objetos, Promessas, Classes, Async/Await |
|
|
| DOM | Criação/Manipulação/Travessia do DOM, Propagação/Captura de Eventos, Delegação de Eventos |
|
|
| APIs em Tempo de Execução | `fetch`, Armazenamento (`localStorage`, `sessionStorage`), Temporizadores (`setTimeout`, `setInterval`) |
|
|
|
|
## Dicas
|
|
|
|
Há uma tonelada de conceitos para cobrir, o que pode parecer realmente esmagador. A boa notícia é que aprender bem esses conceitos o tornará um Engenheiro Front-End melhor, independentemente de estar ou não participando ativamente de entrevistas.
|
|
|
|
Não recomendamos memorizar respostas para perguntas de quiz. É melhor realmente entender a solução para cada pergunta e adquirir alguma experiência do mundo real ao usá-las em projetos, pois geralmente é mais fácil aprender fazendo.
|
|
|
|
## "Perguntas de Prática"
|
|
|
|
GreatFrontEnd contém uma lista de mais de 100 perguntas de quiz com soluções detalhadas escritas para cada uma delas.
|
|
|
|
- [Perguntas de Quiz de JavaScript](/questions/js/quiz)
|
|
- [Perguntas de Quiz de JavaScript](/questions/js/quiz)
|
|
- [Perguntas de Quiz de JavaScript](/questions/js/quiz)
|