jueves, 24 de octubre de 2019

Bootstrap 4 - La etiqueta kbd

  10:36 TheHittos   , , , , , , , , ,   No comments   Edit

Bootstrap 4 - La etiqueta kbd

etiqueta kbd bootstrap 4

 Utilizando la etiqueta <kbd></kbd> puedes modificar los estilos de entradas para teclado. Bootstrap 4 nos brinda un magnífico diseño.




<body>
 
  <p>Utiliza <kbd>ctrl + c</kbd> para copiar y <kbd>ctrl + v</kbd> para pegar.</p>

</body>

Resultado
kbd bootstrap 4

 Este es el estilo básico, pero con los colores de fondo de Bootstrap podemos añadir más colores:




<kbd>Sin clase</kbd>

<kbd class="bg-danger">Danger</kbd>
<kbd class="bg-dark">Dark</kbd>
<kbd class="bg-info">Info</kbd>
<kbd class="bg-light" style="color: black">Light</kbd>
<kbd class="bg-primary">Primary</kbd>
<kbd class="bg-secondary">Secondary</kbd>
<kbd class="bg-success">Success</kbd>
<kbd class="bg-transparent">Transparent</kbd>
<kbd class="bg-warning">Warning</kbd>
<kbd class="bg-white" style="color: black">White</kbd>

 Resultado
Estilos kbd Bootstrap 4

Puedes añadir más estilos como por ejemplo bordes:




<kbd class="bg-danger" style="border: medium">Danger</kbd>
<kbd class="bg-dark" style="border: thick">Dark</kbd>
<kbd class="bg-info" style="border: dotted">Info</kbd>
<kbd class="bg-primary" style="border: double">Primary</kbd>
<kbd class="bg-secondary" style="border: solid">Secondary</kbd>
<kbd class="bg-success" style="border: dashed">Success</kbd>
<kbd class="bg-transparent" style="border: groove">Transparent</kbd>
<kbd class="bg-warning" style="border: inset">Warning</kbd>

Resultado

bordes kbd Bootstrap 4



martes, 22 de octubre de 2019

Listas / Arrays en Python IV - Añadir elementos con append - Curso Python de cero a profesional - Capítulo 14

  9:36 TheHittos   , , , , , ,   No comments   Edit

Listas / Arrays en Python IV -  Insertar elementos con append

Listas en python append

En el capítulo anterior os enseñé cómo utilizar insert() para añadir elementos a las listas y especificar su posición exacta. 


Si no quieres poner la posición y simplemente quieres que se anexe en la última posición de la lista utiliza append().



Seguimos con la lista de frutas, quiero añadir plátano y manzana a la lista, para ello utilizaré append().

 
frutas = ['Fresa', 'Limón', 'Naranja']

frutas.append('Plátano')
frutas.append('Manzana')

print(frutas)

Resultado
append lista python

 Los elementos se han añadido al final de la lista como estaba previsto.



También es necesario el uso de append() cuando utilizas la posición exacta de los elementos de una lista y estos no pueden variar de posición para que el código siga funcionando.

Listas / Arrays en Python III - Añadir elementos con insert - Curso Python de cero a profesional - Capítulo 13

  9:05 TheHittos   , , , , , , ,   No comments   Edit

Listas / Arrays en Python III -  Insertar elementos con insert

Listas en python del

Seguimos con las listas de Python, esta vez veremos como añadir nuevos elementos a una lista.


He creado una pequeña lista de frutas y en ella quiero añadir 2 elementos más, sandía y melón. 



Veamos cómo se hace:

frutas = ['Fresa', 'limón', 'Naranja']

frutas.insert(3, 'sandía')
frutas.insert(0, 'melón')

print(frutas)

Resultado
Listas insert python

Explicación
En la lista frutas Fresa se encuentra en la posición 0, limón en la 1 y Naranja en la 2.
Al poner el número 3 en el insert estoy haciendo que sandía quede en la última posición de la lista y con el 0 que melón se coloque en primer lugar desplazando a Fresa a la posición número 1.


Bucles en Java III - El bucle for

  8:18 TheHittos   , , , , , ,   No comments   Edit

Bucles en Java III - El bucle for

Bucle for Java

Ya hemos visto hasta ahora dos de los tres bucles de Java. Es el turno del bucle for.
El bucle for es una estructura lógica que permite ejecutar el código de su interior repetidas veces siempre en cuanto se cumpla una condición booleana (true/false).

Sintaxis del bucle for en Java

for (declaración 1; declaración 2; declaración 3) {
   
     // Código del bucle.
   
}

 La declaración 1 establece la condición del bucle con un valor.

 La declaración 2 estable un segundo valor de la condición del bucle.

 La declaración 3 establece el incremento del bucle.

Ejemplos prácticos con el bucle for de Java

for (int i=0; i<7; i++) {
   
     System.out.println("El valor de la variable i es: " + i);
   
}

 Resultado
Bucle for Java
Explicación

 En la primera declaración he creado la variable i (puedes llamarla como quieras en tus bucles) de tipo int. Le he dado un valor inicial de 0.

 En la segunda declaración le he dicho que mientras i sea menor que 7 se ejecute el código del bucle.

 En la tercera declaración, le he dicho que i va a incrementar de uno en uno su valor cada vez que el bucle for sea ejecutado. De este modo, el código de su interior es ejecutado un total de 7 veces.

Veamos otro ejemplo un pelín más complicado.

 
int i;
  
for (i=14; i>=7; i--) {
   
     System.out.println("El valor de la variable i es: " + i);
   
}

 Resultado



Explicación

En este segundo ejemplo he declarado la variable fuera del bucle for para que sepas que también puedes utilizar variables externas al bucle. He iniciado dicha variable dentro del bucle (i=14;).
Esta vez la condición del bucle es que se ejecute mientras el valor de i sea mayor o igual a 7 (i<=7;) por lo que cuando valga 7 también se ejecutará.

En la última declaración del bucle le he dicho que me decremente el valor de de i (i--).

 Para terminar veamos un tercer y último ejemplo:

 
int i;
  
for (i=0; i<=20; i+=5) {
   
     System.out.println("El valor de la variable i es: " + i);
    
}
Resultado

Explicación

El valor de i se incrementa de cinco en cinco.

Un último detalle, por si no te habías fijado, la tercera declaración del bucle for no tiene punto y coma, tenlo siempre en cuenta si no quieres producir errores de sintaxis.

 Como siempre, te animo a que me animes a seguir escribiendo con tus comentarios y por supuesto, a que me preguntes algo si no lo entiendes.

[Solucionado] Error 0xc000000e Windows 10, 8.1, 8 y 7

  4:12 TheHittos   , , , , ,   6 comments   Edit

Error 0xc000000e Windows 10, 8.1, 8 y 7

Windows 10


 Es posible que cuando vayas a iniciar tu PC Windows te aparezca el error 0xc000000e.
Este error, te puede aparecer de diversas formas con mensajes ligeramente distintos, pero si aparece el mismo código de error, la solución es la misma para todos.




Cómo reparar el error 0xc000000e

Para solucionarlo, deberás contar con un pendrive o un disco con el instalador de Windows.

Solución 1 al error 0xc000000e

La solución más sencilla es utilizar la reparación automática de Windows, no obstante no funciona el 100% de las veces.



1- Arranca desde el pendrive o disco el instalador de Windows.
2- Haz click en la opción Solucionar problemas.
Opciones instalación Windows 10

3- Haz click en la opción Opciones avanzadas.
Solucionar problemas Windows 10



4- Haz click en Reparación de inicio y deja que intente arreglar el problema.
Reparación de inicio Windows 10

Solución 2 al error 0xc000000e

Si lees esto, es que el reparador automático de Windows no ha podido arreglar el problema.




Esta vez deberás reparar el BCD de Windows (sector de arranque maestro).

Para reparar el BCD sigue estos pasos:

1- Arranca desde el pendrive o disco el instalador de Windows.
2- Haz click en la opción Solucionar problemas.
Opciones instalación Windows 10

3- Haz click en la opción Opciones avanzadas.

Solucionar problemas Windows 10



4- Haz click en Símbolo del sistema para ejecutar la consola de Windows.

Símbolo del sistema en instalación Windows 10


5- Deberás escribir el comando bootrec /rebuildbcd y presionar la tecla enter.

¿Te ha sido útil? ¿No te funciona? Deja un comentario y te ayudaré en todo lo posible.



lunes, 21 de octubre de 2019

Cabeceras display Bootstrap 4 - Estilos para textos

  23:46 TheHittos   , , , , , , ,   No comments   Edit

Bootstrap 4 - Estilos para cabeceras display

Display Bootstrap 4

En este capítulo veremos la clase display para hacer que las cabeceras HTML sean más grandes y con un estilo de fuente más delgado.



Este es el estilo HTML de cabecera sin Bootstrap:
h1 html

 Este es el estilo de cabecera con Bootstrap 4:
h1 header bootstrap 4



Y estos, los cuatro tipos de clase display:
Header display bootstrap 4

 
<html>
<head>
  <title>Cabeceras Display HTML</title>
  <meta charset="utf-8">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
</head>
<body>

 <h1 class="display-1">Header Display 1.</h1>
 <h1 class="display-2">Header Display 2.</h1>
 <h1 class="display-3">Header Display 3.</h1>
 <h1 class="display-4">Header Display 4.</h1>

</body>
</html>




Listas / Arrays en Python II - Eliminar elementos con Del - Curso Python de cero a profesional - Capítulo 12

  9:37 TheHittos   , , , , , , , ,   No comments   Edit

Listas / Arrays en Python II -  Eliminar elementos con Del

Listas en python del

En el capítulo anterior vimos cómo se crean las listas en Python. En este vamos a ver cómo modificar el contenido de estas listas, en concreto, voy a enseñarte a eliminar elementos.




Cuando creas programas complejos, en ocasiones necesitas que estas listas vayan cambiando constantemente.

 Veamos un ejemplo, tenemos un videojuego en el que el jugador tiene una serie de logros por conseguir. Uno de eso logros, por ejemplo, son los disparos a la cabeza, conocidos también como headshots. El primero son 100, 1000 el segundo, 5000 el tercero y 25000 el cuarto. Podría quedar así:

 
logrosHeadshot = ['100Headshot', '1000Headshot', '5000Headshot', '25000Headshot']

 A medida que el jugador vaya avanzando, se le irán sumando headshots a la variable contadorHeadshot. Cuando consiga el primer logro (100) se eliminará de la lista para evitar que cada 100 headshot que consiga el jugador, vuelva a conseguir el mismo logro. Lo que queremos es que le aparezcan cada uno de los 4 logros una única vez. Para ello, voy a eliminar de manera dinámica el primer logro.




logrosHeadshot = ['100Headshot', '1000Headshot', '5000Headshot', '25000Headshot']

contadorHeadshot = 100

if contadorHeadshot == 100:
    
    print("Logro desbloqueado - 100 Headshots")
    
    del logrosHeadshot [0]

    print(logrosHeadshot)

No te asustes con este código, aún no hemos visto el condicional if que aparece, pero es buen momento para que entres un poco en contacto con él. El condicional if ejecuta el código de su interior si su condición se cumple.

 Analicemos el código detenidamente:

 Tenemos una lista llamada logrosHeadshot con 4 logros dentro.
La variable contadorHeadshot irá guardando durante la partida los headshots hasta que su valor sea 100.
Cuando contadorHeadshot valga 100 se va a ejecutar el código del if ¿Por qué? porque la variable contadorHeadshot es igual (==) a 100.



Una vez se ejecuta el if, aparece un mensaje en la pantalla (Logro desbloqueado - 100 Headshots).

 Después del mensaje en pantalla, se ejecuta la parte del código del logrosHeadshot [0]. Con este [0] estoy llamando a la primera posición (0) de la lista (100Headshot) y con del hago que la elimine.

 Finalmente, para comprobar si se ha eliminado el logro correctamente, hago un print() que efectivamente, me muestra la lista ahora con una posición menos.

 Ahora si, el resultado:

 Resultado
Del listas Python

 Pueden ser conceptos difíciles para estar empezando y puede que no lo entiendas del todo. Lo importante, es que entiendas el funcionamiento de del, que básicamente sirve para eliminar partes de una lista. 



En esta lista se ha eliminado el elemento número [0] (100Headshot) y es en esa posición, dónde queda ahora (1000Headshot).

 Comprobémoslo.

 
del logrosHeadshot [0]

print(logrosHeadshot [0])

 Elimino con del logrosHeadshot [0] a 100Headshot y luego imprimo la posición donde estaba. En ella se ha posicionado 1000Headshot.

 Resultado
Logros videojuegos Python

Es importante que tengas en cuenta que los elementos cambian de posición, porque cuando tengas códigos extensos, puedes hacer muchos errores, por ejemplo, si más adelante tu juego o programa tuviese código que trabajase directamente con el elemento eliminado, esto daría lugar a errores.



Es mucha información de golpe, pero si superas esta barrera, estarás un poco más cerca de ser un/a profesional de Python, así que si te quedan dudas, no dudes (valga la redundancia) en preguntarme en los comentarios.

Bucles en Java II - El bucle do while

  1:51 TheHittos   , , , , , , , ,   No comments   Edit

Bucles en Java II - El bucle do while

Bucle do while Java

En el capítulo anterior expliqué el bucle while, en este veremos una variante, el bucle do while. Te recomiendo que lo leas el capítulo anterior para que entiendas mejor este: el bucle while.

Sintaxis del bucle while en Java

do {
     
//Código a ejecutar al menos una vez.

}
  
while (condición);


Todo el código que se encuentra dentro de las llaves del do es ejecutado al menos una vez. Es decir, que aunque la condición del while sea igual a false (por lo cual no se ejecutaría nada), se va a ejecutar una vez el código del do.

Veamos un ejemplo práctico:

 
public class bucleWhile {

 public static void main(String[] args) {
     
  int contador=50;
     
  while (contador<=10) {
      
   System.out.println("Esto no se va a ejecutar.");
 
  }
  
 }

}

 Este código no hace nada el while no es ejecutado.
Si has leído el capítulo anterior ya deberías saberlo. El valor de la variable contador es 50, por lo que la condición del while (menor o igual a 10) no se cumple y nunca se ejecuta el código de su interior.

Para poder ejecutar ese código al menos una vez, necesitamos el bucle do while:

 
public class bucleDoWhile {

 public static void main(String[] args) {
     
  int contador=50;
     
  do {
      
   System.out.println("Esto se ejecuta gracias al do.");

   }
  
  while (contador<=10); 

 }

}

Resultado
bucle do while java

 La condición del while sigue siendo false. No obstante, he conseguido ejecutar el println() una vez. Esta es la única diferencia que tiene el bucle do while del while.

En el siguiente capítulo veremos el último de los bucles de Java que quedan por ver. El bucle for.

domingo, 20 de octubre de 2019

Cabeceras Bootstrap 4 - Estilos para textos

  1:05 TheHittos   , , , , , , , ,   No comments   Edit

Bootstrap 4 - Estilos para cabeceras HTML

Cabeceras Bootstrap 4

Como ya sabrás, en HTML tenemos 6 tipos de headings (cabeceras) para títulos que van de <h1> a <h6>.



Bootstrap 4 lleva estilos para estas cabeceras.

 Estas son las cabeceras normales sin estilos Bootstrap:
HTML cabeceras

Estos son los estilos que trae Bootstrap 4 para las cabeceras. No necesitas poner ningún tipo de clase en tus etiquetas <h>, solo con tener la hoja de Bootstrap 4 enlazada te funcionará:




<html>
<head>
  <title>Cabeceras HTML</title>
  <meta charset="utf-8">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
</head>
<body>

  <h1>h1 Cabecera Bootstrap 40px</h1>
  <h2>h2 Cabecera Bootstrap 32px</h2>
  <h3>h3 Cabecera Bootstrap 28px</h3>
  <h4>h4 Cabecera Bootstrap 24px</h4>
  <h5>h5 Cabecera Bootstrap 20px</h5>
  <h6>h6 Cabecera Bootstrap 16px</h6>

</body>
</html>
Bootstrap 4 headings styles

Listas I - Arrays - Curso Python de cero a profesional - Capítulo 11

  0:39 TheHittos   , , , , , , , ,   No comments   Edit

Listas en Python I

Listas en python

En Python cuando hablamos de listas, estamos hablando de lo que serían para otros lenguajes de programación los arrays.




Si estás familiarizado/a con los array no tendrás ninguna dificultad en entender las listas de Python.

 
frutas = ['Fresa', 'limón', 'Naranja', 'Sandía', 'Melón', 'Kiwi', 'plátano']

print(frutas)

 Resultado
Listas en Python

 Este código imprime esta lista completa y esto no es lo que normalmente se quiere hacer cuando se trabaja con listas.



Veamos un ejemplo más práctico:

 
frutas = ['Fresa', 'limón', 'Naranja', 'Sandía', 'Melón', 'Kiwi', 'plátano']

 Las posiciones de las listas van del 0 al último número de elemento que tengas en una lista (son 7 elementos en total en esta lista).
La lista frutas tiene 6 elementos por lo que las posiciones irán del 0 (Fresa) al 6 (Plátano).




 Si imprimes en consola cada uno de los elementos de la lista por separado, puedes comprobarlo:

 
frutas = ['Fresa', 'limón', 'Naranja', 'Sandía', 'Melón', 'Kiwi', 'plátano']

print(frutas[0]) 
print(frutas[1])
print(frutas[2]) 
print(frutas[3])
print(frutas[4]) 
print(frutas[5])
print(frutas[6])

 Resultado
Arrays Python


 No importa el orden en el que invoques a estos elementos. Puedes trabajar con uno solo o con varios. 

frutas = ['Fresa', 'limón', 'Naranja', 'Sandía', 'Melón', 'Kiwi', 'plátano']

compra = "Hoy tengo que comprar " + frutas[6] + ", " + frutas[3] + " y " + frutas[0]

print(compra)

 Resultado
python list

 Podemos hacer infinidad de cosas con las listas, ahora solo queda que le pongas imaginación.
A medida que avances en el curso, irás viendo más formas de aprovechar estas listas.



¿Te quedan dudas sobre el tema? no dudes en preguntarme y por supuesto, si encuentras que debería añadir algo, comenta, por favor.
Suscribirse a: Entradas (Atom)