Frameworks o librerías de JavaScript

Vista previa del material en texto

Soluciones Web y Aplicaciones 
Distribuidas
UPN.EDU.PE
Semana 09
Frameworks o librerías de JavaScript
Al final de la sesión el alumno profundizará 
sus conocimientos en manejo de Frameworks
CSS, WebComponents de manera eficiente y 
eficaz.
Reflexiona
• ¿Qué complementos podemos incluir en nuestras aplicaciones Web?
• ¿Para qué podrían servir estos complementos?
JQUERY
• jQuery es un framework para el lenguaje Javascript
• jQuery es un objeto define un conjunto funciones(ó metodos) en él.
• El constructor de jquery es una función sobrecargada que:
• Si recibe un string esta la toma como una query(consulta) y devuelve un 
conjunto de elementos del DOM correspondientes a la consulta.
• En caso de no recibir nada revuelve un conjunto vacío.
FRAMEWORKS / LIBRERÍAS DE JAVASCRIPT
JQUERY
FRAMEWORKS / LIBRERÍAS DE JAVASCRIPT
JQUERY
FRAMEWORKS / LIBRERÍAS DE JAVASCRIPT
JQUERY
FRAMEWORKS / LIBRERÍAS DE JAVASCRIPT
HOJAS DE ESTILO CSS
• CSS es un lenguaje de hojas de estilos creado para controlar el aspecto o 
presentación de los documentos electrónicos definidos con HTML y XHTML. CSS es 
la mejor forma de separar los contenidos y su presentación y es imprescindible 
para crear páginas web complejas.
FRAMEWORKS / LIBRERÍAS DE JAVASCRIPT
HOJAS DE ESTILO CSS
• Separar la definición de los contenidos y la definición de su aspecto presenta 
numerosas ventajas, ya que obliga a crear documentos HTML/XHTML bien 
definidos y con significado completo (también llamados "documentos 
semánticos"). Además, mejora la accesibilidad del documento, reduce la 
complejidad de su mantenimiento y permite visualizar el mismo documento en 
infinidad de dispositivos diferentes.
FRAMEWORKS / LIBRERÍAS DE JAVASCRIPT
HOJAS DE ESTILO CSS
• Al crear una página web, se utiliza en primer lugar el lenguaje HTML/XHTML para 
marcar los contenidos, es decir, para designar la función de cada elemento dentro 
de la página: párrafo, titular, texto destacado, tabla, lista de elementos, etc.
FRAMEWORKS / LIBRERÍAS DE JAVASCRIPT
HOJAS DE ESTILO CSS
• Una vez creados los contenidos, se utiliza el lenguaje CSS para definir el aspecto de 
cada elemento: color, tamaño y tipo de letra del texto, separación horizontal y 
vertical entre elementos, posición de cada elemento dentro de la página.
FRAMEWORKS / LIBRERÍAS DE JAVASCRIPT
HOJAS DE ESTILO CSS
FRAMEWORKS / LIBRERÍAS DE JAVASCRIPT
CÓDIGO CSS
INCRUSTADO
CÓDIGO CSS
EN CABECERA DE DOCUMENTO
CÓDIGO CSS
EN ARCHIVO EXTERNO
PLANTILLAS HTML5 CSS3
ADMINLTE
PLANTILLAS HTML5 CSS3
DEVOOPS
PLANTILLAS HTML5 CSS3
ARCHITECT
Actividad
Responder y discutir:
• ¿En qué casos es conveniente utilizar plantillas HTML?
• ¿Qué complementos tienen estas plantillas y cuál es su utilidad?
Bibliografía
• Xhafa, F. y Caballé, S.
Aplicaciones distribuidas en Java con tecnología RMI.
2008
https://elibro-net.eu1.proxy.openathens.net/es/lc/upnorte/titulos/168236
GRACIAS