Front end 1 Flashcards

(50 cards)

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 é _______.

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: ??

25
Array: let num = [5 ,8 ,4] num.sort output ??
let num = [4, 5, 8]
26
Array: let num = [5 ,8 ,4] num.indexOf(1) qual será o output? num.indexOf(7) qual será o output?
8 e -1 (quando não existe a chave no array)
27
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?
num = 0, par
28
var meuCarro = new Carro(); meuCarro.fabricacao = "Ford"; meuCarro.modelo = "Mustang"; meuCarro.ano = 1969; O "Carro" é um _______ e a "fabricacao", "modelo" e "ano" são ________
Objeto Propriedades
29
www.github.com/gustavoguanabara Identifique o subdomínio, domínio, TLD (Top Level Domain) e caminho
www = subdomain github = domain com = TLD gustavoguanabara = path
30
h1 { font-family: Arial; } a expressão "font-family" podemos entender como uma _____
declaração
31
Entre JPG e PNG, qual seria mais compacta? E a com mais qualidade?
JPG = compacta PNG = qualidade
32
O que significa o SEO?
Search Engine Optmization
33
Fontes externas de fontes, temos duas opções: otf e ttf, o que significam?
opentype e truetype
34
Pseudoclasses: h1:hover { color: red; } As pseudoclasses servem para indicar um objeto pelo seu _____ (ativo, checado etc)
estado
35
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
pseudoelementos
36
Lorem ipsun dolor Lorem ipsun dolor Qual tag usamos para quebrar linha?

37
Imagens dinâmicas utilizamos o seguinte código: __ imagem flexível __
picture e picture
38
Para colocar espaço antes do emoji: '_?????_ 1F517 ';
\00A0\
39
Formulários (métodos de envio): GET e POST Qual deles os dados aparecem na URL? Qual deles possui limite de dados?
GET: aparece na URL GET: possui limite de dados
40
Box-Sizing do CSS, qual o melhor método? Content-box Border-box
Border-box ## Footnote [https://developer.mozilla.org/en-US/docs/Web/CSS/box-sizing](http://)
41
Seletores header + div { Permite selecionar o que? } header ~ div { Permite selecionar o que? }
A div subsequente Todas as divs do header
42
Diferença de img para background?
Img tem texto alternativo e é conteúdo. Background não.
43
O que a expressão a seguir permite? white-space: nowrap
Evita o texto quebrado. Vai forçar o texto a ficar corrido, igual a link no Word ## Footnote [https://developer.mozilla.org/en-US/docs/Web/CSS/white-space](http://)
44
O flex-flow permite utilizar 2 propriedades, quais são?
flex-direction e flex-wrap
45
O flex wrap permite realizar o quê no flex?
Os items ficam estendidos (nowrap) ou "amassados" (wrap) ## Footnote [https://developer.mozilla.org/pt-BR/docs/Web/CSS/flex-wrap](http://)
46
Overflow: scroll permite usar a ___________
Barra de rolagem
47
div:nth-child(2) { Permite selecionar qual objeto? }
O segundo filho da div
48
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; } ``` ## Footnote [https://pasteboard.co/WU6nxleGf0a4.png](http://)
A área 1
49
# CSS grid { gap: 16px 24px } Quais gaps se referem a column e row?
16px row 24px column
50
# CSS Consegue identificar qual é o autofill e qual é o autofit? ## Footnote [https://pasteboard.co/KphQy1GYh4HV.jpg](http://)
A primeira é autofill e a segunda autofit, a autofit é melhor