Express services

Curso de Lógica Computacional y Programación

Manual de JavaScript

A continuación encontrarás los temas más importantes sobre JavaScript y una serie de ejemplos de cada una de las instrucciones que se irán abordando a lo largo de este manual. Los códigos que se incluyen deberán ser probados y documentados utilizando como editor Web el programa Frontpage, en el que podrás depurar y sobretodo mejorar la apariencia y la precisión de los resultados de cada Script.

Al finalizar el curso, entregarás estos programas mejorados a tu maestro, además de otra serie de
Ejercicios que se irán abordando durante el curso. Espero que sea de utilidad para mejorar tu aprendizaje de programación de páginas Web con HTML y JavaScript.

Nota: El material ha sido obtenido de Libros e Internet yse han realizado algunos ajustes, además de incluir los ejemplos necesarios para que logres aprender cada una de las instrucciones.

1. INTRODUCCIÓN

JavaScript es una de las múltiples aplicaciones que han surgido para extender las capacidades del Lenguaje HTML. JavaScript es un lenguaje de scripts(códigos de programa que se incrustan en las páginas Web) orientado a documento y basado enobjetos. Es libre, por eso es el lenguaje de scripts más utilizado a nivel mundial.

2. NORMAS DEL CODIGO EN JAVASCRIPT

Las normas para poder escribir cualquier código de JavaScript se basan en 4 puntos básicos y que debemos cumplir siempre. Estas normas son las siguientes:

1. Las sentencias JavaScript pueden estar dentro de funciones en el encabezado y y dentro de un script, o bien en unscript dentro del …. Es posible que se den ambos casos.

2. Las funciones de Javascript se desarrollan entre las etiquetas
y .

3. Las etiquetas “” no pueden estar colocadas entre las de “”.

4. La llamada a la función se hace a través de un evento de un elemento del documento, y las funciones pueden llamarse entre ellas mismas.


3. USO DE FUNCIONES

Las funciones son un conjunto desentencias (bloque de código) que especifica al programa las operaciones a realizar. Son útiles para evitar la repetición de líneas y modular el código. Para trabajar con ellas hay que desarrollarlas y llamarlas cuando lo necesitemos.



SINTAXIS DEL DESARROLLO:

function nombre_funcion([var1,var2,varN])
{
sentencia(s);
}


SINTAXIS DE LA LLAMADA:nombre_funcion(valor1,valor2,valorN);

En el primero de los casos la llamada se realiza desde un elemento del documento. En el segundo caso la llamada se realiza desde el interior de otra función que también es posible.

Los argumentos en el paréntesis cuadrado, son opcionales y se denominan parámetros, los cuales representan datos que se envían a las funciones ([val1,val2,valN])


4. LA VENTANA “ALERT”Se trata de una ventana estándar que usamos para mostrar información en pantalla. Se puede mostrar texto, variables y texto en conjunto con variables. El diseño de la ventana ya esta definido lo único que podemos hacer es mostrar la información una o varias líneas. Su diseño y sintaxis es:





SINTAXIS:

alert(“texto de la ventana”);

alert(variable);

alert(“texto”+variable);5. PRIMER PROGRAMA

Ahora vamos paso a paso a construir nuestro primer programa, y así podremos ver los elementos principales del lenguaje y su colocación dentro del documento Web. Solo debemos seguir la teoría vista en los temas anteriores.

EJEMPLO 1: Llamada a una función desde un elemento del documento.



function hola()
{
alert("Hola a todos");}

Autor:tu nombre aquí








EJEMPLO 2: Llamada a una función desde otra.




function hola()
{
alert("Hola a todos");
rehola();
}
function rehola()
{
alert(“hola de nuevo a todos”);
}


Autor:Tu nombre aqui







6. VARIABLES...