(Rich Internet Applications) (Aplicaciones de internet enriquecidas).

Tamaño: px
Comenzar la demostración a partir de la página:

Download "(Rich Internet Applications) (Aplicaciones de internet enriquecidas)."

Transcripción

1 (Rich Internet Applications) (Aplicaciones de internet enriquecidas).

2 JavaScript, jquery, jquery UI

3 Es utilizado en los sitios y aplicaciones web para agregar funcionalidad. Utilizado en el lado del cliente para: Hacer peticiones al servidor. Realizar funciones específicas en las páginas y aplicaciones. Validación. Entre otras características. Es considerado un lenguaje orientado a objetos (manipula del DOM). Dando como resultado: Sitios web y aplicaciones dinámicas con mejoras en la interfaz de usuario.

4 Para insertar código JavaScript en un documento HTML, se utiliza la etiqueta <script> agregándola en el encabezado del documento. <script type="text/javascript"> //Código JavaScript </script>

5

6

7 Se agrega el atributo src a <script> el cual hace referencia a la ruta del archivo JavaScript archivo.js <script type="text/javascript" src="ruta_archivojs.js ruta_archivojs.js"> </script>

8

9

10

11 Es importante que poco a poco se vaya introduciendo más a la programación con JavaScript apoyándose en libros, tutoriales y ejemplos. Para lo que se estará realizando con jquery, es necesario aprender lo básico de JavaScript como: Variables. Operadores. Palabras reservadas. Sintaxis.

12

13 jquery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. jquery is designed to change the way that you write JavaScript. (http://jquery.com/). Visitar la documentación técnica para empezar a trabajar con jquery.

14 Para agregar la biblioteca jquery a un documento HTML, página web o aplicación web, tenemos 2 formas: 1. Descargar el archivo.js y almacenarlo en una carpeta local. 2. Enlazar la biblioteca desde su sitio oficial.

15 1. Descargar el archivo.js 2. Almacenarlo en la carpeta local: Junto al resto de los archivos. o En una carpeta especial para JS s en una carpeta de servidor (Content/Scripts/[aquí]).

16 Como es JavaScript, se utiliza la etiqueta <script> <script type="text/javascript" src= "rutadel_archivo rutadel_archivo_. _.JS JS" > </script>

17 Cuando se encuentra en la carpeta local o carpeta del servidor local. <script type="text/javascript" src="jquery jquery min.js min.js"> </script> Cuando se enlaza el JS desde el servidor de jquery y/o Google Api s. <script type="text/javascript" src="http ://code.jquery.com/jquery code.jquery.com/jquery min.js min.js"></script> <script type="text/javascript" src="http ://ajax.googleapis.com/ ajax.googleapis.com/ajax ajax/libs libs/jquery jquery/1.7.1/jquery. min.js"></script>

18 Cuando se quiere ejecutar funciones específicas al terminar de cargarse la página o DOM), se utiliza el evento jquery.ready(): $(document).ready(function() { //Todo el código JavaScript que deberá ejecutarse //al terminar de cargar el DOM });

19

20

21 jquery utiliza el simbolo$como selector, utilizado para manipular los elementos del DOM. Veamos algunos ejemplos como formas para seleccionar elementos.

22 $("div" "div"); //Selecciona todos los elementos DIV. $( # #elemetox elemetox"); //Selecciona el elemento con el ID "elementox". $(..miclase miclase"); //Selecciona todos los elementos con la clase "miclase". $( p#elementoy p#elementoy"); //Selecciona todos los elementos párrafo con el ID "elementox". $( div p.clasex"); //Selecciona todos los elementos párrafo con la clase "clasex" que estén dentro de un DIV.

23

24

25

26

27

28 .Click() Bind an event handler to the "click" JavaScript event, or trigger that event on an element..bind()» método Attach a handler to an event for the elements..live()» método Attach an event handler for all elements which match the current selector, now and in the future..ready() Specify a function to execute when the DOM is fully loaded.

29 Es importante recordar que la mayoría de los eventos deben ser manejados dentro del evento: $(document).ready() En el caso del método Live() puede manejarse fuera del evento Ready().

30

31

32 Consulte y controle algunos de los eventos más con jquery, puede copiar los ejemplos ahí mostrados y/o complementar el ejemplo.

33 jquery incluye una multitud de métodos para manipular el DOM:.prepend() Insert content, specified by the parameter, to the beginning of each element in the set of matched elements..append() Insert content, specified by the parameter, to the end of each element in the set of matched elements..empty() Remove all child nodes of the set of matched elements from the DOM..html() Get the HTML contents of the first element in the set of matched elements..val val() Get the current value of the first element in the set of matched elements.

34

35

36

37 Consulte / y realice ejemplos con algunas funciones más con jquery para manipular el DOM, puede copiar los ejemplos ahí mostrados y/o complementar el ejemplo.

38 jquery incluye diferentes formas de trabajo con AJAX >> ://api.jquery.com/category/ajax/ Donde el método principal es jquery.ajax() Perform an asynchronous HTTP (Ajax) request. Mostraremos un ejemplo básico y continuará por su propia cuenta.

39 Inicio Información Acerca de «contenedor principal» inicio.html informacion.html acercade.html

40

41

42

43

44

45

46 Nota: Este es un ejemplo que se ejecuta de forma local, por lo tanto puede no ejecutarse correctamente en Chrome, pruebe con otro navegador como Firefox.

47 Consulte //api.jquery jquery.com com/ y apoyándose con la documentación técnica //docs.jquery jquery.com com/ y realice sus propios ejemplos y ejercicios con jquery y apliquelos a un caso práctico como el proyecto de la financiera en el navegador web. Consulte el ejemplo de proyecto con ASP.NET MVC 2 donde se integra parte de su funcionalidad con jquery (AJAX + JSON).» Archivo: Agencia2012.zip

48 jquery UI provides abstractions for low-level interaction and animation, advanced effects and high-level, themeable widgets, built on top of the jquery JavaScript Library, that you can use to build highly interactive web applications. (http://jqueryui.com/). Visitar la documentación técnica para empezar a trabajar con jquery UI»

49 jquery UI está disponible en diferentes temas predeterminados o puede personalizarse uno nuevo y descargarse.

50 Elegir el tema y componentes a descargar en jquery UI.

51 Extraer todo el contenido del archivo zip. La versión mostrada en este ejemplo es jquery-ui

52 La carpeta jquery-ui custom contiene las carpetas: css: contiene la carpeta del tema seleccionado (archivo css e imágenes del tema). development-bundle bundle: carpeta que contiene demos, ayuda, bibliotecas externas, temas (base y el seleccionado divididos en diferentes css) y la carpeta UI que contiene todos los componentes de jquery por separado. js: Carpeta que contiene el archivo jquery-ui ui custom custom.min min.js que debe enlazarse en los doc. HTML el cual contiene todos los componentes de jquery UI, contiene también el archivo de jquery.

53 Ya desempaquetado el jquery UI puede copiarse toda la carpeta a la ubicación donde se utilizará. O Copiar los archivos necesarios como:

54 Para cambiar la apariencia del documento HTML con jquery UI se hace desde código JS, aunque pueden utilizarse los estilos directamente en el código HTML.

55 Cualquier elemento HTML puede transformarse su apariencia a botón.

56 Cualquier elemento HTML puede transformarse su apariencia a botón.

57

58

59

60

61 Queda a consideración de cada uno continuar con jquery UI, toda la información necesaria se encuentra en línea con ejemplos y explicación, también se encuentra en los archivos de ayuda y demos descargados.

Objetivos y Temario CURSO PROGRAMACION JAVASCRIPT Y JQUERY

Objetivos y Temario CURSO PROGRAMACION JAVASCRIPT Y JQUERY Objetivos y Temario CURSO PROGRAMACION JAVASCRIPT Y JQUERY OBJETIVOS JavaScript es un lenguaje de programación para interactuar con los navegadores, que proporciona a los sitios Web dinamismo e inmediatez.

Más detalles

SEGUNDA PARTE: DOM y jquery

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

Más detalles

Noviembre 2013. Qué es jquery? Por: César Amauri Villarreal Fuentes QUÉ ES JQUERY? NOVIEMBRE 2013

Noviembre 2013. Qué es jquery? Por: César Amauri Villarreal Fuentes QUÉ ES JQUERY? NOVIEMBRE 2013 Qué es jquery? Noviembre 2013 Por: César Amauri Villarreal Fuentes 1 Qué es jquery? Es una biblioteca de JavaScript rápida y concisa que simplifica el documento HTML, manejo de eventos, animación y las

Más detalles

Librerías JavaScript jquery y Zepto. Juan Quemada, DIT, UPM

Librerías JavaScript jquery y Zepto. Juan Quemada, DIT, UPM Librerías JavaScript jquery y Zepto 1 Librerias Javascript Las librerias JavaScript actuales son multi-navegador Funcionan en IE, Firefox, Safari, Chrome, Opera,... w Ahorran mucho tiempo -> utilizarlas

Más detalles

LENGUAJES DE PROGRAMACIÓN 4 MÓDULOS. 56 Horas

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

Más detalles

BREVE INTRODUCCION A ASP.NET MVC

BREVE INTRODUCCION A ASP.NET MVC Gerardo Grinman 5D BREVE INTRODUCCION A ASP.NET MVC ASP.NET MVC es un framework para la creación de aplicaciones web que aplica el patrón Model View Controller del framework ASP.NET. Framework: un conjunto

Más detalles

Aprenda los lenguajes HTML5, CSS3 y JavaScript para crear su primer sitio web

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

Más detalles

Dreamweaver CS6 para PC/Mac Sitios completamente CSS conforme a los estándares del W3C

Dreamweaver CS6 para PC/Mac Sitios completamente CSS conforme a los estándares del W3C Introducción Internet en la actualidad 7 El World Wide Web Consortium y los estándares 7 Los programas de creación de sitios web 7 Objetivo del libro 8 Interfaz de creación El entorno del sistema 9 La

Más detalles

Java Avanzado Facultad de Ingeniería. Escuela de computación.

Java Avanzado Facultad de Ingeniería. Escuela de computación. 2 Java Avanzado Facultad de Ingeniería. Escuela de computación. Java Avanzado. Guía 6 3 Introducción Este manual ha sido elaborado para orientar al estudiante de Java Avanzado en el desarrollo de sus prácticas

Más detalles

JavaScript,, AJAX y otras tecnologías web. Área de Ingeniería Telemática

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

Más detalles

GENERACIÓN DE UNA PÁGINA WEB A PARTIR DE UN CÓDIGO CON HTML TERMERIZADO EN PROLOG

GENERACIÓN DE UNA PÁGINA WEB A PARTIR DE UN CÓDIGO CON HTML TERMERIZADO EN PROLOG PROYECTO DE LÓGICA Y MATEMÁTICA PARA SIMULACIÓN GENERACIÓN DE UNA PÁGINA WEB A PARTIR DE UN CÓDIGO CON HTML TERMERIZADO EN PROLOG Por Ing. Ixhel Mejías. C.I. 18.924.408 Correo electrónico: ixalejandra@gmail.com

Más detalles

Online Itinerario Desarrollo móvil con Android 4.x y HTML 5

Online Itinerario Desarrollo móvil con Android 4.x y HTML 5 Online Itinerario Desarrollo móvil con Android 4.x y HTML 5 Objetivos Conocer las características de la plataforma de desarrollo para terminales móviles Android y su funcionamiento. El curso permite aprender

Más detalles

Máster en DISEÑO Y DESARROLLO DE PROYECTOS WEB

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

Más detalles

Introducción a las Aplicaciones Web

Introducción a las Aplicaciones Web Departamento de Lenguajes y Sistemas Informáticos Arquitectura e Integración de Sistemas Software Introducción a las Aplicaciones Web Tema 1 Arquitectura e Integración de Sistemas Software Curso 2012/2013

Más detalles

Manual de Uso XML-Whois de Neubox. Manual del Sistema de XML Whois de Neubox Versión 9.12.4

Manual de Uso XML-Whois de Neubox. Manual del Sistema de XML Whois de Neubox Versión 9.12.4 Manual del Sistema de XML Whois de Neubox Versión 9.12.4 1 Índice Sección Página I. Introducción........ 3 II. Contenido del paquete............ 4 III. Instalación y uso....... 5 1. Cómo comprobar la plantilla......

Más detalles

> Temario Curso de Diseño Web <

> Temario Curso de Diseño Web < le ayuda a crear hermosos diseños para sitios web y aplicaciones móviles en un instante, sin necesidad de programación. Brinda imágenes vectoriales y de mapa de bits, maquetas, gráficos 3D, y contenido

Más detalles

Controles en ASP.NET

Controles en ASP.NET ACTIVIDAD DE APRENDIZAJE 02-I Conociendo los principales controles del Servidor (SEMANA 3) Controles en ASP.NET Directamente relacionados con los Web Forms tenemos los distintos controles de servidor que

Más detalles

Desarrollo de Aplicaciones Web

Desarrollo de Aplicaciones Web Desarrollo de Aplicaciones Web Con Visual Studio 2012 MOC: 20486, 35 hrs Sobre este curso En este curso, los estudiantes aprenderán a desarrollar aplicaciones ASP.NET MVC avanzadas tecnologías y herramientas

Más detalles

Su uso conlleva una serie de ventajas y desventajas propias del uso de estas herramientas.

Su uso conlleva una serie de ventajas y desventajas propias del uso de estas herramientas. LIBRERÍAS DE JAVASCRIPT (FRAMEWORKS) Un framework es una estructura de software compuesta de partes personalizables e intercambiables para el desarrollo de una aplicación. Se puede considerar también como

Más detalles

DESARROLLO WEB EN ENTORNO CLIENTE

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

Más detalles

ACADEMIA DDW TEMARIO

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

Más detalles

Aplicaciones web ricas con jquery y Ajax Jorge Bustos sp@danysoft.com

Aplicaciones web ricas con jquery y Ajax Jorge Bustos sp@danysoft.com Aplicaciones web ricas con jquery y Ajax Jorge Bustos sp@danysoft.com Sigue descubriendo 8º Encuentro Danysoft en Microsoft Visual Studio SQL Server Sharepoint 3 salas Madrid 24 Mayo 2011 Ajax Tecnología

Más detalles

PROGRAMACIÓN PÁGINAS WEB JAVASCRIPT Y PHP

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

Más detalles

1. Resumen.. 3. 2. Objetivos.. 3. 3. Introducción. 3

1. Resumen.. 3. 2. Objetivos.. 3. 3. Introducción. 3 1 Índice 1. Resumen.. 3 2. Objetivos.. 3 3. Introducción. 3 4. Aplicación web para la gestión de una memoria corporativa: reportes de actividades (proyectos) 4.1 Metodología... 4 4.2 Lenguajes y herramientas

Más detalles

Programación Aplicada II Ing. Héctor Abraham Hernández

Programación Aplicada II Ing. Héctor Abraham Hernández Programación Aplicada II Ing. Héctor Abraham Hernández Guía #7 Fecha: 28/02/2011 Introducción al Visual Web Developer 2008 Objetivo: Conocer cual es el ambiente de web Developer. Microsoft Visual Web Developer

Más detalles

Tema 6 Parte III. Frameworks web para dispositivos móviles

Tema 6 Parte III. Frameworks web para dispositivos móviles Tema 6 Parte III Frameworks web para dispositivos móviles 2 1 Introducción Frameworks web para dispositivos móviles Frameworks web para móviles Frameworks web para móviles 3 Nos permiten desarrollar un

Más detalles

FORMACIÓN ESPECIALIZADA EN HERRAMIENTAS Y LENGUAJES DE PROGRAMACIÓN WEB

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

Más detalles

DISEÑO ORGANIZACIONAL. Diseño web avanzado con HTML5 y CSS5

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

Más detalles

Curso de Frontend Online HTML5, CSS3, JavaScript, jquery y Responsive Design

Curso de Frontend Online HTML5, CSS3, JavaScript, jquery y Responsive Design Curso de Frontend Online HTML5, CSS3, JavaScript, jquery y Responsive Design Objetivo General: Al final del curso el estudiante tendrá los conocimientos y habilidades necesarios para generar (diseñar y

Más detalles

HTML5 y V. Studio 2012. Sitios y aplicaciones Web con los nuevos estándares HTML5, CSS 3 y Javascript 5 manejados desde Visual Studio 2012

HTML5 y V. Studio 2012. Sitios y aplicaciones Web con los nuevos estándares HTML5, CSS 3 y Javascript 5 manejados desde Visual Studio 2012 Duración El curso tendrá una duración de 40 horas Modalidad Presencial, L - J (18:30 21:30) del 15-01-2013 al 06-02-2013 Precio 480 euros Objetivos Conocer las nuevas etiquetas HTML del estándar y sus

Más detalles

Curso Facebook Curso Online Desarrollo de Aplicaciones para Facebook

Curso Facebook Curso Online Desarrollo de Aplicaciones para Facebook Curso Curso Online Desarrollo de Aplicaciones para Academia Mañana Paseo de la Castellana, 51 - Madrid 28046 Programa General Curso Módulo Uno - Introducción a la Programación Primera unidad didáctica-

Más detalles

DISEÑO Y DESARROLLO WEB CON HTML 5, CSS Y DREAMWEAVER CS4 OBRA COMPLETA 2 VOLÚMENES

DISEÑO Y DESARROLLO WEB CON HTML 5, CSS Y DREAMWEAVER CS4 OBRA COMPLETA 2 VOLÚMENES DISEÑO Y DESARROLLO WEB CON HTML 5, CSS Y DREAMWEAVER CS4 OBRA COMPLETA 2 VOLÚMENES Objetivos Dotar al interesado de conocimientos teóricos y prácticos para poder desarrollar un sitio Web con HTML y aplicar

Más detalles

API de búsqueda (LFASparql)

API de búsqueda (LFASparql) API de búsqueda (LFASparql) LFASparql es un repositorio JavaScript para buscar fuentes en LOD4ALL. Utilizando LFASparql, serás capaz de cruzar búsquedas de las fuentes de datos registradas en LOD4ALL,

Más detalles

Programador Web 2.0 OBJETIVOS GENERALES

Programador Web 2.0 OBJETIVOS GENERALES Programador Web 2.0 OBJETIVOS GENERALES Las herramientas y lenguajes utilizados en la Web hoy convergen para brindar las más diversas posibilidades en el desarrollo de aplicaciones Web y en otros dispositivos

Más detalles

RIA. http://goo.gl/zhfj7. Desarrollo con Tecnologías Open Source. Diego F. Quiroga diegoq@unsl.edu.ar

RIA. http://goo.gl/zhfj7. Desarrollo con Tecnologías Open Source. Diego F. Quiroga diegoq@unsl.edu.ar http://goo.gl/zhfj7 Desarrollo con Tecnologías Open Source Diego F. Quiroga diegoq@unsl.edu.ar Tecnologías de la Información Universidad Nacional de San Luis Introducción Las nuevas tecnologías y estándares

Más detalles

Programación páginas web JavaScript y ASP.NET 3.5 (Visual Basic)

Programación páginas web JavaScript y ASP.NET 3.5 (Visual Basic) 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 ASP.NET y el servidor

Más detalles

Introducción a AJAX y visión global de la práctica

Introducción a AJAX y visión global de la práctica Introducción a AJAX y visión global de la práctica Modelo de aplicaciones Web clásico (1) La mayor parte de las interacciones del usuario causan una petición HTTP al servidor Web El servidor Web procesa

Más detalles

Tema 6 Parte III. Frameworks web para dispositivos móviles

Tema 6 Parte III. Frameworks web para dispositivos móviles Tema 6 Parte III Frameworks web para dispositivos móviles 2 1 Introducción Frameworks web para dispositivos móviles Frameworks web para móviles Frameworks web para móviles 3 Nos permiten desarrollar un

Más detalles

PROGRAMA FORMATIVO. Diseño y desarrollo web con HTML 5, CSS y Dreamweaver CS4 - Obra completa - 2 volúmenes

PROGRAMA FORMATIVO. Diseño y desarrollo web con HTML 5, CSS y Dreamweaver CS4 - Obra completa - 2 volúmenes PROGRAMA FORMATIVO Diseño y desarrollo web con HTML 5, CSS y Dreamweaver CS4 - Obra completa - 2 volúmenes Sector: Desarrollo Web Multimedia Modalidad: Distancia Duración: Objetivos: Código: 4356 Dotar

Más detalles

ENTORNO DE DESARROLLO MICROSOFT.NET 2010

ENTORNO DE DESARROLLO MICROSOFT.NET 2010 ENTORNO DE DESARROLLO MICROSOFT.NET 2010 UNIDAD 2 Estructura de contenidos: 1. Conociendo ASP 2. Sitio Web y Proyecto Web 3. WebForm 4. Características de los webforms 5. Entorno del.net 6. Controles básicos

Más detalles

XPERTO EN DISEÑO DE PÁGINAS WEB

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

Más detalles

Historia de revisiones

Historia de revisiones GVA Glosario Versión 1.2 Semana 4 Historia de revisiones Fecha Versión Descripción Autor 20/08/2014 1.0 Comienzo del documento Nicolás Fiumarelli 30/08/2014 1.1 Correcciones y agregados Martín Santagata

Más detalles

Desarrollo y servicios web

Desarrollo y servicios web Desarrollo y servicios web Luisa Fernanda Rincón Pérez 2015-1 Qué vimos la clase pasada? 1. Fin tutorial HTML 2. Nombres de dominio 3. URLs 3 Sesión 4. Método GET - POST Qué haremos hoy? 1. Tipos de solicitudes

Más detalles

PROGRAMA: Diseño y desarrollo Web con HTML 5,

PROGRAMA: Diseño y desarrollo Web con HTML 5, PROGRAMA: Diseño y desarrollo Web con HTML 5, CSS y Dreamweaver CS 4 Objetivos: Diseño y desarrollo Web con HTML 5 y CSS Dotar al alumno de conocimientos teóricos y prácticos para poder desarrollar un

Más detalles

JavaScript en HTML 5

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

Más detalles

Diseño y desarrollo Web con HTML 5, CSS y Dreamweaver CS 4

Diseño y desarrollo Web con HTML 5, CSS y Dreamweaver CS 4 Diseño y desarrollo Web con HTML 5, CSS y Dreamweaver CS 4 Modalidad: Distancia, On-Line Duración: 154 horas Objetivos: Diseño y desarrollo Web con HTML 5 y CSS Dotar al alumno de conocimientos teóricos

Más detalles

TFM Comunicación, Redes y Gestión de Contenidos

TFM Comunicación, Redes y Gestión de Contenidos TFM Comunicación, Redes y Gestión de Contenidos Aplicación móvil hibrida para control de asistencia y servicio técnico a domicilio y gestión de partes de trabajo Autor: Patricia Paguay Lara Tutorizado

Más detalles

Informe Final Desarrollo del Proyecto Áreas Naturales Protegidas del Ecuador. Desarrollado por: Jessica Nathaly Correa María Isabel Granda.

Informe Final Desarrollo del Proyecto Áreas Naturales Protegidas del Ecuador. Desarrollado por: Jessica Nathaly Correa María Isabel Granda. Informe Final Desarrollo del Proyecto Áreas Naturales Protegidas del Ecuador Desarrollado por: Jessica Nathaly Correa María Isabel Granda. 12 de febrero de 2015 Loja-Ecuador Contenido Presentación... 3

Más detalles

Para poder utilizar esta librería lo primero que tendremos que hacer será incluir su código en el de la página web.

Para poder utilizar esta librería lo primero que tendremos que hacer será incluir su código en el <head> de la página web. Es la librería (framework) JavaScript para escribir menos y hacer más Es una forma de convertir el desarrollo cliente de una aplicación web en algo mucho más rápido y sencillo, facilitando la interacción

Más detalles

Confección y publicación de páginas Web

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

Más detalles

Cree su primer sitio web Del diseño a la realización

Cree su primer sitio web Del diseño a la realización Capítulo 1: Introducción A. Introducción 17 Capítulo 2: Los lenguajes A. Objetivo 21 B. HTML 21 1. Estado de la cuestión 21 2. Los componentes del HTML 21 3. Los atributos 22 4. Los caracteres 23 5. Los

Más detalles

Guía del Curso Certificación IT en Adobe Dreamweaver CC 2015

Guía del Curso Certificación IT en Adobe Dreamweaver CC 2015 Guía del Curso Certificación IT en Adobe Dreamweaver CC 2015 Modalidad de realización del curso: Número de Horas: Titulación: Online 140 Horas Diploma acreditativo con las horas del curso OBJETIVOS Este

Más detalles

Temario del Master en Internet

Temario del Master en Internet Temario del Master en Internet HTML5 1. XML a. Herramientas de trabajo: Editores y parsers. Reglas de XML. Buena formación y validez. b. Namespaces. c. Extensible Stylesheet Language Transformations (XSLT)

Más detalles

Creando Aplicaciones de Mapas Fáciles y Rápidas con ArcGIS WebApp Builder

Creando Aplicaciones de Mapas Fáciles y Rápidas con ArcGIS WebApp Builder Creando Aplicaciones de Mapas Fáciles y Rápidas con ArcGIS WebApp Builder Francisco Javier López Amador www.reunionsigsa-esri.sigsa.info Contenido 1. Introducción 2. Características 3. Primeros Pasos 4.

Más detalles

Certificado de Profesionalidad

Certificado de Profesionalidad CARACTERÍSTICAS Todo, absolutamente todo lo que necesitas para convertirte en un diseñador y maquetador web profesional te lo damos en este curso de 480 horas. El de de páginas web IFCD0110 contiene todo

Más detalles

Programación páginas web JavaScript y PHP

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

Más detalles

JavaScript III. JavaScript, la POO y el DOM

JavaScript III. JavaScript, la POO y el DOM JavaScript III JavaScript, la POO y el DOM Tablas HTML Crear una tabla es una tarea tediosa, por la gran cantidad de nodos de tipo elemento y de tipo texto que se deben crear dentro del DOM. DOM para HTML

Más detalles

Programa por Clase. 8. CSS3 9. Ejercicio Práctico 10. Examen

Programa por Clase. 8. CSS3 9. Ejercicio Práctico 10. Examen Curso CSS Clase 5 Programa por Clase 1. Repaso HTML. Introducción. Reglas CSS internas. 2. Etiquetas básicas de CSS (tipografía, subrayado, etc.) 3. Archivos CSS externos. Colores. Imágenes. 4. Modelo

Más detalles

PLAN FORMATIVO MODALIDAD I

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:

Más detalles

Programación páginas web con ASP.NET 3.5 (C#)

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

Más detalles

Ximdex 3.3. Descripción de la Interfaz. Fecha: Enero 2013 Versión 3.0

Ximdex 3.3. Descripción de la Interfaz. Fecha: Enero 2013 Versión 3.0 Ximdex 3.3 Descripción de la Interfaz Fecha: Enero 2013 Versión 3.0 Índice 1. Descripción General...1 2. Panel de gestión...2 2.1. Pestaña de proyectos...2 2.2. Panel de control...3 2.3. Información sobre

Más detalles

MAESTRO DE PHP PHP NIVEL 1

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

Más detalles

804024 - POI-M - Programación Orientada a Internet

804024 - POI-M - Programación Orientada a Internet Unidad responsable: 804 - CITM - Centro de la Imagen y la Tecnología Multimedia Unidad que imparte: 804 - CITM - Centro de la Imagen y la Tecnología Multimedia Curso: Titulación: 2015 GRADO EN MULTIMEDIA

Más detalles

III Curso de Diseño de Sitios WEB basados en Gestores de Contenido (CMS)

III Curso de Diseño de Sitios WEB basados en Gestores de Contenido (CMS) III Curso de Diseño de Sitios WEB basados en Gestores de Contenido (CMS) Extensión Universitaria. Universidad de Sevilla 2008 Tema IV Parte I Wikis DokuWiki Índice 1. Introducción 2. Uso a nivel de usuario

Más detalles

Guayaquil - Ecuador Pedro Carbo 123 y Junín. Pasaje Comercial la Merced. 2do Piso. Oficina 2. Teléfonos: (593) (04) 2561514 2561513 Mail.

Guayaquil - Ecuador Pedro Carbo 123 y Junín. Pasaje Comercial la Merced. 2do Piso. Oficina 2. Teléfonos: (593) (04) 2561514 2561513 Mail. Curso: Desarrollo de Aplicaciones Web y Desktop Con Visual Studio 2010 Desarrollo de Aplicaciones Windows Forms Framework 4.0 con VB.NET 2010 Objetivos: En este curso, los desarrolladores que conocen los

Más detalles

Curso Online de Diseño Web avanzado con HTML5 y CSS3

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

Más detalles

CURSOS CON CERTIFICACION UNIVERSITARIA

CURSOS CON CERTIFICACION UNIVERSITARIA Descripción: Curso para aprender a utilizar los programas del paquete Adobe Creative Suite (CS), que engloba los programas de edición y publicación de documentos impresos y para la web Adobe Illustrator

Más detalles

Tema: Maquetación Web y CSS

Tema: Maquetación Web y CSS Diseño Digital V. Guía 4 1 Tema: Maquetación Web y CSS Facultad: Ciencias y Humanidades Escuela: Diseño Gráfico Asignatura: Diseño Digital V Objetivos Contenidos A través del desarrollo de la guía el estudiante

Más detalles

TEMA 9 CREACIÓN DE PÁGINAS WEB

TEMA 9 CREACIÓN DE PÁGINAS WEB TEMA 9 CREACIÓN DE PÁGINAS WEB OBJETIVOS Conocer las páginas web y sus elementos. Insertar tablas, capas, enlaces en las páginas web. Crear páginas web con NVU. Crear un sitio web. Configurar un sitio

Más detalles

Presentación y objetivos

Presentació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 detalles

Extensiones. Guillermo López Mozilla Hispano

Extensiones. Guillermo López Mozilla Hispano Extensiones Guillermo López Mozilla Hispano Extensiones Qué son? Programilla para extender el comportamiento/visualización de cualquier programa Mozilla Usan la misma tecnología que las aplicaciones Mozilla

Más detalles

Lección 1 Introducción a Struts. www.globalmentoring.com.mx uacosta@globalmentoring.com.mx

Lección 1 Introducción a Struts. www.globalmentoring.com.mx uacosta@globalmentoring.com.mx Lección 1 Introducción a Struts www.globalmentoring.com.mx uacosta@globalmentoring.com.mx Lección 1. Introducción a Struts Lección 1. Introducción a Struts Un framework es un conjunto de clases que nos

Más detalles

Creación de controles de usuario

Creación de controles de usuario Creación de controles de usuario Índice Descripción 1 Lección: agregar controles de usuario a un formulario Web Form ASP.NET 2 Lección: crear controles de usuario 12 Creación de controles de usuario 1

Más detalles

Entorno. @xavipalu. Multimedia

Entorno. @xavipalu. Multimedia Entorno Multimedia 07 World Wide Web World Wide Web Qué es? Cómo funciona? Lenguaje Tipologias World Wide Web / Qué es? World Wide Web WWW Sistema de distribución de información basado en hipertexto o

Más detalles

Curso Online de Diseño Web Especializado en Dispositivos Móviles con HTML 5, CSS3 y jquery Mobile: Práctico

Curso Online de Diseño Web Especializado en Dispositivos Móviles con HTML 5, CSS3 y jquery Mobile: Práctico Curso Online de Diseño Web Especializado en Dispositivos Móviles con HTML 5, CSS3 y jquery Titulación certificada por EUROINNOVA BUSINESS SCHOOL Curso Online de Diseño Web Especializado en Dispositivos

Más detalles

Adobe Dreamweaver CS3 - Curso online Creación profesional de sitios web

Adobe Dreamweaver CS3 - Curso online Creación profesional de sitios web Adobe Dreamweaver CS3 - Curso online Creación profesional de sitios web Índice Conceptos básicos En este capítulo se enseñan los conceptos básicos de trabajo en Adobe Dreamveaver CS3. También se describen

Más detalles

Bootstrap: Introducción práctico en el Diseño Web

Bootstrap: Introducción práctico en el Diseño Web Bootstrap: Introducción práctico en el Diseño Web Originalmente creado por Twitter, que permite crear interfaces web con CSS y JavaScript, cuya particularidad es la de adaptar la interfaz del sitio web

Más detalles

Certificato Numero 031550. Desarrollo Apps y Juegos para Facebook

Certificato Numero 031550. Desarrollo Apps y Juegos para Facebook Desarrollo Apps y Juegos para Facebook INTRODUCCIÓN Objetivo de este documento El presente documento contiene el programa del curso online de Desarrollo Aplicaciones y juegos específicosel para el Social

Más detalles

HOJA DE CALCULO EXCEL NIVEL II

HOJA DE CALCULO EXCEL NIVEL II HOJA DE CALCULO EXCEL NIVEL II DURACION: 30 HORAS Los participantes al finalizar la acción formativa serán capaces de utilizar la hoja de cálculo EXCEL, adquiriendo los conocimientos teóricos y prácticos

Más detalles

MS_20488 Developing Microsoft SharePoint Server 2013 Core Solutions

MS_20488 Developing Microsoft SharePoint Server 2013 Core Solutions S MS_20488 Developing Microsoft SharePoint Server 2013 Core Solutions www.ked.com.mx Av. Revolución No. 374 Col. San Pedro de los Pinos, C.P. 03800, México, D.F. Tel/Fax: 52785560 Introducción En este

Más detalles

Introducción a aplicaciones Web. Laboratorio de Programación Lorena Castañeda Bueno

Introducción a aplicaciones Web. Laboratorio de Programación Lorena Castañeda Bueno Introducción a aplicaciones Web con ASP.Net Laboratorio de Programación Lorena Castañeda Bueno ASP.Net Qué es ASP.NET? ASP: Active Server Pages Uno de los componentes del Framework de.net que proporciona

Más detalles

CURSO DESARROLLO WEB RESPONSIVO E INTERACTIVO CON HTML5, CSS3 Y JQUERY

CURSO DESARROLLO WEB RESPONSIVO E INTERACTIVO CON HTML5, CSS3 Y JQUERY CURSO DESARROLLO WEB RESPONSIVO E INTERACTIVO CON HTML5, CSS3 Y JQUERY CURSO DESARROLLO WEB RESPONSIVO E INTERACTIVO CON HTML5, CSS3 Y JQUERY Escuela de Diseño El medio web actual requiere manejar adecuadamente

Más detalles

XML práctico Bases esenciales, conceptos y casos prácticos (2ª edición)

XML práctico Bases esenciales, conceptos y casos prácticos (2ª edición) Introducción al lenguaje XML 1. De SGML a XML 17 2. Los conceptos básicos del XML 18 2.1 Recordatorio sobre el HTML 18 2.2 Creación de un primer documento XML 19 2.3 Las ventajas del XML 21 3. La sintaxis

Más detalles

Diplomado en Desarrollo de Aplicaciones WEB Avanzado (HTML, PHP, MySQL, Java Script)

Diplomado en Desarrollo de Aplicaciones WEB Avanzado (HTML, PHP, MySQL, Java Script) Diplomado en Desarrollo de Aplicaciones WEB Avanzado (HTML, PHP, MySQL, Java Script) Objetivo: Tener la capacidad de manejar herramientas para el desarrollo de aplicaciones web a nivel avanzado. Entender

Más detalles

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. 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

Más detalles

c/ Ausias March 5, Bloque 7, 5C Denia, C.P. 03700 Alicante, España 644 317 266 info@soluciones4web.com

c/ Ausias March 5, Bloque 7, 5C Denia, C.P. 03700 Alicante, España 644 317 266 info@soluciones4web.com Manual de Buenas Prácticas de maquetación en html Una buena maquetación es fundamental para obtener un diseño elegante, compatible con todos los navegadores y que cumpla las normas de accesibilidad establecidas.

Más detalles

Cursos de DISEÑO DE PÁGINAS WEB. Empresa Colaboradora: [ ] Diseño de Páginas Web

Cursos de DISEÑO DE PÁGINAS WEB. Empresa Colaboradora: [ ] Diseño de Páginas Web Cursos de DISEÑO DE PÁGINAS WEB [ ] Diseño de Páginas Web DISEÑO DE PÁGINAS WEB El Curso de Diseño de Páginas Web permite dotar a los trabajadores de la formación necesaria que les capacite y prepare para

Más detalles

Arquitecturas Distribuidas 09/10

Arquitecturas Distribuidas 09/10 Tema 4. VI La Web en la actualidad d Arquitecturas Distribuidas 09/10 1 VI. La Web en la actualidad 1. Aplicaciones Web 2. Arquitectura en 3 capas de las aplicaciones web 3. Pero, qué es una aplicación

Más detalles

TEMA: DESARROLLO DE APLICACIONES WEB INTERACTIVAS UTILIZANDO LA TÉCNICA AJAX AUTOR: MERY SUSANA ZAMBONINO BAUTISTA

TEMA: DESARROLLO DE APLICACIONES WEB INTERACTIVAS UTILIZANDO LA TÉCNICA AJAX AUTOR: MERY SUSANA ZAMBONINO BAUTISTA TEMA: DESARROLLO DE APLICACIONES WEB INTERACTIVAS UTILIZANDO LA TÉCNICA AJAX AUTOR: MERY SUSANA ZAMBONINO BAUTISTA AREA DEL TEMA: INGENIERÍA DE SOFTWARE OBJETIVO GENERAL Desarrollar aplicaciones web utilizando

Más detalles

Sesión 23. Luisa Fernanda Rincón Pérez

Sesión 23. Luisa Fernanda Rincón Pérez Sesión 23 Luisa Fernanda Rincón Pérez Introducción ASP MVC.NET ASP.NET overview Imagen tomada de: http://www.microsoftvirtualacademy.com/trainingcourses/introduction-to-asp-net-mvc Qué es ASP.NET MVC?

Más detalles

Anexo I. Instalación del Sistema de Gestión integral de promociones de los centros comerciales de una ciudad

Anexo I. Instalación del Sistema de Gestión integral de promociones de los centros comerciales de una ciudad Anexo I Instalación del Sistema de Gestión integral de promociones de los centros comerciales de una ciudad Índice de contenido Instalación y revisión del entorno de desarrollo...3 Instalacion del S.O.

Más detalles

Desarrollo de sitios web basados en JavaScript y HTML5 con Visual Studio 2012

Desarrollo de sitios web basados en JavaScript y HTML5 con Visual Studio 2012 Desarrollo de sitios web basados en JavaScript y HTML5 con Visual Studio 2012 Servicios Profesionales de Formación Danysoft 21/01/2013 Valor añadido Danysoft www.danysoft.com 1 Servicios Profesionales

Más detalles

Diseño WEB. Nivel: 5º semestre Horas semanales: 3 horas Código: 130082 Créditos: 2 créditos

Diseño WEB. Nivel: 5º semestre Horas semanales: 3 horas Código: 130082 Créditos: 2 créditos Nivel: 5º semestre Horas semanales: 3 horas Código: 130082 Créditos: 2 créditos Herramientas de DISEÑO: Recursos Gráficos Software de Diseño Lenguaje de Programación Contenido curso practico; LENGUAJE

Más detalles

GESTIÓN DE CONTENIDO ELECTRÓNICO Ing. Johanna Navarro ENSAYO SOBRE MICROSOFT INFOPATH 2010

GESTIÓN DE CONTENIDO ELECTRÓNICO Ing. Johanna Navarro ENSAYO SOBRE MICROSOFT INFOPATH 2010 GESTIÓN DE CONTENIDO ELECTRÓNICO Ing. Johanna Navarro ENSAYO SOBRE MICROSOFT INFOPATH 2010 Realizado por : Arturo Zambrano Rodríguez 19/09/2012 INTRODUCCIÓN Microsoft InfoPath 2010 incluye muchas características

Más detalles

4. CODIFICACIÓN. Previo a la codificación además de instalar las respectivas herramientas es. importante tenerlas bien configuradas.

4. CODIFICACIÓN. Previo a la codificación además de instalar las respectivas herramientas es. importante tenerlas bien configuradas. 4. CODIFICACIÓN 4.1 Instalación Previo a la codificación además de instalar las respectivas herramientas es importante tenerlas bien configuradas. Instalamos Lenguaje de programación Java TM 2 Platform

Más detalles

La única regla que debe de tener presente siempre, es que cada etiqueta que abra debe de cerrarla en el mismo orden < /etiqueta cerrada>.

La única regla que debe de tener presente siempre, es que cada etiqueta que abra <etiqueta> debe de cerrarla en el mismo orden < /etiqueta cerrada>. Antes de comenzar, si algo no está en este manual, utilice google para averiguarlo y acostúmbrese a ello ya que será la mejor herramienta que pueda encontrar. La estructura básica de toda página web es:

Más detalles

Virtual-C: Una Herramienta para Administración de Contenidos en Sitios Web

Virtual-C: Una Herramienta para Administración de Contenidos en Sitios Web Virtual-C: Una Herramienta para Administración de Contenidos en Sitios Web Kexy Rodríguez kexy.rodriguez@utp.ac.pa Centro de Investigación, Postgrado y Extensión UTPVirtual Universidad Tecnológica de Panamá

Más detalles

LICENCIA PROFESIONAL EN DESARROLLO DE SOFTWARE PARA APLICACIONES WEB

LICENCIA PROFESIONAL EN DESARROLLO DE SOFTWARE PARA APLICACIONES WEB LICENCIA HOJA DE ASIGNATURA CON DESGLOSE DE UNIDADES TEMÁTICAS 1. Nombre de la asignatura Desarrollo de Interfaz Web 2. Competencias Desarrollar Aplicaciones web a través de metodologías ágiles, frameworks

Más detalles