Introdução
Procurando uma forma de ajudar os(as) desenvolvedores(as) que estão fora do mercado de trabalho, eu decidi iniciar uma série de posts onde eu abordo perguntas e respostas recorrentes de uma entrevista para uma vaga de desenvolvedor.
Esse é o quinto post da série e desta vez eu focarei no HTML, uma linguagem de marcação utilizada na construção de páginas na Web e um dos pilares do desenvolvimento frontend. E assim como nos primeiros posts, eu caprichei para o conteúdo ser o mais rico possível, então aproveitem a leitura <3
HTML
1. Quais os principais motivos para a espeficação do HTML5?
Os principais objetos foram:
- Ofereçer conteúdo avançado, como melhores gráficos e filmes, sem a necessidade de plug-ins adicionais como o Flash.
- Melhorar a semântica de uma página web através da introdução de novas tags.
- Simplificar o tratamento de erros, garantir um comportamento mais consistente entre navegadores e simplificar a compatibilidade com versões anteriores.
- Fornecer um suporte multiplataforma, ou seja, possibilitar a sua execução em tables e smartphones.
2. Quais os principais recursos do HTML5?
- Maior suporte para a incorporação de conteúdo gráfico, áudio e vídeo em virtude das novas tags
<canvas>,<audio>e<video>. - Extensões para APIs JavaScript, como geolocalização e drag-and-drop.
- Introdução dos
web workers. - Introdução de novas tags semânticas, como
<main>,<nav>,<article>,<section>,<header>,<footer>e<aside>. - Maior controle sobre os formulários com as tags
<calendar>,<date>,<time>,<email>,<url>e<search>.
3. O que são os "web workers"?
Um web worker é um script executado em segundo plano (ou seja, em outra thread) sem que a página precise aguardar a conclusão. O usuário pode continuar a interagir com a página enquanto o web worker é executado em segundo plano.
4. Dê uma breve descrição das seguintes tags semânticas: <header>, <article>, <section>, <footer>.
O <header> é usado para conter informações introdutórias e de navegação sobre uma seção da página.
O <article> é mais comumente usado para conter informações que podem ser distribuídas independentemente do restante do site ou aplicativo em que aparecem, como por exemplo, postagens de blog ou notícias.
A <section> é utilizada como um contâiner para conteúdos que compartilham um tema ou propósito informativo comum.
O <footer> é usado para conter informações que devem aparecer no final de uma seção.
5. Uma página pode ter mais um de <header> ou <footer>?
Com certeza! Na verdade, as tags <header> e <footer> servem os seus respectivos propósitos em relação a qualquer que seja o seu elemento pai. Ou seja, não é só o <body> que pode conter essas duas tags, mas também outros elementos, como o <article> e a <section>.
6. Qual a diferença entre spane div?
A diferença é que o span vem setado com o display:inline, enquanto a div vem com o display:block.
span é usado quando precisamos que nossos elementos sejam mostrados em uma linha, um após o outro.
7. Qual a diferença entre os elementos svg e canvas?
Basicamente, o SVG é uma linguagem para descrever gráficos 2D, enquanto o <canvas> permite que você desenhe gráficos 2D usando JavaScript.
8. Qual o principal resultado de não especificar o doctype em uma página HTML?
As novas tags específicas do HTML5 não serão interpretadas pelo navegador.
Pseudo-elementos são utilizados para adicionar efeitos especiais a alguns seletores. Em alguns casos, quando não é possível adicionar marcação ou estilo extra para o documento, podemos utilizar os pseudo-elementos. Isso nos permitirá uma marcação extra no documento, sem interferir no 'documento real'.
9.Como podemos obter a posição geográfica de um usuário usando HTML5?
O HTML5 fornece suporte a API Geolocation. Com ela podemos descobrir a posição atual do usuário usando o método getCurrentPosition().
10. O que é o Web Storage do HTML5?
O Web Storage, também conhecido como DOM Storage, é uma forma de preservar um estado no cliente ou no servidor, o facilita muito em relação a natureza sem estado do HTTP. Ele permite que as páginas armazenem os dados localmente no navegador do usuário.
Algumas vantages do Web Storage são:
- Permite armazenar dados de 5 a 10 MB, o que é muito mais do que os cookies permitem.
- O HTML5 nunca transfere dados de armazenamento da Web durante qualquer solicitação HTTP. Assim você não sobrecarrega os cookies e melhora o desempenho do seu aplicativo.
- Os aplicativos podem funcionar offline.
- É super fácil utilizar essa API!
11. Para o que serve a tag <fieldset>?
A tag agrupa elementos de um mesmo formulário. Em outras palavras, é como se ela desenhasse uma caixa ao redor dos elementos relacionados.
Seu conteúdo deve começar com uma tag <legend>, que define o título do fieldset.
Exemplo da sintaxe:
<fieldset> Controles </fieldset>Todos os navegadores popularmente conhecidos fornecem suporte para a tag fieldset, o HTML5 fornece os seguintes atributos para a tag:
disabled: um boolean especifica se o fieldset será exibido ou não.nameuma string que define o nome dofieldset.form: seu valor é o nome do formulário, que especifica o formulário relacionado ao fieldset.
Conclusão
Por hora é só pessoal! Apesar de eu ter trazido apenas as questões que achei mais recorrentes para um post sobre o HTML, você pode encontar muitas outras nesse repositório aqui. Fique de olho também nos próximos posts relativos a entrevistas de emprego, e se surgirem dúvidas ou sugestões, não deixem de mandar aí nos comentários!