index.htm

RECETAS DE NAVIDAD

- apuntes comunicaciones javascript lenguaje c php autoayuda bolsa chistes empleo fotografia digital ocio sabiasque salud timos trucos

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 paso:
1 sintaxis basica

· Introduccion a javascript
· Javascript: sintaxis basica
· Variables en javascript
· Javascript: tipos de datos
· Javascript: contadores
· javascript: conversion entre tipos
· Operadores logicos y relacionales en javascript
· If else en javascript
· While en javascript
· Bucles for en javascript
· Switch case javascript
· Do while en javascript
· Calculos iterativos en javascript
· El objeto math javascript
· Variable temporal en javascript
· Funciones sin retorno de parametro. Javascript
· Funciones que devuelven parametros en javascript
· Arrays en javascript
· Matrices con varias dimensiones en javascript
· Codigo ascii/unicode y javascript
· Buscar una letra en un string con javascript
· Temporizadores en javascript
· Introduccion a javascript y html
· Escribiendo en el navegador con javascript
· Formularios en javascript
· Botones en javascript

IMPORTANTE:

- Si te ha gustado esta pagina, por favor, votanos aqui:

- Si no te ha gustado, escribenos y cuentanos en que mejorar.

Actualizado: 16/12/2013