PHP. MySQL. Diseño de Comportamientos Interactivos III. JAVAScript. Abel Valle-Chávez + + Diseño Interactivo. M. en C.C.

Transcripción

1 Diseño de Comportamientos Interactivos III Abel Valle-Chávez M. en C.C. JAVAScript PHP MySQL Diseño Interactivo Universidad Iberoamericana Ciudad de México

2

3 Asignatura: Diseño de Comportamientos Interactivos III Tópicos principales del curso I. Programación para añadir interactividad a una página web II. Lenguaje para manipular la información de una base de datos III. Sitios web motorizados por una base de datos (BD) IV. Programación del lado del servidor para administrar la información de un sitio web

4 Tabla de contenidos I.2 Funciones en JavaScript: Elementos de Programación I.2.1 Tipos de Datos I.2.2 Objetos I.2.3 Funciones I.2.4 Operadores I.2.5 Comparaciones I.2.6 Condiciones I.2.7 Switch I.2.8 Loop For I.2.9 Loop While I.2.10 Breaks I.2.11 Errores

5 I.2.1 Tipos de Datos JavaScript tiene tipos de datos dinámicos String, Number, Boolean, Array, Object, Null, Undefined. var x; var x = 5; var x = Pedro"; // Aquí x está indefinida: undefined // Aquí x es un Número: Number // Aquí x es una Cadena: String Cadenas en JavaScript: String var autonombre = "Volvo XC60"; var autonombre = Volvo XC60 ;

6 Números en JavaScript: Number var x1 = 34.00; // Escrito con decimales var x2 = 34; // Escrito sin decimales var y = 123e5; // var z = 123e-5; // Arreglos en JavaScript: Array var autos = new Array(); autos[0] = Saab ; autos[1] = Volvo ; autos[2] = BMW ; Arreglo condensado var autos = new Array( Saab, Volvo, BMW );

7 Objetos en JavaScript: Object // Las propiedades de un objeto se definen en pares de nombre y valor // (nombre:valor). Las propiedades se separan por comas. var persona = {nombre: Benito, apellido: Juárez, id:5566}; Se puede direccionar a los atributos de los objetos con punto var ap = persona.apellido; Undefined y Null auto = null; persona = null;

8 Declarando Tipos de Variable var nombreauto= new String; var x= new Number; var y= new Boolean; var autos= new Array; var persona= new Object;

9 Tabla de contenidos I.2 Funciones en JavaScript: Elementos de Programación I.2.1 Tipos de Datos I.2.2 Objetos I.2.3 Funciones I.2.4 Operadores I.2.5 Comparaciones I.2.6 Condiciones I.2.7 Switch I.2.8 Loop For I.2.9 Loop While I.2.10 Breaks I.2.11 Errores

10 Objetos en JavaScript Los objetos son sólo datos con propiedades y métodos. Propiedades y Métodos Objeto Propiedades Métodos auto.nombre=fiat auto.modelo=500 auto.weight=850kg auto.arrancar() auto.manejar() auto.frenar() auto.color=blanco

11 Ejemplo de declaración de un Objeto var txt = new String( Hola Mundo ); Los objetos tienen propiedades y métodos por defecto. Objeto Propiedades Métodos Hola Mundo txt.length txt.indexof( Mundo ) Crear objetos JavaScript persona=new Object(); persona.nombre="john"; persona.apellido="doe"; persona.edad=50; persona.colorojos= negro";

12 Acceso a propiedades del objeto // La síntaxis para el acceso a una propiedad nombreobjeto.nombrepropiedad var mensaje = Hola Mundo! ; var x = mensaje.length ; Acceso a métodos del objeto // La síntaxis para el acceso a una propiedad nombreobjeto.nombremetodo() var mensaje = Hola Mundo! ; var x = mensaje.touppercase() ;

13

14 Gracias! Abel Valle-Chávez M. en C.C.