gratiszona

introduccion a javascript


1.- Introduccion
  • De todos los servicios que ofrece INTERNET, no cabe duda de que el mas popular es la WWW (World Wide Web).
La WWW no es mas que millones de paginas en formato electronico, con los contenidos y tematicas mas diversas a las que podemos acceder gracias a un ordenador + modem + browser (navegador).
  • Una pagina WEB no es mas que un fichero de texto (ASCII), escrito en formato HTML (Hyper Text Markup Language = lenguaje etiquetado de hipertexto).
  • HTML es un lenguaje basado en pares de tags (etiquetas). Un tag es un codigo entre <>, si es de apertura o un codigo entre </ > si es de cierre.
Los browsers (navegadores de Internet), son capaces de traducir estas etiquetas (tags) de forma que presentan visualmente la pagina.
  • Estructura de un fichero HTML
Basicamente consta de cuatro pares de etiquetas:
<HTML>
<HEAD>
<TITLE>Nuestra primera pagina</TITLE>
</HEAD>
<BODY>
..........................
..........................
..........................
</BODY>
</HTML>
  • El par <HTML> y </HTML>
Determina que un fichero sea HTML
  • El par <HEAD> y </HEAD>
Determina la cabecera del fichero HTML, que puede contener un titulo.
  • El par <TITLE> y </TITLE>
Encierra el "titulo": frase de texto que aparecera en el marco del navegador (primera linea), al ejecutar el fichero HTML
  • El par <BODY> y </BODY>
Encierra el contenido de la pagina html, es decir lo que se visualizara en el navegador.
Los navegadores (browsers) mas conocidos son:
  • Mozilla
  • Opera
  • Microsoft Internet Explorer
  • Ejecuta el "Bloc de Notas", es decir:
[Inicio]
Programas
Accesorios
Bloc de Notas
  • Escribe:
<HTML>
<HEAD>
<TITLE>PROG000.HTM</TITLE>
</HEAD>
<BODY>
<P>Esto aparecera en el navegador porque es un parrafo</P>
<P>Esto es otro parrafo</P>
<P>Observa lo que aparece en la linea de titulo</P>
<P>La linea de titulo es la frase que aparece en el marco
del navegador, linea superior</P>
<P>¿Esta claro para que sirven los tags P, /P?</P>
</BODY>
</HTML>
  • Graba el fichero anterior con el nombre PROG000.HTM en TuCarpeta
  • Ejecuta el "Explorador de Windows". Situate en TuCarpeta y haz un doble click en PROG000.HTM
De esta forma, se ejecuta el navegador de tu ordenador (supondre que esInternet Explorer) y se "carga" la pagina PROG000.HTM
El navegador nos muestra la pagina HTML "visualmente", para ver su codigo debes hacer:
Menu Ver
Codigo fuente
  • La programacion en HTML no tiene ninguna utilidad para un usuario normal, ya que en el mercado existen herramientas que evitan la necesidad de tener que introducir manualmente los "tags": HotMetal, FontPage, Word, etc.
Lo que si tienen sentido es el estudio de la programacion en JavaScript.
  • JavaScript es un lenguaje de programacion creado por la empresa Netscape (creadora de uno de los navegadores mas conocido)
Es el lenguaje de programacion mas utilizado en Internet para añadir interactividad a las paginas Web
  • No confundirJavaScript conJava.Java es un lenguaje de programacion de proposito general como lo son C++ oVisual Basic.
  • Un programa en JavaScript se integra en una pagina Web (entre el codigo HTML) y es el navegador el que lo interpreta (ejecuta). Es decir JavaScript es un lenguaje interpretado, no compilado (no se genera ningun tipo de fichero objeto o exe).
  • Para programar en JavaScript solo necesitamos un editor de texto (utilizaremos el Bloc de Notas del Windows) y un navegador (utilizaremos Microsoft Internet Explorer) para ejecutarlo.
  • ¿Porque JavaScript y no otro lenguaje de programacion?
Porque:
  • Es moderno (tiene pocos años)
  • Es sencillo (su hermano mayor: Java, es bastante mas complejo)
  • Es util (el desarrollo de Internet, se preve muy rapido en los proximos años)
  • Es barato: solo necesitamos un editor de textos (el "Bloc de Notas" esta incluido en Windows) y un navegador (es gratuito, ya sea "Internet Explorer" o "Mozilla").
  • Es visual: permite la moderna "programacion visual" (ventanas, botones, colores, formularios, etc.).
En definitiva: es ideal para un primer curso de introduccion a la programacion.
Y has de tener en cuenta que hay un "dicho" en informatica, que afirma: "Si dominas un lenguaje de programacion, los conoces todos".
Siguiente: sintaxis basica