Hola Mundo en Javascript

Tipico programa del Hola Mundo. Este es el primero de una serie de ejemplos que quiero publicar sobre Javascript. Poco a poco voi a ir incrementando la complejidad de los scripts hasta tocar el Tema de AJAX y despues Ajax+Base de datos. Son ejemplos muy sencillos, pero que considero muy utiles para comprender los conceptos basicos de la programacion web. Los requisitos que debes cumplir para ver funcionando este ejemplo en tu computadora son:

  • Saber escribir en la computadora.
  • Un navegador web.
  • Un editor de texto.

Supongo que si estas leyendo este articulo es porque ya sabes algo de HTML y quieres dar el siguiente paso en tu aprendizaje sobre programacion de paginas web. JavaScript es un lenguaje de scripting basado en objetos que se inserta en las paginas web y se ejecuta en el lado del cliente.

Para este ejemplo puedes usar cualquier navegador de los mas comunes, como puede ser Mozilla Firefox, Internet Explorer, Google Chrome, Opera, etc. Si usas Windows como minimos estoy casi 100% seguro que tienes instalado Internet Explorer 6 o superior. Si usas alguna distribucion de Linux seguro tienes alguna version de Mozilla Firefox.

El Editor de textos (no confundir con procesador de textos) puede ser cualquiera pero debe permitirte guarda un archivo de texto sin formato (archivo plano), algunos ejemplos de estos editores son: Bloc de notas de Windows, Notepad++ (mi preferido), Ultraedit, etc. usa el que mas te guste. En este editor es donde escribiras y guardaras el codigo fuente que muestro a continuacion:

ejemplo_1.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>Mi primer Guion</title>
	<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
	<script language="Javascript" type="text/javascript">
	/*
		Descripcion:			Hola mundo en Javascript
		Autor:						Gonzalo Silverio  gonzasilve@gmail.com
		Archivo:    			ejemplo_1.html
	*/
	</script>
</head>
<body bgcolor="#FFFFFF">
	<h1>
		<script language="JavaScript" type="text/javascript">
			document.write("Hola Mundo Javascript");
		</script>
	</h1>
	
<br /><br />
  <p>
    <a href="http://validator.w3.org/check?uri=referer"><img
      src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Transitional" height="31" width="88" /></a>
  </p>
  
  
</body>
</html>

Como yo uso Notepad++, mi codigo luce asi:
Ejemplo1 de Javascript: HolaMundo
Como ves tiene la sintaxis del codigo resaltada con colores bonitos, esa es la ventaja de este tipo de editores. Asi hasta da gusto programar.

Como se observa, es un ejemplo muy sencillo unicamente para ilustrar como escribir un mensaje en el navegador, pero con Javascript. Aqui lo importante es resaltar como se indica al navegador que debe interpretar el codigo como codigo Javascript. Con las etiquetas:

		<script language="JavaScript" type="text/javascript">
		//codigo javascript
		</script>

Una vez que ya tengas escrito el codigo anterior, lo guardas con la extension .htm ó .html. Abres la ruta de carpetas donde lo guardaste y lo abres con doble click:
Ejemplo 1 en el navegador Chrome
Te debe aparecer algo similar a esto:
Hola Mundo en Javascript en Chrome

Bueno, eso es todo por ahora, espero que te haya servido de Algo, si es asi, escribe algun comentario. ver un comentario me motiva a escribir mas. Saludos.

Acerca de gonzasilve
Freelance Web Developer.

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: