ProgramandooIntentándolo

17 Nov 2017

Convertir un string JSON a un objeto en JavaScript y viceversa

json a javascript

Un JSON (JavaScript Object Notation) básicamente se puede decir que es un objeto javaScript metido dentro de una cadena de texto, aunque en realidad no es del todo cierto. JSON es una sintaxis para serializar objetos para el intercambio de datos basado en la nomenclatura de javaScript, es decir, son muy similares, pero no son iguales, por ejemplo, en JSON los nombres de las variables tienen que estar entre comillas dobles “” y en javaScript no.

Vamos a lo que vamos, hay 2 casos de conversión que podemos querer hacer JSON javaScript por ejemplo si tenemos guardado un JSON en el localStorage o si el método por el que lo obtenemos no hace la transformación automáticamente, y javaScript JSON para hacer el proceso inverso y enviar o almacenar nuestros objetos javaScript.

¿Cómo convertir un JSON a un objeto en javaScript? ...
14 Nov 2017

Variables en Kotlin: var, val y tipos básicos

reset css

En Kotlin hay 2 tipos de variables, las variables “de verdad” que se definen con var, ej. var diasMes: Int y cuyo valor se puede modificar tantas veces como queramos a lo largo de la ejecución del programa y con val las variables de asignación única val dni: String a las que solo se les puede asignar un único valor y a partir de ese momento actúan como variables de solo lectura y no se pueden modificar, vamos como si fuesen constantes.

Variables en Kotlin var o val

La decisión de usar var o val depende del uso que queramos darle, pero resumiendo podríamos decir que si es para almacenar una constante debemos usar val y lo mismo si es un dato que queramos garantizar que no se modifique, y para el resto nos quedamos con var.

Definir los tipos de las variables ...
9 Nov 2017

Limitar el número de decimales de un double o un float en Java

Cuando trabajamos en Java con números decimales (double, float y BigDecimal) y hacemos operaciones con ellos el resultado puede que tenga una cantidad de decimales mayor de la esperada y que queramos limirtarlos ya sea simplemente para representarlos o para guardarlos y trabajar con ellos, dependiendo del objetivo podemos usar unas u otras formas para controlar la cantidad de decimales y formatearlos adecuadamente.

Limitar el número de decimales con DecimalFormat

Usando DecimalFormat podemos obtener los números con decimales con el formato que deseemos, en el siguiente ejemplo tenemos 2 patrones distintos para formatear un double por ejemplo con solo 2 decimales, en el primero fijamos que siempre tenga los dos decimales aunque el número tenga menos decimales en cuyo caso rellenará con 0s y en el otro también va a tener como maximo 2 decimales pero si el número a formatear tiene menos no le hace nada.

float numero1 = ...
2 Nov 2017

Imágenes responsive con HTML y CSS

reset css

Las imágenes y el diseño web responsive parece que no se llevan muy bien, porque encajar elementos con tamaños fijos en otros con tamaños relativos no siempre es sencillo, pero por suerte tenemos varias posibles soluciones para las imágenes.

Hay dos formas distintas de afrontar el problema, que la imagen tenga un tamaño relativo en lugar de uno fijo y así se adaptará a los diferentes tamaños de pantalla o bien tener distintas versiones de las imágenes para los distintos tamaños posibles.

Como suele ser habitual dependerá de cada caso concreto cual es la mejor solución. Por ejemplo en una página en la que tengamos 20 imágenes de alta resolución sería conveniente tener diferentes versiones de las imágenes para que el tiempo de carga sea más rápido en dispositivos en los que no vamos a poder aprovechar tanta resolución y que ...

26 Oct 2017

Reset CSS o como normalizar los estilos en CSS

reset css

Cada navegador tiene una hoja de estilos base distinta, aunque las diferencias no son muy grandes pueden hacer que lo que en un navegador se visualice correctamente en otro no o simplemente que se vea distinto.

Una forma simple de ver las diferencias es probar un código HTML sin aplicarle estilos en diferentes navegadores para ver como hay elementos que tienen estilos predefinidos (pero no estándar) como por ejemplo los enlaces o las listas, pero no es solo eso los elementos pueden tener márgenes o altos de línea distintos. Y por este motivo surge la necesidad de resetear los estilos para poder comenzar los diseños sin interferencias.

La idea del CSS reset es quitar los estilos a todos los elementos para que se comporten igual en todos los navegadores, en realidad tampoco se llega hasta el punto de quitar todos los estilos sino ...