Hola gente, despues de un largo tiempo de vacaciones empezaremos con algo un poco diferente pero al mismo tiempo seguiremos publicando sobre php entre otros lenguajes de programación, el lenguaje sobre el que vamos hablar es Javascript
Javascript es un tipo de lenguaje de programación el cual tiene como función hacer mas dinamicas las paginas web o aplicaciones. Una pagina dinamica es aquella en la que su funcionamiento depende de las acciones que realice, el usuario por ejemplo cuando presiona un boton y no ha colocado texto en una caja muestre un anuncio, aparecer y desaparecer anuncios entre otras cosas....
A diferencia de php esta es ejecutada en la parte del cliente y no en el servidor, por lo tanto no ocupamos instalar xampp para poder hacer nuestros scripts
Nota
Script es un programa almacenado en un archivo de texto plano, una definición sencilla XD
Como todo lenguaje de programación javascript tiene sus ventajas y sus desventajas
Ventajas
Es un lenguaje muy seguro
Es ejecutado en la parte del cliente
Desventajas
Todo el mundo puede ver tu codigo XD.
Puede valer cabeza si desde el navegador desactivas el javascript .
El codigo debe descargar completamente para ejecutarse correctamente.
Aclaremos algo, si quieren historia sobre javascript comentalo y lo pondre, esto es una introduccion para ya empezar a programar en javascript
Es hora de hacer el tipico programa perron XD un Hola Mundo
En javascript hay maneras de programar, veremos un poco de las 3 y dire cual de las 3 me parece mejor, primero veremos la manera en la que el script se manda llamar dentro de nuestro archivo html
Antes de continuar una explicacion de las funciones que utilizaremos que en este caso seria solo 1
Alert: Muestra un mensaje
<html>
<head><title>Programa 1</title>
</head>
<body>
<script type="text/javascript">
alert("hola mundo" ) ;
</script>
</body>
</html>
En este primer ejemplo podemos ver que el codigo de javascript va adentro del codigo, para empezar a programar en javascript de esta manera debemos iniciar con la etiqueta script acompañada del type, los valores que se incluyen en el atributo type están estandarizados y para el caso de JavaScript, el valor correcto es text/javascript. Hablemos del funcionamiento, al abrir el sitio se mostrara un mensaje que diga "Hola mundo"
<html>
<head><title>Programa 1</title>
<script type="text/javascript" src="js/hola.js"></script>
</head>
<body>
</body>
</html>
El siguiente metodo es poner el codigo en un archivo javascript y mandarlo llamar desde el archivo html, esto se realiza mediante la etiqueta script con el type y se le agrega el src en el cual pondremos la dirección donde se encuentra el archivo js, en el archivo hola.js solo pondremos un alert el cual tenga como mensaje hola mundo
<html>
<head><title>Programa 1</title>
</head>
<body onload="alert('hola mundo' ) ;">
</body>
</html>
La siguiente manera en la que se puede utilizar javascript es incluyendo codigo javascript dentro de algunos elementos html, esto se hace gracias a la ayuda de los eventos en elementos html en este caso el onload XD
De las 3 maneras prefiero la segunda, se me hace que le da mas limpieza al codigo al momento de programar, evitamos mezclar javascript con html, css o php.
Apartir de este tutorial nos iremos metiendo un poco mas con javascript, olvidandonos de php por el momento ya que nos adentremos bien los conectaremos a ambos para hacer algo muy chingon
Antes de terminar como un plus veremos un poco sobre la etiqueta noscript
Algunos navegadores tienen desactivado el uso de javascript, en estos caso la etiqueta noscript nos permite mostrar un mensaje que indique al usuario que para tener un mejor funcionamiento requiere activar el javascript
Ejemplo
<script type="text/javascript">
alert("hola mundo" ) ;
</script>
<noscript>
<h1>Informacion</h1>
<p>Para un mejor funcionamiento favor de activar el javascript </p>
</noscript>
Coloca ese codigo dentro de tu pagina e intenta desactivar javascript y el resultado sera
Espero y les guste
Dudas o preguntas
Buscanos en facebook como
javascript:void(0)
en twitter
javascript:void(0)
en g+
javascript:void(0)
Saludos y animo gente !!!
Javascript es un tipo de lenguaje de programación el cual tiene como función hacer mas dinamicas las paginas web o aplicaciones. Una pagina dinamica es aquella en la que su funcionamiento depende de las acciones que realice, el usuario por ejemplo cuando presiona un boton y no ha colocado texto en una caja muestre un anuncio, aparecer y desaparecer anuncios entre otras cosas....
A diferencia de php esta es ejecutada en la parte del cliente y no en el servidor, por lo tanto no ocupamos instalar xampp para poder hacer nuestros scripts
Nota
Script es un programa almacenado en un archivo de texto plano, una definición sencilla XD
Como todo lenguaje de programación javascript tiene sus ventajas y sus desventajas
Ventajas
Es un lenguaje muy seguro
Es ejecutado en la parte del cliente
Desventajas
Todo el mundo puede ver tu codigo XD.
Puede valer cabeza si desde el navegador desactivas el javascript .
El codigo debe descargar completamente para ejecutarse correctamente.
Aclaremos algo, si quieren historia sobre javascript comentalo y lo pondre, esto es una introduccion para ya empezar a programar en javascript
Es hora de hacer el tipico programa perron XD un Hola Mundo
En javascript hay maneras de programar, veremos un poco de las 3 y dire cual de las 3 me parece mejor, primero veremos la manera en la que el script se manda llamar dentro de nuestro archivo html
Antes de continuar una explicacion de las funciones que utilizaremos que en este caso seria solo 1
Alert: Muestra un mensaje
<html>
<head><title>Programa 1</title>
</head>
<body>
<script type="text/javascript">
alert("hola mundo" ) ;
</script>
</body>
</html>
En este primer ejemplo podemos ver que el codigo de javascript va adentro del codigo, para empezar a programar en javascript de esta manera debemos iniciar con la etiqueta script acompañada del type, los valores que se incluyen en el atributo type están estandarizados y para el caso de JavaScript, el valor correcto es text/javascript. Hablemos del funcionamiento, al abrir el sitio se mostrara un mensaje que diga "Hola mundo"
<html>
<head><title>Programa 1</title>
<script type="text/javascript" src="js/hola.js"></script>
</head>
<body>
</body>
</html>
El siguiente metodo es poner el codigo en un archivo javascript y mandarlo llamar desde el archivo html, esto se realiza mediante la etiqueta script con el type y se le agrega el src en el cual pondremos la dirección donde se encuentra el archivo js, en el archivo hola.js solo pondremos un alert el cual tenga como mensaje hola mundo
<html>
<head><title>Programa 1</title>
</head>
<body onload="alert('hola mundo' ) ;">
</body>
</html>
La siguiente manera en la que se puede utilizar javascript es incluyendo codigo javascript dentro de algunos elementos html, esto se hace gracias a la ayuda de los eventos en elementos html en este caso el onload XD
De las 3 maneras prefiero la segunda, se me hace que le da mas limpieza al codigo al momento de programar, evitamos mezclar javascript con html, css o php.
Apartir de este tutorial nos iremos metiendo un poco mas con javascript, olvidandonos de php por el momento ya que nos adentremos bien los conectaremos a ambos para hacer algo muy chingon
Antes de terminar como un plus veremos un poco sobre la etiqueta noscript
Algunos navegadores tienen desactivado el uso de javascript, en estos caso la etiqueta noscript nos permite mostrar un mensaje que indique al usuario que para tener un mejor funcionamiento requiere activar el javascript
Ejemplo
<script type="text/javascript">
alert("hola mundo" ) ;
</script>
<noscript>
<h1>Informacion</h1>
<p>Para un mejor funcionamiento favor de activar el javascript </p>
</noscript>
Coloca ese codigo dentro de tu pagina e intenta desactivar javascript y el resultado sera
Espero y les guste
Dudas o preguntas
Buscanos en facebook como
javascript:void(0)
en twitter
javascript:void(0)
en g+
javascript:void(0)
Saludos y animo gente !!!