01 - Ferramentas de programação Flashcards

(22 cards)

1
Q

O que significa HTML?

A

HyperText Markup Language

Linguagem de Marcação de HiperTexto

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

O que significa CSS

A

Cascading Style Sheets

Folhas de estilo em cascata

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

Qual é o foco da linguagem de HTML

A

Em conteúdo Web

Tais como:
* Textos
* Imagens
* Vídeos
* Tabelas

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

Qual é o foco da linguagem de CSS

A

No Design do conteúdo

Tais como:
* Cores
* Sombras
* Tamanhos
* Posicionamentos

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

Qual é o foco da linguagem de JavaScript

A

Nas Interações do site

Tais como:
* Menus
* Animações
* PopUps
* Validações

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

Qual é a estrutura básica de um código em HTML?

A
<!Doctype html>
<html lang="pt-br">

<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width,initial-scale-=1.0">
<title>Document</title>
</head>

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

Qual é a tag para adicionar um título em HTML?

A
<h1> </h1>

<h2> </h2>

<h3> </h3>

<h4> </h4>

<h5> </h5>

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

Qual é a tag para adicionar um parágrafo em HTML?

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

Qual é a tag para adicionar um imagem em HTML?

A
<img scr="foto.png" alt="Exemplo de foto">

alt=”Exemplo” se refere à um parâmetro da tag img scr=”foto”

Caso o monitor não exiba a imagem, irá a aparece a mensagem “exemplo” como alternativa.

“Entre aspas” se refere à um conteúdo da tag usada.

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

Qual é a tag para adicionar um emoji em HTML?

A

&#x’cód’

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

Qual é a estrutura básica de um código em CSS?

A

Com o estilo trabalhado entre colchetes

[Exemplo:]

h1 {
color: blue;
}

h1 ➡️ Seletor
color: blue; ➡️ Declaração
color: ➡️ Propriedade
blue; ➡️ Valor

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

Qual tag em CSS usar para modificar a fonte do conteúdo?

A
font-family: Arial;
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
13
Q

Qual tag em CSS usar para modificar o tamanho fonte do conteúdo?

A
font-size: 20px;
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
14
Q

Qual tag em CSS usar para modificar a cor da fonte do conteúdo?

A
font-color: blue;
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
15
Q

Qual tag em CSS usar para modificar a cor do background do conteúdo?

A
color: green;
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
16
Q

O que é Front-end?

17
Q

O que é Back-end

18
Q

O que é Full-stack?

19
Q

Qual é o conceito de site estático e client-side?

A

Site estático é o arquivo web desenvolvido pelo autor

Client-side é a experiência que um usuário tem do arquivo desenvolvido pelo autor

20
Q
A

Client-side é a experiência que um usuário tem do arquivo desenvolvido pelo autor. Também se conhece o termo como Front-end.

21
Q
A

Server-side é a interação que o código produzido tem com o servidor, logo essa interações geram alterações no código do site estático do servidor. Também se conhece o termo como Back-end.

22
Q
A

Full-stack é o domínio do setor Front-end e Back-end de um projeto.