/120-perguntas-frontend

120 Perguntas Front-end separadas por níveis

120-perguntas-frontend



⬛ Níveis Junior, Pleno, Senior e Especialista

⬛ por Ruben Paschoarelli

Respostas por Willian Fernandes



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.



Outros Repositórios (em inglês)

FrontEnd Developer Interview Questions
Vue.js Interview Questions

Junior

1.O que é SQL injection?

2.O que é escopo em JavaScript?

3.Explique o CSS “box model” e os componentes de layout que o compõem.

4.Como JavaScript e jQuery são diferentes?

5.O que é é um Callback Hell?

6.O que é Cross-Site Scripting (XSS)?

7.O que é Flux?

8.O que é Sass?

9.O que é encapsulamento?

10.Qual o ponto de se usar Redux?

11.Explique a diferença de null e undefined em JavaScript

12.Liste as vantagens da arquitetura de microsserviços

13.Quais são as vantagens do NoSQL sobre o RDBMS tradicional?

14.O que é programação reativa?

15.O que são os reducers no Redux?

16.Qual o papel do HTML na indexação de páginas por buscadores?

17.Cite 3 conceitos da Programação Orientada a Objetos aplicada ao JavaScript

18.Quais os beneficios do TypeScript?

19.O que é uma interface no TypeScript?

20.Qual o significado de Mock?

21.O que é o esquema do GraphQL?

22.O que é o Virtual DOM? Qual sua vantagem?

23.O que é e como usar a convenção Block Element Modifier (BEM)?

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?

26.O que é serverless computing?

27.Quais são os tipos primitivos do JavaScript?

28.Qual a diferença entre inline and inline-block?

29.Qual a diferença entre elementos posicionados como relative, fixed, absolute e static?

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

Pleno

1.Mencione qual é a diferença entre PUT e POST?

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

3.O que significa SOLID? Quais são seus princípios?

4.O que é coerção em JavaScript?

5.SASS: O que é um Mixin e como usá-lo?

6.Cite alguns sistemas de grid CSS

7.Quando devo usar as Arrow functions no ES6?

8.Quando devemos usar generators no ES6?

9.Cite algumas características de sistemas reativos

10.Descreva a diferença entre a programação reativa e a programação imperativa

11.Qual é a diferença entre Promises e Observables?

12.Como acessar a store redux fora de um componente react?

13.Quais são as desvantagens do Redux em relação ao Flux?

14.Qual a maneira correta de acessar a Redux store?

15.O que é "git cherry-pick"?

16.O que é um WebWorker?

17.O que é o DOM?

18.Qual a diferença de localStorage e sessionStorage?

19.Como evitar callback hells?

20.O que é Injeção de Dependencia?

21.O que é a keyword "new" em JavaScript?

22.Explique o conceito de Server Side Rendering.Cite algum framework com esse proposito

23.O que são Estrutura de dados e porque elas são importantes?

24.O que é renderização progressiva?

25.Para que servem os data-attributes?

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

27.Qual a diferença entre os métodos setTimeout e setInterval?

28.O que é um construtor?

29.Qual a função dos prototypes no JavaScript?

30.O que são High Order Functions

Senior

1.O que é "closure" no javascript? Cite um exemplo?

2.Imperativo vs Funcional vs Programação Reativa.Explique

3.Você pode explicar o que “git reset” faz ?

4.Qual a diferença de Interface e Type no TypeScript?

5.O que é teste de unidade, teste de integração e quais são as diferenças entre eles?

6.O que é uma arvore de busca binária?

7.O que é o Shadow DOM e qual seu uso?

8.Qual a diferença entre os métodos apply.call e bind?

9.O que descreve o algoritmo de Big O Notation?

10.O que é o conceito de Immutabilidade?

11.Quais são boas práticas de Clean Code?

12.O que é o "HEAD" no Git?

13.Quais são as diferenças entre continuous integration, continuous delivery e continuous deployment?

14.Explique um caso de uso do Docker

15.O que é o React Hooks?

16.Como você abordaria a correção de problemas de estilo específicos do navegador?

17.Angular: O que são lifecycle hooks para componentes e diretivas?

18.Explique o conceito de Lazy Loading

19.Quando se usar uma classe abstrata?

20.Explique o conceito de encapsulamento de dados

21.React: O que são fragments?

22.Porque você criaria classes estáticas?

23.Explique o CORS e como isso pode afetar um website.

24.Cite algumas vulnerabilidades de REST APIS

25.O que é JWT? Como implementar? Quais são as alternativas?

26.O que é Styled Components? Cite Alternativas

27.Dê exemplos de bibliotecas CSS in JS e suas vantagens e desvantagens

28.Dê exemplos de Convenções de código de JavaScript

29.Quais as vantagens e desvantagens de programação funcional vs orientada a objetos?

30.O que é o two-way data binding e o one-way data flow, e qual sua diferença?

Expert

1.Cite algumas práticas recomendadas para um melhor design de API RESTful

2.Programação Reativa: Explique Message-Driven vs Event-Driven

3.Qual o modelo mental do redux-saga?

4.Quando se usa "git rebase" ao invés de "git merge"?

5.O que são webcomponents?

6.O que é ARIA?

7.O que é um Hash Table?

8.O que é o WebAssembly?

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

10.Qual a vantagem do incremental DOM sobre o virtual DOM?

11.OOP: Qual a diferença entre um mixin e uma herança?

12.Como estilizar um elemento que está após o elemento selecionado?

13.Explique como 'this' funciona no JavaScript

14.Cite outros frameworks que fazem o mesmo que o React,Angular e Vue

15.Qual dos dois é mais seguro, JWT ou OAuth2?

16.Como o V8 compila o código JavaScript?

17.O que é WCAG? Quais as diferenças de compliance A, AA, and AAA?

18.O que é CSS BEM? Cite outros exemplos de Arquitetura CSS

19.Quais os prós e contras de arquiteturas monolíticas vs microserviços?

20.Qual o problema com o nesting do Sass? De algum exemplo.

21.Fale as principais diferenças entre UX e UI Design

22.O que é caching?

23.Qual é o proposito do metodo OPTIONS em webservices RESTful?

24.Quais ferramentas você usaria para encontrar um bug de performance em seu código?

25.Explique a diferença entre layout, painting and compositing.

26.O que é domain pre-fetching e como ajuda com performance?

27.O que é CDN e quais os benefícios de usar uma?

28.JS: O que é Currying? Dê um exemplo de aplicação

29.ES6: Async-Await x Yield/Next Generator, cite exemplos e diferenças

30.JS: O que é o "use strict";? Quais vantagens e desvantagens?