120 perguntas frontend

120 Perguntas Front-end separadas por níveis

120-perguntas-frontend

<br/><br/>

⬛ Níveis Junior, Pleno, Senior e Especialista

⬛ por Ruben Paschoarelli

Respostas por Willian Fernandes

<br/><br/>

Essas Perguntas/Respostas tem o intuito de ser uma base para entrevistas e candidatos se nivelarem, em entrevistas de emprego. Não são necessariamente o fator decisivo da senioridade de cada candidato, outros fatores como experiência em projetos, em liderança, documentação, saber caso de uso de tecnologia e conceitos, as vezes pode contar muito mais do que saber decor respostas para perguntas.

<br/><br/>

Outros Repositórios (em inglês)

FrontEnd Developer Interview Questions<br/> Vue.js Interview Questions

Junior

1.

O que é SQL injection?
<br/>

2.

O que é escopo em JavaScript?
<br/>

3.

Explique o CSS “box model” e os componentes de layout que o compõem.
<br/>

4.

Como JavaScript e jQuery são diferentes?
<br/>

5.

O que é é um Callback Hell?
<br/>

6.

O que é Cross-Site Scripting (XSS)?
<br/>

7.

O que é Flux?
<br/>

8.

O que é Sass?
<br/>

9.

O que é encapsulamento?
<br/>

10.

Qual o ponto de se usar Redux?
<br/>

11.

Explique a diferença de null e undefined em JavaScript
<br/>

12.

Liste as vantagens da arquitetura de microsserviços
<br/>

13.

Quais são as vantagens do NoSQL sobre o RDBMS tradicional?
<br/>

14.

O que é programação reativa?
<br/>

15.

O que são os reducers no Redux?
<br/>

16.

Qual o papel do HTML na indexação de páginas por buscadores?
<br/>

17.

Cite 3 conceitos da Programação Orientada a Objetos aplicada ao JavaScript
<br/>

18.

Quais os beneficios do TypeScript?
<br/>

19.

O que é uma interface no TypeScript?
<br/>

20.

Qual o significado de Mock?
<br/>

21.

O que é o esquema do GraphQL?
<br/>

22.

O que é o Virtual DOM? Qual sua vantagem?
<br/>

23.

O que é e como usar a convenção Block Element Modifier (BEM)?
<br/>

24.

JavaScript: Explique como você pode usar funções JavaScript, como forEach, Map ou Reduce.

25.

React: O que é e como você pode aproveitar as vantagens do PureComponent?
<br/>

26.

O que é serverless computing?
<br/>

27.

Quais são os tipos primitivos do JavaScript?
<br/>

28.

Qual a diferença entre inline and inline-block?
<br/>

29.

Qual a diferença entre elementos posicionados como relative, fixed, absolute e static?
<br/>

30.

Você pode explicar a diferença entre codificar um site para ser responsivo e usar uma estratégia mobile-first?
<br/><br/>

Pleno

1

.Mencione qual é a diferença entre PUT e POST?
<br/>

2.

O que são atributos defer e assync em uma tag <script>?
<br/>

3.

O que significa SOLID?  Quais são seus princípios?
<br/>

4.

O que é coerção em JavaScript?
<br/>

5.

SASS: O que é um Mixin e como usá-lo?
<br/>

6.

Cite alguns sistemas de grid CSS
<br/>

7.

Quando devo usar as Arrow functions no ES6?
<br/>

8.

Quando devemos usar generators no ES6?
<br/>

9.

Cite algumas características de sistemas reativos
<br/>

10.

Descreva a diferença entre a programação reativa e a programação imperativa
<br/>

11.

Qual é a diferença entre Promises e Observables?
<br/>

12.

Como acessar a store redux fora de um componente react?
<br/>

13.

Quais são as desvantagens do Redux em relação ao Flux?
<br/>

14.

Qual a maneira correta de acessar a Redux store?
<br/>

15.

O que é "git cherry-pick"?
<br/>

16.

O que é um WebWorker?
<br/>

17.

O que é o DOM?
<br/>

18.

Qual a diferença de localStorage e sessionStorage?
<br/>

19.

Como evitar callback hells?
<br/>

20.

O que é Injeção de Dependencia?
<br/>

21.

O que é a keyword "new" em JavaScript?
<br/>

22.

Explique o conceito de Server Side Rendering.Cite algum framework com esse proposito
<br/>

23.

O que são Estrutura de dados e porque elas são importantes?
<br/>

24.

O que é renderização progressiva?
<br/>

25.

Para que servem os data-attributes?
<br/>

26.

Explique a diferença entre funções sincronas e assíncronas.

27.

Qual a diferença entre os métodos setTimeout e setInterval?
<br/>

28.

O que é um construtor?
<br/>

29.

Qual a função dos prototypes no JavaScript?
<br/>

30.

O que são High Order Functions
<br/><br/>

Senior

1.

O que é  "closure" no javascript? Cite um exemplo?
<br/>

2.

Imperativo vs Funcional vs Programação Reativa.Explique
<br/>

3.

Você pode explicar o que “git reset” faz ?
<br/>

4.

Qual a diferença de Interface e Type no TypeScript?
<br/>

5.

O que é teste de unidade, teste de integração e quais são as diferenças entre eles?
<br/>

6.

O que é uma arvore de busca binária?
<br/>

7.

O que é o Shadow DOM e qual seu uso?
<br/>

8.

Qual a diferença entre os métodos apply.call e bind?
<br/>

9.

O que descreve o algoritmo de Big O Notation?
<br/>

10.

O que é o conceito de Immutabilidade?
<br/>

11.

Quais são boas práticas de Clean Code?
<br/>

12.

O que é o "HEAD" no Git?
<br/>

13.

Quais são as diferenças entre continuous integration, continuous delivery e continuous deployment?
<br/>

14.

Explique um caso de uso do  Docker
<br/>

15.

O que é o React Hooks?
<br/>

16.

Como você abordaria a correção de problemas de estilo específicos do navegador?
<br/>

17.

Angular: O que são lifecycle hooks para componentes e diretivas?
<br/>

18.

Explique o conceito de Lazy Loading
<br/>

19.

Quando se usar uma classe abstrata?
<br/>

20.

Explique o conceito de encapsulamento de dados
<br/>

21.

React: O que são fragments?
<br/>

22.

Porque você criaria classes estáticas?
<br/>

23.

Explique o CORS e como isso pode afetar um website.
<br/>

24.

Cite algumas vulnerabilidades de REST APIS
<br/>

25.

O que é JWT? Como implementar? Quais são as alternativas?
<br/>

26.

O que é Styled Components? Cite Alternativas
<br/>

27.

Dê exemplos de bibliotecas CSS in JS e suas vantagens e desvantagens
<br/>

28.

Dê exemplos de Convenções de código de JavaScript
<br/>

29.

Quais as vantagens e desvantagens de programação funcional vs orientada a objetos?
<br/>

30.

O que é o  two-way data binding e o one-way data flow, e qual sua diferença?
<br/> <br/>

Expert

1.

Cite algumas práticas recomendadas para um melhor design de API RESTful
<br/>

2.

Programação Reativa: Explique Message-Driven vs Event-Driven
<br/>

3.

Qual o modelo mental do redux-saga?
<br/>

4.

Quando se usa "git rebase" ao invés de  "git merge"?
<br/>

5.

O que são webcomponents?
<br/>

6.

O que é ARIA?
<br/>

7.

O que é um Hash Table?
<br/>

8.

O que é o WebAssembly?
<br/>

9.

Angular: compliação Just-in-Time (JiT) vs Ahead-of-Time (AoT).Explique a diferença.
<br/>

10.

Qual a vantagem do incremental DOM  sobre o virtual DOM?
<br/>

11.

OOP: Qual a diferença entre um mixin e uma herança?
<br/>

12.

Como estilizar um elemento que está após o elemento selecionado?
<br/>

13.

Explique como  'this' funciona no JavaScript
<br/>

14.

Cite outros frameworks que fazem o mesmo que o React,Angular e Vue
<br/>

15.

Qual dos dois é mais seguro, JWT ou OAuth2?
<br/>

16.

Como o  V8 compila o código JavaScript?
<br/>

17.

O que é WCAG? Quais as diferenças de compliance A, AA, and AAA?
<br/>

18.

O que é CSS BEM? Cite outros exemplos de Arquitetura CSS
<br/>

19.

Quais os prós e contras de arquiteturas monolíticas vs microserviços?
<br/>

20.

Qual o problema com o nesting do Sass? De algum exemplo.
<br/>

21.

Fale as principais diferenças entre UX e UI Design
<br/>

22.

O que é caching?
<br/>

23.

Qual é o proposito do metodo OPTIONS em webservices RESTful?
<br/>

24.

Quais ferramentas você usaria para encontrar um bug de performance em seu código?
<br/>

25.

Explique a diferença entre layout, painting and compositing.
<br/>

26.

O que é domain pre-fetching e como ajuda com performance?
<br/>

27.

O que é CDN e quais os benefícios de usar uma?
<br/>

28.

JS: O que é Currying? Dê um exemplo de aplicação
<br/>

29.

ES6: Async-Await x Yield/Next Generator, cite exemplos e diferenças
<br/>

30.

JS: O que é o  "use strict";? Quais vantagens e desvantagens?
<br/>