Loading presentation...

Present Remotely

Send the link below via email or IM

Copy

Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.

DeleteCancel

Make your likes visible on Facebook?

Connect your Facebook account to Prezi and let your likes appear on your timeline.
You can change this under Settings & Account at any time.

No, thanks

Java Script

No description
by

Fernando Carcamo

on 23 October 2013

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of Java Script

DIFERENCIAS ENTRE JAVA y JAVASCRIPT
JavaScript
Introducción
JavaScript es una de las múltiples aplicaciones que han surgido para extender las capacidades del Lenguaje HTML.
JavaScript es un lenguaje script orientado a documento. Nunca podrá hacer un programa, tan sólo podrá mejorar sus páginas Web.

Queremos que quede claro que Javascript no tiene nada que ver con Java, salvo en sus orígenes. Actualmente son productos totalmente distintos y no guardan entre si más relación que la sintaxis idéntica y poco más. Algunas diferencias entre estos dos lenguajes son las siguientes
Propósito. Java es mucho más potente que Javascript, esto es debido a que Java es un lenguaje de propósito general, con el que se pueden hacer aplicaciones de lo más variado, sin embargo, con Javascript sólo podemos escribir programas para que se ejecuten en páginas web.

Estructuras fuertes. Java es un lenguaje de programación fuertemente tipado. Por su parte javascript no tiene esta característica, y podemos meter en una variable la información que deseemos, independientemente del tipo de ésta.
NORMAS DEL CODIGO EN JAVASCRIPT
Todo el código (sentencias) esta dentro de funciones.
Las funciones se desarrollan entre las etiquetas <script> y </script>.
Las etiquetas “<script>” deben colocarse entre las etiquetas <head> y </head>.
Las etiquetas “<title>” no pueden estar colocadas entre las de “<script>”.
La llamada a la función se hace a través de un evento de un elemento del documento.

Presentado por: Fernando J. Cárcamo
cuenta: 30741057

Otras características. Como vemos Java es mucho más complejo, aunque también más potente, robusto y seguro. Tiene más funcionalidades que Javascript y las diferencias que los separan son lo suficientemente importantes como para distinguirlos fácilmente.
Compilador. Para programar en Java necesitamos un Kit de desarrollo y un compilador. Sin embargo, Javascript se interpreta por parte del navegador.

Orientado a objetos. Java es un lenguaje de programación orientado a objetos, Javascript no es orientado a objetos, esto quiere decir que podremos programar sin necesidad de crear clases.
Funciones
Las funciones son un conjunto de sentencias (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:
 
1- <elemento evento=nombre_funcion([val1,val2,valN]);>
 
2- 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.


LA VENTANA “ALERT”

SINTAXIS:
alert(“texto de la ventana”);
  alert(variable);
  alert(“texto”+variable);

EVENTOS
Un evento es un mecanismo por el cual podemos detectar las acciones que realiza el usuario y llamar automáticamente a la función que tengamos asociada.

SINTAXIS:
 <elemento nombre_evento = nombrefuncion([parametros]);>

onMouseOver
Pasar el ratón por encima de un enlace, area o frame.

onMouseOut
Dejar de estar el ratón encima de un enlace, area o frame.

onMouseMove
Mover el ratón por el documento.

onKeyUp
Presionar una tecla.

onClick
Hacer click con el ratón.



onLoad
Terminar de cargar una página o frame (entrar).

onAbort
Abortar la carga de una página.

onError
Producirse algún error en la carga de la página.

onMouseOver
Pasar el ratón por encima de un enlace, area o frame.

onResize
Dimensionar la ventana del navegador.

onMove
Mover la ventana del navegador.




onChange
Modificar texto en un control de edición.
Sucede al perder el foco.

onSelect
Seleccionar texto en un control de edición.

onFocus
Situar el foco en un control.

onBlur
Perder el foco un control.

onSubmit
Enviar un formulario.

onReset
Inicializar un formulario.

Descripción de eventos
Variables
 Espacio de memoria con un nombre reservado para guardar información mientras la página este cargada.

El primer paso para poder trabajar con variables es declararlas, que es lugar donde se les da su nombre y su ámbito

El ámbito de una variable define si la variable se podrá utilizar en cualquier parte del documento (es global). O si solo se podrá utilizar dentro de una función determinada (es local).



Variables
1- La declaración de las variables globales se realiza dentro de las etiquetas “<script>” pero fuera de cualquier función.
2- La declaración de las variables locales se realiza dentro de la función que nos interese usar esa variable.
 
La sintaxis para declarar una variable es igual en ambos casos, la única diferencia es el lugar donde las declaramos.
 
SINTAXIS:
var nombre_variable[=valor];
Constantes
Los valores iníciales que se les asigna son invariables.
Estos no son variables, sino expresiones constantes. Los tipos de literales son los mismos que en las variables, según el primer dato que almacenemos será de un tipo u otro.

OPERADORES
JavaScript define TRES tipos de operadores:

1- aritméticos
2- relacionales
3- lógicos.

También hay definido un operador para realizar determinadas tareas, como las asignaciones. 

INTRODUCCIÓN DE DATOS
JavaScript permite interactuar al usuario por medio de la introducción de datos. La introducción de datos se puede realizar por medio de la ventana prompt o utilizando controles como cajas de texto.
 
SINTAXIS:
 
vari=prompt(“Texto de la ventana”,”valor inicial caja”);
 
Al pulsar el botón aceptar, el contenido de la caja pasa a vari. Si se pulsa el botón cancelar, el contenido de la caja se pierde y vari queda con valor null.

SENTENCIAS DE CONTROL
Es la manera que tiene JavaScript de provocar que el flujo de la ejecución avance y se ramifique en función de los cambios y estado de los datos.
 
IF-ELSE:
La ejecución atraviesa un conjunto de estados boolean que determinan que bloques de código se ejecutan. Con la utilización de esta sentencia nunca se realizarán ambos bloques de código.

SWITCH:
Es una sentencia muy similar a if-else. Si los valores con los que se compara son números se pone directamente el pero si es texto se debe encerrar entre comillas.

WHILE:
 
Ejecuta repetidamente el mismo bloque de código hasta que se cumpla una condición de terminación. Hay cuatro partes en todos los bucles. Inicialización, cuerpo, iteración y condición.

Paso de parámetros a Funciones
Es el paso de información (parámetros) a una función. Cuando se realiza la llamada hay que indicar entre los paréntesis los valores que se van a enviar. Estos valores son recogidos por variables locales que son declaradas dentro de los paréntesis.
 
El utilizar este método de trabajo, evita duplicar líneas, agrupamos el código y nos hace más sencillo la modificación y detección de errores en el código. El modo de hacer esto es básicamente igual que cuando trabajos con las funciones, lo único que cambia son los valores.
 
SINTAXIS DE LA LLAMADA:
 
<elemento evento=nombre_funcion(valor1,valor2,valorN);>
 
nombre_funcion(valor1,valor2,valorN);
 
SINTAXIS DEL DESARROLLO:
 
function nombre_funcion(var1,var2,varN)
{
sentencia(s);
}
MATRICES (Arrays)
Una matriz es una colección de variables del mismo tipo que tiene un nombre común. A un elemento especifico de un matriz se accede mediante su índice. Todos los arrays tienen como primer índice el valor 0. Hay que tener muy presente NO rebasar el valor del último índice.
 
SINTAXIS:
 
var nombre_array=new Array();
 
INICIALIZACIÓN DE UN ELEMENTO:
 
nombre_array[indice]=valor;
 
 
UTILIZACIÓN DE ELEMENTOS: Casi como si se tratase de una variable normal.
 
nombre_array[indice];
 

CONTROLES
Hasta el momento hemos visto únicamente botones, cajas de texto y enlaces como controles con los cuales el usuario puede interactuar. Con JavaScript podemos utilizar cualquier control de un formulario para que el usuario interactúe con ellos igual que con los anteriormente vistos, ampliando la flexibilidad a la hora de realizar programas. Cuantos más controles podamos utilizar mejor.
Radio Botones (Radio)
Casillas de verificación (checkBox)
Cajas de Contraseña (passWord)
Cajas de texto multilínea (area)
Listas y Listas desplegables (select)

 
ANIMACIONES
La animación en JavaScript puede ser de texto, imágenes o ambas cosas interactuando. En todos los casos para conseguirla se trabaja del mismo modo.
 
Lo primero que tendremos que hacer es preparar las etiquetas del texto o de la imagen dandoles un nombre (con los mismos requisitos que las variables) por medio del atributo name en caso de las imágenes e id en caso de texto. De esta manera podremos hacer referencia al elemento deseado desde la función encargada de ejecutar la animación.  
A continuación, añadiremos el evento con la llamada a la función (si es necesario, en muchas ocasiones se llama a la función por medio del método setTimeout que veremos en un momento).
OBJETOS PREDEFINIDOS
Cuando se carga un documento en el navegador, se crean automáticamente una colección de Objetos predefinidos, útiles para describir el documento sobre el que se trabaja, la ventana del navegador y todo tipo de elementos de las páginas web. Se agrupan en los objetos
window,
document,
history,
navigator y
screen.

También hay toda una colección de objetos para utilidades varias.
MÉTODOS PARA FECHA Y HORA
Métodos que nos van a permitir realizar una serie de operaciones o procedimientos utilizando fechas y horas. Lo primero que tendremos que hacer, construir un objeto Date, para que posteriormente podamos utilizar los métodos de fecha y hora.

SINTAXIS DEL OBJETO:
var nombre_objeto=new Date();

Contiene los métodos para realizar cualquier tipo de operación matemática compleja. Solo necesitamos llamar al método deseado utilizando el objeto Math (ya esta creado).

MÉTODOS MATEMÁTICOS
MÉTODOS PARA CADENAS
Métodos destinados a realizar operaciones con cadenas de texto. Al igual que las funciones matemáticas vamos a necesitar un objeto. En este caso el objeto puede ser una variable normal y corriente que va a contener texto o también podríamos construir un objeto String. En ambos casos se trabajará del mismo modo.
Resumen JavaScript
Desarrollo de Aplicaciones Web
Full transcript