Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

https://github.com/rubenmarcus/120-perguntas-frontend

120 Perguntas Front-end separadas por níveis
https://github.com/rubenmarcus/120-perguntas-frontend

Last synced: 16 days ago
JSON representation

120 Perguntas Front-end separadas por níveis

Lists

README

        

# 120-perguntas-frontend



⬛ Níveis Junior, Pleno, Senior e Especialista

⬛ por Ruben Paschoarelli

[Respostas](https://github.com/Willian17/120-perguntas-frontend/blob/main/README.md) 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](https://github.com/h5bp/Front-end-Developer-Interview-Questions)

[Vue.js Interview Questions](https://github.com/sudheerj/vuejs-interview-questions#what-is-vuejs)

## 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 ?`<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/>