Jquery with elements, Diapositivas de Diseño Web y Prototipos

¡Descarga Jquery with elements y más Diapositivas en PDF de Diseño Web y Prototipos solo en Docsity!

www.usat.edu.pe Unidad I Unidad II^ Unidad III

JS – JavaScript

• Jquery
• LocalStorage

DISEÑO WEB

Ing. Ernesto Nicho Córdova [email protected] SESIÓN

Objetivo de la sesión: ✓ Utilizar librerías de programación en JavaScript para el manejo de datos y estructuras HTML Propósito de la sesión Competencia del perfil de egreso : La asignatura DISEÑO WEB, que corresponde al área de estudios de Especialidad, contribuye al logro del perfil de egreso, específicamente a la(s) competencia(s):

• CE 3 : DESARROLLO DE SOFTWARE
• CG 4 : COMUNICACIÓN ORAL Y ESCRITA Resultado de Aprendizaje de la Unidad 02: R2: Diseña páginas web con herramientas de maquetado avanzado. Contribuye al logro Contribuye al logro

• jQuery es un framework Javascript. Sirve como base para la programación avanzada de aplicaciones, que aporta una serie de funciones o códigos para realizar tareas habituales. Por decirlo de otra manera, el framework jQuery presenta una serie de librerías de código que contienen procesos o rutinas ya listos para usar. Jquery

• Dan dos posibilidades para descargar, una que le llaman PRODUCTION, que es la adecuada para páginas web en producción, puesto que está minimizada y ocupa menos espacio, con lo que la carga de nuestro sitio será más rápida.
• La otra posibilidad es descargar la versión que llaman DEVELPOMENT, que está con el código sin comprimir, con lo que ocupa más espacio, pero se podrá leer la implementación de las funciones del framework, que puede ser interesante en etapa de desarrollo, porque podremos bucear en el código de jQuery por si tenemos que entender algún asunto del trabajo con el framework. Descarga

https://jquery.com/download/

• El primer requisito para usar JQuery es agregar la librería, que podemos cargar desde su principal repositorio o desde otros CDN de internet.
• A continuación debemos de insertar dentro de un elemento SCRIPT, las instrucciones de la siguiente forma: - Como usar JQuery en mis páginas
  • Recuerda que puedes crear un archivo externo y enlazarlo.

Una descripción del uso de JQuery

Ejercicio 02 HTML JS

• Revisar en internet y probar alguna utilidad de jQuery en diversas situaciones de una página web: Trabajo Grupal Grupo 1 - Eventos relacionados a formularios Grupo 2 - Eventos relacionados al teclado Grupo 3 - Eventos relacionados a manejo de estilos Cada grupo sube en el foro respectivo los archivos utilizados para su ejemplo (más de un archivo comprimir en uno solo) Grupo 4
• Eventos relacionados al navegador

Rúbrica de evaluación

• El uso de librerías y frameworks agilizan el proceso de programación de javascript.
• Existen varios frameworks para javascript del cual uno de los mas conocidos es jQuery.
• Podemos almacenar datos de manera local y utilizarlos para procesos posteriores. Conclusiones

[ 1 ] NorfiPC, «Como escribir con JavaScript texto y elementos en páginas web,» 29 mayo 2020. [En línea]. Disponible: https://norfipc.com/inf/javascript-como-escribir- texto-elementos-paginas-web.html. [Último acceso: 9 junio 2020 ]. [ 2 ] P. Ribes, Manual JavaScript, Madrid: CEP S.L., 2011. [ 3 ] A. Mora, «¿Qué es y cómo utilizar localStorage y sessionStorage?,» 27 diciembre 2018. [En línea]. Disponible: https://ed.team/blog/que-es-y-como-utilizar- localstorage-y-sessionstorage. [Último acceso: 15 junio 2020 ]. [ 4 ] norfipc.com, «JQuery, ejemplos prácticos para usar en páginas web,» s.f.. [En línea]. Disponible: https://norfipc.com/codigos/jquery-ejemplos-practicos-usar- paginas-web.php. [Último acceso: 15 junio 2020 ]. Referencias