6º Unidad Didáctica. Javascript. Eduard Lara
|
|
- Xavier Navarro Tebar
- hace 7 años
- Vistas:
Transcripción
1 6º Unidad Didáctica Javascript Eduard Lara 1
2 ÍNDICE 6.1 Lenguajes de script 6.2 Sintaxis de Javascript 6.3 Variables, funciones y operadores 6.4 Estructuras de control de flujo 6.5 Objetos predefinidos en el navegador 6.6 Eventos y validación de formularios 2
3 6.1 LENGUAJES DE SCRIPT Las páginas web basadas en HTML + CSS son páginas estáticas, sin dinamismo Los lenguajes de script permiten crear páginas web de mayor funcionalidad y vistosidad, Un script es un lenguaje de programación interpretado por el navegador en tiempo real. JavaScript: Soportado por la mayoría de navegadores VBScript: Sólo puede ser interpretado por Internet Explorer. 3
4 6.1 LENGUAJES DE SCRIPT JavaScript es un lenguaje orientado a objetos: Permite la definición de elementos que poseen propiedades o atributos y métodos para actuar sobre ellos. Los objetos pueden estar predefinidos en JavaScript (por ejemplo, la ventana del navegador) o ser creados mediante código. JavaScript permite controlar y manejar los eventos: Acciones que el usuario realiza sobre los elementos de la página web (pasar el ratón por encima, hacer clic en un elemento) 4
5 6.1 HISTORIA JAVASCRIPT En 1996, la empresa Netscape, sacó la versión de su popular browser Netscape 2.0. Ofrecía nuevas funcionalidades como los marcos (frames) y el lenguaje Javascript Su sintaxis básica se basaba en Java (lenguaje desarrollado por Sun Microsystems). JavaScript resultó muy sencillo de utilizar: No necesita kits de desarrollo o compiladores Dotaba de dinamismo a los estáticos documentos HTML Es soportado por todos los navegadores del mercado 5
6 6.2 SINTAXIS JAVASCRIPT Los scripts (tanto en JavaScript o VBScript) van incrustados en el código HTML de la misma forma que se hace en CSS. <script> </script> Etiquetas para la inclusión de un script genérico <script language="javascript"> instrucciones </script> Etiquetas para la inclusión de un script javascript 6
7 6.2 SINTAXIS JAVASCRIPT <head> <script language="javascript"> </script> </head> El programa JavaScript se ejecutará siempre que sea llamado <body> <script language="javascript"> </script> </body> El programa se ejecutará mientras se carga la página. 7
8 6.2 SINTAXIS JAVASCRIPT Las funciones se deben incluir en la cabecera. Para ser utilizadas en cualquier momento. Toda línea de código javascript debe acaba en punto y coma ; Los comentarios en javascript se realizan de la misma forma que en C: // Para comentar una sola línea /* * / Si ocupan más de una línea 8
9 6.2 SINTAXIS JAVASCRIPT No todos los browsers soportan o tienen habilitado el interprete JavaScript Se recomienda insertar el código javascript entre comentarios HTML. Así, si el navegador no soporta javascript, el código no aparecerá como texto HTML. <noscript> <noscript> Si el navegador no soporta JavaScript, aparecerá en su defecto, el mensaje incluido entre dichas etiquetas. 9
10 6.2 EJEMPLO JAVASCRIPT <html> <head> <title>javascript</title></head> <body> <script language="javascript"> alert("hola en JavaScript"); </script> <noscript> Su navegador no soporta JavaScript </noscript> </body> </html> 10
11 Variables 6.3 VARIABLES, FUNCIONES Y OPERADORES Permiten el almacenamiento temporal de datos para su posterior utilización o referencia. Cada variable esté identificada por un nombre, que cumpla las siguientes reglas: - Comience por una letra o «guión bajo» - No coincida con palabras reservadas (break ) JavaScript es case sensitive: Distingue entre mayúsculas y minúsculas (mivariable será distinta que MiVariable) 11
12 Declaración Variables Declaración Global mivariable=555; Habilita la variable para todo el documento, siendo desechada cuando se abandona la página 6.3 VARIABLES, FUNCIONES Y OPERADORES Declaración Local var mivariable; var mivariable=555; Limita el ámbito de acción de la variable. Si la variable se declara dentro de una función, sólo tendrá efecto en ella; cuando se abandone la función, se abandonará así mismo la variable. 12
13 Declaración Variables 6.3 VARIABLES, FUNCIONES Y OPERADORES Tipo Numéricas (número) Textuales (texto) Booleanas (true, false) De objeto Significado Almacenan datos de tipo numérico, ya sean enteros, decimales, negativos, etc. Contiene una cadena de caracteres alfanuméricos Almacena valores lógicos tipo «sí» o «no» Almacena objetos predefinidos por JavaScript o por el desarrollador. Valor numdecimal=3.1416; numentero=-2; mivariable= Carlota ; mensaje="carlota es una niña muy 'despierta ; var repetidor=false; Document.form1.value(); 13
14 6.3 VARIABLES, FUNCIONES Y OPERADORES Conversión entre tipos de datos (2 métodos) Conversión implícita. Se utiliza el signo de «suma» (+). var DNI= ; LETRA_NIF="M"; NIF=DNI+LETRA_NIF; Se convierte el dato numérico en uno de tipo texto Conversión explícita. La conversión se realiza mediante una orden Var edad=parselnt(prompt( Cuántos años tienes?","")); Se quiere convertir un dato introducido por el usuario en forma texto y convertirlo a numérico 14
15 6.3 VARIABLES, FUNCIONES Y OPERADORES Matrices (Arrays) Son variables capaces de almacenar más de un dato, accedidos a través de un índice. var temperaturas=new Array(30,28,27); var temperaturas=new Array(); temperaturas[0]=30; temperaturas[1]=28; temperaturas[2]=27; Las «celdas» comienzan a contarse desde 0 15
16 Funciones 6.3 VARIABLES, FUNCIONES Y OPERADORES Una función es un conjunto de instrucciones con entidad propia dentro del script. Puede ser ejecutado cuantas veces se desee, y se le puede pasar datos a través de variables para que realice cálculos con ellos. function nombre (parámetros) { código } Estructura básica de una función 16
17 <html> <head> </head> <body> </body> </html> 6.3 VARIABLES, FUNCIONES Y OPERADORES <script language="javascript"> function Suma(a,b) { return a+b; } </script> <script language="javascript"> alert ("El resultado es " + Suma (1,9)); </script> 17
18 Operadores 6.3 VARIABLES, FUNCIONES Y OPERADORES Son símbolos que indican la operación que se debe realizar. Hay diferentes categorías: Operadores aritméticos: -Resta z=x-y; - Dividir z=x/y; -Aumentar z=x++; - Reducir z=y--; 18
19 6.3 VARIABLES, FUNCIONES Y OPERADORES Operadores Lógicos. Permiten realizar operaciones en las que el resultado deba ser true o false. -AND A&&B -OR A B -NOT!A Operadores relacionales. - Dos valores iguales == - Dos valores distintos!= - Mayor o igual >= Se utilizan para tomar decisiones simples en la ejecución de scripts 19
20 6.4 ESTRUCTURAS DE CONTROL DE FLUJO Estructura if-else if (condición) { Instrucciones_if: Se ejecutan sólo si condición=true; } else { Instrucciones_else: Se ejecutan sólo si condición=false; } Continúa el resto del script. Estructura switch-case switch(expresion) { case opa: codigoa; break; case opb: codigob; break; default: Código ejecutable defecto; } 20
21 6.4 ESTRUCTURAS DE CONTROL DE FLUJO Bucle for for(contador = valor; condición; incremento) { Cuerpo_del_bucle; } Bucle while y do-while while(condicion) { Cuerpo_del_bucle; } do { Cuerpo_del_bucle; } while(condicion) 21
22 6.5 OBJETOS PREDEFINIDOS EN EL NAVEGADOR Los navegadores constan de un conjunto de objetos predefinidos, relacionados mediante una jerarquía, donde unos contienen a otros. Acceso a una propiedad de un elemento: objeto Document.form.text.value Acceso a un método de un elemento: Document.form.text.focus() 22
23 6.5 OBJETOS PREDEFINIDOS EN EL NAVEGADOR WINDOW: Representa la ventana del navegador. window.status='bienvenido a la web'; Texto barra de estado. window.open(" "Ventana_informa", "toolbar=no, location=no, top=100, left=100, width=200, height=200") Creación de nuevas ventanas. NAVIGATOR: Representa el propio Navegador navigator.appname Nombre navegador navigator.appversion Número de versión navigator.platform Nombre sistema operativo navigator.online Acceso a través de Internet o en Local navigator.connectionspeed Velocidad actual conexión navigator.cookieenabled Si tiene activada admisión de cookies 23
24 6.5 OBJETOS PREDEFINIDOS EN EL NAVEGADOR DOCUMENT: Representa la página web mostrada en el navegador document.bgcolor Establece color de fondo del documento. document.fgcolor Establece color del texto del documento. document.referrer Página desde la que se ha accedido a la actual. document.title Devuelve el título del documento. document.url Devuelve la URL del documento. document.write() Inserta texto en el documento document.open() Abre un documento SCREEN: Información sobre la pantalla screen.width Resolución x de la pantalla screen.height Resolución y de la pantalla 24
25 6.5 OBJETOS PREDEFINIDOS EN EL NAVEGADOR LOCATION: Información sobre la localización del documento que se está visualizando en la ventana. window.location.href Devuelve o establece la URL del documento. Propiedad de lectura y escritura window.location.reload() Recarga la página HISTORY: Permite acceder al historial del navegador history.back() Retrocede a la página anterior history.forward() Avanza a la página siguiente history.go(n) Avanza o retrocede n veces en el historial 25
26 6.6 LOS EVENTOS Y LA VALIDACIÓN DE FORMULARIOS JavaScript permite controlar diversos eventos: cambios contenido, click, pasar ratón, El manejador de evento permite indicar el código a ejecutar cuando se produzca el evento: on+nombre_evento= codigo_a_ejecutar; Un manejador de evento se asigna a un elemento como si fuera un atributo más. <a href="url" onclick= "alert('estás abandonando el sitio web'];"> 26
27 function comprobar() { if(document.form1.usuario.value== document.form1.clave.value) window.location="bienvenido.htm"; else { alert ("Son distintos"); document.forml.usuario.value=""; document.forml.clave.value=""; } Body 6.6 LOS EVENTOS Y LA VALIDACIÓN DE FORMULARIOS <input type="text" name="usuario"> <input type="password" name="clave"> <input type="submit" onclick="comprobar ();"> Si usuario es igual a la contraseña coinciden, se cargará una página de bienvenida, si no, aparecerá un mensaje de alerta y se reseteará el formulario. La función será activada cuando el usuario haga clic sobre el botón submit del formulario. 27
28 Manejador onblur onchange onclick ondblclick onfocus onkeydown onkeypress onkeyup document, Link Elemento Button, Checkbox, FileUpload, Layer, Password, Radio, Reset, Select, Submit, Text, Textarea FileUpload, Select, Text, Textarea Button, document, Checkbox, Link, Radio, Reset, Submit Button, Checkbox, FileUpload, Layer, Password, Radio, Reset, Select, Submit, Text, Textarea document, Image, Link, Textarea document, Image, Link, Textarea document, Image, Link, Textarea 6.6 LOS EVENTOS Y LA VALIDACIÓN DE FORMULARIOS Se produce cuando... Un elemento de formulario, una ventana o un marco pierden el foco El valor de un campo de formulario cambia Se hace click en un objeto o formulario Se hace click doble en un objeto o formulario Una ventana, marco o elemento de formulario recibe el foco El usuario pulsa una tecla El usuario mantiene pulsada una tecla El usuario libera una tecla 28
29 Manejador onload onmousedown onmousemove onmouseout onmouseover onmouseup onmove onreset onresize onselect onsubmit onunload Layer, Link Layer, Link Button, document, Link window Form window Text, Textarea Form window Elemento Image, Layer, window Button, document, Link Ninguno (debe asociarse a uno) 6.6 LOS EVENTOS Y LA VALIDACIÓN DE FORMULARIOS Se produce cuando... El navegador termina la carga de una ventana El usuario pulsa un botón del ratón El usuario mueve el puntero El puntero abando una área o enlace El puntero entra en una área o imagen El usuario libera un botón del ratón Se mueve una ventana o un marco El usuario limpia un formulario Se cambia el tamaño de una ventana o marco Se selecciona el texto del campo texto o área de texto de un formulario El usuario envía un formulario El usuario abandona una página 29
Denominación: PROGRAMACIÓN CON LENGUAJES DE GUIÓN EN PÁGINAS WEB. Código: UF1305
UNIDAD FORMATIVA 1 Denominación: PROGRAMACIÓN CON LENGUAJES DE GUIÓN EN PÁGINAS WEB. Código: UF1305 1. Metodología de la programación 1.1Lógica de programación. 1.1.1Descripción y utilización de operaciones
Más detallesProgramación con lenguajes de guión en páginas web v1
Programación con lenguajes de guión en páginas web v1 Modalidad: e-learning con una duración 56 horas Objetivos: Permite al alumnado adquirir las competencias profesionales necesarias para identificar
Más detallesMÓDULO FORMATIVO MF0951_2 UNIDAD FORMATIVA UF1305
MÓDULO FORMATIVO MF0951_2 UNIDAD FORMATIVA UF1305 TEMÁTICA: Metodología de la programación Lógica de programación. Descripción y utilización de operaciones lógicas. Secuencias y partes de un programa.
Más detallesAGRADECIMIENTOS INTRODUCCIÓN... 17
ÍNDICE AGRADECIMIENTOS... 15 INTRODUCCIÓN... 17 CAPÍTULO 1. CONCEPTOS BÁSICOS DE XHTML... 21 REGLAS DEL XHTML A TENER EN CUENTA... 22 ESTRUCTURA DE UN DOCUMENTO XHTML... 24 El DOCTYPE y la codificación...
Más detallesAGRADECIMIENTOS INTRODUCCIÓN... 17
ÍNDICE AGRADECIMIENTOS... 15 INTRODUCCIÓN... 17 CAPÍTULO 1. PROGRAMANDO CON XHTML... 21 REGLAS DEL XHTML A TENER EN CUENTA... 22 ESTRUCTURA DE UN DOCUMENTO XHTML... 24 El DOCTYPE y la codificación... 24
Más detallesPROGRAMACIÓN CON LENGUAJES DE GUIÓN EN PÁGINAS DURACIÓN 90 WEB.
DATOS IDENTIFICATIVOS DE LA UNIDAD FORMATIVA UNIDAD FORMATIVA PROGRAMACIÓN CON LENGUAJES DE GUIÓN EN PÁGINAS DURACIÓN 90 WEB. Especifica Código UF1305 Familia profesional INFORMÁTICA Y COMUNICACIONES Área
Más detallesInformática. JavaScript: Eventos. Fco J. Martín Mateos Carmen Graciani
Informática JavaScript: Eventos Fco J. Martín Mateos Carmen Graciani Dpto. Ciencias de la Computación e Inteligencia Artificial Universidad de Sevilla Eventos Los eventos son señales que se generan como
Más detallesInformática General 2018 Cátedra: Valeria Drelichman, Pedro Paleo, Leonardo Nadel, Norma Morales
UNA / AREA TRANSDEPARTAMENTAL DE ARTES MULTIMEDIALES Licenciatura en Artes Multimediales Informática General 2018 Cátedra: Valeria Drelichman, Pedro Paleo, Leonardo Nadel, Norma Morales JavaScript - Programación
Más detallesDesarrollo de Aplicaciones Web con PHP. Javier Enciso
Desarrollo de Aplicaciones Web con PHP Javier Enciso Agenda Hojas de Estilos Qué es CSS? Para qué sirve? Cómo funciona? Ejemplos Validación de Formularios Fundamentos de JavaScript Utilización de JavaScript
Más detallesInformática General Cátedra: Valeria Drelichman Pedro Paleo Leonardo Nadel Norma Morales
Informática General 2018 Cátedra: Valeria Drelichman Pedro Paleo Leonardo Nadel Norma Morales Qué es JavaScript? Se trata de un lenguaje de tipo script compacto, basado en objetos y guiado por eventos
Más detallesHTML Dinámico: JavaScript. HTML Dinámico: JavaScript
escuela técnica superior de ingeniería informática HTML Dinámico: JavaScript Departamento de Lenguajes Software Noviembre 2004 Cliente web HTTP TCP/IP Servidor de aplicaciones SQL Servidor de datos Validación
Más detallesLenguajes de Script. Qué son los Lenguajes de Script?
JavaScript (I) 1 Lenguajes de Script Qué son los Lenguajes de Script? Scritps de cliente: son programas que pueden acompañar a un documento HTML o bien ir incrustados en él. Un lenguaje de script es un
Más detallesModelo de objetos de documento
Departamento de Lenguajes y Sistemas Informáticos Modelo de objetos de documento Programación en Internet Curso 2004-2005 Índice Introducción Modelo de Netscape Cómo acceder a un formulario DLSI - Universidad
Más detallesDiseño de Aplicaciones Web: JavaScript Marzo de 2015 Diseño de Aplicaciones Web 1
: JavaScript 1 Características JavaScript es un lenguaje de programación interpretado. El código está empotrado en la página HTML Permite la generación de páginas dinámicas Se puede utilizar tanto en el
Más detallesUniversidad Autónoma de Baja California Escuela de Pedagogía Lenguaje de Programación Javascript Básico
1. Introducción Qué es Javascript? Javascript provee interactividad a páginas HTML. Es un lenguaje interpretado. No requiere licencia. Es reconocido por los principales browsers como Netscape y Explorer.
Más detallesPOW. Tema 5: Introducción a JavaScript. Programación Orienta a la Web
POW Tema 5: Introducción a JavaScript Qué es JavaScript JavaScript es un lenguaje de programación que se utiliza principalmente para crear páginas web dinámicas. Una página web dinámica es aquella que
Más detallesJavaScript: Eventos. Francisco J. Martín Mateos Carmen Graciani Diaz
Francisco J. Martín Mateos Carmen Graciani Diaz Dpto. Ciencias de la Computación e Inteligencia Artificial Universidad de Sevilla Eventos Los eventos son señales que se generan como consecuencia de la
Más detallesCONFECCIÓN Y PUBLICACIÓN DE PÁGINAS WEB (IFCD0110)
GUION INFORMATIVO DEL CERTIFICADO DE PROFESIONALIDAD CONFECCIÓN Y PUBLICACIÓN DE PÁGINAS WEB (IFCD0110) Fecha inicio: 4 de abril de 2018 Fecha fin: 31 de julio de 2018 Duración: 480 horas Horario: 09:00
Más detallesLos scripts ofrecen a los autores la posibilidad de extender los documentos HTML de maneras activas e interactivas. Por ejemplo:
Lenguajes Scripts Introducción a los scripts Un script en el lado del cliente es un programa que puede acompañar a un documento HTML o que puede estar incluido en él. El programa se ejecuta en la máquina
Más detallesHTML Dinámico: JavaScript. HTML Dinámico: JavaScript. Grupo de Ingeniería del Software. Departamento de Lenguajes y Sistemas Informáticos HTTP TCP/IP
escuela técnica superior de ingeniería informática HTML Dinámico: JavaScript Departamento de Lenguajes 2005 Cliente web HTTP TCP/IP Servidor de aplicaciones SQL Servidor de datos Validación Validación
Más detallesCaracterísticas de JavaScript
Características de JavaScript Qué es JavaScript? o Lenguaje de programación interpretado utilizado fundamentalmente para dotar de comportamiento dinámico a las páginas web. o Cualquier navegador web actual
Más detallesScripting en el cliente: Javascript. Tecnologías Web
Scripting en el cliente: Javascript Tecnologías Web Funciones anidadas Funciones (avanzado) A partir de JavaScript 1.2 y ECMAScript v3, se pueden definir funciones anidadas Aunque podamos definir funciones
Más detallesUF1305: Programación con lenguajes de guion en páginas web
UF1305: Programación con lenguajes de guion en páginas web Elaborado por: Lorena Rodriguez Cortés Edición: 5.1 EDITORIAL ELEARNING S.L. ISBN: 978-84-16424-30-6 No está permitida la reproducción total o
Más detallesJavaScript: Introducción
JavaScript y AJAX http://www.it.uc3m.es/pedmume/ JavaScript: Introducción Tecnología del cliente. Se ejecuta en los navegadores, que además de HTML, casi todos interpretan este lenguaje. Se interpreta
Más detallesEVENTOS PRIMERA PARTE
EVENTOS PRIMERA PARTE JavaScript es un lenguaje "orientado a eventos", esto quiere decir que está preparado para responder a acciones del navegante, cosas que ocurran en el navegador, etc. (a eso es a
Más detallesJava Script Tecnologías de la Información y la Comunicación 1º Bachillerato Curso
Java Script Tecnologías de la Información y la Comunicación 1º Bachillerato Curso2015-2016 Programación para Páginas web:java Script 1. Conceptos básicos Antes de comenzar a programar, deberíamos tener
Más detallesJavaScript permite realizar scripts con ambos métodos de programación: secuencial y basada en eventos.
1 EVENTOS INTRODUCCIÓN JavaScript permite realizar scripts con ambos métodos de programación: secuencial y basada en eventos. El nivel 1 de DOM no incluye especificaciones relativas a los eventos JavaScript.
Más detalles(a) Estar en posesión del Título de Graduado en Educación Secundaria Obligatoria (ESO)
Curso de programación con JavaScript 485 Aprende a programar sitios con Al terminar este curso sabrás cómo dotar de interactividad y dinamismo tus sitios, mediante el más extendido de los scripting languages
Más detallesHTML Dinámico. Desarrollo de Aplicaciones Web Departamento Informática y Sistemas Universidad de Murcia Curso 2014/15
HTML Dinámico Desarrollo de Aplicaciones Web Departamento Informática y Sistemas Universidad de Murcia Curso 2014/15 Motivación Añadir capacidades de interacción a las páginas web. Ejemplo: validación
Más detallesEl lenguaje JavaScript. Asignatura: Fonaments Cartografia i SIG Curso: 2006/07 Profesor: Toni Navarrete
El lenguaje JavaScript Asignatura: Fonaments Cartografia i SIG Curso: 2006/07 Profesor: El lenguaje Javascript Pág. 1 1. Introducción JavaScript es un sencillo lenguaje de programación, que presenta una
Más detallesLenguajes de Script. Qué son los Lenguajes de Script?
JavaScript (I) 1 Lenguajes de Script Qué son los Lenguajes de Script? Scritps de cliente: son programas que pueden acompañar a un documento HTML o bien ir incrustados en él. Un lenguaje de script es un
Más detallesInformática. JavaScript: Lenguaje de programación. Fco J. Martín Mateos Carmen Graciani
Informática JavaScript: Lenguaje de programación Fco J. Martín Mateos Carmen Graciani Dpto. Ciencias de la Computación e Inteligencia Artificial Universidad de Sevilla Literales Enteros Con base decimal:
Más detallesÍndice INTRODUCCIÓN...13
Índice INTRODUCCIÓN...13 CAPÍTULO 1. METODOLOGÍA DE LA PROGRAMACIÓN...17 1.1 INTRODUCCIÓN...18 1.2 LÓGICA DE PROGRAMACIÓN...18 1.2.1 Las variables...19 1.2.2 Operaciones aritméticas...20 1.2.3 Operaciones
Más detallesÍndice INTRODUCCIÓN...11 CAPÍTULO 1. SELECCIÓN DE ARQUITECTURAS Y HERRAMIENTAS DE PROGRAMACIÓN...13
Índice INTRODUCCIÓN...11 CAPÍTULO 1. SELECCIÓN DE ARQUITECTURAS Y HERRAMIENTAS DE PROGRAMACIÓN...13 1.1 Evolución Y CARACTERísticas de LOS navegadores Web...14 1.2 ARQUITECTURA de ejecución...17 1.3 Lenguajes
Más detallesNode.JS Raspberry Pi (RPi) 2015/05/08 Juan V. Capella
Node.JS Raspberry Pi (RPi) 2015/05/08 Juan V. Capella Contenido Objetivo Introducción Operadores Tipos de datos Funciones Networking armpower.blogs.upv.es 2 Objetivo Aprender a instalar Node.js Conocer
Más detallesEl programa en JavaScript debe ir encerrado entre la marca script e inicializada la propiedad type con la cadena text/javascript:
Javascript Qué es JavaScript? Es un lenguaje de scripting (Código interno en las páginas HTML) necesario para los elaboradores de sitios Web, mediante el cual se puede hacer que las páginas sean activas
Más detallesSesión 10 Integración cliente/servidor
Sesión 10 Integración cliente/servidor Objetivo Desarrollar aplicaciones web que interactúen de forma eficiente y eficaz en su desempeño en el modelo cliente/servidor. En esta sesión Figura 1. Mapa de
Más detallesJavaScript DOM. JavaScript - Jerarquía de Objetos. JavaScript - Jerarquía de Objetos. Jerarquía de Objetos del Navegador
JavaScript Jerarquía de Objetos del Navegador DOM 1 Son los objetos disponibles en Javascript para controlar cualquier elemento en una página web. Javascript trabaja con esta jerarquía de objetos. Con
Más detallesJavaScript: Lenguaje de programación
Francisco J. Martín Mateos Carmen Graciani Diaz Dpto. Ciencias de la Computación e Inteligencia Artificial Universidad de Sevilla Literales Enteros Con base decimal: 45, -43 Con base octal: 043, -054 Con
Más detallesIntroducción a la programación en PHP
Introducción a la programación en PHP Qué es PHP? Hypertext Pre-processoes (PHP) es un lenguaje de "código abierto" interpretado, de alto nivel, embebido en páginas HTML y ejecutado en un servidor. Qué
Más detallesJavaScript: Objetos del documento
Francisco J. Martín Mateos Carmen Graciani Diaz Dpto. Ciencias de la Computación e Inteligencia Artificial Universidad de Sevilla Modelo de objetos del documento Todo documento HTML tiene una estructura
Más detallesAplicaciones Web. Aplicaciones Distribuidas
Aplicaciones Web Aplicaciones Distribuidas Contenido La Web. Sitios Web vs. Aplicaciones Web. HTTP. HTML. Sesiones. Tecnologías facilitadoras. HTML Dinámico. JavaScript. 2 La Web Petición http://www.um.es/index.html
Más detallesCondicionales. Comparación. Combinación
Condicionales Cuando hay que tomar una decisión aparecen las estructuras condicionales. En nuestra vida diaria se nos presentan situaciones donde debemos decidir: Entro al sitio A o al sitio B?, etc. Cuando
Más detallesLISTA DE EVENTOS JAVASCRIPT. (ON) CLICK, DBLCLICK, MOUSEOVER, MOUSEOUT, CHANGE, SUBMIT, KEYPRESS, ETC. (CU01159E)
APRENDERAPROGRAMAR.COM LISTA DE EVENTOS JAVASCRIPT. (ON) CLICK, DBLCLICK, MOUSEOVER, MOUSEOUT, CHANGE, SUBMIT, KEYPRESS, ETC. (CU01159E) Sección: Cursos Categoría: Tutorial básico del programador web:
Más detallesPHP: Lenguaje de programación
Francisco J. Martín Mateos Carmen Graciani Diaz Dpto. Ciencias de la Computación e Inteligencia Artificial Universidad de Sevilla Tipos de datos Enteros Con base decimal: 45, -43 Con base octal: 043, -054
Más detallesJavaScript: Introducción
JavaScript: Introducción A principios de los años 90, la mayoría de usuarios que se conectaban a Internet lo hacían con módems a una velocidad máxima de 28.8 kbps. En esa época, empezaban a desarrollarse
Más detallesCurso de JavaScript y DOM Scripting para Desarrollo Web
Curso de JavaScript y DOM Scripting para Desarrollo Web Descripción: Hoy en día, los usuarios de Internet esperan que los sitios Web proporcionen funcionalidades avanzadas, interfaces de usuario dinámicas
Más detallesJavaScript. Tema 3. Texto. Parte I: El núcleo del lenguaje. Interfaz básico con el navegador.
Tema 3 JavaScript http://www.flickr.com/photos/schill/3735965832/ http://www.flickr.com/photos/nyuhuhuu/3367743012 Texto Parte I: El núcleo del lenguaje. Interfaz básico con el navegador. http://www.flickr.com/photos/coda/534787684
Más detalles1. Los lenguajes de marcas. - Características de los lenguajes de marcas.
IFCD0110: CONFECCIÓN Y PUBLICACIÓN DE PÁGINAS WEB CÓDIGO ESPECIALIDAD C.P. PRESEN- CIALES TELEFORMA- CIÓN TOTALES TIPO DE FORMACIÓN IFCD0110 CONFECCIÓN Y PUBLICA- CIÓN DE PÁGINAS WEB SI 200 280 480 OBJETIVOS
Más detallesÍndice. Fundamentos de Desarrollo de Aplicaciones Web en J2EE. JavaScript básico. Qué es JavaScript? Para qué es bueno JavaScript?
Fundamentos de Desarrollo de Aplicaciones Web en J2EE JavaScript básico Dpto. de Ingeniería de Sistemas Telemáticos http://www.gsi.dit.upm.es/moodle/course/category.php?id=1 Qué es JavaScript? Integración
Más detallesFormularios. Botón. Cuadros de texto
Formularios Los formularios son los elementos que permiten la entrada de datos. Llevan cuadros de texto, botones, etc. Podemos acceder a estos elementos como a cualquier otro de la página, por sus atributos,
Más detallesDiferencias con Java.
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
Más detallesFundamentos PHP. El término puntuación nos referimos a la sintaxis usada en PHP para la terminación de una línea de código (;)
Tags Fundamentos PHP La Sintaxis de PHP se deriva de muchos lenguajes de programación principalmente de C pero Perl también ha tenido mucha influencia en esta sintaxis Con las últimas incorporaciones agregadas,
Más detallesEl lenguaje JavaScript. Asignatura: Programació III Curso: 1999/2000 Profesor: Toni Navarrete
El lenguaje JavaScript Asignatura: Curso: 1999/2000 Profesor: El lenguaje Javascript Pág. 1 1. Introducción Al crear páginas web en HTML nos damos cuenta de que estamos ciertamente restringidos a sólo
Más detallesInformática General 2016 Cátedra: Valeria Drelichman, Pedro Paleo, Leonardo Nadel, Norma Morales
UNA / AREA TRANSDEPARTAMENTAL DE ARTES MULTIMEDIALES Licenciatura en Artes Multimediales Informática General 2016 Cátedra: Valeria Drelichman, Pedro Paleo, Leonardo Nadel, Norma Morales JavaScript Algoritmo
Más detallesCaracterísticas de Lenguajes de Scripts
Lenguaje JavaScript Objetivos Conocer las características de los lenguajes de scripts en general y específicamente de JavaScript Conocer los Tipos de Páginas Web y cuando deben utilizarse. Conocer la sintaxis
Más detallesHTML, PHP y bases de datos
HTML, PHP y bases de datos Estrella Pulido Cañabate HTML Estructura de un documento HTML Zen and Tumbolia The Zen monk Bassui wrote a letter to one of his disciples
Más detallesJavaScript: Variables
JavaScript: Variables Una variable es un elemento que se emplea para almacenar y hacer referencia a otro valor. Gracias a las variables es posible crear "programas genéricos", es decir, programas que funcionan
Más detallesJavaScript. María Consuelo Franky. Universidad Javeriana 2009
JavaScript María Consuelo Franky Universidad Javeriana 2009 1 JavaScript en paginas web 2 Los scripts permiten hacer procesamiento en el cliente (navegador) antes de enviar datos al servidor Permiten realizar
Más detallesSENTENCIAS DE CONTROL
SENTENCIAS DE CONTROL Al igual que otros lenguajes de programación, JavaScript tiene implementadas estructuras o sentencias de control, que regulan el flujo del programa y ejecutan o no fragmentos de código
Más detallesPRÓLOGO...13 CAPÍTULO 1. INTRODUCCIÓN A AJAX...17
ÍNDICE PRÓLOGO...13 CAPÍTULO 1. INTRODUCCIÓN A AJAX...17 1.1 CONTEXTO DE UTILIZACIÓN DE AJAX...17 1.2 QUÉ ES AJAX?...18 1.3 LAS TECNOLOGÍAS AJAX...20 1.4 PRIMERA APLICACIÓN AJAX...22 1.4.1 DESCRIPCIÓN
Más detallesPrimer Script sencillo
SCRIPTS El lenguaje para describir páginas, HTML, queda limitado a la hora de definir cualquier tipo de interactividad. Necesitamos aprender algún lenguaje nuevo para hacer pequeños efectos o interactividades.
Más detallesModelo de objetos de documento
Departamento de Lenguajes y Sistemas Informáticos Modelo de objetos de documento Programación en Internet Curso 2007-2008 Índice Introducción DOM Cómo acceder a un formulario BOM DLSI - Universidad de
Más detallesScripting en el cliente: Javascript. Tecnologías Web
Scripting en el cliente: Javascript Tecnologías Web Motivación Por qué usar JavaScript? Permite crear efectos atractivos visualmente Permite crear sitios WEB que se visualicen de la misma manera en distintos
Más detallesApunte Laboratorio ALPI - El lenguaje de programación Pascal
Apunte Laboratorio ALPI - El lenguaje de programación Pascal 1 2 ÍNDICE GENERAL Índice 1. Estructura de un Programa en Pascal 3 2. Sintaxis de Pascal 4 2.1. Uso de mayúsculas.....................................
Más detallesHTML dinámico: Procesado de Formularios
HTML dinámico: Procesado de Formularios Departamento de Lenguajes escuela técnica superior de ingeniería informática Versión original: Pablo Fernández (noviembre 2006) Tiempo: 2h Grupo de Ingeniería del
Más detallesProgramación Web Tema 3.2 Java Script Estructura del Lenguaje. Ramón Alcarria ETSI en Topografía, Geodesia y Cartografía - UPM
Programación Web Tema 3.2 Java Script Estructura del Lenguaje Miguel Ángel Manso Emerson Castañeda Ramón Alcarria ETSI en Topografía, Geodesia y Cartografía - UPM Contenido Variables Operadores Estructuras
Más detallesJavaScript toma su sintaxis de los lenguajes de programación más conocidos, fundamentalmente C/C++, aunque también algo de Pascal.
1 JavaScript 1.1 Qué es JavaScript? JavaScript es un lenguaje interpretado. Es idóneo para trabajar en Web, ya que son los navegadores que utilizamos los que interpretan (y por tanto ejecutan) los programas
Más detallesescuela técnica superior de ingeniería informática
Versión original: Pablo Fernández (noviembre 2006) Actualización: P. Fernandez. Cambios menores en animaciones (Noviembre 2009) Tiempo: 2h escuela técnica superior de ingeniería informática HTML dinámico:
Más detallesJavaScript. PDF created with pdffactory trial version (c) Juan Carlos Cano Todos los derechos reservados
JavaScript Sintaxis de JavaScript (1) instrucciones q La etiqueta script se utiliza para definir un script de navegador (client-side script). q El atributo type
Más detallesJavaScript para Hacking Web
Webinar Gratuito JavaScript para Hacking Web Alonso Eduardo Caballero Quezada Instructor y Consultor en Hacking Ético, Informática Forense & GNU/Linux Sitio Web: http://www.reydes.com e-mail: ReYDeS@gmail.com
Más detallesJavaScript Básico. Elementos Básicos: Comentarios: Literales: Valores que puede tomar una variable o una constante.
Javascript (II) 1 Elementos Básicos: Comentarios: Para una línea // Esto es un Comentario Para un bloque /*......... */ Literales: Valores que puede tomar una variable o una constante. Ejemplos: "Soy una
Más detallesIngeniería Web. Navegadores Web. Fernando Barraza A.
Ingeniería Web Navegadores Web Fernando Barraza A. fbarraza@javerianacali.edu.co Que es un navegador Un navegador, navegador red o navegador web (del inglés, web browser) es una aplicación de software
Más detallesIntroducción a Java. Introducción a Java. Programación I
Introducción a Java Introducción a Java Programación I Como Funciona Tipos de Datos TIPO TAMAÑO RANGO byte 8 bits Valores numéricos de 128 a 127 short 16 bits Valores numéricos de 32.768 a 32.767 int 32
Más detallesExpresiones y operadores Las expresiones y operadores (son iguales a las usadas en C, C++ o Java) pueden ser: aritméticos, lógicos o relacionales.
1 Script: Es archivo de órdenes o archivo de procesamiento por lotes es un programa usualmente simple, que por lo regular se almacena en un archivo de texto plano. Los script son casi siempre interpretados.
Más detalles<SCRIPT SRC='xxxxxxxxxx.js'> <!-- contenido alternativo al script //-->
EJECUCIÓN SECUENCIAL: TUTORIAL JAVASCRIPT LLAMADA A FUNCIONES: p.e. ONCLICK="control()" HREF="javascript: control()" FICHEROS EXTERNOS:JS:
Más detallesTodo programa en 'C' consta de una o más funciones, una de las cuales se llama main.
LENGUAJE C CARACTERISTICAS DEL LENGUAJE 'C' El lenguaje 'C' se conoce como un lenguaje compilado. Existen dos tipos de lenguaje: interpretados y compilados. Los interpretados son aquellos que necesitan
Más detallesManejo de eventos en JavaScript WEB-TECHNOLOGIES
Manejo de eventos en JavaScript JUAN CARLOS CONDE RAMÍREZ WEB-TECHNOLOGIES Objetivos Entender el uso de Formularios y Eventos con JavaScript. Visualizar la importancia de delegar el manejo de eventos al
Más detallesPre-Laboratorio 1 MA-33A : Introducción a Matlab
Pre-Laboratorio 1 MA-33A 2007-1: Introducción a Matlab Gonzalo Hernández - Gonzalo Rios UChile - Departamento de Ingeniería Matemática 1 Interfaz de Matlab Al ejecutar el programa Matlab, se abrirá una
Más detallesHTML Dinámico: Procesado de Formularios - Validación en Cliente -
HTML Dinámico: - Validación en Cliente - Grupo de Ingeniería del Software Web vs. Aplicación Web 1 IISSI 1 Hacia la Web 2.0 2 HTTP TCP/IP SQL Cliente web Servidor de aplicaciones Servidor de datos 3 IISSI
Más detallesPresentación y objetivos
Programación de Java Programación Web Presentación y objetivos JavaScript es un lenguaje de programación que se utiliza para realizar acciones dentro del ámbito de una página Web. Se trata de una programación
Más detallesTemario Programación Web para Web
Temario Programación Web para Web 1 Introducción al HTML 1 Qué es una página web? T 2 Qué es HTML? T 3 Porqué aprender HTML T 4 Base del lenguaje: las etiquetas HTML V 5 Estructura de un documento HTML
Más detallesCertificado de Profesionalidad Confección y publicación de páginas web (IFCD0110)
Certificado de Profesionalidad Confección y publicación de páginas web (IFCD0110) ÁREA: INFORMÁTICA ÁREA: IDIOMAS MODALIDAD: PRESENCIAL MODALIDAD: PRESENCIAL 75 HORAS 600 HORAS OBJETIVOS Identificar los
Más detallesComo todo lenguaje de programación trabaja con variables, es decir, pequeños almacenes de memoria.
1. VARIABLES Uf-1305: PROGRAMACIÓN CON LENGUAJES SCRIPT EN PÀGINES WEB JavaScript es un potente lenguaje interpretado que proporciona interactividad a un sitio web. Como todo lenguaje de programación trabaja
Más detallesProgramación páginas web con PHP
Programación páginas web con PHP Duración: 65 horas Objetivos: Curso de desarrollo de aplicaciones web. Para ello se estudia la programación de la parte cliente con JavaScript y la programación de la parte
Más detallesResumen manual de Javascript. Resumen Javascript. Este es un resumen de lo visto en el manual de Javascript de Aprende Web
Resumen Javascript Este es un resumen de lo visto en el manual de Javascript de Aprende Web http://aprende-web.net/javascript 1. Lo básico 1.1. Introducción En este tema haremos un resumen de lo visto
Más detallesFundamentos de Programación
Fundamentos de Programación COMENTARIOS Microsoft Visual Basic interpreta que todo lo que está a la derecha del carácter ( ) en una línea cualquiera de programa es un comentario y no ejecuta acción alguna.
Más detallesAsignatura: Programación 4
Conferencia #3 JavaScript y DOM Objetivos: Conocer utilidad de las tecnologías de programación Web del lado del cliente. Conocer la filosofía de trabajo con el DOM. Conocer elementos básicos de JavaScript
Más detallesIntroducción a Lenguajes Scripts Desarrollo Plataforma Web/Programación Web Ing. Tomás Eduardo Urbina. Lenguajes de script
Lenguajes de script Un lenguaje de script es un pequeño lenguaje de programación cuyo código se inserta dentro del documento HTML. Este código se ejecuta en el navegador del usuario al cargar la página,
Más detallesBOLETÍN OFICIAL DEL ESTADO
Núm. 300 Miércoles 14 de diciembre de 2011 Sec. I. Pág. 135369 ANEXO I I. IDENTIFICACIÓN DEL CERTIFICADO DE PROFESIONALIDAD Denominación: Confección y Publicación de Páginas Web.. Código: IFCD0110 Familia
Más detallesNOCIONES BASICAS DE Miguel Iván Bobadilla
NOCIONES BASICAS DE Miguel Iván Bobadilla ~ 1 ~ Indice Introducción... 4 Sintaxis de Python... 6 Datos... 6 Tipos de datos básicos... 7 Asignando valores, variables y constantes... 8 Salida de datos...
Más detallesINTRODUCCIÓN A LA PROGRAMACIÓN. 1º Bachillerato
INTRODUCCIÓN A LA PROGRAMACIÓN 1º Bachillerato Qué es un programa? Componente informático que se utiliza para realizar una determinada tarea. Se compone de algoritmos y estructuras de datos Algoritmos:
Más detallesElementos de un programa en C
Elementos de un programa en C Un programa en C consta de uno o más archivos. Un archivo es traducido en diferentes fases. La primera fase es el preprocesado, que realiza la inclusión de archivos y la sustitución
Más detallesFORMULARIOS JAVASCRIPT: EJEMPLOS DE DOCUMENT.FORMS Y ELEMENTS. ACCESO DIRECTO A FORMULARIOS Y CAMPOS CON ID Y NAME (CU01175E)
APRENDERAPROGRAMAR.COM FORMULARIOS JAVASCRIPT: EJEMPLOS DE DOCUMENT.FORMS Y ELEMENTS. ACCESO DIRECTO A FORMULARIOS Y CAMPOS CON ID Y NAME (CU01175E) Sección: Cursos Categoría: Tutorial básico del programador
Más detallesHerramientas Modernas de Programación Licenciatura en Administración de Tecnologías de Información y Comunicaciones
Herramientas Modernas de Programación Licenciatura en Administración de Tecnologías de Información y Comunicaciones Rafael Vázquez Pérez Contenido Introducción a JavaScript Tratamiento de variables Los
Más detallesConstrucción de formularios en HTML. Formularios. Bases de Datos 2012/2013. Luis Valencia Cabrera
Construcción de formularios en HTML. Formularios Bases de Datos 2012/2013 Luis Valencia Cabrera Contenido Formularios... 2 Controles... 2 Campos de texto... 2 Selección de opciones... 3 Selección de ficheros...
Más detallesCertificado de Profesionalidad CONFECCIÓN Y PUBLICACIÓN DE PÁGINAS WEB [Nivel 2]
INFORMÁTICA Y COMUNICACIONES Certificado de Profesionalidad CONFECCIÓN Y PUBLICACIÓN DE PÁGINAS WEB [Nivel 2] Confección y publicación de páginas web Contenidos I IDENTIFICACIÓN DEL CERTIFICADO DE PROFESIONALIDAD
Más detalles