Download Curso de Maquetado de sitios web con Jquery

Curso de Maquetado de sitios web con Jquer y
GENERALIDADES
Nombre de la formación:
Curso de Maquetado de sitios web con Jquery
Tipo de Curso:
Presencial con apoyos virtuales
Fechas de realización:
Del 8 de junio al 6 de julio
Horas a desarrollar:
30 horas ( 20 horas presenciales y 10 virtuales)
Horario del curso:
8:00 am -12 m
Fechas en las que se
desarrollará el Curso:
Sábado 8 de junio (Inauguración)
Sábado 15 de junio
Sábado 22 de junio
Sábado 29 de junio
Sábado 6 de julio
Propósito del curso:
•
Dotar a las y los participantes de los conocimientos sobre el maquetado de sitios
web con HTML5, CSS3, AJAX y Jquery, para que tengan la capacidad de construir
un sitio web desde cero y de forma ágil, utilizando las nuevas tendencias desde el
punto de vista gráfico y funcional.
Criterios de Evaluación
para aprobación:
1)
2)
3)
4)
5)
Asistencia presencial (5%)
Asistencia virtual (5%)
Foros y tareas virtuales ( 20%)
Talleres prácticos ( 40%)
Trabajo final ( 30%)
Comprobante de
Aprobación :
Certificado de aprobación, expresas las 30 horas desarrollados.
Dirigido a:
Docentes de Licenciatura en Ciencias de la Computación de la Universidad Luterana
Salvadoreña y estudiantes de informática en general.
Conocimientos previos:
El o la participante debe tener conocimientos sobre HTML y CSS, así como elementos
básicos de diseño gráfico.
Capacitador:
Tec. Noé Martínez.
CONTENIDOS A DESARROLL AR
UNIDAD 1
Generalidades
8 de junio
•
1 Conceptos Básicos de jQuery
◦ 1.1 $(document).ready()
◦ 1.2 Selección de Elementos
▪ 1.2.1 Comprobar Selecciones
▪ 1.2.2 Guardar Selecciones
▪ 1.2.3 Refinamiento y Filtrado de Selecciones
▪ 1.2.4 Selección de Elementos de un Formulario
◦ 1.3 Trabajar con Selecciones
▪ 1.3.1 Encadenamiento
▪ 1.3.2 Obtenedores (Getters) & Establecedores (Setters)
◦ 1.4 CSS, Estilos, & Dimensiones
▪ 3.4.1 Utilizar Clases para Aplicar Estilos CSS
▪ 3.4.2 Dimensiones
◦ 1.5 Atributos
◦ 1.6 Recorrer el DOM
◦ 1.7 Manipulación de Elementos
▪ 1.7.1 Obtener y Establecer Información en Elementos
▪ 1.7.2 Mover, Copiar y Remover Elementos
▪ 1.7.3 Crear Nuevos Elementos
▪ 1.7.4 Manipulación de Atributos
◦ 1.8 Ejercicios
▪ 1.8.1 Instalar Netbeans 7.3
▪ 1.8.2 Selecciones
▪ 1.8.2 Recorrer el DOM
▪ 1.8.3 Manipulación
UNIDAD 2
¿Porque utilizar Python?
8 de junio
•
2 El núcleo de jQuery
◦ 2.1 $ vs $()
◦ 2.2 Métodos Utilitarios
◦ 2.3 Comprobación de Tipos
◦ 2.4 El Método Data
◦ 2.5 Detección de Navegadores y Características
◦ 2.6 Evitar Conflictos con Otras Bibliotecas JavaScript
UNIDAD 3
Inmersión en Python
15 de junio
•
3 Eventos
◦ 3.1 Introducción
◦ 3.2 Vincular Eventos a Elementos
▪ 3.2.1 Vincular Eventos para Ejecutar una vez
▪ 3.2.2 Desvincular Eventos
▪ 3.2.3 Espacios de Nombres para Eventos
▪ 3.2.4 Vinculación de Múltiples Eventos
◦ 3.3 El Objeto del Evento
◦ 3.4 Ejecución automática de Controladores de Eventos
◦ 3.5 Incrementar el Rendimiento con la Delegación de Eventos
▪ 3.5.1 Desvincular Eventos Delegados
◦ 3.6 Funciones Auxiliares de Eventos
▪ 3.6.1 $.fn.hover
▪ 3.6.2 $.fn.toggle
◦ 3.7 Ejercicios
▪ 3.7.1 Crear una “Sugerencia” para una Caja de Ingreso de Texto
▪ 3.7.2 Añadir una Navegación por Pestañas
Unidad 4
15 de junio
•
4 Efectos
◦ 4.1 Introducción
◦ 4.2 Efectos Incorporados en la Biblioteca
▪ 4.2.1 Cambiar la Duración de los Efectos
▪ 4.2.2 Realizar una Acción Cuando un Efecto fue Ejecutado
◦ 4.3 Efectos Personalizados con $.fn.animate
▪ 4.3.1 Easing
◦ 4.4 Control de los Efectos
◦ 4.5 Ejercicios
▪ 4.5.1 Mostrar Texto Oculto
▪ 4.5.2 Crear un Menú Desplegable
▪ 4.5.3 Crear un Slideshow
Unidad 5
22 de junio
•
5 Ajax
◦ 5.1 Introducción
◦ 5.2 Conceptos Clave
▪ 5.2.1 GET vs. POST
▪ 5.2.2 Tipos de Datos
▪ 5.2.3 Asincronismo
▪ 5.2.4 Políticas de Mismo Origen y JSONP
▪ 5.2.5 Ajax y Firebug
◦ 5.3 Métodos Ajax de jQuery
▪ 5.3.1 $.ajax
▪ 5.3.2 Métodos Convenientes
▪ 5.3.3 $.fn.load
◦ 5.4 Ajax y Formularios
◦ 5.5 Trabajar con JSONP
◦ 5.6 Eventos Ajax
◦ 5.7 Ejercicios
Unidad 6
22 de junio
•
6 Extensiones
◦ 6.1 ¿Qué es una Extensión?
◦ 6.2 Crear una Extensión Básica
◦ 6.3 Encontrar y Evaluar Extensiones
◦ 6.4 Escribir Extensiones
◦ 6.5 Escribir Extensiones con Mantenimiento de Estado Utilizando Widget
Factory de jQuery UI
▪ 6.5.1 Añadir Métodos a un Widget
▪ 6.5.2 Trabajar con las Opciones del Widget
▪ 6.5.3 Añadir Funciones de Devolución de Llamada
▪ 6.5.4 Limpieza
▪ 6.5.5 Conclusión
◦ 6.6 Ejercicios
▪ 6.6.1 Realizar una Tabla Ordenable
▪ 6.6.2 Escribir una Extensión Para Cambiar el Color de Fondo en Tablas
Unidad 7
29 de junio
•
7 Mejores Prácticas para Aumentar el Rendimiento
◦ 7.1 Guardar la Longitud en Bucles
◦ 7.2 Añadir Nuevo Contenido por Fuera de un Bucle
◦ 7.3 No Repetirse
◦ 7.4 Cuidado con las Funciones Anónimas
◦ 7.5 Optimización de Selectores
▪ 7.5.1 Selectores basados en ID
▪ 7.5.2 Especificidad
▪ 7.5.3 Evitar el Selector Universal
◦ 7.6 Utilizar la Delegación de Eventos
◦ 7.7 Separar Elementos para Trabajar con Ellos
◦ 7.8 Utilizar Estilos en Cascada para Cambios de CSS en Varios Elementos
◦ 7.9 Utilizar $.data en Lugar de $.fn.data
◦ 7.10 No Actuar en Elementos no Existentes
◦ 7.11 Definición de Variables
◦ 7.12 Condicionales
◦ 7.13 No Tratar a jQuery como si fuera una Caja Negra
Unidad 8
29 de junio
•
8 Organización del Código
◦ 8.1 Introducción
▪ 8.1.1 Conceptos Clave
◦ 8.2 Encapsulación
▪ 8.2.1 El Objeto Literal
▪ 8.2.2 El Patrón Modular
◦ 8.3 Gestión de Dependencias
▪ 8.3.1 Obtener RequireJS
▪ 8.3.2 Utilizar RequireJS con jQuery
▪ 8.3.3 Crear Módulos Reusables con RequireJS
▪ 8.3.4 Optimizar el Código con las Herramientas de RequireJS
◦ 8.4 Ejercicios
▪ 8.4.1 Crear un Módulo Portlet
Unidad 9
6 de julio
•
9 Eventos Personalizados
◦ 9.1 Introducción a los Eventos Personalizados
▪ 9.1.1 Un Ejemplo de Aplicación
Unidad 10
6 de julio
•
10 Funciones y ejecuciones diferidas a través del objeto $.Deferred
◦ 10.1 Introducción
◦ 10.2 El objeto diferido y Ajax
▪ 10.2.1 deferred.then
◦ 10.3 Creación de objetos diferidos con $.Deferred
▪ 10.3.1 deferred.pipe
10.3.2 $.when