sábado, 29 de junio de 2019

Curso desde cero de JavaScript Capítulo 14 - Funciones

Curso desde cero de JavaScript Capítulo 14 - Funciones

JavaScript Functions

A medida que vayas haciendo progresos en tu aprendizaje con JavaScript, empezarás a usar con cada vez más frecuencia las funciones.


Las funciones son como mini programas que llevan en su interior una o varias instrucciones, Las cuales puedes llamar y ejecutar solo haciendo mención al nombre de la función.

Las funciones como podrás deducir, son muy útiles a la hora de utilizar trozos de código que se repiten con frecuencia. Con esto, escribirás códigos mejor optimizados, mucho más cortos y sencillos de entender.



Ejemplo práctico con el uso de funciones en JavaScript

Este es un ejemplo muy sencillo para utilizar funciones, se trata de una función que multiplica dos números.

La función se inicia siempre con la palabra reservada function y un nombre cualquiera, como si de una variable más se tratara, entre paréntesis se le pasan como parámetro las variables num1 y num2.

Dentro de la función tenemos el código que se ejecuta con ella, primero una variable que multiplica los dos números y segundo un document.write que muestra el resultado de la variable resultado y le concatena un salto de línea (<br>).

Finalmente, llamo a la función 3 veces con resultados distintos y en todas las llamadas se le añade el <br> tal y como se escribió en la función. Lo más interesante en este sencillo código, es que la función evita que tenga que escribir num1*num2 y un salto de línea cada vez. 

<script> 
    
function multiplicacion (num1,num2){
  
    var resultado=num1*num2;
  
    document.write(resultado + "<br>");
}
 
multiplicacion(15,10);
 
multiplicacion(5,5);
 
multiplicacion(7,4);
    
</script>



Resultado
funciones javascript

viernes, 28 de junio de 2019

Creador de botones con estilos CSS para tus webs

Creador de botones con estilos CSS para tus webs

bttn.css

BTTN.CSS

Si te dedicas al desarrollo web, estoy seguro que en algún momento desearás tener alcance de estilos de botones ya creados para incorporar a tus sitios.
bttn.css es una maravillosa y simple aplicación web con la que puedes generar botones con un par de clicks y copiar sus estilos CSS, así de sencillo.




Para que usar estos botones, solo tienes que descargar y copiarte en tu sitio el código que está en esta página:


bttn.css

Una vez lo tengas copiado, ya puedes ir añadiendo botones con su respectivo código (el código que ves en la primera imagen debajo de cada botón).

Raspberry Pi 4: la navaja suiza de los ordenadores desde solo 35 dólares

Raspberry Pi 4: la navaja suiza de los ordenadores desde solo 35 dólares

Desde hace ya unos años estamos disfrutando de la maravilla que es Raspberry Pi. Si todavía no te has comprado una, ya sea porque no sabes que hacer con ella o porque creas que no tiene potencial, no sabes lo que te estás perdiendo, más ahora con la salida de la Raspberry Pi 4.



Características técnicas de Raspberry Pi 4

Tenemos un procesador ARM Cortex-A72 de 4 núcleos a 1,5 GHz que permite la decodificación de vídeo a 4K hasta 60 FPS con una tecnología de 28nm frente a los 40 de la versión anterior.



raspberry pi 4





Contamos con 3 opciones de memoria RAM, de 1GB (35 dólares), 2 GB (45 dólares) y 4 GB (55 dólares), yo recomiendo que, siempre que puedas elijas la versión de 4 GB.

Cuenta con un puerto USB-C y dos Micro HDMI, dos USB 3.0, etc.

Además, hay que destacar que tiene Bluetooth 5.0.

Como puedes ver es una potente máquina que cabe literalmente en la palma de tu mano.

jueves, 27 de junio de 2019

Curso desde cero de JavaScript Capítulo 13 - El bucle for

Curso desde cero de JavaScript Capítulo 13 - El bucle for

JavaScript El bucle for


El bucle determinado for (determinado, porque a diferencia del bucle while y do while, este sabemos cuántas veces se va a ejecutar examinando el código) se utiliza para repetir una o varias instrucciones un número determinado de veces.
Veamos su sintaxis y algún ejemplo práctico.




Sintaxis del bucle for JavaScript

for (inicio; condición; actualización) { 
   
    }

Ejemplos prácticos con el bucle for JavaScript

En el for se le pasa el inicio del bucle en 0 (i=0), el segundo parámetro es hasta donde debe ejecutarse el bucle y por último el incremento o decremento que tendrá cada ejecución del bucle en la variable i.

<script> 
    for (i=0;i<=10;i++) { 
   
    document.write(i + "<br>")
   
    }
</script>

Resultado
bucle for javascript





Podemos incrementar/decrementar en un número mayor que 1, por ejemplo de 10 en 10:

<script> 
    for (i=0;i<=50;i+=10) { 
   
    document.write(i + "<br>")
   
    }
</script>

Resultado

bucle for javascript


lunes, 24 de junio de 2019

Redes de área local - ¿Qué es una LAN? ¿Y una WLAN?

Redes de área local

Redes de área local LAN

¿Qué es una LAN?

Una red de área local (LAN, Local Area Network) es un conjunto de elementos lógicos y físicos que interconexionan entre otros dispositivos de un área privada y restringida. Esta es la red que tienes en casa, o está en las oficinas de una empresa por ejemplo.



Una LAN puede albergar desde un único usuario a unos cientos.

Este tipo de red puede tener conexión a internet o no, para obtener una conexión en el exterior, debe conectarse a la red WAN (redes de área extensa), que son las que te proporcionan las compañías telefónicas.
Si una LAN no tiene internet, se utiliza para trabajar entre los equipos pertenecientes a dicha red.




¿Qué es una WLAN?

Las WLAN o Wireless Local Area Network (Red Inalámbrica de Área Local en español) son las LAN que utilizan conexiones inalámbricas.

Lo más normal hoy en día es que te encuentres redes cableadas e inalámbricas en el mismo entorno.

En posteriores artículos entraré más en detalle sobre estos tipos de redes, esta información es a modo de introducción.

sábado, 22 de junio de 2019

Curso desde cero de JavaScript Capítulo 12 - El bucle do while

Curso desde cero de JavaScript Capítulo 12 - El bucle do while

JavaScript El bucle do while
En el capítulo anterior, vimos el bucle while, el bucle do while es casi lo mismo pero con una pequeña diferencia que ahora explicaré. Por si no lo recuerdas o no lo has leído, el bucle while ejecuta una sentencia especificada mientras esta sea cierta o verdadera (true).  Bien, el bucle do while aunque la condición sea falsa (false) desde el principio, se ejecuta al menos una vez.



Ejemplo práctico con el bucle while

Observa este ejemplo, la variable num vale 1, en el while la condición es que se ejecute el código siempre que num sea mayor que 10, es decir, ya de un principio la condición es falsa.
Si te fijas en el resultado, se ejecuta el bucle una única vez gracias al do pese a que en ningún momento se cumple la condición del while.

<script> 
    var num=1;
  
    do{
  
    }while(num>10){
   
        document.write(num + "</br>");
     
        num++;  
   
    }
</script>  

El uso del bucle do while no es tan común como el while. No obstante hay veces en las que tendremos que ejecutar un código al menos una vez.


martes, 18 de junio de 2019

Tipos de tamaños de placas base - ATX y Micro-ATX

Tipos de tamaños de placas base - ATX y Micro-ATX

placa base Gigabyte

El factor de forma de una placa base determina su tamaño y orientación respecto a la caja, los periféricos que podemos conectar, el tipo de fuente de alimentación... 
Hay muchos tamaños diferentes, veamos para empezar los más comunes, ATX y Micro-ATX.




Placa base ATX

placa base gamingEste factor de forma, fue introducido por Intel en 1995, pese a que durante muchos años han sido las más populares, las Micro-ATX le han ido ganando terreno.

El tamaño de este tipo de placa base es de 305 mm (30,5 cm) x 244 mm (24,4 cm)

El tipo de conector de la fuente de alimentación es de 24 pines o contactos (20+4). Como gran ventaja cabe destacar que este conector tiene una única posición posible, evitando así quemar la placa por conectarlo mal.

Son tremendamente populares entre los gamers por la posibilidad de hacer CrossFire y SLI, además de contar con otras posibilidades que las placas Micro-ATX no tienen.





Placa base Micro-ATX

placa base gaming Micro-ATXEste factor forma fue publicado en 1997 por Intel.

Las placas base micro-ATX tienen un tamaño de 244 mm (24,4 cm) x 244 mm, es decir, son igual de anchas que las ATX pero algo más cortas.

Al tener un tamaño reducido, se sacrifican varias ranuras de expansión, como una segunda ranura  PCI-Express x 16, o PCI, etc. Aunque esto no siempre es cierto, ya que algunas tienen ranuras para instalar dos tarjetas gráficas.

En la especificación de este factor de forma, se indica que el número máximo de ranuras de expansión es de 4.

Tienen la gran ventaja de poder montarlas en una caja mucho más pequeña.





Cómo convertir de binario a decimal o de binario a decimal

Cómo convertir de binario a decimal o de binario a decimal

código binario

El sistema binario utiliza solo dos dígitos (0 y 1) para representar cantidades. Se dice que al tener solo dos números posibles, es de base 2. El sistema decimal es el que llevas utilizando toda tu vida y puesto que tiene 10 números diferentes tiene una base 10.

Cada dígito de un número representado por este sistema es llamado bit (binary digit).

Los bits tienen distinto valor dependiendo de su posición. Veamos un ejemplo práctica para que quede más claro.






Cómo convertir de binario a decimal

Pasemos el número 10010 binario a decimal:

(1*24) + (0*23) + (0*22) + (1*21) + (0*20) = 18

El resultado es 18 en número decimal. Lo que he hecho es multiplicar de izquierda a derecha elevado del 4 al 0. Si por ejemplo, el número fuese 10111000 la operación sería un poco más larga y el primer número se tendrá que elevar a 7, ya que este número tiene 8 dígitos, del 7 al 0:

(1*27) + (0*26) + (1*25) + (1*24) + (1*23) +
(0*22) + (0*21) + (0*20) = 184




Cómo convertir de decimal a binario

Ahora toca hacer lo mismo pero al contrario. Vamos a convertir números decimales a binario.
En el siguiente ejemplo se convierte el número decimal 25 a binario. Esto se hace dividiendo entre dos el número hasta que el número a dividir sea menor que 2.
Una vez hayas terminado las divisiones escribes los restos y el último cociente desde el última al primero. 


25/2=12 R=1 | 12/2=6 R=0 | 6/2=3 R=0 | 3/2=1 R=1
25 = 11001



Espero que te haya sido útil y cualquier duda que tengas me la dejes en los comentarios. En futuros posts escribiré sobre los números octales y hexadecimales.

Cómo crear carpetas en Linux - Manual BASH scripting para principiantes - UBUNTU 18.04

Cómo crear carpetas en Linux - Manual BASH scripting para principiantes - UBUNTU 18.04

Carpeta Linux

Crear carpetas en la Terminal de Linux es muy sencillo, solo tienes que utilizar el comando mkdir.




Sintaxis de mkdir

mkdir [directorio]

Ejemplos prácticos con mkdir

Escribe solo mkdir y el nombre de tu nueva carpeta.

mkdir carpeta_nueva

mkdir Linux

Si quieres crear la nueva carpeta en otro directorio, solo tienes que poner la ruta completa junto con el nombre de la carpeta.

mkdir Linux crear carpetas Terminal

lunes, 17 de junio de 2019

Curso desde cero de JavaScript Capítulo 11 - El bucle while

Curso desde cero de JavaScript Capítulo 11 - El bucle while

JavaScript El bucle while

El bucle while ejecuta una sentencia especificada mientras esta sea cierta o verdadera (true). Veremos esto mucho más claro con algún ejemplo práctico.





Ejemplos prácticos con el bucle while

En este ejemplo tenemos un sencillo bucle while que se repite desde que la variable num vale 1 hasta que vale 10, después de eso, ya no se ejecuta más.

<script> 
     var num=1;
  
     while(num<=10){
   
   document.write(num + "</br>");
     
   num++;  
   
      }
</script>  

Resultado

bucle while


Si al ejemplo anterior, le ponemos un incremento de 2 esto es lo que pasa:

<script> 
     var num=1;
  
     while(num<=10){
   
   document.write(num + "</br>");
     
   num=num+2;  
   
      }
</script>  



Resultado


bucle while javascript

Vamos a ver un último ejemplo, ahora con un array para que se muestren los días de la semana.


Lo primero es un array (semana) con los siete días de la semana.
Luego tenemos una variable llamada dia que está en valor 0, que para el array, esto representará su primera posición ("Lunes").
Comienza el bucle while, el cual se le da como parámetro que se ejecute mientras que dia sea menor que semana, es decir, ejecutará: 0= Lunes, 1=Martes... 6=Domingo.
La propiedad .lenght del while, representa la longitud del array.




<script>
 
     var semana=["Lunes", "Martes", "Miércoles", "Jueves", "Viernes", "Sábado", "Domingo"];
  
     var dia=0;
  
     while(dia<semana.length){
   
          document.write(semana[dia] + "</br>");
     
          dia++;  
   
     }
 
</script>

Resultado
bucle while javascript

Piensa que puedes inventar infinitas maneras diferentes para desarrollar los mismos programas, por ejemplo, el while anterior, hubiese funcionado de esta otra forma: while(dia<=6).

No obstante, recomiendo la del ejemplo anterior, ya que gracias a la propiedad .lenght, el programa sabe la longitud exacta del array y así nos evitamos estar contando cuantos elementos tiene un array, que además, si tuviese 5000 elementos, sería una tarea absurda.

domingo, 16 de junio de 2019

Cómo eliminar archivos y directorios en Linux - Manual BASH scripting para principiantes - UBUNTU 18.04

Cómo eliminar archivos y directorios en Linux - Manual BASH scripting para principiantes - UBUNTU 18.04

Eliminar archivos y carpetas en Linux





Eliminar archivos en Linux

Para eliminar archivos en Linux desde la Terminal, puedes hacerlo con el comando rm, aquí su sintaxis:


rm [opciones] [archivo]


Ejemplo práctico de rm

En este ejemplo se pasa como parámetro a rm la opción -f (elimina archivos sin pedir confirmación).


rm -f prueba.txt


rm -f Linux

Para completar la información, os dejo una tabla con las diferentes opciones de rm.


Opción             Descripción
-f
Elimina los archivos sin pedir confirmación.
-i
Solicita confirmación antes de eliminar algún archivo.
-r
Elimina recursivamente todos los archivos en todos los subdirectorios y además borra los directorios.
-v
Muestra en pantalla el nombre de los archivos que se van eliminando.


Eliminar carpetas en Linux

Gracias a rmdir podemos eliminar carpetas. Esta es su sintaxis:




rmdir [carpeta]

Ejemplo práctico de rmdir

En este ejemplo se pasa como parámetro a rm la opción -f (elimina archivos sin pedir confirmación).




rmdir carpeta_para_eliminar


rmdir Linux


sábado, 15 de junio de 2019

Instalación de Prestashop - Curso Prestashop - capítulo 1

Instalación de Prestashop - Curso Prestashop - capítulo 1

prestashop instalar
Hoy comenzamos este curso para que puedas construir tu propia tienda online. No importa lo que vendas, con Prestashop lo podrás publicar en internet fácilmente.




Requisitos de Prestashop 1.7

Aquí tenemos los requisitos del sistema para que Prestashop funcione en nuestro ordenador local (ordenador desde el que construiremos la tienda online): 

Básicamente, lo que se necesita es un ordenador con Apache, PHP y MySQL instalados. No te preocupes si no sabes como instalar todo esto. Para esto tenemos un paquete de instalación con todos estos programas.

El paquete mencionado es XAMPP (hay otros similares, pero nosotros trabajaremos con este).

Para instalarlo solo hay que seguir estos sencillos pasos:

Descarga e instalación de XAMPP

Para instalar XAMPP debes ir a la página oficial y descargarlo, puedes realizar la instalación en Windows, Linux y OS X, yo haré el tutorial bajo Windows.
Descarga cualquiera de las 3 versiones disponibles (mira la imagen inferior).


Descargar XAMPP
Haga click en la imagen para ampliarla.

Una vez descargado el instalador, ejecútalo y sigue el asistente hasta finalizar la instalación.



Instalar XAMPP
Haga click en la imagen para ampliarla.

Cuando termines la instalación, ejecuta XAMPP y te aparecerá una ventana como esta. Debes darle a "Start" a los servicios Apache y MySQL.

Servicios XAMPP
Haga click en la imagen para ampliarla.






Descarga de Prestashop 1.7

Ha llegado el momento de descargar Prestashop, para descargarlo debes ir al siguiente enlace. En él tendrás que poner un email, aceptar las condiciones de uso y darle al botón de descargar.





Descargar Prestashop
Haga click en la imagen para ampliarla.

Una vez descargado, guarda el archivo, antes de instalar Prestashop hay que crear una base de datos para que funcione, en ella se guardarán todos los usuarios registrados, productos, etc.


Crear una base de datos para Prestashop 1.7

Vamos a crear la base de datos, para hacerlo solo hay que tener los dos servicios de XAMPP activos (Apache y  MySQL). Abre una ventana del navegador. Introduce en la barra de URL lo siguiente:



Este enlace abrirá phpMyAdmin. En la barra de la izquierda aparecen todas las bases de datos que tengo creadas.



phpmyadmin crear base de datos
Haga click en la imagen para ampliarla.




Haz click en "Bases de datos":


phpmyadmin crear base de datos
Haga click en la imagen para ampliarla.


Ponle nombre a tu base de datos y haz click en crear:

phpmyadmin crear base de datos
Haga click en la imagen para ampliarla.

Recarga la página y ahora te aparecerá la base de datos creada. Ha sido fácil ¿no?



phpmyadmin crear base de datos


Instalación de Prestashop 1.7

Ya casi estamos acabando, abre el archivo comprimido que te descargaste antes. Dentro de él encontrarás estos 3 archivos. Abre prestashop.zip:


prestashop archivos

Abre la carpeta htdocs que ves en la imagen:

carpeta htdocs XAMPP


Haga click en la imagen para ampliarla.
Dentro de htdocs, crea una carpeta (la puedes llamar como quieras).

Carpeta Prestashop

Descomprime todos los archivos del .zip de Prestashop.

Archivos Prestashop
Haga click en la imagen para ampliarla.
Ahora abre una ventana del navegador e introduce la siguiente URL, te debería salir esta página si hiciste todo correctamente.

Instalación de Prestashop
Haga click en la imagen para ampliarla.

Elige el idioma que quieras y haz click en siguiente:

Instalación de Prestashop
Haga click en la imagen para ampliarla.
Para continuar deberás aceptar los acuerdos de licencia:


Instalación de Prestashop
Haga click en la imagen para ampliarla.



Es posible que ahora te aparezcan algunos errores. A mí me aparece uno de PHP, dice que Intl no está cargado. De momento solo haremos caso de los parámetros requeridos requeridos, los recomendados ya veremos más adelante como solucionarlos.



Instalación de Prestashop error Intl extension is not loaded
Haga click en la imagen para ampliarla.


Solucionar error Intl extension is not loaded

Primero debes ir al panel de XAMPP y pulsar el botón "Config".


Como configurar Apache
Haga click en la imagen para ampliarla.

Ahora haz click en el botón "PHP.ini":



php.ini Apache Config
Haga click en la imagen para ampliarla.

Se te abrirá un bloc de notas. En él debes buscar pulsando las teclas ctrl+b o en el menú Edición - Buscar.

Busca lo que ves en pantalla (intl). En la línea que ves señalada en rojo, borra el punto y coma del principio (es un comentario para dejar esa línea anulada).


extension intl
Haga click en la imagen para ampliarla.

Una vez lo hayas borrado ya puedes darle al botón de actualizar en la instalación de Prestashop y luego en siguiente para continuar con la instalación.

Instalación de Prestashop 1.7.5.2
Haga click en la imagen para ampliarla.
Rellena la información requerida en este formulario y haz click en siguiente:
Instalación de Prestashop 1.7.5.2
Haga click en la imagen para ampliarla.

Ahora rellena este formulario. Deja la dirección del servidor como está. El nombre de la base de datos es el que le hayas puesto tú al crearla. El usuario y la contraseña déjalos por defecto. El prefijo de las tablas también.
Haz click en ¡Comprobar la conexión con tu base de datos! Si todo va bien, te saldrá el mensaje del recuadro verde.
Cuando lo tengas todo listo, haz click en siguiente.

Instalación de Prestashop 1.7.5.2

Haga click en la imagen para ampliarla.

La instalación ha finalizado. Ya lo tienes casi todo, debes eliminar la carpeta "install" tal y como dice el mensaje.
Instalación de Prestashop 1.7.5.2
Haga click en la imagen para ampliarla.

Para eliminar la carpeta "install" solo tienes que ir a los archivos de Prestashop en htdocs.

Prestashop eliminar carpeta install
Haga click en la imagen para ampliarla.

Ya puedes acceder al Front-end (lo que se verá en internet por los usuarios) de tu tienda. En el siguiente capítulo explicaré como acceder al Back-end (la zona de administración a la que solo acceden los administradores como tú). Los siguientes capítulos serán más sencillos y cortos.
Para acceder entra con la siguiente dirección: localhost/nombredetutienda (en mi caso localhost/prestashop).

front-end prestashop
Haga click en la imagen para ampliarla.