Plataforma educacional para preparacao de entrevistas, testes online, tutoriais e pratica ao vivo
Desenvolva habilidades com trilhas de aprendizado focadas, simulados e conteudo pronto para entrevistas.
WithoutBook reune perguntas de entrevista por assunto, testes praticos online, tutoriais e guias comparativos em um unico espaco de aprendizado responsivo.
Conheca as principais perguntas e respostas de entrevista de Frontend Developer para iniciantes e candidatos experientes e prepare-se para entrevistas de emprego.
Total de perguntas: 30Interview Questions and Answers
A melhor entrevista simulada ao vivo para assistir antes de uma entrevista
Conheca as principais perguntas e respostas de entrevista de Frontend Developer para iniciantes e candidatos experientes e prepare-se para entrevistas de emprego.
What is the purpose of the 'use strict' directive in JavaScript?
The 'use strict' directive enforces a stricter set of parsing and error handling rules in JavaScript. It helps catch common coding errors and prevents the use of certain error-prone features.
Example:
```javascript 'use strict'; // Strict mode code goes here ```
Salvar para revisao
Salvar para revisao
Adicione este item aos favoritos, marque-o como dificil ou coloque-o em um conjunto de revisao.
Responsive web design is an approach that makes web pages render well on a variety of devices and window or screen sizes. It uses flexible grids and layouts, along with media queries.
Example:
```css @media only screen and (max-width: 600px) { body { font-size: 14px; } }```
Salvar para revisao
Salvar para revisao
Adicione este item aos favoritos, marque-o como dificil ou coloque-o em um conjunto de revisao.
What is the purpose of the 'defer' attribute in a script tag?
The 'defer' attribute in a script tag tells the browser to execute the script after the HTML is completely parsed, but before firing the DOMContentLoaded event.
Example:
```html ```
Salvar para revisao
Salvar para revisao
Adicione este item aos favoritos, marque-o como dificil ou coloque-o em um conjunto de revisao.
What is the purpose of the 'localStorage' and 'sessionStorage' objects in JavaScript?
'localStorage' and 'sessionStorage' are Web Storage APIs for storing key-value pairs in a web browser. 'localStorage' persists data even after the browser is closed, while 'sessionStorage' stores data for the duration of a page session.
Example:
```javascript // Storing data in localStorage localStorage.setItem('username', 'JohnDoe');
// Retrieving data from localStorage const username = localStorage.getItem('username'); ```
Salvar para revisao
Salvar para revisao
Adicione este item aos favoritos, marque-o como dificil ou coloque-o em um conjunto de revisao.
What is the difference between 'inline' and 'block' elements in CSS?
'inline' elements only take up as much width as necessary and do not start on a new line. 'block' elements take up the full width available and start on a new line.
Example:
```css /* Inline element example */ span { display: inline; }
/* Block element example */ div { display: block; }```
Salvar para revisao
Salvar para revisao
Adicione este item aos favoritos, marque-o como dificil ou coloque-o em um conjunto de revisao.
What is the purpose of the 'data-' attribute in HTML?
The 'data-' attribute is used to store custom data private to the page or application. It provides a way to attach additional information to HTML elements without using non-standard attributes.
Example:
```html This is a custom element.
```
Salvar para revisao
Salvar para revisao
Adicione este item aos favoritos, marque-o como dificil ou coloque-o em um conjunto de revisao.
Explain the purpose of the 'rem' unit in CSS and how it differs from 'em'.
'rem' (root em) is relative to the font-size of the root element, while 'em' is relative to the font-size of the nearest parent element with a font-size. 'rem' is not affected by the parent element's font-size.
Example:
```css html { font-size: 16px; }
body { font-size: 1.5rem; /* 24px */ } ```
Salvar para revisao
Salvar para revisao
Adicione este item aos favoritos, marque-o como dificil ou coloque-o em um conjunto de revisao.
Explain the difference between 'cookie', 'sessionStorage', and 'localStorage'.
'cookie' is a small piece of data stored on the client's computer, 'sessionStorage' stores data for the duration of a page session, and 'localStorage' persists data even after the browser is closed.
Salvar para revisao
Salvar para revisao
Adicione este item aos favoritos, marque-o como dificil ou coloque-o em um conjunto de revisao.
Explain the concept of 'event bubbling' in JavaScript.
'Event bubbling' is the process where the event starts from the target element and bubbles up the DOM hierarchy until it reaches the root. It allows for delegating event handling to a common ancestor.
Salvar para revisao
Salvar para revisao
Adicione este item aos favoritos, marque-o como dificil ou coloque-o em um conjunto de revisao.
What is the purpose of the 'transition' property in CSS?
The 'transition' property in CSS is used to create smooth transitions between property values over a specified duration. It is commonly used for animations and effects.
Example:
```css /* Example of using transition */ .element { transition: width 0.5s ease-in-out; } ```
Salvar para revisao
Salvar para revisao
Adicione este item aos favoritos, marque-o como dificil ou coloque-o em um conjunto de revisao.
What is the role of the 'viewport' meta tag in HTML?
The 'viewport' meta tag in HTML is used to control the layout viewport of the browser, ensuring that the webpage is displayed correctly on various devices by setting the initial scale, width, and zoom level.
Example:
```html ```
Salvar para revisao
Salvar para revisao
Adicione este item aos favoritos, marque-o como dificil ou coloque-o em um conjunto de revisao.
A WithoutBook usa cookies e tecnologias semelhantes para o funcionamento do site, analise e publicidade. Podemos trabalhar com parceiros como o Google para mostrar anuncios relevantes e medir o desempenho. Ao continuar, voce pode aceitar ou recusar cookies nao essenciais. Leia nossa politica de privacidade para mais informacoes. Politica de privacidade.
