Fundations Flashcards

Aprender el curso de introducción de Odin project

1
Q

CSS

Que hace el selector: (*)

A

Ea el selector universal, sirve para dar estilos a todo html

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

CSS

Que es flex-grow (Flex: 1;)

A

Flex grou indica el factor de crecimiento de un elemento flexible, es decir, si todos los elementos dentro del contenedor tienen Flex grow, van a ocupar un espacio igual dentro del contenedor

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

CSS

que es Flex shrink (Flex: 0, 1)

A

Específica el factor de contraccion. Si está en 0 cuando se haga más chica la pantalla ese ítem no cambiará su tamaño

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

CSS

Que es Flex basis (Flex: 0,0, 20%;)

A

Específica el tamaño inicial de un elemento flexible

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

CSS

Que es flex-direction

A

Indica como se va a comporta el contenedor, columna o fila

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

JS

Operador unario que hace

A

Convierte los números strings a números. Se utiliza poniendo el signo + antes del nombre de la variable que contenga el string

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

JS

Que hace Number()

A

Convierte textos a numeros

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

JS

Que hace toString()

A

Convierte números a strings

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

JS

Que hace document.querySelector

A

Atrapa un elemento, lo asigna a una variable. Puede ser elemento, clase o ID

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

JS

Que hace document.createElement

A

Crea un elemento pero no coloca el nuevo elemento en el DOM si no que lo guarda en memoria

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

JS

ParentNode.appendChild(childNode)

A

Agrega a childNode como el último hijo de parentNode

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

ParentNode.insertBefore(newNode, referenceNode)

A

Inserta newNode en parentNode antes de referenceNode

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

ParenteNode.removeChild(child)

A

Elimina un elemento hijo

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

Solo es info!!!!
Cuando tiene una referencia a un elemento, puede usar esa referencia para modificar las propiedades propias del elemento.Esto le permite realizar muchas modificaciones útiles, como agregar/eliminar y modificar atributos, cambiar clases, agregar información de estilo en línea y más.

A

Nada

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

Tener en cuenta que textContent es preferible para agregar texto e innerHTML debe usarse con moderación ya que puede crear riesgos de seguridad si se usa inadecuadamente

A

Nada

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

JS métodos para los atributos

  • Elemento.setAttribute(atributo, newAtribute)
  • Elemento.getAtribute(atributo)
  • Elemento.removeAtribute()
A

Nada

17
Q

JS

que hace .hasOwnProperty(propName)

A

Devuelve true o false dependiendo si la propiedad existe en el objeto

18
Q

Que hace object.freeze()

A

Previene la mutacion de objetos

19
Q

Desestructuracion JS:

Const {name, age} = user

User es un objeto con laa propiedades ‘age y name’
en el cogido de arriba se crean 2 variables con los valores de esas propiedades.

A

Nada

20
Q

Para utilizar import y export la etiqueta script de HTML debe tener el atributo “type=’module’ “

A

Nada

21
Q

Para exportar puedo anteponer la palabra export en la funcion o al final escribir export {nombre_de_funciones}

A

Nada

22
Q

Para importar:

Import {suma, resta} from ‘file_name’

A

Nada

23
Q

Para importar todo el codigo de un archivo y convertirlo en un objeto:

Import * as myModulo from ‘file_name’

A

Nada