viernes, 31 de mayo de 2019

Curso desde cero de JavaScript Capítulo 3 - Operadores I y cómo concatenar

Curso desde cero de JavaScript Capítulo 3 - Operadores I y cómo concatenar

JavaScript operadores básicos

Los operadores sirven para realizar acciones y cálculos en JavaScript (y en todo lenguaje de programación). Es importante aprenderlos, ya que todo script que crees los va a utilizar.



En esta primera parte de los operadores de JavaScript, veremos los operadores básicos y como siempre, con ejemplos prácticos.

Operadores básicos en JavaScript

Operador
Descripción
+ Suma
- Resta
* Multiplicación
/ División

Ejemplos prácticos de los operadores básicos en JavaScript

Vamos con algo muy sencillo, una suma de dos números:




<script>
  
 alert(115+137);
  
<script> 

Resultado
alert javascript


Puedes sumar, restar, multiplicar, etc. cuantos números quieras, en este caso estoy restando 4 números.



<script>
  
 alert(16-9-3-1);
  
<script> 


Resultado
restar números javascript

Si añado paréntesis puedo cambiar el orden de la operación como en matemáticas.
En esta operación se resta primero 9-3-1 = 5 y por último, el resultado del paréntesis se le resta al número de fuera de el 5-16 = 11.




<script>
  
 alert(16-(9-3-1));
  
<script> 

Resultado
resta con paréntesis

Multiplicación:

<script>
  
 alert(20*20);
  
<script> 

Resultado

multiplicación javascript

Y por último la división:

<script>
  
 alert(78/2);
  
<script> 

Resultado
división javascript

Antes de terminar, tengo que añadir que el operador "+" se utiliza también para concatenar a parte de para sumar. Concatenar es unir dos o más trozos de código.




En el siguiente ejemplo he creado una variable que almacena el resultado de 7*7.
En el alert he concatenado varios strings (cadenas de texto) con la variable "multiplicacion".
No te preocupes si no entiendes porqué se escribe así, lo veremos en capítulos posteriores. Lo importante es que entiendas lo que es concatenar.

<script>
  
var multiplicacion=7*7;
  
alert("Si multiplicas " + "7*7" + " Te da " + multiplicacion + ".");
 
</script>

Resultado

concatenar en JavaScript

Condicionales en Java III - El condicional switch - Cómo crear una calculadora

Condicionales en Java III - El condicional switch - Cómo crear una calculadora

Java condicional switch
Para acabar por el momento con los condicionales en Java, nos queda por ver el condicional switch, aunque seguiremos viendo más ejemplos prácticos en el futuro. 
El condicional switch permite evaluar cuantas condiciones quiera el programador.
El condicional if evalúa si una condición es true (verdadera) o false (falsa), el switch en cambio, te permite crear opciones y solo la que se cumpla se ejecutará.

Para explicarlo de una forma práctica y más sencilla de entender, he programado una simple calculadora capaz de sumar, restar, multiplicar y dividir con decimales.

Ejemplos prácticos con el condicional switch. Creando una calculadora.

Como crear una calculadora en Java

Para este ejemplo he utilizado la clase Scanner del paquete java.util (java.util.Scanner) y la clase JOptionPane del paquete javax.swing (javax.swing.JOptionPane).


Ya vimos el funcionamiento de la clase Scanner. Esta clase se utiliza como método de entrada de datos por parte del usuario.

Lo primero de todo es un println con varios saltos de línea. Los saltos de línea se hacen introduciendo en la cadena de texto: "\n".

Después he puesto una variable "operacion" que almacena el valor introducido por el usuario, que posteriormente se utilizará en el switch.

En el switch le he puesto como parámetro la variable "operacion", que contiene el valor introducido por el usuario, para seleccionar si quiere sumar, restar, multiplicar o dividir.
case 1 se ejecutará con el valor 1, es decir, si el usuario ha introducido el número 1 en la consola, se cargará el código del case 1.


Es importante que pongas el break; al final de cada case, porque si no, se ejecutaría todo el código seguido independientemente de la opción escogida por el usuario, con break;, se rompe la ejecución del switch y el programa continúa fuera de este.

Dentro de cada case he creado dos variables float (para que admita decimales) y una variable más que almacene el valor de estas dos con su correspondiente operación aritmética "sumatotal" o "restatotal", etc. 
Además de esto, la variable "operacion" que utiliza el switch es de tipo int, por eso he tenido que transformar a tipo float con Float.parseFloat, para que la calculadora pueda tener números decimales.


Por último, he escrito un default (es opcional) por si el usuario se equivoca e introduce cualquier número que no sea el número 1, 2, 3 o 4 en la consola, así devuelve un error personalizado.

import java.util.Scanner;
import javax.swing.JOptionPane;
public class calculadora_switch {

 public static void main(String[] args) {
  
   Scanner introduce=new Scanner(System.in);
   
   System.out.println("Elige una opción: \n1: Sumar \n2: Restar \n3: Multiplicar \n4: Dividir");
   
   int operacion=introduce.nextInt();
   
   switch (operacion) {
      
      case 1: //Sumar
       
       float suma1=Float.parseFloat(JOptionPane.showInputDialog("Introduce el primer número a sumar"));
       
       float suma2=Float.parseFloat(JOptionPane.showInputDialog("Introduce el segundo número a sumar"));
       
       float sumatotal=suma1+suma2;
       
        System.out.println("La suma de " + suma1 + " + " + suma2 + " es igual a: " + sumatotal);
        
        break;
        
      case 2: //Restar
       
       float resta1=Float.parseFloat(JOptionPane.showInputDialog("Introduce el primer número a restar"));
       
       float resta2=Float.parseFloat(JOptionPane.showInputDialog("Introduce el segundo número a restar"));
       
       float restatotal=resta1-resta2;
       
        System.out.println("La resta de " + resta1 + " - " + resta2 + " es igual a: " + restatotal);
        
        break; 
        
      case 3: //Multiplicar
       
       float multiplicacion1=Float.parseFloat(JOptionPane.showInputDialog("Introduce el primer número a multiplicar"));
       
       float multiplicacion2=Float.parseFloat(JOptionPane.showInputDialog("Introduce el segundo número a multiplicar"));
       
       float multiplicaciontotal=multiplicacion1*multiplicacion2;
       
        System.out.println("La multiplicación de " + multiplicacion1 + " * " + multiplicacion2 + " es igual a: " + multiplicaciontotal);
        
        break;    
      
      case 4: //Dividir
       
       float division1=Float.parseFloat(JOptionPane.showInputDialog("Introduce el primer número a dividir"));
       
       float division2=Float.parseFloat(JOptionPane.showInputDialog("Introduce el segundo número a dividir"));
       
       float divisiontotal=division1/division2;
       
        System.out.println("La división de " + division1 + " entre " + division2 + " es igual a: " + divisiontotal);
        
        break; 
        
      default:
    
    System.out.println("La opción no es correcta, debes seleccionar un número del 1 al 4");  
   
   } 
  
 }

}

Resultado

Para que veas como funciona, voy a hacer una suma con esta calculadora:
Elijo la opción 1, sumar.
calculadora java

El programa me pide el primer número:

calculadora java

Me pide el segundo:
calculadora java

Finalmente, el resultado de la operación. 
Fíjate en el uno azul, ese es el número que he introducido para seleccionar la opción de suma.

calculadora java
No voy a poner las otras 3 operaciones, porque así ya os hacéis una idea. Os recomiendo que probéis la calculadora e intentéis mejorarla con lo que veremos en futuros tutoriales.

Por último, podemos ver como al introducir una opción fuera de rango como el 7, aparece el mensaje del default del switch.


java switch default

jueves, 30 de mayo de 2019

Condicionales en Java II - El condicional if - else if - Puntuación en un juego

Condicionales en Java II - El condicional if - else if - Puntuación en un juego

Java condicional if else if
En el anterior capítulo de Java vimos el funcionamiento del condicional if con el else.
En este vamos a ver un ejemplo práctico con else if para poder evaluar varias condiciones, no solo dos.

Ejemplos prácticos con el condicional if else if

Puntuación más alta

Este es un código para evaluar una puntuación en un juego.
Fíjate como se declara la variable "puntuacion" sin inicializar, ya que esto, deberá ser un parámetro externo al código, es decir, otro fragmento de código, deberá indicar a la variable la puntuación que se ha realizado en el juego (esto es un poco más complicado para el punto del curso en el que estamos, lo iremos viendo).

El código tiene un if que dice, que si el valor de la variable "puntuacion" es inferior a 1000 le da un mensaje, si es inferior a 35000 le da otro, si es inferior a 75000 le da otro y si es 75000 en adelante (75000 incluido), le da un cuarto mensaje, así de sencillo. 

public class puntuacion_juego {

 public static void main(String[] args) {
 
        int puntuacion;

        if(puntuacion<1000) {
  
        System.out.print("Debes aprender a jugar mejor, solo tienes " + puntuacion + " puntos.");

        }
  
        else if(puntuacion<35000) {

        System.out.print("No está mal, has sacado " + puntuacion + " puntos.");

        }
        
        else if(puntuacion<75000) {

         System.out.print("Eres un pro, has sacado " + puntuacion + " puntos.");

         }
        
        else {
         
         System.out.print("¡GENIO! ¿No serás un robot?");
         
        }
        
      }

}

Ejemplos de puntuaciones en el juego

Imagina que en el juego, te tocan estas puntuaciones y se almacenan en "puntuacion".

int puntuacion=900;

Resultado
Debes aprender a jugar mejor, solo tienes 900 puntos.

int puntuacion=1587;

Resultado

No está mal, has sacado 1587 puntos.

int puntuacion=45960;

Resultado

int puntuacion=800459;

Resultado
¡GENIO! ¿No serás un robot?
Como puedes ver, el funcionamiento del condicional if es sencillo y permite hacer muchas cosas, si no lo acabas de entender, te recomiendo volver a leer el capítulo anterior y este y que mires el código con detenimiento, una vez lo comprendas verás lo fácil que es.
Si tienes alguna duda o no te queda claro, deja un comentario, estoy para ayudarte.
Aún hay que aprender más cosas para poder hacer funcionar un juego en Java, pero por el momento, está bien, no tengas prisa, Java es un lenguaje complejo que hay que entender con calma.

Curso desde cero de JavaScript Capítulo 2 - Variables

Curso desde cero de JavaScript Capítulo 2 - Variables

JavaScript Ubicación etiqueta <script>

Las variables son muy importantes en todo lenguaje de programación. Permiten hacer nuestros programas dinámicos.



Una variable puede tener 3 tipos de datos básicos:

-Números.
-Strings (cadenas de texto).
-Booleans (true, false).

Reglas de las variables en JavaScript

-Son case sensitive (distinguen entre mayúsculas y minúsculas).
-No pueden ser palabras reservadas de JavaScript (míralas aquí).
-Tienen que empezar por una letra, símbolo "$" o "_".
-Tienen que contener solo letras, números, el símbolo "$" y el símbolo "_".




Además de estas reglas, te recomendaría que los nombres de tus variables sean descriptivos, así te será más fácil en el futuro editar tu programa o que otros lo hagan.

Veamos unos ejemplos, que es como mejor se aprende.

Sintaxis de las variables en JavaScript

Variable declarada sin iniciar:

  var nombreVariable;

Variable declarada iniciada:

  var nombreVariable=480;

Declaración de varias variables en la misma línea sin declarar:

  var nombre,apellidos,edad;

Declaración de varias variables en la misma línea sin declarar:

  var nombre="Jaime", apellidos="Gomila Molina", edad=18;

Ejemplo práctico de variables en JavaScript

En este ejemplo, empiezo declarando la variable nombre sin darle valor, se lo doy en la siguiente línea.



Después declaro dos variables más en una misma línea, apellidos y edad.
Les doy valor en otras dos líneas.
Finalmente he escrito un alert para que me muestre el resultado en el navegador. Simplemente se trata de texto (cadenas de texto) concatenado con el símbolo más con las variables.
Por si no sabes que es concatenar, te lo explico. Concatenar es unir dos o más trozos de código, en JavaScript se hace con el símbolo +.

<script>
  
 var nombre;
  
 nombre="Julia";
  
 var apellidos,edad;
  
 apellidos="Alonso Blanco";
  
 edad=29;
  
 alert("Mi nombre es: " + nombre + " " + apellidos + " y tengo " + edad + " años." );
 
</script>

Resultado
Alert JavaScript

Curso desde cero de JavaScript Capítulo 2.1 - Palabras reservadas de JavaScript

Curso desde cero de JavaScript Capítulo 2.1 - Palabras reservadas de JavaScript

JavaScript  palabras reservadas
JavaScript, como todo lenguaje de programación, tiene palabras reservadas.
No tienes porqué sabértelas de memoria, solo tenlas a mano por si las necesitas.
Una de las curiosas características de las especificaciones de ECMAScript es que define como palabras reservadas que no tienen uso en la especificación, pero que se reservan para usos futuros.

Las siguientes son palabras reservadas y no pueden ser utilizadas como variables, funciones, métodos o identificadores de objetos. Las siguientes son reservadas como palabras claves existentes por la especificación ECMAScript:

break extends switch
case finally this
class for throw
catch function try
const if typeof
continue import var
debugger in void
default instanceof while
delete let with
do new yield
else return
export super

La siguiente palabra está reservada como palabra futura por la especificación ECMAScript:

enum

Las siguientes estan reservadas como palabras futuras cuando se encuentre el modo correcto para su estructura de código:

implements static public
package interface
protected private

Para terminar, tenemos unas cuantas palabras reservadas publicadas en versiones anteriores de ECMAScript que finalmente no salieron a la luz. Aunque ya no son parte del estándar, deberías tener cuidado con su uso por si las implementan finalmente en el lenguaje:

abstract float synchronized
boolean goto transient
byte int volatile
char long
double native
final short

miércoles, 29 de mayo de 2019

Curso desde cero de JavaScript Capítulo 1 - Ubicación del código

Curso desde cero de JavaScript Capítulo 1 - Ubicación del código

JavaScript Ubicación etiqueta <script>


Voy a empezar este curso en JavaScript desde cero para aquellos que no tengan ningún tipo de conocimientos en él. Los que ya sepáis algo, esperar un poco a que salgan unos cuantos tutoriales básicos para ir viendo cosas más avanzadas.



Debes saber que para hacer este curso, debes tener conocimientos en HTML (no hace falta ser un experto) y convendría que también tuvieras de CSS.
El código de JavaScript lo deberás escribir en una página .html o en una página .js de JavaScript.
Si escribes código de JS en una página HTML, deberás etiquetarlo con la etiqueta <script></script>.

Sintaxis de JavaScript - Dónde se pone la etiqueta <script>

En la primera etiqueta <script>, <script src="hola_mundo.js"></script> estoy enlazando a una página externa al documento (más abajo, en el segundo ejemplo tienes el código que va en dicha página), de forma similar a como se enlazaría una página externa CSS.

En el segundo script tengo un sencillo alert en el <head> que lo que hace es mostrar una ventanita en el navegador con el mensaje "¡Hola mundo!".
En el <body> tengo el mismo código.




Con los tres ejemplos, se ejecuta en el navegador exactamente lo mismo. Estos son los 3 sitios donde puedes colocar el código.

No obstante, hay una diferencia entre poner código JS en el <head> o en el <body>. Si pones el código en el <head>, ya sea con una página externa o directamente, dicho código se ejecutará antes de que cargue el contenido de la página que va a ver el usuario, el <body>. Si pones el código en el <body>, se cargará primero todo lo que haya por delante de la etiqueta <script>.

No te preocupes si no entiendes esto todavía, a medida que avances en el curso lo verás claro.



Sintaxis de JavaScript en una Página HTML 

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Capítulo 1 - JavaScript en TheHittosLab</title>
 
 <script src="hola_mundo.js"></script>
 
 <script>
 
  alert("¡Hola mundo!");
 
 </script>
 
</head>

<body>
 
 <script>
 
  alert("¡Hola mundo!");
 
 </script>
 
</body>
</html>

Sintaxis de JavaScript en una Página externa

En una página externa sería tan fácil como escribir esto sin más.




alert("¡Hola mundo!");

Resultado 
Hola mundo Javascript alert
Dependiendo del navegador que uses, los alerts saldrán de una manera u otra.

martes, 28 de mayo de 2019

Cómo instalar Windows 10 con HDD y SDD [Rápido y fácil]

Cómo instalar Windows 10 con HDD y SDD

Windows 10 instalar en SSD y HDD

En este tutorial aprenderás a mover el directorio por defecto de la carpeta Users de Windows 10.
A estas alturas, Windows 10 ya debería tener un sistema fácil, rápido y cómodo para poder desde el propio instalador de Windows seleccionar donde se va a almacenar la carpeta, pero de momento no ha hecho nada para hacerlo.

Cuando instalas Windows 10 con dos o más discos duros y tienes un SSD, tienes el problema de que los SSD son más pequeños y que no conviene llenarlos de archivos de texto, imágenes, etc.
Hay que aprovechar la velocidad de un SSD para tener el él instalado el sistema operativo y los programas, de modo que se ejecuten muy rápido.
Los HDD hay que dejarlos para los archivos de los usuarios.

Vamos a ver como hacer esto. La primera vez que lo hagas te puede resultar un poco difícil, pero después de hacerlo, lo harás siempre sin problemas.
Si no sabes o no recuerdas muy bien como instalar Windows 10 aquí tienes un tutorial que hice hace algún tiempo:

Cómo instalar Windows 10 Parte 1

Cómo instalar Windows 10 Parte 2

Cómo instalar Windows 10 Parte 3

Debes hacer la instalación normal hasta que llegues a la parte de configuración de Windows una vez se ha instalado.
Ahora, llegado a este punto, no continúes, solo presiona las teclas CTRL+SHIFT+F3 para iniciar sesión como administrador.
Configuración región Windows 10

Espera a que se cargue Windows. Ahora te saldrá una ventanita (System Preparation Tool), ciérrala.
Sysprep Windows System Preparation Tool
El siguiente paso es crear un archivo de respuesta desatendida XML (no te asustes, es copiar y pegar).

relocate.xml

<? xml version = "1.0" encoding = "utf-8"?>
<unattend xmlns = "urn: schemas-microsoft-com: unattend">
<settings pass = "oobeSystem">
<component name = "Microsoft-Windows-Shell-Setup" processorArchitecture = "amd64" publicKeyToken = "31bf3856ad364e35" language = "neutral" versionScope = "nonSxS" xmlns: wcm = " http://schemas.microsoft.com/WMIConfig/ 2002 / Estado "xmlns: xsi =" http://www.w3.org/2001/XMLSchema-instance ">
<FolderLocations>
<ProfilesDirectory> D: \ Users </ProfilesDirectory>
</FolderLocations>
</component>
</settings>
</unattend>

Fíjate solo en las partes rojas del código. Si tu procesador es de 64 bits (y la instalación de Windows 10 también) no tienes que cambiar nada en processorArchitecture = "amd64".
Si es de 32 bits deberás cambiar "amd64" por "x86".
Si la ruta de tu disco HDD es la unidad D:\ no cambies nada en <ProfilesDirectory>D:\Users </ProfilesDirectory>.
Si es una letra de unidad diferente, cámbiasela. Por ejemplo, si está en la E\, debería quedar así: <ProfilesDirectory>E:\Users </ProfilesDirectory>.

Abre un bloc de notas y copias y pegas el código anterior:
relocate.xml

Este bloc de notas lo debes guardar en el disco donde quieras que se mueva la carpeta de usuarios de Windows. En mi caso, el disco es el D:\ (el disco HDD).
relocate.xml
Ya casi has terminado. Abre el símbolo del sistema (la consola de Windows cmd.exe) y asegúrate de que el servicio de uso compartido de red de WMP está parado (en muchas instalaciones que he realizado ya, nunca lo he visto activado durante este proceso). Para hacer esto y también mover por fin la carpeta de usuarios, introduce los siguientes comandos:


Consola de Windows

net stop wmpnetworksvc
%windir%\system32\sysprep\sysprep.exe /oobe /reboot /unattend:d:\relocate.xml

Así es como debería salirte la consola:
oobe Windows 10 desatendida
Haga click en la imagen para ampliarla
Al cabo de unos instantes, te aparecerá esta pequeña ventana:
Sysprep fase de limpieza
Déjala trabajar y cuando acabe, reiniciará tu equipo.
Ya puedes terminar de configurar Windows con normalidad y crear tu usuario. Una vez termines, ya tendrás en la ruta que especificaste la carpeta de usuarios de Windows.

Windows 10 users
Cualquier duda o problema, déjame un comentario e intentaré solucionártelo.