APIs de HTML. Jose Emilio Labra Gayo Departamento de Informática Universidad de Oviedo
|
|
|
- Antonia Carrasco Ferreyra
- hace 8 años
- Vistas:
Transcripción
1 APIs de HTML Jose Emilio Labra Gayo Departamento de Informática Universidad de Oviedo
2 JavaScript Netscape 2 (1995) incorpora Javascript (Brendan Eich) Manipular páginas Web interactivamente No viene de Java Originalmente, LiveScript (cambio de nombre por marketing) Microsoft desarrolló JScript Problemas compatibilidad Estándar ECMAScript (1997) Javascript = implementación de ECMAScript ECMAScript = lenguaje de scripting basado en objetos Se ejecuta empotrado en un navegador No se realizan comprobaciones estáticas de tipos Sintaxis similar a Java Herencia basada en prototipos (no en clases)
3 Javascript Language de scripting interpretado Tipado débil (loose typing) Objetos como contenedores generales Herencia mediante prototipos Funciones lambda Funcionamiento empotrado con objetos predefinidos Math, String, Date, Window, Document,
4 Generalidades de JavaScript Elementos de JavaScript: Objetos Expresiones Estructuras de control Funciones Arrays Eventos
5 Valores de Javascript Números Cadenas (String) Booleanos Objetos null undefined
6 Números Sólo hay un tipo numérico (equivaldría a Double) No hay enteros Valor especial: NaN (Not a Number) Resultado de operaciones erróneas Number(x) = convierte x a nº parseint(x,r) = convierte x a nº Math = objeto predefinido con funciones matemáticas abs, floor,log,max,pow,random,sin, sqrt,
7 Cadenas No hay tipo carácter Pueden utilizarse comillas simples o dobles cadena.length = longitud de cadena String(x) = convierte x a String cad1 + cad2 = concatena cad1 y cad2 Métodos: charat, concat, indexof, lastindexof, match, replace, search, slice, split, substring, tolowercase, touppercase
8 Booleanos Valores true, false
9 Null Un valor que no es nada
10 Undefined Valor por defecto variables y parámetros Valor de miembros no definidos de objetos
11 Objetos Salvo los tipos primitivos, todo son Objetos Objeto Tabla Hash new Object() = contenedor vacío, parejas nombre/valor Los miembros se acceden mediante carácter punto (.)
12 Tipado débil El lenguaje no es "sin tipos"
13 La Etiqueta <script> Sintaxis <script> //instrucciones javascript </script> Dónde se colocan los scripts? En general, dentro de <head>... </head> Si genera una salida, dentro de <body>... </body> En atributos de algunas etiquetas (eventos) En un fichero externo <script type="text/javascript" src="fuente.js"></script>
14 Objetos en Javascript Objetos Predefinidos String: Cada vez que se asigna una cadena de caracteres a una variable, se crea un objeto de la clase String Math: Se usa para efectuar cálculos matemáticos Date: Para el manejo de fechas y horas Array: almacena un conjunto de valores Boolean Objetos del entorno ó API: Browser, Document, Objetos definidos por el usuario
15 Métodos habituales String: length(): longitud del string replace(): reemplaza un texto por otro ToUpperCase ():pasa a mayúsculas Date: gettime() getfullyear() getday Array sort(): ordena elementos concat(): concatena dos arrays Math Round() max(), min() PI
16 Nombres de Variables Nombres sensibles mayúsculas/minúsculas. Deben comenzar por una letra o guión bajo. No deben coincidir con palabras reservadas Se podrían definir como variables: Nombre _Opción15 mes3 Declaración: Con la palabra reservada var : var x Inicialización: var x = 42
17 Comentarios Una línea: // comentario de una línea Varias líneas: /* comentario de varias líneas */
18 Bucles While Do while For For in while (condicion) { //código } do { //código } while (condicion); for (inicialización; condición; incremento){ //código } for (variable in object) { //código }
19 Sentencias condicionales if (condicion) { //código para condición = true } else { //código para condición = false } switch (expresion){ case e1: //código si expresion == e1 break case e2: //código si expresion == e2 break default: //código si expresión no es ninguna }
20 Operadores Aritméticos: +, -, *, /, %, ++, -- Asignación: =, +=, -=, *=, /=, %= Comparación: ==,!=, >, <, >=, <= Lógicos: &&,,!
21 Objetos y propiedades Acceso a propiedades de un objeto: nombreobjeto.nombrepropiedad Las propiedades se definen asignándoles un valor Es posible definir nuevos objetos de dos formas diferentes: Mediante inicialización de objetos Mediante una función constructora y new No hay clases Herencia mediante prototipos
22 Funciones Sintaxis function mifuncion(argumento1,argumento2, ) { //Código } Se puede usar la palabra reservada return pero no hay que indicar nada en la declaración de la función Pueden definirse funciones anónimas (Ej. manejadores de eventos) var f = function() { // código }
23 Librerías Javascript Modernizr Detectar soporte de carácterísticas en navegadores antiguos Compatibilidad entre navegadores JQuery Facilita la selección de elementos Numerosos plugins
24 APIs HTML
25 APIs HTML W3c define una serie de APIs para la Web Objetivo: estandarizar desarrollo de Aplicaciones Web Ejemplos: Documentos (XML, HTML): DOM 1, 2, 3, 4 Canvas Geolocalización Web sockets Offline History API (Application Programmer Interface): Conjunto de interfaces, propiedades y métodos Definidas en IDL (Interface Definition Language): lenguaje "neutro"
26 Evolución HTML5 y Aplicaciones Web
27 DOM DOM = API para acceder y manipular documentos Independiente de plataforma y lenguaje de programación Se define mediante IDL (Interfaz Definition Language) La norma se define en niveles en lugar de versiones: Niveles 1, 2, 3
28 DOM Nivel 1 Recomendación en 1998 Contiene 3 partes: DOM Core = Documentos XML y HTML (común) Estructura de árbol: Node, Element, Attr,... Manipulación del árbol: appendchild, removechild,... DOM XML = Características de XML CDATASection, PIs, entityreference,... HTML = Funcionalidad especializada para HTML a.href, form.submit,...
29 DOM Nivel 2 Finalizado en 2000 (recomendación en 2003) Incluye Espacios de nombres Hojas de estilos (CSS) Modelo de eventos getelementbyid Recorridos (vista iterador, filtro, etc.)
30 DOM Nivel 3 Finalizado en 2004 Incluye Soporte para XML Base Cargar y almacenar documentos XPath Mezclar varios vocabularios Validación de documentos Nuevos tipos de eventos
31 Elementos básicos de DOM La base de DOM es un árbol de nodos. No se especifica cómo es la implementación Solo tiene que cumplir una interfaz Implementaciones en varios lenguajes: ECMAScript, Java, C++, Python, etc.
32 Estructura jerárquica En DOM, un documento XML se representa como un árbol DOM proporciona métodos, clases e interfaces para acceder y manipular el árbol <html> <head> <title>ejemplo</title> </head> <body> <h1>cabecera</h1> <p>un párrafo</p> </body> </html> head title Ejemplo html body h1 p Cabecera Un párrafo
33 Elementos <p>un párrafo</p> Element: p Text: Un párrafo
34 Subelementos <p>un párrafo <b>marcado</b> </p> Element: p Text: Un párrafo Element: b Text: marcado
35 Atributos <p class="right">un párrafo </p> <em>enfatizado</em> Element: p Text: Un párrafo Element: b Attr: class Text:right Text: marcado
36 Principales Interfaces Node Element Attr Document CharacterData... NodeList CDataSection NamedNodeMap
37 Nodo Documento El nodo documento representa el documento entero Métodos de búsqueda: documentelement: elemento raíz getelementbyid: elemento a partir de un ID getelementsbytagname: elementos con cierta etiqueta Métodos factoría (para crear nodos) createelement createattribute createcomment createprocessinginstruction...
38 Nodos del árbol El interfaz Node representa nodos del árbol Todos los demás heredan de Node Funcionalidad básica de manipulación del árbol Recorrido: attributes Attrib1... Attrib2... parentnode firstchild childnodes lastchild parentnode item(0) nextsibling item(1) item(2) nextsibling previoussibling previoussibling
39 nodename: DOMString Nodos del árbol Campos Genéricos Nombre del nodo (valor de la etiqueta) nodevalue : DOMString Valor del nodo (si es un elemento, nulo, si es un atributo, valor) attributes: NamedNodeMap Lista de atributos del nodo Los valores dependen del tipo de nodo: nodename nodevalue attributes Element etiqueta Null NamedNodeMap Attr nombre valor null Document #document null null Text #text contenido del texto null
40 Lista de nodos El interfaz NodeList indica una lista de nodos Los ítems son accedidos mediante el índice item(0), item(1), etc. length indica el número de ítems for (var i=0; i < listanodos.length; i++) procesa(listanodos[i]);
41 Manipulación del árbol appendchild añade un hijo insertbefore inserta un hijo antes que otro clonenode devuelve duplicado de nodo actual Argumento booleano (true = subelementos) removechild elimina un hijo replacechild substituye un hijo por otro hasattributes indica si tiene atributos haschildnodes indica si tiene hijos
42 APIs de HTML Acceso a HTML Acceso a CSS Canvas History Websockets Geoposicionamiento Almacenamiento local Aplicaciones offline
43 Diagrama window document event navigator history
44 Interfaz Document Algunas propiedades: body: devuelve el cuerpo del documento lastmodified: Fecha y hora de última modificación readystate: Estado de carga title: Título URL: URL del documento Algunos métodos: close(): Cierra el documento open(): Abre un documento write(), writeln(): Escribe contenido en un documento
45 Contexto de navegación Entorno en el que se visualizan los documentos Cada documento contiene: Objeto WindowProxy con interfaz Window Objeto Location Secuencia de documentos históricos con interfaz History Interfaz Window Métodos: close(), stop(), focus(), blur() alert(msg), confirm(msg), prompt(msg), print(), showmodaldialog()
46 Acceso a Hojas de estilo Propiedad style permite acceder/modificar CSS var n = document.getelementbyid("nota"); n.style.border="thick solid red";
47 Eventos HTML Manejador de eventos: Gestiona los eventos Crear manejadores de eventos propios Eventos: Tipo Ratón Teclado Documento Formularios Eventos click, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout keydown,keypress,keyup abort, error,load,resize,scroll,unload blur,change,focus,reset,select,submit
48 API Canvas
49 Canvas Propuesto originalmente por Apple (2004) Apple Dashboard Widget Actualmente funciona en los principales navegadores Canvas es un área de dibujo dentro de HTML Es posible interactuar mediante Javascript Permite visualizar formas e imágenes en 2D En desarrollo, contexto 3D (basado en WebGL) API sencilla: 45 métodos y 21 propiedades
50 Canvas getcontext("2d"): Obtiene contexto 2D de dibujo El objeto contexto se encarga de realizar los dibujos <html> <head><title>ejemplo</title></head> <script type="text/javascript" charset="utf-8"> function dibuja_canvas() { var canvas = document.getelementbyid("idcanvas"); var context = canvas.getcontext("2d"); context.fillrect(50, 25, 150, 100); } </script> <body> <canvas id="idcanvas" width="300" height="225"></canvas> <h1 onclick="dibuja_canvas()">dibuja</h1> </body> </html>
51 API Canvas Propiedad/Método fillstyle strokestyle fillrect(x,y,ancho,alto) strokerect(x,y,ancho,alto) removerect(x,y,ancho,alto) arc(x,y,ánguloinicio,ángulofin,dir) fill() stroke() globalalpha Parámetros Color de relleno Color, patrón ó gradiente Color de pluma Color, patrón ó gradiente Pinta un rectángulo relleno Pinta un rectángulo Borra un rectángulo Dibuja un arco Rellena Pinta Opacidad
52 Caminos (Paths) Propiedad/Método beginpath() closepath() moveto(x,y) lineto(x,y) arcto(x1,y1,x2,y2,radio) quadraticcurveto(cpx,cpy,x,y) beziercurveto(cp1x,cp1y,cp2x,cp2y,x,y) rect(x,y,ancho,alto) arc(x,y,r,anginicio,angfin,dir) Parámetros Iniciar camino Cerrar camino Mover a un punto Línea a un punto Arco Curva cuadrática Curva de Bezier Rectángulo Arco
53 Estado del canvas Todas las propiedades del contexto son globales Afectan a operaciones futuras Mediante save/restore, se pueden aplicar localmente Propiedad/Método save() restore() Parámetros Guarda estado actual Restaura último estado guardado
54 Imágenes Propiedad/Método drawimage(url) Parámetros Dibuja una imagen Imágenes de datos createimagedata() getimagedata() putimagedata() Crea una imagen de datos Obtiene una imagen de datos Pinta el canvas con una imagen
55 Texto Propiedad/Método filltext(texto,x,y) stroketext(texto,x,y) Parámetros Escribe un texto Rellena un texto
56 Librerías Canvas ProcessingJs ( Ai2canvas ( Exportar Adobe Illustrator a Canvas
57 Canvas vs SVG Canvas SVG Método de trabajo Basado en pixels (bitmap) Basado en formas. Primitivas de dibujo Elementos Un único elemento HTML Múltiples elementos gráficos. Manipulables mediante DOM Estilos Modificado mediante Script Script y CSS Modelo de eventos Interacción mediante coordenadas (x,y) Interaction mediante objetos (rect, path) Rendimiento Mejor con superficies pequeñas y muchos objetos Mejor con pocos objetos y superficies grandes
58 Canvas vs SVG Pantallas capturadas Escenas complejas, muchos objetos Diagramas interactivos, Grafos Imágenes estáticas Juegos 2D Documentos de alta calidad Impresión Manipular vídeos Anuncios Web Fuente en inglés: Jatinder Mann
59 Almacenamiento
60 API Almacenamiento Antes de HTML5 existían diversos métodos: Cookies, FlashStorage, IE UserData, En HTML5 APIs WebStorage Se accede mediante: window.localstorage, window.sessionstorage Otros en desarrollo: Web SQL Database, IndexedDB
61 Almacenamiento local Se accede mediante window.localstorage Se mantiene ante recargas de la página Evita sobrecarga de HTTP de las cookies Ej. Preferencias de usuario Almacenamiento = pares clave/valor Método/Propiedad setitem('clave', valor); getitem('clave'); length Descripción Inserta/actualiza un par clave/valor Obtiene el valor de una clave Nº de items key(nº) Clave de la posición nº removeitem('clave'); clear() Borra un par clave/valor Borra todos los pares
62 Almacenamiento de sesión Se accede mediante window.sessionstorage Similar a localstorage pero: Se mantienen los datos mientras el navegador está abierto Al abrir ventana o pestaña nueva se inicia una sesión nueva Útil para datos sensibles (ej. datos bancarios)
63 Aplicaciones offline
64 Aplicaciones offline Es posible conocer si una aplicación está online/ofline window.navigator.online = true si está conectado Permite cambiar la lógica de la aplicación si no hay conexión Caché de la aplicación Mediante el atributo manifest se pueden indicar los ficheros a descargarse en el cliente La aplicación seguirá teniendo acceso a esos ficheros auque esté offline
65 Aplicaciones offline Facilita la creación de aplicaciones Web que no dependan de tener acceso a Internet <!DOCTYPE HTML> <html manifest="hora.manifest"> <head> <script src="hora.js"></script> </head> <body> <p>la hora es: <output id="hora"></output></p> </body> </html> hora.manifest CACHE MANIFEST hora.html hora.js hora.js settimeout(function () { document.getelementbyid('hora').value = new Date(); }, 1000);
66 Geolocalización
67 Geolocalización Permite acceder a la ubicación del cliente El método depende del navegador: Dirección IP, conexión red inalámbrica, antena, GPS Importante: no hay garantía de que sea exacta Acceso: navigator.geolocation.getcurrentposition Método/Propiedad coords timestamp Descripción Coordenadas, con las propiedades: latitude, longitude, altitude, accuracy, altitudeaccuracy, heading, speed Instante de tiempo
68 Otras APIs Drag & drop: Permite arrastrar y soltar elementos Web workers: Permite hilos de concurrencia Sincronización mediante paso de mensajes Web sockets: Comunicación con el servidor File: Gestión de ficheros Touch events: Gestión de gestos en dispositivos táctiles History: Control de la historia de navegación...
69 Fin de la Presentación
Diseño de sitios Web mediante estándares
Diseño de sitios Web mediante estándares Curso de Verano Julio 2004 Departamento de Informática Universidad de Oviedo Añadir comportamiento a nuestras páginas: DOM Jose Emilio Labra Gayo Departamento de
Integración de XML en páginas Web dinámicas DOM. Jose Emilio Labra Gayo Departamento de Informática Universidad de Oviedo
Integración de XML en páginas Web dinámicas DOM Jose Emilio Labra Gayo Departamento de Informática Universidad de Oviedo Páginas Web estáticas vs. Dinámicas Motivación: Computación Dinámica Computación
6.1 APIs para XML. APIs para XML (I) ! Uno de los usos más habituales de XML (y menos esperado) es como formato de intercambio de datos.
6.1 APIs para XML APIs para XML (I)! Uno de los usos más habituales de XML (y menos esperado) es como formato de intercambio de datos.! En este caso los documentos XML nunca llegan a visualizarse, sino
JavaScript. Contenidos. Introducción El lenguaje Validación de formularios. Programación en Internet 2005-2006. DLSI - Universidad de Alicante 1
Departamento de Lenguajes y Sistemas Informáticos JavaScript Programación en Internet Curso 2005-2006 Contenidos Introducción El lenguaje Validación de formularios DLSI - Universidad de Alicante 1 Introducción
Índice. Programación en Internet Curso 2009-2010. Introducción El DOM en PHP. Programación en Internet 2009-2010. DLSI - Universidad de Alicante 1
Departamento de Lenguajes y Sistemas Informáticos PHP y XML Programación en Internet Curso 2009-2010 Introducción El DOM en PHP Índice DLSI - Universidad de Alicante 1 Introducción Cómo se trabaja con
DOM. Document Object Model
1 DOM Document Object Model INTRODUCCIÓN Es un conjunto de utilidades específicamente diseñadas para manipular documentos XML. Por extensión, DOM también se puede utilizar para manipular documentos XHTML
Scripting 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
FORMACIÓN ESPECIALIZADA EN HERRAMIENTAS Y LENGUAJES DE PROGRAMACIÓN WEB
HERRAMIENTAS Y LENGUAJES DE PROGRAMACIÓN WEB La consolidación de los medios online como soporte principal de comunicación, así como la coyuntura económica, que relega a los soportes publicitarios convencionales
Roberto Gómez Cárdenas rogomez@itesm.mx http://homepage.cem.itesm.mx/rogomez. Qué es DOM?
DOM y PHP Roberto Gómez Cárdenas rogomez@itesm.mx http://homepage.cem.itesm.mx/rogomez mx/rogomez Lámina 1 Qué es DOM? Document Object Model Especificación de W3C http://www.w3.org/dom/ w3 Mecanismo para
Microsoft XML Core Services MSXML
Microsoft XML Core Services MSXML Sergio Luján Mora sergio.lujan@ua.es http://gplsi.dlsi.ua.es/~slujan/ 1 MSXML... 3 Introducción... 3 Objetos del DOM... 5 Objeto XMLDOMDocument... 5 Construcción de un
CURSO INTERMEDIO DE PROGRAMACIÓN EN ANDROID
CURSO INTERMEDIO DE PROGRAMACIÓN EN ANDROID 1. Entorno de desarrollo y primera aplicación 1. El mundo Android 1.1 Android y las versiones 1.2 Personalizaciones del sistema operativo. 1.3 Dispositivos Android
Tema 3, parte 4. Javascript: el DOM (Modelo de Objetos del. Documento) Texto. http://www.flickr.com/photos/jm3/3620744443
http://www.flickr.com/photos/jm3/3620744443 Tema 3, parte 4 Javascript: el DOM (Modelo de Objetos del Texto Documento) Texto Javascript parte 4 El DOM 1. El árbol DOM Conceptos básicos sobre el API DOM
Ingeniería de Sistemas
Ingeniería de Sistemas Desarrollo y Servicios Web Sesión 7 Fernando Barraza A. fbarraza@puj.edu.co Sesión 7 Objetivo: Conocer el lenguaje de programación JavaScript, su estructura y aplicación en el desarrollo
La guía de la programación HTML5, CSS y JavaScript con Visual Studio
Tabla de contenidos INTRODUCCIÓN... 5 AGRADECIMIENTOS...6 TABLA DE CONTENIDOS... 7 CAPÍTULO 01 HTML 5: LAS TECNOLOGÍAS Y SU IMPLICACIÓN EN EL DESARROLLO...17 EL ESTADO ACTUAL DEL ESTÁNDAR... 18 ESPECIFICACIONES
INDICE Programación Introducción Capitulo 21 BASIC Capitulo 22. COBOL Capitulo 23 DELPHI Capitulo 24. FORTRAN Capitulo 25.
INDICE Programación Introducción 706 Capitulo 21 BASIC 711 Introducción 711 Sintaxis 713 Procedimientos y control de flujo 713 Tipos de datos 714 Disponibilidad y variantes del dialecto 714 Capitulo 22.
DISEÑO ORGANIZACIONAL. Diseño web avanzado con HTML5 y CSS5
DISEÑO ORGANIZACIONAL Diseño web avanzado con HTML5 y CSS5 PRESENTACIÓN Curso de diseño de páginas web en el que se estudian técnicas avanzadas y novedosas gracias a la aplicación de los estándares web
DESARROLLO WEB EN ENTORNO CLIENTE
DESARROLLO WEB EN ENTORNO CLIENTE CAPÍTULO 1: Selección de arquitecturas y herramientas de programación Juan Manuel Vara Mesa Marcos López Sanz David Granada Emanuel Irrazábal Jesús Javier Jiménez Hernández
Guía práctica PHP 6. (c) Francisco Charte Ojeda
Guía práctica PHP 6 Agradecimientos Sobre el autor (c) Francisco Charte Ojeda Introducción Páginas de servidor PHP Creación de páginas PHP Cómo usar este libro Convenciones tipográficas 1. Instalación
Ejemplo de un Cronómetro. Juan Quemada, DIT, UPM
Ejemplo de un Cronómetro 1 Cronómetro WebApp similar a un cronómetro digital Cuenta décimas de segundo (100 miliseg.) El contador se inicializa con 0,0 segundos w n.tofixed(1) formatea con 1 decimal Tiene
Curso Online de Diseño Web avanzado con HTML5 y CSS3
Curso Online de Diseño Web avanzado con HTML5 y CSS3 Presentación : El diseño web se ha ganado rápidamente un lugar de relevancia dentro del diseño gráfico al punto de casi sustituirlo en algunas propuestas
Juan Ramón Pérez Pérez
Juan Ramón Pérez Pérez El API de Google Maps te permite incrustar Google Maps en tus propias páginas web mediante JavaScript. El API proporciona: Utilidades para manipular los mapas Añadir contenido al
XPERTO EN DISEÑO DE PÁGINAS WEB
Curso ICA de: EXPERTO EN DISEÑO DE PÁGINAS WEB Módulo 1: Program. cliente: JavaScript Estudia el lenguaje JavaScript para crear guiones o scripts que se incluyen en las páginas web y que son ejecutados
ACTIONSCRIPT (AS) Proyectos II. Audiovisuales. Dpto. Escultura. UPV. [sintaxis elemental]
![ACTIONSCRIPT (AS) Proyectos II. Audiovisuales. Dpto. Escultura. UPV. [sintaxis elemental]](/thumbs/24/3989924.jpg "ACTIONSCRIPT (AS) Proyectos II. Audiovisuales. Dpto. Escultura. UPV. [sintaxis elemental]")
ACTIONSCRIPT (AS) Proyectos II. Audiovisuales. Dpto. Escultura. UPV. [sintaxis elemental] Action script es el lenguaje de programación que lleva incorporado el software de creación multimedia Macromedia
Aprenda los lenguajes HTML5, CSS3 y JavaScript para crear su primer sitio web
La Web 1. Qué es la Web? 7 1.1 Lado servidor: HTTP, FTP, lenguajes, SQL 7 1.2 Lado cliente: HTML, CSS, JavaScript 10 2. Los lenguajes y su utilidad 10 2.1 HTML 10 2.2 CSS 14 2.3 JavaScript 17 2.4 Ejemplo
HTML dinámico: Javascript
Javascript Departamento de Lenguajes escuela técnica superior de ingeniería informática Grupo de Ingeniería a del Software Noviembre 2006 Versión original: Amador Durán y David Benavides (octubre 2005)
JAVA 8 Los fundamentos del lenguaje Java (con ejercicios prácticos corregidos)
Presentación 1. Historia 11 1.1 Por qué Java? 11 1.2 Objetivos del diseño de Java 12 1.3 Auge de Java 13 2. Características de Java 14 2.1 El lenguaje de programación Java 14 2.1.1 Sencillo 15 2.1.2 Orientado
DISEÑO WEB (I y II) CONTENIDO TEMÁTICO
DISEÑO WEB (I y II) CONTENIDO TEMÁTICO 1. Historia de internet 2. Introducción a las aplicaciones web 3. Estructura de un sitio web 4. Accesibilidad web a. Normas de accesibilidad del World Wide Web Consortium
PROGRAMACIÓN PÁGINAS WEB JAVASCRIPT Y PHP
PROGRAMACIÓN PÁGINAS WEB JAVASCRIPT Y PHP OBJETIVOS Estudiar la programación de la parte cliente con JavaScript y la programación de la parte servidor con la tecnología PHP y el servidor de bases de datos
RESUMEN DE CONCEPTOS BASICOS DE PROGRAMACION JAVA
UNED Centro Asociado de Cádiz RESUMEN DE CONCEPTOS BASICOS DE PROGRAMACION JAVA 1. OBJETOS Cualquier elemento del programa es un objeto. Un programa es un conjunto de objetos que se comunican entre sí
JavaScript Básico. Ejemplo. Arreglos en JavaScript Creación de Arreglos. Asignación de valores. var miarray = new Array() var miarray = new Array(10)
1 JavaScript (III) JavaScript Básico Arreglos en JavaScript Creación de Arreglos var miarray = new Array() var miarray = new Array(10) Asignación de valores. miarray[0] = 1 miarray[1] = 0.5 miarray[2]
MAESTRO DE PHP PHP NIVEL 1
MAESTRO DE PHP MAESTRO DE PHP es el curso más completo diseñado para que aprendas desde 0 hasta poder desarrollar aplicaciones robustas utilizando Frameworks. Incluye los Cursos PHP Nivel 1 y PHP Avanzado
Introducción al lenguaje JAVA
Universidad Autónoma de Tlaxcala Introducción al lenguaje JAVA M.C.. José Juan Hernández ndez Mora Segunda Sesión 1. Arreglos 2. Matrices 3. Clases en Java 4. Clases de Usuario en Java 5. Objetos definidos
PHP 5.6 Desarrollar un sitio web dinámico e interactivo
Introducción 1. Objetivo del libro 9 2. Breve historia de PHP 10 3. Dónde conseguir PHP? 10 4. Convenciones de escritura 11 Información general sobre PHP 1. Qué es PHP? 13 2. Estructura básica de una página
JavaScript 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
JavaScript en HTML 5
JavaScript en HTML 5 HTML5 puede ser imaginado como un edificio soportado por tres grandes columnas: HTML, CSS y JavaScript. Ya hemos estudiado los elementos incorporados en HTML y las nuevas propiedades
5.- Crear páginas web con Nvu
5.- Crear páginas web con Nvu Nvu permite crear y publicar páginas web sin necesidad de tener conocimientos de HTML y de una forma tan sencilla como utilizar un procesador de textos. La barra de herramientas
ACCIÓN FORMATIVA FINANCIADA POR EL SERVICIO PÚBLICO DE EMPLEO ESTATAL
MF0491_3: PROGRAMACIÓN WEB EN EL ENTORNO CLIENTE. (IFCD0210: DESARROLLO DE APLICACIONES CON TECNOLOGÍAS WEB) 180 HORAS PRESENCIALES Nº DE EXPEDIENTE: FC/2013/0064 ACCION 141 GRUPO 1 ACCIÓN FORMATIVA FINANCIADA
1 OBJETOS, DOM, JSON
OBJETOS, DOM, JSON 1 2 Objetos http://www.w3schools.com/js/js_obj_intro.asp Se delimitan con llaves. Contienen propiedades. Las propiedades del objeto: pares nombre: valor, separados por comas. var alumno
Curso PHP Módulo 1 R-Luis
Lenguaje PHP Introducción Archivos HTML y PHP: Crear un archivo php es tan sencillo como cambiarle la extensión a un archivo html, por ejemplo podemos pasar de index.html a index.php sin ningún inconveniente.
CURSO ONLINE INSTALACIÓN Y ADMINISTRACIÓN DE CENTRALITAS VoIP ASTERISK
CURSO ONLINE INSTALACIÓN Y ADMINISTRACIÓN DE CENTRALITAS VoIP ASTERISK Presentación Gracias a PHP se pueden elaborar completos sitios dinámicos, y su complemento ideal siempre resulta ser MySQL para gestionar
CURSO DE PROGRAMACIÓN PHP MySQL
CURSO DE PROGRAMACIÓN PHP MySQL MASTER EN PHP MÓDULO NIVEL BASICO PRIMER MES Aprende a crear Sitios Web Dinámicos con PHP y MySQL 1. Introducción Qué es PHP? Historia Por qué PHP? Temas de instalación
Ficha Técnica. Categoría. Contenido del Pack. Sinopsis. Programación. - 2 CDROM - 3 Manual Teórico - 1 Cuaderno de Ejercicios
Ficha Técnica Categoría Programación Contenido del Pack - 2 CDROM - 3 Manual Teórico - 1 Cuaderno de Ejercicios Sinopsis Javascript es un lenguaje de programación que se utiliza para realizar acciones
Centro de Capacitación en Tecnologías de la Información
Centro de Capacitación en Tecnologías de la Información + Objetivo Con este curso presencial y práctico de programación Web en PHP aprenderá a utilizar este lenguaje de programación en conjunto con otros
Máster en DISEÑO Y DESARROLLO DE PROYECTOS WEB
Máster en DISEÑO Y DESARROLLO DE PROYECTOS WEB OBJETIVOS El máster está compuesto por los módulos de Diseño de páginas Web profesionales y Desarrollo de sitios Web con PHP y Javascript. Al finalizar el
Ventajas del Master en Flash MX sobre cualquier tipo de manuales de Flash MX o tutoriales de Flash MX
Qué es Flash MX? Flash MX es la herramienta de Macromedia para realizar presentaciones multimedia en la red de forma profesional. En esta nueva versión, Flash MX ha ampliado la programación para convertirla
Visualización y Transformaciones en XML
Visualización y Transformaciones en XML 106 Visualización Los archivos XLM pueden ser vistos prácticamente en cualquier browser 107 Visualización Los XML en los web browsers no se despliegan como páginas
Procesamiento de documentos XML
Procesamiento de documentos XML Documentación Electrónica Soto Montalvo Contenido Introducción Document Object Model Simple API for XML DOM vs. SAX Cómo podemos manipular los documentos XML? SAX (Simple
Presentación del Curso Virtual PROGRAMACIÓN WEB PHP CON MYSQL BÁSICO
Presentación del Curso Virtual PROGRAMACIÓN WEB PHP CON MYSQL BÁSICO INNOVATIVA CENTRO DE TRANSFERENCIA Y DESARROLLO TECNOLÓGICO ESPE CECAI Capacitación Virtual La mejor opción para su crecimiento profesional
JavaScript,, AJAX y otras tecnologías web. Área de Ingeniería Telemática
JavaScript,, AJAX y otras tecnologías Contenidos JavaScript AJAX Flash 2 JavaScript Lenguaje interpretado como PHP, pero se ejecuta en cliente no en servidor Sintaxis semejante a la del lenguaje Java y
DIPLOMADO Desarrollo de Aplicaciones para Web y Móviles con HTML5
Objetivos El curso de Desarrollo de Aplicaciones para Web y Móviles permite al estudiante conocer en detalle las tecnologías necesarias para crear aplicaciones de alto impacto. Además que profundizará
Objetivo: Introducción conceptual y aplicación básica de los lenguajes del lado del servidor.
Sesión 03: Lenguajes web del servidor Competencias a Conseguir: - Conocer el entorno de trabajo a nivel de servidores web. - Instalación del localhost (Servidor Local). - Repaso general de PHP y ejercicios
Í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
INDICE DEL CURSO APRENDER PROGRAMACIÓN JAVA DESDE CERO. PROGRAMACIÓN ORIENTADA A OBJETOS (CU00601B)
APRENDERAPROGRAMAR.COM INDICE DEL CURSO APRENDER PROGRAMACIÓN JAVA DESDE CERO. PROGRAMACIÓN ORIENTADA A OBJETOS (CU00601B) Sección: Cursos Categoría: Curso Aprender programación Java desde cero Fecha revisión:
PROGRAMACIÓN EN PHP. 1. Identificar las características y modalidad de programación bajo PHP.
Duración: 60 horas FUNDAMENTACIÓN DEL CURSO PROGRAMACIÓN EN PHP El Lenguaje PHP o Hypertext PreProcessor, al igual que C y Perl maneja programación estructurada, lo que le permite a los programadores con
Objetivos y Temario CURSO HTML 5 PARA ios Y ANDROID
Objetivos y Temario CURSO HTML 5 PARA ios Y ANDROID OBJETIVOS Las aplicaciones para dispositivos móviles están gozando de un notable éxito. Su mercado, en continuo crecimiento, hace que todo lo que se
PHP Básico. PHP para principiantes
PHP Básico PHP para principiantes Copyright (c) 2006 Guillermo Valdez Lozano. E-mail: guivaloz(en)gmail.com http://www.movimientolibre.com Se otorga permiso para copiar, distribuir y/o modificar este documento
Acceso a los elementos HTML
Acceso a los elementos HTML DOM 1 Acceso a elementos HTML Mediante JavaScriptes posible accesaren lectura y escritura los elementos de una página HTML. Es posible, por ejemplo: Cambiarla propiedadsrcde
Experto en Diseño Web Para Dispositivos Móviles con HTML5 + CSS3 + JavaScript
Modalidad: Distancia Duración: 80 h Experto en Diseño Web Para Dispositivos Móviles con HTML5 + CSS3 + JavaScript Objetivo: El término HTML hace referencia al lenguaje de marcado predominante para la elaboración
Eurowin 8.0 SQL. Manual de la FIRMA DIGITALIZADA
Eurowin 8.0 SQL Manual de la FIRMA DIGITALIZADA Documento: me_firmadigitalizada Edición: 02 Nombre: Manual de la Firma Digitalizada en Eurowin Fecha: 19-05-2011 Tabla de contenidos 1. FIRMA DIGITALIZADA
Programación Hipermedia I
Programación Hipermedia I Práctica 5: JavaScript 1. Objetivos Aprender el lenguaje de programación JavaScript. Aprender a manejar el DOM de una página web para acceder a su contenido. Aprender a validar
CURSO DE ESPECIALISTA EN DESARROLLO DE APLICACIONES WEB
CURSO DE ESPECIALISTA EN DESARROLLO DE APLICACIONES WEB Objetivos Generales: Al término de esta acción formativa los participantes alcanzarán los siguientes objetivos: Preparar profesionales para el desarrollo
Programa. Conceptos básicos: variables, valores y objetos predefinidos, operadores, etc. etc. Callbacks, eval(), etc.
Programa Programa 1. Introducción. Repaso HTML-CSS. Orientaciones Generales. 2. Javascript: Qué es? Dónde se ejecuta? Cómo se ejecuta? Conceptos básicos: variables, valores y objetos predefinidos, operadores,
XQuery. Jose Emilio Labra Gayo Departamento de Informática Universidad de Oviedo. XQuery
Jose Emilio Labra Gayo Departamento de Informática Universidad de Oviedo Parte del material ha sido tomado de Ana Belén Martínez Prieto Depto. Informática, Universidad de Oviedo Query Working Group, grupo
Bases de Datos en Visual FoxPro. Administrador de proyectos
Bases de Datos en Visual FoxPro Las bases de datos en Visual FoxPro son proyectos, cada proyecto puede contener bases de datos, tablas, consultas, formularios, informes, etiquetas, clases y código. Administrador
Curso: DISEÑO WEB PARA DISPOSITIVOS MOVILES CON HTML5 + CSS3 + JAVASCRIPT
Curso: DISEÑO WEB PARA DISPOSITIVOS MOVILES CON HTML5 + CSS3 + JAVASCRIPT Código: 1095 Familia Profesional: Desarrollo y diseño web Acreditación: Formación reconocida a través de vías no formales Modalidad:
Especialista TIC en Programación de Videojuegos con HTML5 + Javascript + CSS3
Especialista TIC en Programación de Videojuegos con HTML5 + Javascript + CSS3 Informática, Diseño y Programación Ficha Técnica Categoría Programación Referencia Precio Horas 8636-1301 78.00 Euros 300 Contenido
PROGRAMACIÓ DIDÁCTICA: Secuanciación, Temporalización y Unidades Didácticas
Departamento de Informática PROGRAMACIÓN DIDÁCTICA Curso 11-12 1 CONSEJERÍA DE EDUCACIÓN I.E.S. NERVIÓN Departamento de Informática CICLO FORMATIVO: TÉCNICO SUPERIOR EN DESARROLLO DE APLICACIONES MULTIPLATAFORMA.
PROGRAMACIÓN PÁGINAS WEB CON PHP
PROGRAMACIÓN PÁGINAS WEB CON PHP 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 servidor con la tecnología
Elementos léxicos del lenguaje de programación Java
Elementos léxicos del lenguaje de programación Java Elementos léxicos del lenguaje de programación Java Palabras reservadas Identificadores Literales Operadores Delimitadores Comentarios Apéndices Operadores
Los API JavaScript de HTML5 Integre la potencia de HTML5 en sus aplicaciones Web
Presentación 1. Html5 9 2. Los API JavaScript de Html5 de este libro 10 3. Los futuros API JavaScript 15 4. Los requisitos previos 17 5. Los navegadores de nuestro estudio 17 6. Las herramientas para nuestro
Programación páginas web JavaScript y PHP
Programación páginas web JavaScript y PHP 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 servidor con la
Introducción al desarrollo de RIA's con Adobe Flex 3.0 Dia 4
Introducción al desarrollo de RIA's con Adobe Flex 3.0 Dia 4 by S. Muñoz-Gutiérrez stalinmunoz@yahoo.com, informes@grupolinda.org Grupo LINDA Facultad de Ingeniería UNAM México Octubre-Diciembre 2009 Identificando
RESUMEN INFORMATIVO PROGRAMACIÓN DIDÁCTICA CURSO 2013/2014
RESUMEN INFORMATIVO PROGRAMACIÓN DIDÁCTICA CURSO 2013/2014 FAMILIA PROFESIONAL: INFORMATICA Y COMUNICACIONES MATERIA: 28. DESARROLLO WEB EN ENTORNO SERVIDOR CURSO: 2º DE CFGS DESARROLLO DE APLICACIONES
Índice. HTML HyperText Markup Language. Conceptos básicos. Qué es HTML? Diseño de servicios Web HTML 1
Índice HTML HyperText Markup Language Conceptos básicos Historia y evolución de HTML XHTML vs. HTML HTML dinámico Hojas de estilo (CSS) DOM Diseño de servicios Web 2 DATSI Qué es HTML? Lenguaje de publicación
GUÍA Nro. 1 TECNOLOGÍA DE INTERNET. TIII PIII
GUÍA Nro. 1 TECNOLOGÍA DE INTERNET. TIII PIII GUIA DISPONIBLE EN: http://preparadorivan.blogspot.com/ - http://preparadormssi.50webs.com/inicio.html La World Wide Web o la Web, es una de las múltiples
Capítulo 1 Documentos HTML5
Capítulo 1 Documentos HTML5 1.1 Componentes básicos HTML5 provee básicamente tres características: estructura, estilo y funcionalidad. Nunca fue declarado oficialmente pero, incluso cuando algunas APIs
TIPOS DE VARIABLES EN PHP. DECLARACIÓN Y ASIGNACIÓN. LA INSTRUCCIÓN ECHO PARA INSERTAR TEXTO O CÓDIGO. (CU00816B)
APRENDERAPROGRAMAR.COM TIPOS DE VARIABLES EN PHP. DECLARACIÓN Y ASIGNACIÓN. LA INSTRUCCIÓN ECHO PARA INSERTAR TEXTO O CÓDIGO. (CU00816B) Sección: Cursos Categoría: Tutorial básico del programador web:
Programación páginas web JavaScript y PHP
PRESENTACIÓN 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 servidor con la tecnología PHP y el servidor
Confección y publicación de páginas Web
2014 Confección y publicación de páginas Web Docente: Manuel Fernández Catalán 0 ÍNDICE 1 Presentación... 2 2 Objetivos... 2 3 Tecnología... 2 4 Metodología y evaluación... 3 5 Material didáctico... 3
INTELIGENCIA ARTIFICIAL 2015 TALLER RÁPIDO DE PROGRAMACIÓN EN JAVA
INTELIGENCIA ARTIFICIAL 2015 TALLER RÁPIDO DE PROGRAMACIÓN EN JAVA Fuente: http://www.tiobe.com/index.php/content/paperinfo/tpci/index.html Por qué Java? TIOBE Index for March 2015 Fuente: http://www.tiobe.com/index.php/content/paperinfo/tpci/index.html
Yusef Hassan Montero Francisco Jesús Martín Fernández. Introducción a DOM. Todos los derechos reservados www.nosolousabilidad.com
Yusef Hassan Montero Francisco Jesús Martín Fernández Introducción a DOM Todos los derechos reservados www.nosolousabilidad.com INTRODUCCIÓN DOM, Document Object Model o Modelo de Objetos de Documento,
Índice. Capítulo 1. Documentos HTML5... 1
Índice Capítulo 1. Documentos HTML5... 1 1.1 Componentes básicos... 1 1.2 Estructura global... 2 ... 2 ... 2 ... 3 ... 4 ... 5 ... 6 ... 7 1.3 Estructura
Programación páginas web con ASP.NET 3.5 (C#)
Horas de teoría: 40 Horas de práctica: 40 Programación páginas web con ASP.NET 3.5 (C#) Curso de desarrollo de aplicaciones web. Para ello se estudia la programación de la parte cliente con JavaScript
MultiBase Cosmos. Notas a la versión 4.4, release 1. BASE 100, S.A. www.base100.com
MultiBase Cosmos Notas a la versión 4.4, release 1 BASE 100, S.A. www.base100.com Índice IMPLEMENTACIONES... 3 MÉTODOS DE LA CLASE SIMPLECONTROL... 4 MÉTODOS DE LA CLASE INTEGER... 4 MÉTODOS DE LA CLASE
Curso Especialista Técnico Programador Web
Curso Especialista Técnico Programador Web Total 185 horas Modalidad: presencial, 100% práctico. Descuento al realizar el curso completo. Financiación: pago por cuotas. Bonificable. Bolsa de trabajo. 1.
ACADEMIA DDW TEMARIO
ACADEMIA DDW TEMARIO Diseño Web / Maquetación / Semántica / SEO / JavaScript / HTML5 / CSS3 Introducción Definición de HTML Diferencias entre versiones HTML Maquetación Semántica DOM, Debugger y Navegadores
PLAN FORMATIVO MODALIDAD I
PLAN FORMATIVO MODALIDAD I Modalidad Acción: TELEFORMACIÓN Nº de la Acción: FPTO/2014/695/202 Familia Profesional: Tipo Especialidad: IFC / INFORMÁTICA Y COMUNICACIONES NUEVA ESPECIALIDAD Area Profesional:
Diseño de páginas web 2011
Diseño de páginas web 2011 Al finalizar el curso, el alumno será capaz de planificar y diseñar correctamente desde sencillas páginas web hasta completos sitios web. Para ello, se le proporciona primero
Programación orientada a objetos
Repaso Programación orientada a objetos Curso INEM. Programación en Java Santiago Muelas Pascual smuelas@fi.upm.es! Clase! Objeto! Atributo o variable de instancia! Método! Instanciar/crear un objeto!
abacformacio@abacformacio.com 1
Microsoft Visual Basic 6.0 Curso de desarrollo de aplicaciones Windows utilizando el entorno de programación Microsoft Visual Basic 6.0. Se estudian las particularidades del lenguaje Basic, así como su
Introducción a JavaScript y DOM DISERTANTE ING. RASJIDO, JOSE ALBERTO
Introducción a JavaScript y DOM DISERTANTE ING. RASJIDO, JOSE ALBERTO Agenda 2 Introducción a JavaScript Introducción a DOM Referencias Introducción a JavaScript 3 Qué es JavaScript? JavaScript es un lenguaje
Java Inicial (20 horas)
Java Inicial (20 horas) 1 Temario 1. Programación Orientada a Objetos 2. Introducción y Sintaxis Java 3. Sentencias Control Flujo 4. POO en Java 5. Relaciones entre Objetos 6. Polimorfismo, abstracción
SEGUNDA PARTE: DOM y jquery
SEGUNDA PARTE: DOM y jquery 1. Conoce a jquery jquery jquery: Una librería javascript MUY popular Colección de utilidades y herramientas Para manipular los elementos de la página - Contenido - Atributos
Tema 1. Introducción a JAVA
Tema 1. Introducción a JAVA Historia Características Plataforma Java Entorno de desarrollo Ejemplo: Hola mundo Estructura general de un programa Java 1 Historia de Java (i) Surge en 1991: Sun Microsystems
LENGUAJES DE PROGRAMACIÓN 4 MÓDULOS. 56 Horas
LENGUAJES DE PROGRAMACIÓN 4 MÓDULOS. 56 Horas HTML, XHTML Y CSS K008 10 horas Obtener un conocimiento base sobre las tecnologías usadas en la creación de páginas web. Conocer la estructura y comandos básicos
Práctica de introducción a
Práctica de introducción a XML El trabajo consiste en una introducción al uso del lenguaje XML y su aplicación en documentos y sistemas de caracteristicas multimedia. 1.- Qué es XML? XML (extensible Markup
Interacción y manejo de documentos XML.
Interacción y manejo de documentos XML. Como último miembro de la familia XML, nos planteamos la tecnología por la cual una aplicación externa, escrita en no importa que lenguaje de programación, puede
Práctica 1ª: Introducción a Matlab. 1er curso de Ingeniería Industrial: Ingeniería de Control
1er curso de Ingeniería Industrial: Ingeniería de Control Práctica 1ª: Introducción a Matlab Departamento de Ingeniería electrónica, Telecomunicación y Automática. Área de Ingeniería de Sistemas y Automática