jueves, 23 de mayo de 2019

Tipos de datos en Java - Tipos primitivos - Números enteros

Tipos de datos en Java I - Tipos primitivos - Números enteros

Java logo

Hasta ahora, en los dos temas anteriores sobre las variables en Java, habíamos visto el tipo de datos int y String, en este tema vamos a ver los tipos de datos en Java.

Tenemos en Java dos tipos de datos, los primitivos (byte, short, int, long, float, double, char y boolean) y los no primitivos como las clases, matrices y cadenas.

Tipos de datos primitivos

Tipo de dato
Tamaño (bytes)
Descripción
byte 1 byte Almacena números enteros desde -128 hasta 127
short 2 bytes Almacena números enteros desde -32.768 hasta 32.767
int 4 bytes Almacena números enteros desde -2.147.483.648 hasta 2.147.483.647
long 8 bytes Almacena números enteros desde -9.223.372.036.854.775.808 hasta 9.223.372.036.854.775.807
float 4 bytes Almacena números con coma flotante ± 3.4x10-38 a ± 3.4x1038
double 8 bytes Almacena números con coma flotante ± 1.8x10-308 a ± 1.8x10308
char 2 bytes Almacena un solo caracter / letra o valores ASCII
boolean 1 bit Almacena valores true o false (verdadero o falso)

Como puedes ver en esta tabla, en los tipos de datos primitivos hay 4 tipos de datos de números enteros (byteshortint y long) y dos de coma flotante (float y double).
Estos datos se almacenan en la memoria RAM, por lo que los bytes de la tabla son el espacio que va a reservarse cada vez que utilices un determinado tipo de dato.
Si quieres almacenar el número 10 en un short, puedes hacer, también en un int, en un long...

No obstante, como programador/a deberás saber utilizar el que más se acerque a tus necesidades. Por ejemplo, para almacenar en una variable una edad, te basta con byte, no necesitas un short, ya que una persona no suele vivir más de 127 años.
Bien, con estos datos, depende de tí optimizar las aplicaciones que crees al máximo utilizando los tipos de datos adecuados.

Ejemplos de tipos datos primitivos

byte

byte num1=15;
System.out.print(num1);
Resultado
byte java

short

short num1=15;
System.out.print(num1);
Resultado
short Java
Si te fijas, no hay diferencia en el resultado si utilizas un tipo de dato u otro, lo que utilizando short estarás utilizando más memoria RAM.

Un uso más adecuado para short es este:
short num1=15000;
System.out.print(num1);
Resultado
short Java

int


int num1=1500000000;
System.out.print(num1);
Resultado
int java

long


long num1=1500000000000000000L;
System.out.print(num1);
Resultado
long java

Fíjate que el tipo long debe ir con una L mayúscula al final del número.
En la segunda parte de este tema seguiremos viendo más tipos de datos en Java.

Variables en Java II - String [Sintaxis - Ejemplos prácticos - Ejercicios]

Variables en Java II - String

Java logo

Estuvimos viendo diferentes tipos de variables en la primera parte de variables en Java. En concreto, el tipo de variable int.
Hoy vamos a ver el tipo de variable String. Recuerda que sirve para almacenar texto.

Sintaxis de String en Java

String sintaxis="";
Fácil, ¿verdad? ahora solo tienes que escribir el texto que quieras almacenar.
String sintaxis;
sintaxis="";
Recuerda, que al igual que otros tipos de variables, se puede declarar sin iniciar la variable e iniciarla en otra línea.


Ejemplos prácticos de String
String tema="Estamos viendo las variables en The Hittos Lab.";
System.out.print(tema);

Resultado
Java String

Ahora vamos a ver otro ejemplo, que es con lo que se aprende más fácilmente.
En este ejemplo puedes ver como funciona realmente el flujo de ejecución de Java y las variables.
String tema="Estamos viendo las variables en The Hittos Lab.";
tema="Este es un String en Java.";
System.out.print(tema);

Resultado
Objeto String Java
Por un lado, he declarado la variable "tema" dándole un valor (Estamos viendo las variables en The Hittos Lab.).
En la segunda línea he vuelto a declarar de nuevo la variable "tema" con otro valor distinto (Este es un String en Java.) .


¿Por qué se imprime solo la última línea en pantalla?
Esto se debe al flujo de ejecución, el código se ejecuta de arriba a abajo.
Las variables solo pueden tener un valor a la vez, si declaras un valor diferente en una variable, el anterior se sobrescribe.

Ejercicios

1-Crea dos variables String e imprímelas en pantalla.

2-Escribe una variable que contenga tu edad y otra que contenga tu nombre.

miércoles, 22 de mayo de 2019

Encabezados HTML [Sintaxis y ejemplos]

Encabezados HTML

HTML 5 logo

En HTML tenemos 6 encabezados, del <h1> al <h6>.
El encabezado <h1> define el título más importante de una página web, como podría ser el título de este artículo, por lo tanto, el encabezado <h6> el menos importante.

Tipos de encabezados HTML

Encabezado <h1>.

Encabezado <h2>.

Encabezado <h3>.

Encabezado <h4>.

Encabezado <h5>.
Encabezado <h6>.

Vamos a ver una página web de ejemplo para que te quede más claro el uso de estos encabezados.


Ejemplo de encabezados HTML
<body>
 
 <h1>Título de la página.</h1>
 <h2>Subtítulo.</h2>
 <h3>Este título es menor que el subtítulo.</h3>
 <h4>Texto aún más pequeño.</h4>
 <h5>¿Puede ser más pequeño el texto?</h5>
 <h6>Casi no me ves, pero aquí estoy.</h6>
 
</body>

Recuerda, los encabezados HTML siempre van dentro de las etiquetas <body></body>, si no no te va a funcionar.

Ejecutemos el resultado de esta página de ejemplo.

Resultado del ejemplo
Cabeceras HTML
Y recuerda, en HTML etiqueta que se abre, etiqueta que se cierra.

Ejercicio práctico

Crea una página en la que utilices junto con párrafos (etiqueta <p>) los encabezados <h1>, <h2> y <h3>. El uso del resto de encabezados es opcional. 

martes, 21 de mayo de 2019

Variables en Java con ejemplos [Sintaxis y explicación]

Variables en Java I

Java logo

Las variables son contenedores de información.
Tenemos diferentes tipos de variables para diferentes tipos de datos.

Tipos de variables de Java

int: almacena números enteros (integers)  sin decimales, por ejemplo 1000 o -1000.
float: almacena números de coma flotante. Son números con decimales como por ejemplo 15.95 o -15.95.
double: puede almacenar números muy grandes.
String: almacena texto.
boolean: almacena valores en dos estados, verdadero o falso (true or false).

Hay muchos tipos de variables más, pero de momento a nivel de introducción está bien que vayas conociendo unos cuantos. Más adelante escribiré sobre ellos en profundidad.

Crear y declarar variables en Java

Podemos crear variables de dos formas en Java:

Crear una variable sin asignarle un valor


int numero;
numero=1;

Con esto se ha creado la variable "numero", pero no tiene ningún valor en su interior, por lo que hay que escribir la segunda línea para darle un valor.

Crear una variable asignándole un valor

int numero=1;

Como llamar a una variable e imprimirla en pantalla


int numero=1;
System.out.print(numero);

Resultado en la consola


El resultado de la consola es 1 como puedes haber deducido, tanto en el primer ejemplo como en el segundo.

En los próximos post que publique, vas a ver más sobre las variables en Java. Con más ejemplos prácticos y ejercicios.

Ejercicios

1-Crea dos variables de tipo integer(int) una llamada num1 con un valor de 10 y una segunda llamada num2 con un valor de 15. Asígnale el valor en su declaración.

2-Crea una variable de tipo integer(int) y dale un valor en una segunda línea.

3-Crea una variable de tipo integer(int) y muestra su valor en la consola.

Comentarios en Java con ejemplos [Sintaxis y explicación]

Comentarios en Java

Java logo

Los comentarios en Java como en todos o la mayoría de lenguajes de programación, se utilizan para explicar partes de código para que sea más sencilla su comprensión. Ya sea cuando mires tu propio código en el futuro o para que otros programadores lo lean y les sea más fácil leer y entender tu código.


Además, son muy útiles cuando quieres anular parte del código pero sin borrarlo. Ten en cuenta, que todo el código que esté comentado, no se ejecutará.

Sintaxis de los comentarios en Java

Comentario de una sola línea.
//Este es un comentario de una línea.
System.out.print("Hola Mundo");//Este también es de una línea.
Tenemos estos dos posibles casos. En el segundo caso, donde el comentario se encuentra detrás del System.out.print(), no afecta a su ejecución.
Este es el resultado obtenido en la consola:
hola mundo en Java
Fíjate como ha ignorado los dos comentarios, pero eso no ha afectado al resto del código.



Comentario multilínea o de varias líneas.

/*Este es un comentario multilínea.
System.out.print("Hola Mundo");*/
En este ejemplo, puedes ver que el mismo comentario puede cubrir diversas líneas. Esto es muy útil a la hora de invalidar grandes trozos de código, para no ir línea por línea.

/*Este es un comentario multilínea. Primera línea...
y segunda línea.*/
System.out.print("Hola Mundo");

Y como puedes comprobar, el resultado que ofrece la consola es el mismo que en el primer ejemplo:
hola mundo en Java
Y eso es todo, cualquier duda, pregunta en los comentarios y recuerda que siempre es bueno hacer pruebas con el código para practicar y evitar futuros problemas.


Ejercicios

1-Crea un comentario de una sola línea.

2-Crea un comentario multilínea de 5 líneas.

viernes, 17 de mayo de 2019

Manual BASH Scripting para principiantes - Hola mundo - Capítulo 1

Manual BASH scripting para principiantes - Hola mundo - Capítulo 1

Consola Linux

Bienvenidos a un interesante manual para aprender desde 0 a programar scripts en Bash, si ya sabes trabajar con scripts en UNIX puede que este tutorial te sirva para refrescarte la memoria, pero no es el más indicado para expertos. Más adelante tengo pensado hacer un manual avanzado.


Hola mundo en BASH.

Como es de costumbre en este tipo de tutoriales, voy a poner el típico hola mundo de ejemplo para iniciar el curso.


#!/bin/bash
# Mi primer script en BASH
# echo "hola mundo." 

¿Qué tenemos aquí?
Bien, primero de todo quiero aclarar que el símbolo # se utiliza para poner comentarios.
# Mi primer script en BASH no ejecuta nada, solo es un comentario para que tú como programador u otros lo lean y puedan tener cierta orientación en partes del código. Son simplemente anotaciones que no son interpretadas.

#!/bin/bash es la excepción, esta primera línea debe estar en tus scripts para hacer la llamada al shell que vas a utilizar, en este caso es BASH.

echo "Hola mundo." imprimirá en pantalla Hola mundo gracias al comando echo.

Fácil, ¿no? Cualquier duda, déjame un comentario y te la aclaro.

Guarda tus scripts en archivos de texto plano.


Una vez guardado el archivo lo puedes invocar con el comando bash seguido del nombre del archivo, en mi caso hola_mundo.
Y aquí puedes ver el resultado del sencillo script.


Si quieres seguir aprendiendo no dudes en leer el siguiente capítulo de este manual.

viernes, 22 de marzo de 2019

Comentarios en PHP - Curso desde 0 de PHP/MySQL - Capítulo 3

Comentarios en PHP - Curso desde 0 de PHP/MySQL - Capítulo 3

php mysql

Algo que muchos subestiman son los comentarios en los lenguajes de programación. Si estás empezando en el mundo de la programación puedes pensar que es algo poco útil.
Vamos a ver la gran utilidad que tienen.

En este código tenemos las dos barras (//) que anulan una línea de código, en este caso el print del ejemplo.

<html>
   <head>
     <title>Comentarios en PHP</title>
   </head>
   <body>

     <?php 

      //print "Hola Mundo.";

     ?>

   </body>
</html>

Si dejamos el comentario después del ; no afecta a la línea y esta se puede ejecutar. De este modo, podemos explicar el funcionamiento de esa línea de código. Esto te ayudará a tí y a otros programadores a ver fácilmente el funcionamiento y estructura de tus códigos.

<html>
   <head>
     <title>Comentarios en PHP</title>
   </head>
   <body>

     <?php 

      print "Hola Mundo."; //Esto es un comentario en PHP.

     ?>

   </body>
</html>

Resultado:
Comentarios en PHP

Como puedes ver, el navegador ignora el comentario y no aparece en pantalla.


¿Para qué nos puede servir un comentario en programación?

Con los comentarios podemos inhabilitar partes de código en una página sin tener que borrarlas, por si más adelante las necesitamos, o porque queramos probar el funcionamiento de un solo trozo de la página.

Otro uso de los comentarios es que si haces una página con miles de líneas de código, puedes ir comentando que hace cada parte de ella, para que en un futuro te sea más fácil trabajar con tu código, o a otros programadores como expliqué un poco más arriba.

Como se escriben los comentarios multilínea en PHP 

Para finalizar el capítulo, os dejo también la sintaxis de comentarios de múltiples líneas, la sintaxis de las dos barras solo afecta a una línea.

<html>
   <head>
     <title>Comentarios en PHP</title>
   </head>
   <body>

     <?php 

      /*
      echo "Primera línea."; 
      echo "Segunda línea."; */
      echo "Tercera línea."; 

     ?>

   </body>
</html>

Resultado:
comentarios en PHP

Como puedes comprobar, al comentar el primer y segundo echo, no se muestran en el navegador, pero si el tercer echo, ya que no está comentado.

Tu primera página PHP - Curso desde 0 de PHP/MySQL - Capítulo 2

Tu primera página PHP - Curso desde 0 de PHP/MySQL - Capítulo 2

php mysql

Para este segundo tema vamos a hacer una página en PHP, muy simple. 

Por el ejemplo del tema anterior, ya sabes lo que hace, el echo, este imprime una cadena de caracteres en pantalla, ya sean letras o números.

Cómo utilizar etiquetas HTML en código PHP

En el siguiente ejemplo, he introducido etiquetas HTML dentro de un string (cadena de caracteres).

<html>
   <head>
     <title>Mi primera página en PHP</title>
   </head>
   <body>

     <?php 

         echo "<p>Hola Mundo.</p>";
 
         echo "Hola Mundo.";

     ?>

   </body>
</html>


Ambas líneas devuelven este mismo resultado:


hola mundo

El ejemplo anterior es tan simple, que se puede escribir sin necesidad de PHP, con HTML es suficiente:

<html>
   <head>
     <title>Mi primera página en PHP</title>
   </head>
   <body>

   <p>Hola Mundo.</p>

   </body>
</html>

Resultado:
hola mundo

¿Dónde se puede escribir código PHP?

Lo más común es encontrarse el código PHP entre las etiquetas <body>, no obstante, hay cosas que funcionan desde el <head>.

La función print en PHP

Para terminar el capítulo 2, os voy a enseñar otra función con la que podemos imprimir textos en pantalla y con la que podemos hacer lo mismo que echo.
<html>
   <head>
     <title>Mi primera página en PHP</title>
   </head>
   <body>

     <?php 

      print "Hola Mundo.";

     ?>

   </body>
</html>

Resultado:
hola mundo



Introducción a PHP- Curso desde 0 de PHP/MySQL - Capítulo 1

Introducción a PHP- Curso desde 0 de PHP/MySQL - Capítulo 1

php mysql

En este curso vamos a ver con todo detalle el lenguaje de programación web PHP. Voy a estar actualizándolo siempre, con nuevos ejemplos y trozos de código para que podáis desarrollar vuestros proyectos más fácilmente.

Antes de empezar a ver trozos de código y aplicaciones en PHP deberás aprender lo básico para poder entenderlo.

Cómo único requisito para seguir el curso, deberías saber HTML y algo de CSS.

¿Qué es PHP?

PHP (Hypertext Preprocessor) es un lenguaje de código abierto especializado para el desarrollo web y que además, puede ser incrustado en HTML.

Veamos un ejemplo de incrustación:


<!DOCTYPE HTML>
<html>
    <head>
        <title>Ejemplo</title>
    </head>
    <body>

        <?php
            echo "Bienvenido al curso de PHP";
        ?>

    </body>
</html>

Aquí tenemos una página HTML con el código PHP que se incrusta con las etiquetas de apertura y de cierre <?php ?>. echo nos muestra una cadena de caracteres en pantalla.

Guardar un archivo PHP

Para guardar un archivo PHP correctamente, lo haremos guardando con la extensión .php.


extensión .php

Interpretar el código PHP

Para interpretar código PHP necesitarás un navegador web y un servidor web.
Es más sencillo de lo que parece.
Puesto que estás leyendo este curso, el navegador ya lo tienes.
Para hacer un servidor web en tu propio ordenador, instala algún programa que cuente con Apache y MySQL (a esto le daremos uso más adelante).

En mi caso, para este curso, voy a utilizar:

-Dreamweaver para escribir y probar el código.
-Chrome.
-XAMPP.

Por supuesto hay muchas alternativas que puedes utilizar, es cuestión de gustos.

Descargar XAMPP

XAMPP es una distribución de Apache completamente gratuita y fácil de instalar que contiene MariaDB, PHP y Perl. El paquete de instalación de XAMPP ha sido diseñado para ser increíblemente fácil de instalar y usar:

https://www.apachefriends.org/es/index.html

Está disponible para Windows, Linux y OS X.


No voy a hacer un tutorial de como instalarlo ya que es relativamente sencillo, si necesitas ayuda, añadiré el tutorial, solo déjame un comentario.

Una vez instalado lo abrimos e iniciamos de momento el servicio Apache, (y MySQL cuando lo utilicemos).


xampp control panel

A partir de ahora, los archivos que quieras probar deberás guardarlos en la carpeta htdocs. En mi caso he creado una carpeta para tener los archivos del curso organizados. Tú puedes hacerlo como mejor te vaya, pero te recomiendo una carpeta para cada sitio web  que crees.

carpeta htdocs


He guardado el código del ejemplo dentro de mi carpeta.

archivo php

Para cargar esta página en el navegador solo hay que introducir esta URL:

curso php/mysql
Si has seguido todos los pasos hasta ahora, ya podrás interpretar tus páginas de PHP en el navegador.

Fíjate que no importan las mayúsculas y minúsculas en la URL, ya que mi carpeta THEHITTOSLAB estaba escrita en mayúsculas.

¿Qué pasa si intentamos abrir el archivo PHP directamente con el navegador si utilizar el servidor web?

Esto es lo que pasa, se interpreta como un texto plano.

¿Por qué pasa esto?

Porqué PHP es un código de programación de lado del servidor.

programación de lado del servidor

Como introducción ha sido un poco larga, pero quería dejaros claro el tema del servidor web. Has aprendido algo fundamental para programar en PHP.