Fundations Flashcards
Aprender el curso de introducción de Odin project (23 cards)
CSS
Que hace el selector: (*)
Ea el selector universal, sirve para dar estilos a todo html
CSS
Que es flex-grow (Flex: 1;)
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
CSS
que es Flex shrink (Flex: 0, 1)
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
CSS
Que es Flex basis (Flex: 0,0, 20%;)
Específica el tamaño inicial de un elemento flexible
CSS
Que es flex-direction
Indica como se va a comporta el contenedor, columna o fila
JS
Operador unario que hace
Convierte los números strings a números. Se utiliza poniendo el signo + antes del nombre de la variable que contenga el string
JS
Que hace Number()
Convierte textos a numeros
JS
Que hace toString()
Convierte números a strings
JS
Que hace document.querySelector
Atrapa un elemento, lo asigna a una variable. Puede ser elemento, clase o ID
JS
Que hace document.createElement
Crea un elemento pero no coloca el nuevo elemento en el DOM si no que lo guarda en memoria
JS
ParentNode.appendChild(childNode)
Agrega a childNode como el último hijo de parentNode
ParentNode.insertBefore(newNode, referenceNode)
Inserta newNode en parentNode antes de referenceNode
ParenteNode.removeChild(child)
Elimina un elemento hijo
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.
Nada
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
Nada
JS métodos para los atributos
- Elemento.setAttribute(atributo, newAtribute)
- Elemento.getAtribute(atributo)
- Elemento.removeAtribute()
Nada
JS
que hace .hasOwnProperty(propName)
Devuelve true o false dependiendo si la propiedad existe en el objeto
Que hace object.freeze()
Previene la mutacion de objetos
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.
Nada
Para utilizar import y export la etiqueta script de HTML debe tener el atributo “type=’module’ “
Nada
Para exportar puedo anteponer la palabra export en la funcion o al final escribir export {nombre_de_funciones}
Nada
Para importar:
Import {suma, resta} from ‘file_name’
Nada
Para importar todo el codigo de un archivo y convertirlo en un objeto:
Import * as myModulo from ‘file_name’
Nada