Al término de la clase, el alumno reconoce las ventajas de usar JAVASCRIPT para un proyecto web.

Presentación del tema: "Al término de la clase, el alumno reconoce las ventajas de usar JAVASCRIPT para un proyecto web."— Transcripción de la presentación:

1

2 Al término de la clase, el alumno reconoce las ventajas de usar JAVASCRIPT para un proyecto web.

3 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.

4 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.

5 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 y. Esta etiqueta puede contener el atributo LANGUAGE para definir el tipo de lenguaje Script que utilizamos o la versión de este: sentencias;.... 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.

6 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: Ejemplo document.write(“Hello World Wide Web.”); Nota: También se puede abrir la etiqueta dentro de las etiquetas

7 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

8 Espacio 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.

9 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

10

11

12 function Es 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 sentencias}

13 Entradasprompt Permite al usuario que introduzca un texto. Ejemplo: // Pedimos al usuario que introduzca su nombre var nombre = prompt(“Introduzca su nombre”); SalidasWrite Sirve para escribir valores o texto en la página web. Ejemplo: document.write("Texto") o document.write("Texto\n")

14 IF La 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 //... }

15

16 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 }