Introducción a la Programación Multimedial

Slides:



Advertisements
Presentaciones similares
Introducción a la programación (Clase 2)
Advertisements

Mg. Christian Retamal P.1 PROGRAMACIÓN LADO CLIENTE Christian Retamal Peña Magíster © en Ingeniería Industrial y Sistemas.
PHP el Lenguaje Ejercicios Básicos.
JAVASCRIPT Permite extender las capacidades del lenguaje HTML.
Javascript Pau Barceló Forteza Creación de páginas Web (II)
Tipos genéricos Fundamentos de Programación Departamento de Lenguajes y Sistemas Informáticos Unidad Didáctica 3.
Identificación del lenguaje JavaScript. O JavaScript es un lenguaje de programación interpretado, dialecto del estándar ECMAScript. Se define como orientado.
Una vez observado el producto programado que se debe construir, es importante que realice los siguientes ejercicios con la ayuda del docente. 1)Con la.
Sesión n.1 fundamentos de programación scripting en praat.
GESTOR DE BASE DE DATOS CARRERA: COMPUTACIÓN E INFORMÁTICA CURSO: TALLER DE SISTEMAS I DOCENTE: ING. JOSÉ EDUARDO QUISPE TAIPE CICLO: QUINTO.
Principios, teoría y práctica sobre los conceptos de HTML básicos.
© Área de las Tecnologías de la Información y las Comunicaciones Aplicadas. Curso de introducción a Fundeweb.
Periodo II Técnicas de programación. Sin Parámetros Con parámetros Funciones.
Oscar Bedoya. Edificio 331, 2º piso, E.I.S.C. Estructuras de datos y algoritmos.
HTM L (Hyper Text Markup Language). ¿Qué es HTML? Es el lenguaje que permite escribir texto de forma estructurada, y que está compuesto por etiquetas,
Calculadora programada con Scratch
Curso de introducción a Fundeweb
Introducción a la Programación Multimedial
Estructuras de Control.
Introducción a la Programación Multimedial
Introducción al lenguaje C Instrucción IF – ELSE y el bucle WHILE
Estructuras Repetitivas Estructuras Repetitivas
Introducción a la Programación Multimedial
Olimpiadas Chilenas de Informática - Formación
Programación 1 Curso: 5to. I TT
Olimpiadas Chilenas de Informática - Formación
Java Script (JS) Prof. Martín Contreras.
Stored Procedures Firebird.
REPASO VARIABLES 1º DECLARAR LA VARIABLE,
Programación PHP función saregune CC 2009.
Conceptos básicos de programación
Métodos en Java.
Estructuras de Datos Recursividad.
Introducción a la Programación Multimedial
Guía teórica de manejo de estructuras de datos
CAPÍTULO 2: PRINCIPIOS BÁSICOS DE MATLAB
ESTRUCTURAS DE DECISIÓN
COMO CREAR UNA PAGINA WEB EN HTML
CREAR DIAGRAMA DE FLUJO
Estructuras de control repetitivas
Paul Leger Ejercicios Pruebas Paul Leger
Bucles y estructuras de decisión
Comprueba si una u otra condición se cumple o no.
MATLAB 6.5 Clase 3: Funciones básicas e Introducción a la Programación
Paul Leger Uso de Condicionales Paul Leger
Algoritmo Conjunto ordenado y finito de pasos que permite hallar la solución de un problema. Una secuencia de pasos que conducen a la realización de una.
Tema 7. Introducción a lenguaje de programación Visual Basic (clase 2)
Procedimientos y Funciones
CICLOS.
Programación Orientada a Objetos
Paradigmas de Lenguajes de Programación
Estructuras de control en PHP
Paul Leger Funciones Paul Leger
¿Cómo lo vamos a realizar?
Crucigrama Pág. 1 Dividir el problema Conocer el problema
Curso de iniciación al trabajo con MatLab 7.0
Curso de Programación Web html, java script
Sopa de letras en VBA Ficha 5 Paso a paso Conocer el problema Pág. 1
Sabes Que es un ALGORITMO
Java – programación orientada a objetos programación ii – iee
Tema 3: Operadores Antonio J. Sierra.
Bucles y estructuras de decisión
Diseño de algoritmos.
2.  Diagramas de Estado.
CC 1002: Introducción a la Programación Clase 19
Guía teórica de manejo de estructuras de datos
Procedimientos y Funciones
Variables, Expresiones y Enunciados
Tema 8. Estructuras de decisión. Clases 1 y 2.
UNIDAD VII FUNCIONES (SUBPROCESOS)
Transcripción de la presentación:

Introducción a la Programación Multimedial Javascript - Parte II

Operadores Lógicos AND (&&) Devuelve true sólo si todas las condiciones son true. OR (||) Devuelve true si alguna de las condiciones son true. NOT (!) Devuelve true si la condición es false (y viceversa).

Funciones Matemáticas Math.PI Devuelve 3.141592653589793 Math.ceil() Devuelve un número entero redondeando para arriba. Math.ceil(4.4) // 5 Math.floor() Devuelve un número entero redondeando para abajo. Math.ceil(4.4) // 4 Math.random() Devuelve un número aleatorio entre 0 y 1. Math.random() // 0.39041709461901775 Para obtener un número aleatorio entre dos números se puede usar: Math.floor (Math.random () * 9) + 1; // devuelve un random entre 1 y 10.

Ejercicio #1 Escriban un código que genere 10 rondas de dos números aleatorios por ronda (en total 20 números) y los imprima en pantalla, indicando cuál número es el mayor en cada ronda. El primer número de cada ronda deberá ser un número aleatorio entre 10 y 20. El segundo número de cada ronda deberá ser un número aleatorio entre 1 y 50.

Funciones Así como existen funciones propias de cada lenguaje (por ejemplo alert, prompt, etc), también podemos crear nuestras propias funciones. Esto nos sirve para organizar nuestro código, evitar instrucciones repetidas, simplificar la lectura, y reutilizar el código en otros proyectos.

Ejemplo #1 // Declaro la función llamada saludo. function saludo(){ document.write(“hola chicos!”); document.write(“chau chicos!); } // Ejecuto la función saludo. saludo();

Partes de una función Nombre Al igual que las variables, el nombre de una función no puede comenzar con número, ni tener espacios, ni ser una palabra reservada. Parámetros (opcional) Son variables que le paso a la función para que realice sus operaciones. Cada vez que llamo a la misma función, le puedo pasar o no los mismos valores para que realice o no las mismas operaciones. No todas las funciones admiten parámetros. Retorno (opcional) Es lo que la función me va a devolver al finalizar su ejecución, y esto debo almacenarlo en una variable. No todas las funciones devuelven valores.

Ejemplo #2 // Declaro la función llamada saludo que recibe como parámetro una variable llamada tipo_saludo. function saludo( tipo_saludo ){ if ( tipo_saludo==“bienvenida”){ document.write(“hola chicos!”); } else{ document.write(“chau chicos!); // Ejecuto la función saludo y le paso como parámetro la palabra “bienvenida”. saludo(“bienvenida”);

Ejemplo #3 // Declaro la función llamada saludo que recibe como parámetro una variable llamada tipo_saludo y devuelve el mensaje correspondiente. function saludo( tipo_saludo ){ if ( tipo_saludo==“bienvenida”){ return “hola chicos!”; } else{ return “chau chicos!”; // Ejecuto la función saludo y le paso como parámetro la palabra “bienvenida”. var mensaje = saludo(“bienvenida”); document.write(mensaje);

Ejercicio #2 Realicen el ejercicio #1 utilizando funciones para obtener el número aleatorio y el mensaje a imprimir en pantalla.

HTML dinámico La función document.write permite como parámetro no sólo texto común, sino código html. Entonces, desde javascript puedo escribir mis propias etiquetas y agregar a la página algo que antes no estaba.

Ejemplo #4

Combinando HTML + CSS + JS Como document.write acepta cualquier etiqueta HTML, podemos combinarla con todo lo que ya sabemos de html, css y javascript, y hacer cosas como menúes, galerías de fotos, carruseles de imágenes, y cosas mucho más divertidas que veremos en el segundo cuatrimestre…

Ejercicio #3 Realizar una galería dinámica de por lo menos 10 fotos usando javascript, html y css. Pueden usar las imágenes que están en: www.introprogramacion.com.ar/ejercicios/imagenes.zip Recuerden el tag para mostrar imágenes en html: <img src=“NOMBRE_IMAGEN” alt=“TITULO”>