www.senati.edu.

pe
 ESCUELA: TECNOLOGÍAS DE
INFORMACIÓN(ETI)
CARRERA: INGENIERÍA DE SOFTWARE
CON INTELIGENCIA ARTIFICIAL
 
SEMANA 09
MÓDULO FORMATIVO: DESARROLLO DE APLICACIONES WEB I
Sede Central: Av. Alfredo Mendiola # 3520 Independencia, Lima.
nstructor ETI : MG. Jorge Luis Carmona Espinoza. www.senati.edu.pe
DESARROLLO DE
APLICACIÓNES
JavaScript, WEB I
Ajax,Formularios
www.senati.edu.pe
 TEMA
RIO
Uso de AJAX en HTML5
 Ventajas, desventajas,
 uso del lado del cliente con HTML5
Introducción a creación de formularios con HTML5

 Placeholder, Autofocus,Autocomplete, Required, Data y

List, Clases “Input”, Sliders, Spinners, calendarios.

www.senati.edu.pe
 OBJETIVO
GENERAL
Al finalizar el módulo formativo el estudiante estará en la
capacidad de desarrollar aplicaciones Web informativas y
dinámicas con el uso de JQUERY y AJAX

www.senati.edu.pe
 OBJETIVO
ESPECIFICO
Al término de la sesión síncrona los estudiantes Al
término de la sesión síncrona los estudiantes estarán
en condiciones de desarrollar y visualizar en el
navegador(cliente) una web con formularios,
teniendo en cuenta en su desarrollo su respectiva
validación, según las últimas tecnologías y
herramientas de software hoy en día, en un tiempo
de 3 horas.

www.senati.edu.pe
 RECORDAN
DO…

www.senati.edu.pe
 RECORDAN
DO…

www.senati.edu.pe
 RECORDAN
DO…

www.senati.edu.pe
 RECORDAN
DO…

www.senati.edu.pe
 RECORDAN
DO…

www.senati.edu.pe
 RECORDAN
DO…

www.senati.edu.pe
 RECORDAN
DO…

www.senati.edu.pe
 RECORDAN
DO…

www.senati.edu.pe
 RECORDAN
DO…

www.senati.edu.pe
 RECORDAN
DO…

www.senati.edu.pe
 RECORDAN
DO…

www.senati.edu.pe
 RECORDAN
DO…

www.senati.edu.pe
 RECORDAN
DO…

www.senati.edu.pe
 RECORDAN
DO…

www.senati.edu.pe
 RECORDAN
DO…

www.senati.edu.pe
 RECORDAN
DO…

www.senati.edu.pe
 JAVASCR
IPT
JavaScript es un lenguaje de programación (scripting language) en el
que normalmente se efectúan las funciones de llamada de Ajax
mientras que el acceso a los datos se realiza
mediante XMLHttpRequest, objeto disponible en los navegadores
actuales. En cualquier caso, no es necesario que el contenido
asíncrono esté formateado en XML.
Ajax es una técnica válida para múltiples plataformas y utilizable en
muchos sistemas operativos y navegadores dado que está basado
en estándares abiertos como JavaScript y Document Object
Model (DOM)
www.senati.edu.pe
 AJAX
JavaScript Asíncrono + XML (AJAX) no es una tecnología por sí misma, es un
término que describe un nuevo modo de utilizar conjuntamente varias
tecnologías existentes. Esto
incluye: HTML o XHTML, CSS, JavaScript, DOM, XML, XSLT, y lo más importante,
el objeto XMLHttpRequest. Cuando estas tecnologías se combinan en un modelo
AJAX, es posible lograr aplicaciones web capaces de actualizarse continuamente
sin tener que volver a cargar la página completa. Esto crea aplicaciones más
rápidas y con mejor respuesta a las acciones del usuario.

www.senati.edu.pe
 AJAX
AJAX no es un lenguaje de programación, sino una combinación de
varios estándares existentes. Según Jesse James Garrett, que
acuñó el nombre AJAX, se incluyen las siguientes
tecnologías: HTML (o XHTML) y CSS para construir y formatear
formularios web, el Document Object Model (DOM) para la
interacción de datos, XML (o una tecnología equivalente) para el
intercambio de datos y JavaScript como pieza central del código
para las comunicaciones con el servidor

www.senati.edu.pe
 AJAX
Es una técnica de desarrollo web para crear aplicaciones
interactivas o RIA (Rich Internet Applications). Estas aplicaciones
se ejecutan en el cliente, es decir, en el navegador de los
usuarios mientras se mantiene la comunicación asíncrona con el
servidor en segundo plano. De esta forma es posible realizar
cambios sobre las páginas sin necesidad de recargarlas,
mejorando la interactividad, velocidad y usabilidad en las
aplicaciones.

www.senati.edu.pe
 AJAX

www.senati.edu.pe
 AJAX

www.senati.edu.pe
 AJAX

www.senati.edu.pe
 AJAX

www.senati.edu.pe
 AJAX
(Ejemplo
1)

www.senati.edu.pe
 AJAX

www.senati.edu.pe
 AJAX

www.senati.edu.pe
 AJAX
(Ejemplo
2)

www.senati.edu.pe
 AJAX
(Ejemplo
2)

www.senati.edu.pe
 AJAX
(Ejemplo
2)

www.senati.edu.pe
 AJAX
(Ejemplo
2)

www.senati.edu.pe
 FORMULARIOS
HTML

www.senati.edu.pe
 FORMULARIOS
HTML

www.senati.edu.pe
 FORMULARIOS
HTML

www.senati.edu.pe
 FORMULARIOS
HTML

www.senati.edu.pe
 FORMULARIOS
HTML

www.senati.edu.pe
 FORMULARIOS
HTML

www.senati.edu.pe
 FORMULARIOS
HTML

www.senati.edu.pe
 FORMULARIOS
HTML

Fuente: https://www.mclibre.org/consultar/htmlcss/html/html-formularios.html
www.senati.edu.pe
 FORMULARIOS
HTML
(Ejemplos)

www.senati.edu.pe
 FORMULARIOS
HTML
(Ejemplos)

www.senati.edu.pe
 FORMULARIOS
HTML
(Ejemplos)

www.senati.edu.pe
 FORMULARIOS
HTML
(Ejemplos)

www.senati.edu.pe
www.senati.edu.pe
www.senati.edu.pe