INSTITUTO DE EDUCACIÓN SUPERIOR TECNOLÓGICO PRIVADO DIRECCIÓN ACADÉMICA CARRERAS PROFESIONALES I. DATOS ADMINISTRATIVOS CURSO DESARROLLO DE ENTORNOS WEB CÓDIGO CICLO SEMESTRE
1822 SEGUNDO 2016 – I
HORAS 2 CARRERA Computación e Informática, y Administración y Sistemas, Redes y Electrónica REQUISITOS ARQUITEC ARQUITECTURA TURA DE ENTORNOS ENTORNOS WEB II. INTRODUCCIÓN Desarrollo de entornos web es un curso que pertenece a la línea técnica y se dicta en las carreras Computación e Informática, Administración Administración y Sistemas, Redes y Electrónica. Brinda a los alumnos alumnos un conjunto de aplicativos, como editores de textos para HTML5, CSS, JavaScript, así como JQuery y JSON, para el diseño y desarrollo de sitios web con aplicaciones multimedia y validación de formularios. El curso es eminentemente práctico y consiste en el diseño de páginas web y programación avanzada con JavaScript para realizar operaciones, cálculos y validaciones en las mismas. En primer lugar, se inicia con el lenguaje Javascript básico y avanzado con aplicaciones en el desarrollo de entornos web. Luego, estudiaremos JQuery que es un producto que sirve como base para la programación avanzada de aplicaciones compatibles con cualquier navegador. Finalmente, estudiaremos JSON (JavaScript Object Notation - Notación de Objetos de JavaScript) es un formato ligero de intercambio de datos.
III. LOGRO DEL CURSO Al término del curso, el alumno alumno diseña y desarrolla desarrolla un sitio web que incluye interfaces diseñadas con etiquetas HTML5, hojas de estilos CCS y programación avanzada con JavaScript, JQuery y JSON.
IV. METODOLOGÍA El curso aplica la metodología de prácticas de laboratorios dirigidas por el profesor y la participación activa de los alumnos. Al final de cada sesión se obtiene un producto final terminado. Inmediatamente después de cada práctica de laboratorio dirigida, el alumno debe transferir lo aprendido mediante ejercicios propuestos individuales y grupales, y el desarrollo de tareas que se encuentran en el material de estudios desarrollado para el curso.
V. MEDIOS Y MATERIALES Equipamiento Computadora Proyector multimedia Pizarra
Material Educativo y Recursos Digitales
IEST Privado CIBERTEC
Manual del curso Diapositivas del cuso Ejemplos y ejercicios propuestos
1
VII. UNIDADES DE APRENDIZAJE UNIDAD 1. El Modelo de Objeto de Documento (DOM) Logro de la Unidad de Aprendizaje
Duración: 2 horas
Al término de la unidad, el alumno diseña y construye páginas para un sitio web aplicando el modelo de objetos de documento DOM.
Capacidades 1. Diseña una página web utilizando el modelo de objetos.
Conocimientos 1.1 Tema 1: El DOM (02 horas) 1.1.1 Definición 1.1.2 Accediendo a los elementos 1.1.3 Manipulando los estilos de los documentos
UNIDAD 2. Programación básica en lenguaje JavaScript Logro de la Unidad de Aprendizaje
Duración: 12 horas
Al término de la unidad, el alumno, con el lenguaje JavaScript, diseña programas, incorporados en una página del Sitio Web y para validar formularios.
Capacidades
Conocimientos 1. Diseña y programa páginas web para un sitio 2.1 Tema 2: Fundamentos de JavaScript (02 web utilizando etiquetas html5 y el lenguaje horas) javascript.
Evaluación de capacidades: EL1 – Semana 5
2.1.1 Elementos de un programa en javascript. 2.1.2 Entradas y salidas: alert, input. 2.1.3 Estructuras de selección
2.2 Tema 3: Estructuras de repetición (02 horas) 2.2.1 Sintaxis. 2.2.2 Ejemplos aplicados al desarrollo web
2.3 Tema 4: Funciones en el lenguaje JavaScript (02 horas) 2.3.1 Introducción 2.3.2 Sintaxis general 2.3.3 Funciones y argumentos 2.3.4 Variables y su ámbito 2.3.5 Funciones con return.
2.4 Tema 5: Arreglos (02 horas) 2.4.1 Definición de arreglos 2.4.2 Creación de arreglos 2.4.3 Trabajando con arreglo de objetos
2.5 Tema 6: Expresiones regulares (02 horas) 2.5.1 Definición de expresiones regulares 2.5.2 Creación de expresiones 2.5.3 Manejo de Caracteres especiales
UNIDAD 3. Programación orientada a objetos en Javascript Logro de la Unidad de Aprendizaje
Duración: 6 horas
Al término de la unidad, el alumno, con el lenguaje JavaScript, usando el paradigma de programación orientada a objetos, diseña programas, incorporados en una página del Sitio Web
Capacidades
IEST Privado CIBERTEC
Conocimientos
2
1. Diseña y programa páginas web para un sitio web utilizando etiquetas HTML y lenguaje de programación javascript
Evaluación de capacidades: EL2 – Semana 8
3.1 Tema 7: Introducción (02 horas) 3.1.1 Definición de programación orientada a objetos. 3.1.2 Definición de clases, Objetos y eventos 3.1.3 Implementando el paradigma de la POO en páginas web
3.2 Tema 8: Clases predefinidas (02 horas) 3.2.1 Array 3.2.2 Date 3.2.3 Math 3.2.4 String
UNIDAD 4. JQuery Logro de la Unidad de Aprendizaje
Duración: 10 horas
Al término de la unidad, el alumno, con el lenguaje JavaScript, usando la librería JQuery, diseña programas, incorporados en una página del Sitio Web.
Capacidades
1.
Conocimientos Diseña y programa páginas web para un sitio 4.1 Tema 9: Introducción (02 horas)
web utilizando etiquetas HTML y lenguaje de 4.1.1 Definición. programación javascript y jquery 4.1.2 Breve referencia CSS 4.1.3 Software necesario Evaluación de capacidades: EL3 – Semana 4.1.4 Selectores
11
Evaluación de capacidades: EL4 – Semana 14
4.2 Tema 10: Características principales (02 horas) 4.2.1 Constructor. 4.2.2 Iteración implícita 4.2.3 Consultas a través del DOM 4.2.4 Encadenamiento (chaining)
4.3 Tema 11: Manejo de eventos (02 horas) 4.3.1 Introducción a los eventos. 4.3.2 Evento click 4.3.3 Comportamiento en cola 4.3.4 Evento hover 4.3.5 Eventos del teclado 4.3.6 Borrar eventos
4.4 Tema 12: Efectos y modificaciones sobre el DOM (02 horas) 4.4.1 Introducción a los efectos. 4.4.2 Efectos incorporados 4.4.3 Efectos personalizados 4.4.4 Control de efectos
UNIDAD 5. JSON Logros de la Unidad de Aprendizaje
Duración: 4 horas
Al término de la unidad, el alumno, con el lenguaje JavaScript y usando la notación JSON, JQuery, crea páginas con contenido dinámico.
Capacidades 2.
Diseña y programa páginas web para un sitio web utilizando etiquetas HTML y lenguaje de programación javascript y jquery y JSON
IEST Privado CIBERTEC
Conocimientos 5.1 Tema 13: Introducción (02 horas) 5.1.1 Definición. 5.1.2 Estructura de un archivo JSON 5.1.3 Creación de un archivo JSON
3
Evaluación de capacidades: EF – Semana 16 Evaluación de capacidades: Sustentación de proyectos – Semana 17
VI. EVALUACIÓN PF = 20% PROM(EL,2,1) + 25% (EL4) + 5% (NA1) + 10% (AP1) + 15% (SP1) + 25% (LF1)
Donde.-
PF EL AP SP NA LF
= = = = = =
Promedio Final Evaluaciones de Laboratorio Avance de Proyecto Sustentación de Proyecto Evaluación Actitudinal Examen Final de Laboratorio
EVALUACI N
LOGRO A EVALUAR
Evaluaciones de Laboratorio
Indicado en las unidades de aprendizaje respectivas
Examen Final de Laboratorio
Diseño de páginas web empleando el lenguaje de programación javascript y jquery sobre la base de la estructura de la programación orientada a objetos.
Proyecto
Desarrollo de proyecto web que tenga como objetivo promocionar un producto aplicando los conocimientos aprendidos en clase
EVALUACIÓN
SEMANAS LABORATORIO
Evaluación 1
05
Evaluación 2
08
Evaluación 3
11
Evaluación 4
14
Avance del Proyecto
12 – 13
Examen Final
16
Sustentación de Proyecto
17
Nota Actitudinal
14
Consideraciones.-
-
La nota mínima aprobatoria es 13. Se realizarán 4 evaluaciones, donde se anulará la evaluación más baja de las tres primeras evaluaciones obteniendo el promedio de las 2 restantes. La cuarta evaluación representa el 20% del promedio final. Evaluación del proyecto: Sustentación de Proyecto (SP): o 75% por la calidad del contenido del trabajo entregado 25% por desempeño individual y grupal en la exposición El proyecto deberá cumplir las pautas especificadas en el Plan de Proyecto. o
VII. BIBLIOGRAFÍA DEL CURSO
IEST Privado CIBERTEC
4
BÁSICA Acera Garcia, MigeulAngel 2012 Manual HTML5 006.7 ACER AlvarezGarcia, Alonso 2012 Manual imprescindible de HTML 5 006.74 HTML Meloni, Julie C. 2012 HTML5, CSS3 y JavaScript 006.74 HTML MELO Goldstein, Alexis 2011 Manual imprescindible de HTML 5 y CSS3 006.74 HTML GOLD
COMPLEMENTARIOS El gran libro de HTML5, CSS3 y JavaScript http://www.cunlimon.ac.cr/Uploads/InfoPublica/HTML5_CSS3_Javascript.pdf Libros Web http://librosweb.es/libros/
IEST Privado CIBERTEC
5