Front end 1 Flashcards

1
Q

Para transformar string em number utilizados 3 expressões. Para inteiros usamos o _______ e para decimais usamos o _______. Se usarmos o ______, o JavaScript decide

A

parseint, parsefloat e number

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
2
Q

Para transformar number em string utilizados 2 expressões. O ______(number) e o number._____( )

A

String(123) e o 123.toString( )

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
3
Q

Usamos para indicar quantas letras tem o string:

A

string.length

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
4
Q

Usamos para transformar para caixa alta e para caixa baixa

A

string.toUpperCase() e string.toLowerCase()

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
5
Q

var n1
n1.toLocaleString(‘pt-BR’, {style: ‘currency’, currency: ‘BRL’}) usamos para transformar o número em…

A

Reais

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
6
Q

Operadores aritméticos: 5/2 (divisão real) resulta em

A

2,5

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
7
Q

Operadores aritméticos: 5%2 (resto da divisão inteira) resulta em

A

1

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
8
Q

Operadores aritméticos: 5**2 resulta em

A

25

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
9
Q

Operadores aritméticos: 5*2 resulta em

A

10

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
10
Q

Precedência de operadores: resultado de 5 + 3/2

A

6.5

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
11
Q

Ordene a precedência dos seguintes operadores:
* / %
+ -
**
( )

A

( )
* *
* / %
+ -

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
12
Q

Auto atribuição:
var n = 3
n = n + 4
n = (?)

Forma 2:

var n = 3
n += 3
n = (?)

A

n = 7
n = 6

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
13
Q

Operadores relacionais:
5 > 2 = (?)
7 < 4 = (?)

A

True
False

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
14
Q

Operadores relacionais:
8 >= 8 (?)
4 !=4 (?)

A

true
false

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
15
Q

Operadores de identidade:
5 = = 5 (?)
5 = = ‘5’ (?)
5 = = = 5 (?)
5 = = = ‘5’ (?)

A

true
true
true
false

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
16
Q

Operadores lógicos:
! = ________
&& = ________
|| = ________

A

negação (não)
conjunçao (e)
disjunção (qualquer um)

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
17
Q

Resolva:
A = 5
B = 8

A > B && B % 2 = = 0
5 > 8 && 8 % 2 = = 0
(true or false?)

A

true

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
18
Q

Qual ordem dos operadores? Ordene
Relacionais
Lógicos
Aritméticos

A

Aritméticos > lógicos > relacionais

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
19
Q

Nomeie a função:
____________ (expressão) {
case valor1:
[break;]
case valor2:
[break;]
case value3:
[break;]
default:
[break;]
}

A

Função switch

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
20
Q

Qual o output da função a seguir?
for (var i = 0; i < 9; i++) {
console.log(i);
}

A

O for possui a variável i no valor de 0, que é menor que 9, e vai incrementando com + 1 até chegar a 8, no máximo

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
21
Q

Array é uma espécie de variável, mas que é _______.

A

Composta

22
Q

Array:
let num = [5 ,8 ,4]
num [3] = 6
let num = [ ???? ]

A

let num = [5, 8, 4, 6]

23
Q

Array:
let num = [5 ,8 ,4]
num.push = [7]
let num = [???]

A

let num = [5 ,8 ,4, 7]

24
Q

Array:
let num = [5 ,8 ,4]
console.log(num.length)

output: ??

A

3

25
Q

Array:
let num = [5 ,8 ,4]
num.sort

output ??

A

let num = [4, 5, 8]

26
Q

Array:
let num = [5 ,8 ,4]

num.indexOf(1) qual será o output?
num.indexOf(7) qual será o output?

A

8 e -1 (quando não existe a chave no array)

27
Q

Essa função a seguir permite identificar se é impar ou par (resultado igual a 0):

var num = 10;

if (num % 2 === 0) {
console.log(‘Par’);
} else {
console.log(‘Ímpar’);
}

num = (?) é impar ou par?

A

num = 0, par

28
Q

var meuCarro = new Carro();
meuCarro.fabricacao = “Ford”;
meuCarro.modelo = “Mustang”;
meuCarro.ano = 1969;

O “Carro” é um _______ e a “fabricacao”, “modelo” e “ano” são ________

A

Objeto
Propriedades

29
Q

www.github.com/gustavoguanabara

Identifique o subdomínio, domínio, TLD (Top Level Domain) e caminho

A

www = subdomain
github = domain
com = TLD
gustavoguanabara = path

30
Q

h1 {
font-family: Arial;
}

a expressão “font-family” podemos entender como uma _____

A

declaração

31
Q

Entre JPG e PNG, qual seria mais compacta? E a com mais qualidade?

A

JPG = compacta
PNG = qualidade

32
Q

O que significa o SEO?

A

Search Engine Optmization

33
Q

Fontes externas de fontes, temos duas opções: otf e ttf, o que significam?

A

opentype e truetype

34
Q

Pseudoclasses:

h1:hover {
color: red;
}

As pseudoclasses servem para indicar um objeto pelo seu _____ (ativo, checado etc)

A

estado

35
Q

Com o seletor :: podemos selecionar _________:

p::first-line {
color: blue;
text-transform: uppercase;
}

Neste caso, a primeira linha do “p” será azul e terá fontes maiúsculas

A

pseudoelementos

36
Q

Lorem ipsun dolor <??>
Lorem ipsun dolor <??>

Qual tag usamos para quebrar linha?

A

<br></br>

37
Q

Imagens dinâmicas utilizamos o seguinte código:

<??????>

<source></source>

<source></source>

<img></img>
</??????>

A

picture e picture

38
Q

Para colocar espaço antes do emoji:
????? 1F517 ‘;

A

\00A0\

39
Q

Formulários (métodos de envio):
GET e POST
Qual deles os dados aparecem na URL?
Qual deles possui limite de dados?

A

GET: aparece na URL
GET: possui limite de dados

40
Q

Box-Sizing do CSS, qual o melhor método?
Content-box
Border-box

41
Q

Seletores

header + div {
Permite selecionar o que?
}

header ~ div {
Permite selecionar o que?
}

A

A div subsequente
Todas as divs do header

42
Q

Diferença de img para background?

A

Img tem texto alternativo e é conteúdo. Background não.

43
Q

O que a expressão a seguir permite?

white-space: nowrap

A

Evita o texto quebrado. Vai forçar o texto a ficar corrido, igual a link no Word

44
Q

O flex-flow permite utilizar 2 propriedades, quais são?

A

flex-direction e flex-wrap

45
Q

O flex wrap permite realizar o quê no flex?

A

Os items ficam estendidos (nowrap) ou “amassados” (wrap)

46
Q

Overflow: scroll permite usar a ___________

A

Barra de rolagem

47
Q

div:nth-child(2) {
Permite selecionar qual objeto?
}

A

O segundo filho da div

48
Q

A grid área se refere a qual item da imagem do link?
~~~
{
grid-area: 1 / 2 / 4 / 3;
grid-row-start: 1;
grid-column-start: 2;
grid-row-end: 4;
grid-column-end: 3;
}
~~~

A

A área 1

49
Q

CSS

grid {
gap: 16px 24px
}

Quais gaps se referem a column e row?

A

16px row
24px column

50
Q

CSS

Consegue identificar qual é o autofill e qual é o autofit?

A

A primeira é autofill e a segunda autofit, a autofit é melhor