Anotaciones personales Cursos Mejorando

Anotaciones personales Cursos Mejorando.la 
 

Curso de Diseño Web Online 
 
Dato importante en CSS: 1em equivale al tamaño de la letra m el tamaño que toma es 
el que se asigna en el body, em es muy bueno para margin y padding ya que así se 
consigue un estándar de tamaños. 
 
JQuery 
 
esto nos detecta cuando el navegador ya alla cargado correctamente es lo mismo que $(document).ready(function(){}) 
 
La función slideToggle nos sirve para detectar si un elemento está deshabilitado o 
activado y así es como funciona  
 
Si esta en block lo pone en none y viceversa. 
 
append = agregar elemento al final 
prepend= agregar elemento al principio 
 
LocalStorage and SessionStorage 
 
Para reemplazar las cookies en javascript usar local storage and session storage  
 para agregar nuevos valores tanto a local como a session se puede usar la siguiente 
estructura  
 
localStorage.setItem(‘nombre’, ‘ernesto’) & sessionStorage.setItem(‘nombre’, ‘ernesto’) 
 
también de la siguiente manera mediante un array  
 
localStorage[’nombre’] = “Ernesto” 
 
var ss = sessionStorage; 
ss.edad = 35  
 

Al momento de guardar un número el storage lo convierte en string (Limitación)  
 Remover algun Item 
 
localStorage.removeItem(’nombre’)  //con esto eliminamos el ítem culpo nombre sea 
’nombre’  o el que la asignamos  
 
para saber qué elementos tengo en el storage, esto se usa cuando no se tiene idea de 
los elemento  
 
localStorage.length 
 
localStorage.key(1) Obtiene el nombre de la variable  
 
Para sacer el valor de alguna variable del storage se usa lo siguiente 
 localStorage.getItem(’nombre de la variable’) 
 
 
JSON(Javascript object Notation) 
 
var o = {} esto me crea un objeto de nombre o NOTA: los objetos si guardan numeros 
cosa que nos ayudará más adelante esto hablando de los storage. 
 
o.nombre = “ernesto”  
 
{nombre : “ernesto”, apellido : “Valenzuela” , edad : 20} //Este objeto no es valido como JSON ya que estos necesitan que los nombres de las variables vayan entre comillas 
asi que si lo expresamos de esta manera marcaria error  
 
o = “{‘nombre : ‘ernesto, edad : 20’’}” //La variable o es igual a una cadena de texto que 
contiene a su vez un objeto con la estructura correcta para representar a un JSON  
 
objeto = JSON.parse(o); // En esta instrucción parse me convierte la cadena de texto en un objeto JSON ojo esto siempre y cuando la cadena tenga la sintaxis de un objeto 
JSON de lo contrario mandaría error. Cosa contraria sería convertir el objeto a cadena 
de texto para ello usamos ​
stringify  
 
texto = JSON.stringify(objeto); 

 
Para engañar al Storage y poder almacenar números podemos usar lo siguiente  
o = “{‘nombre : ‘ernesto, edad : 20’’}”  
 
localStorage.datos = JSON.stringify(o); 
 
y para volverlo a usar lo traemos de la siguiente manera 
 o = JSON.parse(localStorage.datos); 
 
Geolocalización  
 
Navigator se encarga de todo lo que pesa en el navegador 
 
Geolocalización es un servicio del navegador  
 
var geo = navigator.geolocation; // Guardamos en la variable geo nuestra propiedad de 
geolocalización. 
 
getCurrentPosition = propiedad de geolocalización, el cual pide permisos al user para averiguar su localización y devolver la información  
 
watchPosition = Cada que hay actualizacion de algun elemento manda la 
geolocalizacion  
 
a getCurrentPosition se le pasan tres parámetros los cuales funcionan de la siguiente 
manera  
 
geo.getCurrentPosition(geo_exito, geo,error, opciones); 
 
1.­ geo_exito = la función a ejecutar si la geolocalización fue correcta 2.­ geo_error = la función a ejecutar si la geolocalización fue incorrecta 
3.­ opciones = función para pasarle parámetros  
 
function geo_error(){ 
console.log(“No se pudo acceder a la geolocalizacion”) 
}// Esta es la función que se ejecuta cuando no se accede a la geolocalización el error 
puede suceder por dos razones  
 

1.­ el User canceló la petición  
2.­ Esta desactivada la localización en el navegador  ...