Mais de 25 perguntas e respostas para entrevistas com desenvolvedores da Web

top 25 web developer interview questions

Este tutorial fornece um conjunto de Perguntas e respostas da entrevista do desenvolvedor da web para desenvolvedores da web de front end de nível júnior e sênior:

É essencial para a equipe de marketing construir uma presença confiável na web, anunciar seus produtos e serviços para seus clientes em potencial, acompanhar e fornecer serviços pós-venda aos clientes existentes.

Os aplicativos da Web são construídos com o objetivo de serem acessíveis globalmente, serem reconhecidos e oferecerem seus produtos e serviços no mercado internacional.

bom downloader de mp3 para android grátis

Para construir aplicativos baseados na web, é obrigatório ter um conhecimento profundo de linguagens de marcação como HTML5, Cascading Style Sheet CSS3, JavaScript e bibliotecas JS para interações do usuário, para lidar com elementos DOM, para validar entradas de cliente e para torná-las dinâmicas e páginas da web responsivas.

O que você aprenderá:

• O que é desenvolvimento web
• Perguntas frequentes da entrevista com desenvolvedores da Web
• Conclusão
  • Leitura recomendada

O que é desenvolvimento web

Desenvolvimento web refere-se ao trabalho envolvido na construção e manutenção de sites e aplicativos baseados na web, como sites de comércio eletrônico online, Amazon, Flipkart, eBay, etc. e sites de redes sociais como Facebook, LinkedIn, Instagram e Twitter.

Isso também inclui o trabalho de construção de sites para ferrovias, bancos, todos os principais sites do governo para divulgar informações e gerar conscientização.

Gere consciência pública e forneça educação por meio de canais de notícias usando o software de conferência na web Skype, Zoom, GoToMeeting. Ofereça entretenimento online por meio de séries da web como Netflix, Amazon Prime, MX player, etc. Eduque os alunos, conduza reuniões para abordar clientes e equipes além das fronteiras geográficas.

Agora, vamos passar para as perguntas mais comuns da entrevista do desenvolvedor da Web para entrevistas de nível júnior e sênior.

Perguntas frequentes da entrevista com desenvolvedores da Web

P # 1) Explique a funcionalidade de um navegador.

Responda: O navegador oferece vários recursos. São os seguintes:

• Ele ajuda a acessar páginas HTML e todos os elementos da web usados ​​em aplicativos baseados na web, bem como sites, e exibe respostas de outros sites como uma resposta às solicitações.
• Permite a pesquisa na web para o site de seu interesse, inserindo URL ou endereço da web na barra de endereço e ver a resposta usando qualquer um dos motores de busca.
• Os controles de navegação são usados ​​para voltar às páginas abertas recentemente clicando no botão Voltar e no botão Avançar para avançar.
• A história mantém um registro dos sites visitados em ordem cronológica. Ele permite lembrar ou marcar sites de seu interesse para consultar ou explorar em um estágio posterior. Também salva os sites visitados anteriormente em forma de cache e faz com que o visitante seja reconhecido pelos sites, tornando o acesso a esses sites mais rápido.
• Gerencia senhas para sites usados ​​com frequência que requerem autenticação e, na maioria dos casos, mantém os usuários já conectados à conta.
• Permite acessar vários sites, trocar informações por meio de chamadas de API, comunicação por e-mail, dados e software de compartilhamento de arquivos de mídia.

Exemplo de navegadores: Internet Explorer, Mozilla Firefox, Google Chrome, Opera, Safari.

P # 2) Explique HTML 5, CSS3, JavaScript e sua importância no desenvolvimento web.

Responda:

• HTML é uma linguagem de marcação independente de plataforma e navegador com uma série de tags que fornecem a estrutura para uma página da web.
• CSS melhora o layout da página e seu conteúdo com estilo.
• JavaScript controla o comportamento dos elementos da web e, assim, torna seu site interativo / responsivo, valida os valores de entrada do usuário, captura as informações do visitante do site e reconhece os visitantes anteriores, ajuda a analisar a porcentagem da taxa de cliques dos visitantes das postagens do blog.

P # 3) O que você entende por Framework?

Responda: Framework é uma estrutura que fornece uma plataforma para criar aplicativos. É uma coleção de tipos semelhantes de arquivos colocados de forma que sejam configurados para se conectar / integrar uns com os outros internamente.

Exemplo: Estrutura de API, que contém classes bem testadas, pré-escritas e compiladas para realizar funcionalidades comuns como recurso de upload de arquivo, leitura de conteúdo de arquivo, relatórios em PDF e formatos semelhantes integrados com seu aplicativo da web.

P # 4) O que é uma biblioteca com contexto para desenvolvimento web?

Responda: Uma biblioteca é uma coleção de códigos que são pré-testados e projetados para as funcionalidades esperadas desenvolvidas por desenvolvedores e estão disponíveis em repositórios. Os desenvolvedores da Web podem integrar essas bibliotecas e utilizar suas funcionalidades, em vez de reinventar o código para realizar a mesma funcionalidade desde o início.

Você pode usar as bibliotecas iText e Apache FOP em seu aplicativo para ajudar a exportar seus dados em arquivos no formato pdf.

P # 5) Quais são as razões para o problema de congelamento do navegador?

Responda: Para identificar a causa raiz e resolver o problema frequente de congelamento do navegador, siga as etapas mencionadas abaixo:

Aqui, estamos considerando o Google Chrome como o navegador padrão.

1. Verifique qualquer problema relacionado à Internet: Clique no ícone Janela (Iniciar) -> Selecionar Painel de Controle -> Em Rede e Internet -> Clique em Exibir status e tarefas da rede -> Verificar Exibir sua rede ativa - clique em conectar ou desconectar -> Deve exibir a conexão à Internet para o selecionado rede.
2. O Chrome não está fechado corretamente: Do extremo ao canto direito inferior, clique com o botão direito e selecione iniciar gerenciador de tarefas, se você encontrar vários chrome.exe na guia de processos, clique com o botão direito nesse registro e selecione Finalizar processo. Isso irá liberar espaço na RAM. Em seguida, reinicie o Chrome novamente.
3. Desative as extensões do Chrome: Abra o navegador Chrome e digite na barra de endereço -> chrome: // extensions / e pressione Enter. Desative todas as extensões ativas e reinicie o navegador Chrome novamente. Vá para extensões do Chrome e habilite todas as extensões.
4. Verifique se há malware no computador: Inicie o Chrome e navegue até as configurações. Clique em Avançado, encontre Redefinir e Limpar. Clique em Limpar o computador.
5. Redefina as configurações do Chrome: Inicie o Chrome, vá para as configurações, clique em Avançado, encontre Redefinir e limpar e clique em Restaurar as configurações aos padrões originais.
6. Remova aplicativos incompatíveis: Durante uma verificação, se o Chrome detectar qualquer aplicativo incompatível, clique em atualizar ou remover aplicativos incompatíveis.
7. Por fim, se o problema persistir, desinstale a versão do Chrome e instale a versão mais recente.

P # 6) Como melhorar a experiência do usuário para os usuários que visitam seu site?

Responda: A seguir estão as sugestões para melhorar a experiência do usuário:

• Seu site / aplicativo deve funcionar 24x7.
• Ele deve lidar com a carga de acesso de vários usuários durante o horário de pico ou temporada.
• Deve ser amigável e fácil de navegar até os recursos que o visitante está procurando.
• Deve ter vídeos envolventes para apresentar os recursos do produto.
• O site deve ser pesquisado nos motores de busca com base nas palavras-chave inseridas.
• O site deve estar integrado a um portal de pagamento com todas as alternativas possíveis de transações.
• Deve ter recursos de uso gratuito disponíveis para os usuários decidirem sobre a compra de seu produto.
• Os dados do usuário devem ser protegidos ao acessar o site.
• Sessões e recursos de cache devem reconhecer visitantes recorrentes.

P # 7) Quais são os formatos de vídeo usados ​​no desenvolvimento web?

Responda: Alguns formatos de vídeo suportados e usados ​​no desenvolvimento da web estão listados abaixo:

• AVI da Microsoft
• FLV Adobe Flash Video Player
• WMV compatível com Windows media player
• MOV por QuickTime player
• MP4 compatível com celulares e outras plataformas

P # 8) Como você incluiria recursos de acessibilidade em seu site?

Responda: A acessibilidade é um recurso essencial que deve ser implementado em seu site para permitir que visitantes com necessidades especiais ou deficientes acessem e explorem seu site.

• O site deve ser compatível com o teclado, ou seja, todos os recursos devem ser acessíveis sem o uso de um mouse.
• Os usuários devem ser capazes de desligar o conteúdo dinâmico e móvel, como arquivos GIF, animações e arquivos de vídeo. Esses conteúdos podem afetar negativamente os usuários epilépticos.
• Transcrições / legendas para assistir vídeos. Para usuários surdos, assistir a um vídeo com legendas não é suficiente, recursos como as legendas devem ser exibidos durante a execução do vídeo.
• O recurso de assistência por voz e a marcação de fotos, gráficos e botões para visitantes com deficiência visual são essenciais para seguir as etapas orientadas para explorar e usar os recursos oferecidos no site
• Recursos de preenchimento automático na barra de pesquisa e recursos fáceis de encontrar para visitantes com habilidades motoras atrasadas ou deficientes.
• Aumente o tamanho da área clicável. Use cores sutis para visitantes com daltonismo.

P # 9) Quando você aplicaria AJAX em seu aplicativo da web?

instrução python if em uma linha

Responda: AJAX atualiza a seção de conteúdo da página, sem recarregar a página inteira. Esse recurso é essencial quando o usuário precisa de resultados rápidos, sem qualquer demora de espera pela solicitação enviada clicando no botão enviar e aguardando a resposta. A carga do servidor pode ser reduzida aplicando AJAX com menos número de solicitações, o que economiza largura de banda.

Você pode usar AJAX para validação de formulário. Em vez de janelas pop-up, a lightbox pode ser usada, classificando e filtrando o conteúdo em formato tabular, exibindo resultados ou votos usando o aplicativo de chat, recarregando o captcha para verificações de autenticação.

P # 10) Como podemos implementar serviços da web em aplicativos baseados na web?

Responda: O aplicativo da Web envia solicitações a um serviço da Web usando o protocolo HTTP. Em um determinado URL, o serviço da web processa a solicitação e retorna a resposta ao aplicativo. SOAP e RESTful são dois tipos de serviços da web.

P # 11) Como e quais recursos de segurança você pode aplicar ao seu site?

Responda: Para proteger seu site contra roubo de dados, você precisa melhorar a segurança do seu site, como

• Aplique uma política de senha forte, permitindo que a senha tenha pelo menos 10 caracteres e deve conter letras maiúsculas, minúsculas, caracteres especiais e numerais.
• O host que instala seu site deve ter um recurso de backup, antivírus instalado e firewall para proteger seu conteúdo.
• A página de Login deve ter Captcha, recursos OTP, recurso de bloqueio de conta (no caso de inserir 3 senhas erradas), etc. para evitar o acesso à sua conta por visitantes não autorizados.

P # 12) Qual configuração e configuração são necessárias para enviar e-mails através do seu site?

Responda: Idealmente, você pode configurar seu SMTP em um único servidor usando um serviço de terceiros como Gmail SMTP, ou usar e-mail elástico, usando nome de host, porta, nome de usuário e senha.

P # 13) Para que você criaria um site responsivo?

Responda: O design responsivo da Web ajuda a redimensionar automaticamente a largura e a altura do navegador com base em desktops, tablets e dispositivos móveis em relação ao tamanho do monitor do desktop ou laptop.

P # 14) Quais são os formatos para troca de dados?

Responda: Vários formatos de troca de dados são XML, CSV, JSON e formatos de texto.

Q # 15) O que você quer dizer com protocolo?

Responda: Na terminologia de rede, o protocolo é um conjunto de regras para formatar e processar dados. Para se comunicarem, os dois dispositivos devem ter o mesmo protocolo. O protocolo da Internet (IP) é um protocolo da camada de rede responsável pelo roteamento. Transmission Control Protocol (TCP) transfere pacotes de dados através das redes.

HyperText Transfer Protocol (HTTP) é uma camada 7 usada na Internet e transfere dados entre dispositivos. User Datagram Protocol (UDP) são usados ​​em aplicativos de troca rápida de dados, como streaming de vídeo e jogos.

P # 16) Quais técnicas você aplicaria para reduzir o tempo de carregamento da página?

Responda: Para reduzir o tempo de carregamento da página e melhorar o desempenho, as seguintes técnicas podem ser aplicadas:

• Aplique as versões mais recentes de tecnologias de construção web, como CSS3 e HTML5
• Use JavaScript e folhas de estilo ao mínimo
• Tente evitar o uso de Redirecionamentos
• Use o tamanho pequeno das imagens
• Incluir código da Content Delivery Network (CDN)
• Aplique AJAX para aplicativos da web rápidos e responsivos

P # 17) Liste as diferenças entre HTTP 1.1 e 2.0?

Responda: As diferenças entre HTTP 1.1 e HTTP 2 estão listadas na tabela abaixo:

P # 18) Quais prioridades você consideraria ao criar um aplicativo da web?

Responda: As seguintes prioridades devem ser mantidas em mente ao construir aplicativos da web:

• O desempenho das páginas do site da Web deve ser testado, pois deve ser carregado o mais rápido possível.
• As páginas de aplicativos não devem ter links quebrados.
• O aplicativo deve ser compatível com todos os principais navegadores como Mozilla Firefox, Google Chrome, Internet Explorer e Opera.
• O site deve conter palavras-chave acessíveis aos motores de busca.
• Deve haver conectividade contínua com o banco de dados.
• Entidades de banco de dados, como procedimentos armazenados, devem ser testadas exaustivamente com entrada válida.
• As tabelas de back-end devem ser protegidas, à prova de violação.
• A inserção de dados deve ser validada por restrições nos níveis de coluna e linha.
• A inserção de dados em tabelas de banco de dados e sua visualização no processo de interface do usuário deve ser o mais rápido possível.
• A estrutura usada para integrar páginas deve ser simples e deve ser testada sem nenhuma compilação.
• As páginas de entrada do usuário devem ser projetadas com entradas mínimas do usuário, os elementos usados ​​devem ser de fácil acesso para o usuário.
• Uso de HTTP2 para carregar o conteúdo da página rapidamente.
• O uso de JavaScript deve ser mínimo.
• Dispositivos de acessibilidade, como alto-falante para ler o texto, tamanho de fonte maior, acesso por toque na tela, devem ser fornecidos para que pessoas com limitações físicas também possam acessar o site com facilidade.
• Deve integrar arquivos de mídia, como áudio e vídeo, que podem ser abertos sem depender de software local para executar esses arquivos.
• As páginas da web devem responder às telas dos dispositivos móveis.

P # 19) Quais são os novos recursos introduzidos no HTML5?

Responda: Novos elementos semânticos, gráficos e multimídia foram introduzidos no HTML5, vários atributos aos elementos foram adicionados, enquanto poucos elementos foram removidos.

Ele adicionou novos recursos importantes, como elementos de multimídia de vídeo e áudio, API de geolocalização, APIs no armazenamento da web, soquete da web, JS web worker, Canvas e Drag-n-Drop.

P # 20) Explique com exemplos, as diferenças entre Canvas e SVG.

Responda: Canvas e SVG, ambos os containers, são usados ​​para armazenar gráficos na página HTML, entretanto, eles têm as seguintes diferenças entre eles.

Q # 21) O que é o elemento DOM e sua hierarquia?

Responda: O objeto de documento é um documento HTML que é exibido em uma janela do navegador quando acessamos a página da web. DOM ou Document Object Model é a forma como este documento é acessado ou modificado.

O objeto da janela é o pai de todos os elementos, seguido por um objeto Document que exibe o conteúdo da página, então vem o Objeto de formulário , que é identificado por tags.

Elementos de controle do formulário: Todos os elementos de entrada, como campos de texto, botões, botões de rádio, caixas de seleção, listas, etc. estão contidos no objeto de formulário.

P # 22) Quando você deve usar o seletor de id e classe?

Responda: O ID como seletor é definido para identificá-lo exclusivamente como um elemento, portanto, não deve haver o mesmo ID aplicado a qualquer outro elemento na mesma página. Considerando que os seletores de classe são tipos de seletores CSS que são aplicados para adicionar estilo a esse elemento, pra exemplo, família, tamanho ou cor da fonte, portanto, os seletores de classe podem ser aplicados a vários elementos.

Em JavaScript temos getElementById () método que retorna o primeiro elemento encontrado no código-fonte, enquanto getElementsByClassName () método retorna coleção de elementos com nome de classe particular.

P # 23) Explique as APIs introduzidas pelo HTML5.

Responda: O HTML 5 introduziu os seguintes métodos de API:

• API de tempo de alta resolução: Ele fornece a hora atual em resolução em menos de um milissegundo, independente da inclinação do relógio do sistema ou ajustes.
• API de tempo do usuário: Isso permite uma medição precisa do desempenho do código JavaScript.
• API Navigation Timing: Ele ajuda na avaliação do log de lapso de tempo durante os atrasos no carregamento da página e leva em consideração o redirecionamento da página, a pesquisa de DNS e o tempo para construir DOM, atrasos de conexão TCP, etc.
• API de informações de rede: Ajuda a identificar o tipo de conexão do visitante da web e o status de todo o registro de largura de banda.
• API de vibração: Ele pode estimular a reação durante certos eventos em aplicativos de jogos vibrando os dispositivos do usuário (telefone celular), proporcionando a melhor experiência do usuário.
• API de status da bateria: Ele oferece informações sobre o estado da bateria do dispositivo, como carregamento, segundos restantes até que esteja totalmente descarregada, etc.
• API de visibilidade da página: Ele fornece detalhes sobre os status de visibilidade da página como minimizada, focada no momento, fornecendo decisões sobre como interromper o consumo de CPU ou largura de banda.
• API Fullscreen: Ele permite uma exibição em tela inteira do usuário com base nas especificações do aplicativo.
• API getUserMedia: Ele fornece acesso a fluxos de multimídia, como vídeo, áudio ou ambos incorporados em uma página da web.
• API WebSocket: Ele mantém uma conexão persistente entre o navegador e o servidor.
• API de geolocalização: Isso ajuda a rastrear a localização geográfica do local e das pessoas por meio do Sistema de Posicionamento Global (GPS) e recupera a latitude e a longitude, assim, traça a posição em tempo real no mapa.

P # 24) Qual é a diferença entre os valores Null, Empty e Undefined e como você pode lidar com cada um?

Responda: String vazia, Null e Undefined são semelhantes em tipo, mas diferem um do outro.

Indefinido: Quando apenas declaramos uma variável, mas não atribuímos nenhum valor. A variável OR não existe ou não foi declarada. Exemplo: valor; console.log (valor); ==> indefinido

Nulo: Identificadores ou nomes dados a funções, variáveis, existem, mas não têm valor. ou seja, o valor é nulo. Exemplo: val = null

String vazia: Quando uma variável com o tipo de dados string não contém nenhum dado de caractere. Exemplo: a = '';

P # 25) Explique as diferentes janelas pop-up usadas em JavaScript.

Responda: Existem basicamente três tipos de caixas pop-up em JavaScript, viz. Alertar, confirmar e solicitar.

Alerta é uma janela pop-up para fornecer informações ao usuário com o botão OK. Os usuários podem ler a mensagem e clicar no botão Ok para fechar esta janela.

A sintaxe usada para alerta em JavaScript:

confirme é uma janela pop-up para os usuários decidirem e selecionarem uma das opções, em OK e Cancelar.

• A fim de concordar com a mensagem como Você quer? , o usuário pode clicar em OK para confirmar a decisão.
• Para discordar da mensagem, o usuário pode clicar em Cancelar e cancelar a decisão.

Incitar é um tipo de pop-up onde o usuário é aconselhado a inserir algum valor como nome ou idade e, ao clicar no botão OK, aceita o valor inserido. Exemplo: yourage = prompt (“Digite sua idade válida”);

Q # 26) Descreva o uso de animação CSS com exemplo.

Responda: Você pode adicionar animação (mudar gradualmente de um estilo para outro) a elementos HTML sem o uso de JavaScript ou Flash, usando animações CSS.

Os quadros-chave são especificados para conter quais estilos o elemento será alterado em determinados momentos.

Um exemplo é mostrado na tela abaixo:

Exemplo de animação CSS mudança de cor de vermelho para água

P # 27) Explique a finalidade de cada um dos tipos de solicitação HTTP suportados pelos serviços da Web RESTful

Responda: No serviço da web RESTful, cada tipo de solicitação HTTP tem um propósito específico. Eles são explicados abaixo:

• OBTER é um tipo de solicitação que recupera dados do servidor.
• PUBLICAR é um tipo de solicitação usado para enviar novos detalhes do formulário de dados e, em seguida, fazer upload de um arquivo.
• POR é uma solicitação semelhante a POST, mas aplicada para atualizar uma entidade existente.
• EXCLUIR é uma solicitação semelhante a PUT e é usada para excluir o recurso do servidor.
• VESTÍGIO é usado para validar o conteúdo recebido junto com a rede durante uma solicitação.
• CABEÇA é semelhante a GET, mas recebe cabeçalhos de resposta durante a solicitação.

P # 28) Quais são as diferenças entre Span e Div tag no HTML5?

Responda: Div e Span são usados ​​para representar uma seção específica da página da web, mas ambos diferem um do outro, conforme explicado na tabela abaixo:

P # 29) Explique a Pseudo classe em CSS com exemplos.

Responda: Pseudo classe em folhas de estilo em cascata é uma palavra-chave aplicada aos seletores de elemento HTML, para adicionar estilo especial em eventos HTML como onblur, onclick, onchange, onhover etc., em referência a fatores externos como visita anterior ao site do histórico de navegação, posição ou movimento de o mouse, o status do conteúdo do elemento do formulário.

A sintaxe da Pseudo classe:

Exemplo:

Pseudoclasse CSS na página HTML:

como abrir arquivo apk no telefone android

Passar o mouse sobre diferentes elementos exibe efeitos de pseudo-classe.

Conclusão

Portanto, neste tutorial, discutimos as perguntas da entrevista relacionadas ao desenvolvimento e manutenção de sites e aplicativos baseados na web. É essencial ter um bom entendimento e conhecimento prático de integração de novas tecnologias, bibliotecas de linguagem de script front-end, APIs HTML5, CSS3 e linguagens como Java, ASP, PHP. Além disso, devemos saber configurar aplicativos em servidores web e banco de dados, lidar com palavras-chave de SEO, segurança web e compatibilidade de navegador.

Você deve estar bem familiarizado com o conhecimento de rede, como protocolo, serviços da web, experiência do usuário, solução de problemas e inovações em aplicativos da web e móveis, bem como recursos de segurança, tratamento de sessão e acessibilidade.

Tudo de bom com a sua próxima entrevista para desenvolvedores da Web.

Leitura recomendada

• Guia completo de teste de aplicativo da Web (como testar um site)
• 25 melhores perguntas e respostas da entrevista para testes ágeis
• Mais de 30 perguntas e respostas populares para entrevistas sobre CSS
• Mais de 25 perguntas e respostas mais populares da entrevista ADO.NET
• Mais de 20 perguntas e respostas para entrevistas em .NET
• 30 principais perguntas e respostas da entrevista em HTML (LISTA 2021)
• As 25 principais perguntas e respostas da entrevista sobre Java Web Services
• As 20 perguntas e respostas mais importantes da entrevista de teste de API