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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

> 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

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

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

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

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

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

DIPLOMADO DISEÑO Y DESARROLLO WEB

DIPLOMADO DISEÑO Y DESARROLLO WEB DIPLOMADO DISEÑO Y DESARROLLO WEB DIPLOMADO DISEÑO Y DESARROLLO WEB Escuela de Diseño Conoce las nuevas herramientas y tecnologías disponibles para planificar, diseñar y desarrollar sitios web compatibles

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

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

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

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

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

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

Diplomado Diseño y desarrollo de web

Diplomado Diseño y desarrollo de web 2015 Diplomado Diseño y desarrollo de web Escuela de Diseño Duoc UC Educación continua w w w. d u o c. c l / e d u c a c i o n c o n t i n u a Diplomado Diseño y desarrollo de web Escuela de Diseño Conoce

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

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

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

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

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

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

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

Guía de Instalación y Uso de Mozilla Firefox y Gestor Bibliográfico Zotero

Guía de Instalación y Uso de Mozilla Firefox y Gestor Bibliográfico Zotero Guía de Instalación y Uso de Mozilla Firefox y Gestor Bibliográfico Zotero Guía de Instalación y Uso de Mozilla Firefox y Gestor Bibliográfico Zotero 1. Primero instalaremos el navegador Mozilla Firefox

Más detalles

DIPLOMADO DISEÑO Y DESARROLLO WEB

DIPLOMADO DISEÑO Y DESARROLLO WEB DIPLOMADO DISEÑO Y DESARROLLO WEB DIPLOMADO DISEÑO Y DESARROLLO WEB Escuela de Diseño Conoce las nuevas herramientas y tecnologías disponibles para planificar, diseñar y desarrollar sitios web compatibles

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

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

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

Web Service: Consulta de Sistema de Turnos Manual de referencia

Web Service: Consulta de Sistema de Turnos Manual de referencia Web Service: Consulta de Sistema de Turnos Manual de referencia Versión API: 0.1 (beta) Última revisión: 5 de Junio de 2015 Carlos Gabriel Vergara Departamento de Sistemas Subsecretaría de Informática

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

Lic. Mariano Pistone Front-end developer +54-261-155015062 Mendoza Argentina

Lic. Mariano Pistone Front-end developer +54-261-155015062 Mendoza Argentina Te apasiona el diseño/desarrollo web y no sabés por dónde empezar? Entonces este curso es para vos, pues está pensado para personas que no se quedan quietas, que tienen ganas de superarse y de enfrentar

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

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

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

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

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

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 Sencha Touch

Introducción a Sencha Touch Índice 1 Introducción...2 2 Sencha Touch vs. JQuery Mobile...3 3 Instalar Sencha Touch... 4 4 Estructura de carpetas...5 5 Código HTML básico de una aplicación...6 6 Instanciar una aplicación... 8 7 Comprobando

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

Introducción a RIA. Andrés Pastorini. TRIA Tecnólogo Informático

Introducción a RIA. Andrés Pastorini. TRIA Tecnólogo Informático a RIA Andrés Pastorini TRIA Tecnólogo Informático El objetivo principal de la asignatura es forma al estudiante en el diseño y desarrollo de aplicaciones web ricas. Los objetivos de la asignatura son:

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

DISEÑO WEB (I y II) CONTENIDO TEMÁTICO

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

Más detalles

Uso Del Gestor Bibliografico Zotero

Uso Del Gestor Bibliografico Zotero Uso Del Gestor Bibliografico Zotero Uso Del Gestor Bibliografico Zotero LO BÁSICO DE ZOTERO Zotero [Zoh-TAIR-oh] es una herramienta gratis, un complemento de MozillaFirefox muy fácil de usar paraayudarle

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

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

Plataformas de Gestión y Administración de Sitios Web (PGS PAS)

Plataformas de Gestión y Administración de Sitios Web (PGS PAS) Plataformas de Gestión y Administración de Sitios Web (PGS PAS) Qué es la plataforma de gestión de sitios (PGS)? Es una nueva forma dinámica que hará el diseño de los websites más flexibles y será amigable

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 OBJETOS, DOM, JSON

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

Más detalles

CURSO DE ESPECIALISTA EN DESARROLLO DE APLICACIONES WEB

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

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

Tema 1 HTTP y aplicaciones web

Tema 1 HTTP y aplicaciones web Tema 1 HTTP y aplicaciones web Indice 1. HTTP para sitios web estáticos 2. HTTP básico para aplicaciones web 3. Aplicaciones AJAX 4. APIs REST 1.1. HTTP para sitios web estáticos Petición/respuesta HTTP

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

HTML. HyperText Markup Language (Lenguaje de Marcas de Hipertexto)

HTML. HyperText Markup Language (Lenguaje de Marcas de Hipertexto) HTML HyperText Markup Language (Lenguaje de Marcas de Hipertexto) Introducción Un lenguaje de marcas es una forma de codificar junto con el texto, incorporando etiquetas que contienen información adicional

Más detalles

Fecha de elaboración: Julio de 2010 Fecha de última actualización:

Fecha de elaboración: Julio de 2010 Fecha de última actualización: PROGRAMA DE ESTUDIO Programa Educativo: Área de Formación : Licenciatura en Ciencias Computacionales Integral Profesional Programa elaborado por: Programación web Horas teóricas: 2 Horas prácticas: 4 Total

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

Curso de preparación del examen official de Microsoft 70-515: Especialista en Desarrollo Web con.net 4.0

Curso de preparación del examen official de Microsoft 70-515: Especialista en Desarrollo Web con.net 4.0 Curso de preparación del examen official de Microsoft 70-515: Especialista en Desarrollo Web con.net 4.0 El objetivo de este completísimo curso es la preparación del examen 70-515 de Microsoft. Al aprobar

Más detalles

Curso Online JQuery: Programación Web

Curso Online JQuery: Programación Web TITULACIÓN DE FORMACIÓN CONTINUA BONIFICADA EXPEDIDA POR EL INSTITUTO EUROPEO DE ESTUDIOS EMPRESARIALES Curso Online JQuery: Programación Web Duración: 300 horas Precio: 0 * Modalidad: Online * hasta 100

Más detalles

Nombre del Proyecto: Página web GAQSA S.A de C.V. (Módulo de laboratorios) Nombre de la Empresa: Ganaderos Asociados de Querétaro S.A de C.

Nombre del Proyecto: Página web GAQSA S.A de C.V. (Módulo de laboratorios) Nombre de la Empresa: Ganaderos Asociados de Querétaro S.A de C. UNIVERSIDAD TECNOLÓGICA DE QUERÉTARO Nombre del Proyecto: Página web GAQSA S.A de C.V. (Módulo de laboratorios) Nombre de la Empresa: Ganaderos Asociados de Querétaro S.A de C.V (GAQSA) Memoria que como

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

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

DotNetNuke Professional Edition 7.0

DotNetNuke Professional Edition 7.0 DotNetNuke Professional Edition 7.0 DotNetNuke Fácil de usar La última versión de DotNetNuke agrega aún más funcionalidades al Sistema de Gestión de Contenidos Web que lo convierten en la solución de gestión

Más detalles

POR QUÉ NUESTRO FRAMEWORK DE DESARROLLO DWPORTAL/APP?

POR QUÉ NUESTRO FRAMEWORK DE DESARROLLO DWPORTAL/APP? POR QUÉ NUESTRO FRAMEWORK DE DESARROLLO DWPORTAL/APP? En los proyectos de desarrollo de software se busca la forma de mejorar la calidad en el análisis de requerimientos y obtener tiempos efectivos de

Más detalles

Curso Introduccio n a HTML5, CSS, JavaScript y PHP

Curso Introduccio n a HTML5, CSS, JavaScript y PHP Curso Introduccio n a HTML5, CSS, JavaScript y PHP Para alumnos y egresados del área Informática y Sistemas. Instituto Tecnológico Superior Zacatecas Norte Marzo 2012 Contenido Objetivo:... 3 Introducción:...

Más detalles

Soluciones de Cartografía, GIS y Teledetección www.tycgis.com CURSO DE CREACIÓN DE APLICACIONES API DE JAVASCRIPT Y ARCGIS SERVER

Soluciones de Cartografía, GIS y Teledetección www.tycgis.com CURSO DE CREACIÓN DE APLICACIONES API DE JAVASCRIPT Y ARCGIS SERVER CURSO DE CREACIÓN DE APLICACIONES API DE JAVASCRIPT Y ARCGIS SERVER MODALIDAD PRESENCIAL Profesionales formando a Profesionales 2015 formacion@tycgis.com Calle Rodríguez San Pedro 13, 3ª Planta, Oficina

Más detalles

Creando aplicaciones client-side con Django y Backbone.js

Creando aplicaciones client-side con Django y Backbone.js Creando aplicaciones client-side con Django y Backbone.js Problema/Desafio La necesidad de hoy en dia en aplicaciones web. En web concurridas, el desafío es mejorar los tiempos de respuesta, bajar la tasa

Más detalles

ASP.NET en C# con Visual Studio 2013 Diseño y desarrollo de aplicaciones Web

ASP.NET en C# con Visual Studio 2013 Diseño y desarrollo de aplicaciones Web Visual Studio 2013 y.net 4.5.1 1. Novedades de Visual Studio 2013 15 1.1 Instalación 17 1.2 Interfaz del programa 18 1.2.1 La página de inicio 18 1.2.2 Las ventanas de Visual Studio 20 1.2.3 Las actividades

Más detalles

Curso: DISEÑO WEB PARA DISPOSITIVOS MOVILES CON HTML5 + CSS3 + JAVASCRIPT

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:

Más detalles

By: Ing. Jonathan Merino Farías.

By: Ing. Jonathan Merino Farías. By: Ing. Jonathan Merino Farías. CMS y Joomla Un CMS se compone de dos partes principales: 1. La parte web pública. Es la página web como tal que ven las personas que acceden a ella. 2. La parte web privada.

Más detalles

UF1302 Creación de páginas web con lenguajes de marcas

UF1302 Creación de páginas web con lenguajes de marcas UF1302 Creación de páginas web con lenguajes de marcas TEMA 1. Los lenguajes de marcas TEMA 2. Imágenes y elementos multimedia TEMA 3. Técnicas de accesibilidad y usabilidad TEMA 4. Herramientas de edición

Más detalles

Botón de Pago Instapago versión 1.1 TECNOLOGÍA INSTAPAGO C.A. www.instapago.com

Botón de Pago Instapago versión 1.1 TECNOLOGÍA INSTAPAGO C.A. www.instapago.com Botón de Pago Instapago versión 1.1 TECNOLOGÍA INSTAPAGO C.A. www.instapago.com Histórico de Cambios Fecha Ver. Autor Descripción 06/06/2014 1.0 Enyert Viñas Creación del Documento 06/10/2014 1.1 Alex

Más detalles

Tutorial Google Docs Contenido

Tutorial Google Docs Contenido Tutorial Google Docs Contenido Introducción Google Docs Sitio para acceder a esta herramienta Tutorial Google Docs Cómo empezar? Crear, subir y editar documentos Compartir documentos Pero qué puede hacerse

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

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