Embed Size (px)
Citation preview
SEMANA 13
Curso: OFIMÁTICA (T)
Ciclo 2014 II
Logro de la clase
• Al término de la clase, el alumno reconoce las ventajas de usar JAVASCRIPT para un proyecto web.
Fundamentos de JavaScript
• Javascript es un lenguaje de programación basado en objetos y en eventos de usuario.
• Los 'scripts' de Javascript pueden ser introducidos dentro de las páginas de HTML. Con Javascript se puede dar respuesta a eventos iniciados por el usuario (el observador de nuestras páginas, por ejemplo), eventos tales como la entrada de datos en un formulario o algún enlace.
Fundamentos de JavaScript
• Esto sucede sin ningún tipo de transmisión. De tal forma que cuando un usuario escribe algo en un formulario, no es necesario que sea transmitido hacia el servidor, verificado y devuelto. Las entradas son verificadas por la aplicación cliente y pueden ser transmitidas después.
• Aunque JavaScript se parece a Java, no es lo mismo. Java es un lenguaje de programación mucho más complejo que JavaScript. JavaScript está hecho para ser un lenguaje bastante fácil de entender.
Normas del código en JavaScript
• Las normas para poder escribir cualquier código de JavaScript se basan en 5 puntos básicos y que debemos cumplir siempre. Estas normas son las siguientes:
• Todo el código (sentencias) debe ir entre los tags <SCRIPT> y </SCRIPT>.
• Esta etiqueta puede contener el atributo LANGUAGE para definir el tipo de lenguaje Script que utilizamos o la versión de este:
• <SCRIPT LANGUAGE=”JavaScript”>
sentencias;
....
</SCRIPT>• Si no se usa el atributo, el navegador interpreta que el lenguaje
utilizado es JavaScript.• Javacript es casesensitive: sensible a mayúsculas y minúsculas.
• Todas las instrucciones deben finalizar con “;” que indica el salto de línea.
• JavaScript usa básicamente las funciones.• Es un LPBO (Lenguaje de Programación Basado en Objetos) En todo
momento usamos objetos, sus propiedades y sus métodos.
Ejemplo simple:
<HTML>
<HEAD><TITLE>Ejemplo</TITLE>
<SCRIPT LANGUAGE=”JAVASCRIPT”>
document.write(“Hello World Wide Web.”);
</SCRIPT>
</HEAD>
<BODY>
</BODY>
</HTML>
Nota:También se puede abrir la etiqueta <SCRIPT> dentro de las etiquetas <body></body>
Elementos de un programa• Comentarios:
En JavaScript hay dos tipos de comentarios:
1. Se utilizan los caracteres /* para abrir el comentario, y */ para cerrarlo.
Los comentarios pueden ocupar más de una línea y pueden ir
colocados en cualquier parte del código donde pueda ir un espacio:
/* Comentario con apertura y cierre */
2. Los comentarios comienzan por los caracteres // y finalizan al
acabar la línea. Este tipo de comentario solo ocupa una línea y
puede ir colocado en cualquier parte del código donde pueda ir un
espacio:
// Comentario de línea
VariablesEspacio de memoria con un nombre reservado para guardar información mientras la página está cargada. El primer paso para poder trabajar con variables es declararlas, que es lugar donde se les da su nombre y su ámbito. Para nombrar a una variable debemos tener en cuenta las siguientes normas: • No pueden contener espacios.• Distingue entre mayúsculas y minúsculas.• No pueden contener acentos, puntos o cualquier signo gramatical.• No pueden comenzar con un dígito ni contener la letra “ñ”.• Nombre único y exclusivo para cada variable salvo que estén en
funciones distintas.
JavaScript define TRES tipos de operadores: aritméticos, relacionales y lógicos. También hay definido un operador para realizar determinadas tareas, como las asignaciones.
Asignación (=)
En JavaScript se puede utilizar el operador de asignación en cualquier expresión valida. Solo con utilizar un signo de igualdad se realiza la asignación. El operador destino (parte izquierda) debe ser siempre una variable, mientras que en la parte derecha puede ser cualquier expresión valida. Es posible realizar asignaciones múltiples, igualar variables entre sí y a un valor
Operadores
Aritmético
Lógicos y Relacionales
FuncionesEs necesario definir cada función antes de poder utilizarla. Para definir una función se pone la palabra function, el nombre de la función y, entre paréntesis, los nombres de los argumentos, seguido de un bloque entre llaves con el cuerpo de la función:
function nombre (lista de argumentos)
{
sentencias
}
Entradas y SalidasEntradas
promptPermite al usuario que introduzca un texto. Ejemplo:// Pedimos al usuario que introduzca su nombrevar nombre = prompt(“Introduzca su nombre”); Salidas
Write Sirve para escribir valores o texto en la página web. Ejemplo:document.write("Texto")odocument.write("Texto\n")
Estructura de ControlIFLa estructura más utilizada en JavaScript y en la mayoría de lenguajes de programación es la estructura if. Se emplea para tomar decisiones en función de una condición. Su definición formal es:if(condición){
//Acciones realizada en el caso positivo}Se pueden indicar acciones a realizar en caso de que la evaluación de la sentencia devuelva resultados negativos.if (expresión) { //acciones a realizar en caso positivo //... } else { //acciones a realizar en caso negativo //... }
Diagrama de flujo de la función SI
Estructura Repetitiva FOR
Un blucle for se repite hasta que una condición específica se evalúe como falsa. El bucle JavaScript for es similar a los bucles for en Java y C. Una sentencia for se parece a lo que sigue:
for ([Expresióninicial]; [condición]; [incrementodelaExpresión]){ sentencia}
