As 25 principais perguntas e respostas obrigatórias para entrevistas com desenvolvedores da Web

Os desenvolvedores da Web continuam sendo procurados à medida que a Internet continua a crescer. Para conseguir o emprego, porém, você deve primeiro escalar a sessão de entrevista do empregador.

Embora equipes maiores tendam a contratar especificamente desenvolvedores front-end ou back-end, equipes menores e startups geralmente irá para desenvolvedores full-stack. Portanto, é útil saber o máximo que puder.

A seguir, uma lista das 25 principais perguntas obrigatórias da entrevista para desenvolvedores da Web e suas respostas para ajudá-lo a se preparar.

1. Quais são as funções de HTML, JavaScript e CSS no desenvolvimento da Web?

HTML significa HyperText Markup Language e é a linguagem padrão para o desenvolvimento de documentos para publicação na web. JavaScript e CSS são extras.

O JavaScript foi originalmente projetado como uma linguagem de programação do lado do cliente, ele é executado no navegador para produzir mais funcionalidades na página da web. CSS significa Cascading Style Sheets e é usado para apresentar elementos na tela.

2. O que é Web Design Responsivo

O web design responsivo é uma abordagem de desenvolvimento web que visa criar a melhor experiência para um usuário, adaptando a aparência do site com base no dispositivo ou ambiente desse usuário.

O objetivo é que o site tenha uma boa aparência em todos os dispositivos e isso envolve mudanças dinâmicas que reduzem ou aumentam o tamanho das caixas e o alinhamento com base no tamanho ou na orientação da tela do dispositivo.

3. Quais são os benefícios de usar um framework?

Há muitos benefícios em usar um framework no desenvolvimento de uma aplicação web. As principais são as seguintes:

Processo de desenvolvimento mais fácil com as melhores práticas.
O desenvolvimento mais rápido com projetos iniciais economiza tempo.
O uso de código testado e aprovado.
Muitas vezes fornece melhor segurança.
Economiza custos, especialmente com projetos maiores.

4. O que é um retorno de chamada JavaScript?

Um retorno de chamada JavaScript é uma função que deve ser executada após outra função. O nome e os argumentos da função de retorno de chamada podem ser passados como argumentos para a primeira função, mais a primeira função também pode passar argumentos internamente para a função de retorno de chamada que são resultado de seus cálculos.

As funções de retorno de chamada são melhor usadas com funções assíncronas que precisam esperar que outras funções terminem a execução primeiro.

5. Explique o escopo local versus global em JavaScript

Variáveis definidas são escritas em palavras e elas só são significativas no contexto certo. Escopo local e global refere-se a esse contexto de variáveis definidas. Uma variável global deve ser definida fora de uma função, enquanto as variáveis locais são definidas dentro de uma função.

Assim, uma variável global tem escopo global, o que significa que pode ser acessada de qualquer lugar do programa. Uma variável local, no entanto, tem escopo local e isso significa que ela só pode ser acessada de dentro da função.

6. Explique o Z-Index em CSS

O z-index é uma propriedade de elemento que é usada para definir a ordem de pilha do elemento. A ordem da pilha refere-se à capacidade de um elemento estar atrás ou na frente de outros elementos, como uma pilha de cartas.

Elementos com ordem de pilha mais alta aparecem na frente de elementos com ordem de pilha mais baixa. Nesse contexto, dar a um elemento uma ordem de pilha de 2 ou 100 garante que ele será exibido sobre todos os outros em uma página. Da mesma forma, uma página sem ordens de pilha especificadas empilhará os elementos inferiores da fonte mais altos do que os superiores.

7. O que é Marquee em HTML?

Marque é uma tag de contêiner em HTML, que é usada para exibir texto de rolagem. Ele permite que você controle a direção de rolagem, bem como a velocidade. No entanto, o Marquee está obsoleto em HTML5, e você é aconselhado a usar CSS.

Exemplo de rolagem com letreiro:

Texto de rolagem de letreiro

8. Liste as principais maneiras de reduzir o tempo de carregamento da página

Há muitas etapas que um desenvolvedor pode seguir para melhorar o tempo de carregamento de uma página, as principais são:

Otimize imagens e reduza seu tamanho
Livre-se de widgets desnecessários
Reduza as pesquisas ao mínimo
Hospede o site em um host decente
Use páginas móveis aceleradas ou sites estáticos
Imagens de carregamento lento
Minimize o seu código

9. Quais são as diferenças entre Canvas e SVG?

SVG significa Scalable Vector Graphics e o tag é um elemento de contêiner para criar gráficos, como um círculo, uma caixa, uma elipse e assim por diante. Você pode modificar o SVG usando CSS ou JavaScript e ser escalável significa que funciona bem para saídas de alta resolução.

o container, por outro lado, é baseado em raster e não escalável. Também é usado para criar gráficos, mas só é modificável por JavaScript. No entanto, é mais eficiente em lidar com um número maior de objetos.

10. Como faz Nulo Difere da Indefinido?

Nulo é uma representação sem valor. Geralmente é usado como um detentor de posicionamento para inicializar uma variável definida que não recebeu um valor real. Indefinido, por outro lado, refere-se a uma variável definida que não foi inicializada.

Em JavaScript:

var variávelA;

var variávelB = null;

alerta(variávelA); // mostra indefinido

alerta(variávelB); // mostra nulo

11. Como o ID difere da classe?

ID e classe são dois métodos de identificação e manipulação de elementos em um documento HTML. A principal diferença entre os dois, no entanto, é que o ID deve ser exclusivo. Em outras palavras, dois elementos não podem compartilhar o mesmo ID, mas dois ou mais elementos podem compartilhar a mesma classe.

Um ID é usado para lidar com elementos específicos, enquanto uma classe é usada para lidar com um grupo de elementos que compartilham uma ou mais características comuns.

12. Como você melhora os recursos de segurança de um site?

As poucas etapas que você pode seguir para melhorar a segurança de um site incluem:

Aplicação de uma política de senha forte. Isso significa verificar se uma senha selecionada tem mais de 8 caracteres e contém numerais, caracteres especiais e caracteres maiúsculos e minúsculos.
Uso de captcha ou qualquer medida anti-bot.
Empregando métodos de autenticação de 2 fatores ou multifatores, como OTPs (One-Time-Passwords) e dongles de hardware, quando necessário.
Usando um host com proteção DDoS e recursos de backup automático.

13. Como localStorage difere de sessionStorage?

Os sistemas localStorage e sessionStorage permitem que um desenvolvedor armazene dados em um navegador da web. No entanto, localStoarage é persistente, enquanto sessionStorage não é. Em outras palavras, os dados armazenados em localStorage estarão disponíveis no navegador em várias sessões, enquanto os dados armazenados em sessionStorage serão excluídos assim que a guia do navegador for fechada.

14. Listar melhorias HTTP2.0 sobre HTTP 1.1

O protocolo HTTP/2 foi publicado em 2015 e oferece melhorias significativas, como:

Melhor segurança usando binário sobre texto.
Melhor performance.
Baixa latência.
Melhor tratamento de erros.
Sobrecarga inferior.

15. Qual é a diferença entre Git Pull e Git Merge?

O comando git pull permite baixar conteúdo de um repositório remoto e, em seguida, atualiza seu repositório local com o conteúdo baixado.

O comando git merge, por outro lado, permite combinar dois ramos desenvolvidos separadamente do mesmo projeto. O comando merge deve ser executado a partir do branch ao qual você deseja fazer o merge, e este geralmente é o branch principal.

16. Como GET difere de POST e PUT?

O método HTML GET é usado por um navegador para solicitar informações de um servidor, enquanto os métodos POST e PUT são usados para enviar informações do navegador para um servidor.

Mas enquanto uma solicitação POST pode simplesmente adicionar dados a um recurso do servidor, uma solicitação PUT é usada para substituir o recurso inteiramente usando a carga útil da solicitação.

17. Liste os formatos de troca de dados mais populares

Aqui estão os formatos de troca de dados mais populares até o momento:

XML
Yaml
CSV
JSON
HTTP
SQL

18. Liste os 3 tipos de caixas pop-up

As caixas pop-up em JavaScript são usadas para exibir mensagens para o usuário, solicitar entrada e, às vezes, fazer as duas coisas. Aqui estão os 3 tipos de pop-ups JavaScript:

Caixa de Alerta – Isso exibe sua mensagem mais um botão 'OK'.
Caixa de confirmação – Esta caixa de diálogo inclui os botões 'OK' e 'Cancelar' que podem afetar o código.
Caixa de Prompt – Esta caixa inclui uma caixa de entrada de texto para coletar informações do usuário.

19. Nomeie as diferentes maneiras de incluir o código CSS

Existem 3 maneiras de incluir CSS em um documento HTML. Eles são:

CSS Externo – Você inclui um documento .css usando dentro do documento Tag.
CSS incorporado – Você inclui o código CSS dentro do tags, em qualquer lugar do documento.
CSS Inline – Você usa o par style=”CSS-property: value” dentro de suas tags HTML, por exemplo. PSquadrado!

20. Como faz janela.onload Difere de document.onload?

Window.onload é usado para executar o código JavaScript depois que o navegador carrega a árvore DOM da página e outros conceitos básicos, incluindo imagens, código CSS e scripts.

Embora document.onload seja executado imediatamente após o DOM estar pronto, isso pode significar até mesmo antes de as imagens e bibliotecas externas serem carregadas.

21. Como você oculta um elemento usando CSS?

Você pode ocultar um elemento HTML usando 3 métodos CSS, são eles:

Mostrar nenhum; – O elemento não é renderizado nem exibido.
Visibilidade: oculta; – O elemento é renderizado, mas não exibido.
Posição: Absoluto; – O elemento é renderizado e exibido, mas posicionado fora da área de exibição.

22. Quais são os melhores usos para o Ajax?

Ajax é um método de carregamento de dados de um servidor em segundo plano usando JavaScript. Ele tem muitos usos, como validação de dados, aplicativos de bate-papo, comentários, filtragem de dados, edição visual, enquetes e assim por diante.

23. Liste alguns novos recursos do CSS3

CSS3 inclui muitos recursos modernos e úteis sobre CSS2, como:

Cantos arredondados para caixas e imagens.
Animação de objetos.
Variáveis e funções para declarações.
Grid e Flexbox para design responsivo.
Gradientes para cores de fundo.
Controle de opacidade usando rgba.
Efeito de sombra para caixas e textos.
Transições para Hover e Focus nos elementos.

24. Quais novos tipos de entrada foram introduzidos no HTML5?

O tipo de entrada é o valor que você dá a um elemento de entrada em um documento HTML.

Um exemplo é:

Os novos tipos de entrada HTML5 incluem:

Data
Cor
E-mail
Pesquisar
Tel
Mês
Gama numérica
Mês
URL
Data e hora local

25. Descreva os elementos de mídia HTML5

HTML5 inclui mais tags de elemento para lidar com tipos e fontes de mídia. Eles são:

– para vídeos MP4, WebM e Ogg.
– para definir múltiplas fontes em diferentes formatos.
– para áudio MP3, Ogg e WAV.
– um contêiner para incluir recursos externos de fotos a vídeos e páginas da web.
– para especificar faixas de legendas para vídeos.

Conclusão

Chegando ao final da nossa lista das 25 principais perguntas obrigatórias da entrevista para desenvolvedores da Web, você pode ver que é necessária uma grande combinação de tecnologias para ser um desenvolvedor full-stack.

Embora este seja um guia que aborda os diferentes aspectos do trabalho, não é de forma alguma exaustivo. Então, cabe a você identificar as áreas sobre as quais você não está claro e então aprender.