# Easy
## Web Standards (HTML + CSS + JS)
1 - O que será descrito no console a partir do código abaixo ?
name = 'Summer'
var name;
var name;
console.log(name);
a: ''.
b: 'Summer'. (C)
c: null;
d: undefined;
2 - Quais dos tags abaixo foram incluidas para para utilização de audio e video ?
player
video (c)
music
audio(c)
sound
3 - Quais dos atributos foram introduzidos no HTML5?
autofocus, placeholder e disabled.
autofocus, readonly e required.
readonly, disabled e placeholder.
readonly, required e placeholder
placeholder, autofocus e required. (c)
4 - Quais objetos é possivel armazenar dados localmente ?
storageLocal
sessionStorage (c)
localStorage (c)
storeLocal
dbLocal
5 - Considere o codigo abaixo:
<body>
<div class="top">
<div class="logo"></div>
<div class="desc"></div>
</div>
</body>
div.top{width:100%;height:150px;background-color:yellow; XXXX }
div.logo{background-color:blue; flex:1}
div.desc{background-color:green; flex:1}
Para que as divs logo e desc ao lado da outra, com tamanhos iguais, preenchendo toda a divisão topo, a lacuna XXXX deve ser corretamente preenchida por:
float:left
position:relative
display:inline
display:flex (c)
display:block
7 - Considere o codigo JavaScript:
document.getElementById('date').innerHTML = Date()
Qual elemento que é compatível com a estrutura do comando para receber a data?
<date></date>
<date class="date"></date>
<p id="date"></p> (C)
<p type"date"></p>
<p onclick="date"></p>
8 - Para aplicar estilos nos elementos HTML, qual seletor universal deve ser apliado a seguir?
#
%
&
* (C)
@
9 - No trecho de codigo 'getElementsByClassName', do objeto document, o que será retornado?
Um objeto.
Uma função.
Um valor numérico.
Um array. (c)
Um string.
10 - Você criou uma aplicação que envia informações para um serviço utilizando o seguinte código:
01 function CustomError(code) {
02 this.errorCode = code;
03 }
04
05 var code = send();
06 if (code != 0) {
07 throw new CustomError(code);
08 }
Quando o webservice retorna um valor diferente de zero você deve disparar uma exceção que contém o código da exceção. Você precisa implementar o código que gera essa exceção. Qual o código que você deve inserir na linha 04?
CustomError.prototype = Error.prototype; (c)
CustomError[“ErrorType”] = Error;
CustomError.customError = true;
Error-constructor = CustomError;
11 - Você está desenvolvendo uma página web utilizando HTML5 e possui o seguinte trecho de código:
01 <head>
02 <script>
03 function removeInvalid(input) {
04
05 }
06 </script>
07 </head>
08 <body>
09 Given Name: <input type=”text” id=”GivenName” onblur=”removeInvalid(this);” />
10 Surname: <input type=”text” id”Surname” onblur=”removeInvalid(this); />”
11 </body>
Você precisa garantir que as entradas do usuário sejam somente números, letras e underlines independente da ordem. Que trecho de código você deverá inserir na linha 04?
If(!/^[A-Za-z0-9_]+$/.test(input.value))
Input.value = “Invalid”; (C)
If(!/^[A-Za-z0-9_]/.test(input.value))
Input.value = “Invalid”;
var regEx = new RegExp(“^\w“) ;
if (!input.value.match(regExp))
input.value = “Invalid”
var regEx = “[\w\d]”;
if (!input.value.match(regEx))
Input.value = “Invalid”;
12 - Considere o seguinte código:
var a = [1,2,3,4,5];
a.slice(0,3);
a.splice(1,1);
a.pop();
Qual o valor da variável a ao término da execução?
[1,3,4] (c)
[1,3,4,5]
[1,3]
[3,4,5]
13 - Você está criando uma página web que contém um elemento canvas e o seguinte javascript:
01 var canvas = document.getElementById(‘myCanvas’);
02 var context = canvas.getContext(‘2d’);
03
O código acima será executado quando o usuário realizar um click em um buttom e você deve adicionar um código que rotaciona o elemento canvas em 90 graus. Qual código você deve inserir na linha 03?
context.transform(90);
context.content.getRotation(90);
context.rotate(90); (C)
context.content.rotate(90);
14 - Você deve implementar um manipulador de erros global para a sua aplicação com javascript, qual código você deverá utilizar?
window.onerror = function(){
...
} (C)
Error.constructor = function(){
...
}
Error = function(){
...
}
document.onerror = function(){
...
}
15 - Você está criando um objeto em javascript que representa um cliente(Customer). Você precisa extender o objeto Customer adicionando o método GetCommission().
Você precisa garantir que todas as futuras instâncias do objeto Customer tenha a implementação do método GetCommission().
Que trecho de código você irá utilizar?
Customer.apply.GetCommission() = function ()
{
alert(`payroll`);
}
Customer.prototype.GetCommission() = function Customer.GetCommission()
{
alert(`payroll`)
}
Customer.GetCommission() = function ()
{
alert(`payroll`);
}
Customer.prototype.GetCommission() = function()
{
alert(`payroll`);
} (c)
16 - Qual das opções não é uma lista html?
ul
ol
dl
todas as opções são listas html (c)
17 - Sobre css grid e flexbox é correto afirmar:
flexbox é unidimensional e grid é multidimensional (c)
flexbox é multidimensional e grid é unidimensional
é uma má prática utilizar os dois em conjunto
grid foi criado para substituir o flexbox
18 - Baseado no código abaixo, qual a largura da parte visível da box?
.box {
box-sizing: border-box;
background: red;
width: 200px;
padding: 10px;
margin-right: 15px;
border: 5px solid black;
}
230px
245px
200px (c)
215px
19 - Qual opção não é um atributo do elemento <input>?
range
date
address (c)
password
20 - Qual método de iteração de array retorna todos os itens que atendem a função passada por parâmetro?
map()
filter() (c)
every()
forEach()
21 - Qual atributo é utilizado no elemento html <input> para deixa-lo selecionado por padrão?
check
checked (c)
selected
default
22 - Qual o resultado do console.log?
let numeros = [1,2,3];
numeros[50] = 4;
console.log(numeros.length);
3
4
51 (c)
É exibido um erro no console e não aparece resultado.
23 - Qual é o retorno da função mostrarIdade?
function mostrarIdade(pessoa) {
return pessoa.idade;
}
const marcos = { idade: 25 };
const copiaMarcos = marcos;
marcos.idade = 26;
mostrarIdade(copiaMarcos);
25
26(c);
É exibido um erro no console por tentar alterar uma constante;
24 - Qual opção não é válida para criação de objetos?
const object = {}
const object = new Object()
const object = Object.create()
Todas as opções são válidas (c)
25 - Como é o nome da operação realizada na segunda linha?
const carros = ['celta', 'corsa', 'gol', 'palio'];
const [primeiroCarro, segundoCarro] = carros;
object destructuring
array destructuring (c)
rest
spread
## Package Managers
16 - Node Package Manager será correto ao afirmar que:
não permite aos desenvolvedores a distribuição de seus pacotes.
é necessário o pagamento de uma taxa anual para a disponibilização dos pacotes no npm.
é um gerenciador de pacotes global para JavaScript. (c)
é o arquivo package.json que fica na raiz do projeto e nele são declaradas todas as configurações de banco de dados e senhas de acesso.
## Perguntas básicas angular, react e Vue
17 - Qual a função do Pipe no Angular ?
Função que formata as datas do sistema.
Formata apenas string para o usuario.
Mostrar dados customizados para o usuario. (C)
Customiza o formulario para mostra-lo ao usuario.
## Task Runners
## Linters and Formatters
## CSS Framework + Responsividade
## Test Framework
## Form Validation
--------------------------------------------------------------------------------------------------------------
# Medium
## Web Security Knowledge
## CSS ARchitecture
## Javascript modular e ES6+
## Fetch API
## SEO
## Acessibility
## Modern CSS
## Web Components
## Typescript
## PWA
## State Management
# Hard
## SSR
## GRAPHQL
## Mobile Applications
## Web Assembly
Google Drive
Gist
Clipboard
Sign in with Wallet
