INSTITUTO DE EDUCACIN SUPERIOR TECNOLGICO PRIVADO

DIRECCIN ACADMICA
CARRERAS PROFESIONALES
I. DATOS ADMINISTRATIVOS
CURSO

DESARROLLO DE ENTORNOS WEB

CDIGO

1822

CICLO

SEGUNDO

SEMESTRE

2016 I

HORAS

CARRERA

Computacin e Informtica, y Administracin y Sistemas, Redes y Electrnica

REQUISITOS

ARQUITECTURA DE ENTORNOS WEB

II. INTRODUCCIN
Desarrollo de entornos web es un curso que pertenece a la lnea tcnica y se dicta en las carreras
Computacin e Informtica, Administracin y Sistemas, Redes y Electrnica. Brinda a los alumnos un
conjunto de aplicativos, como editores de textos para HTML5, CSS, JavaScript, as como JQuery y
JSON, para el diseo y desarrollo de sitios web con aplicaciones multimedia y validacin de formularios.
El curso es eminentemente prctico y consiste en el diseo de pginas web y programacin avanzada
con JavaScript para realizar operaciones, clculos y validaciones en las mismas. En primer lugar, se
inicia con el lenguaje Javascript bsico y avanzado con aplicaciones en el desarrollo de entornos web.
Luego, estudiaremos JQuery que es un producto que sirve como base para la programacin avanzada
de aplicaciones compatibles con cualquier navegador. Finalmente, estudiaremos JSON (JavaScript
Object Notation - Notacin de Objetos de JavaScript) es un formato ligero de intercambio de datos.
III. LOGRO DEL CURSO
Al trmino del curso, el alumno disea y desarrolla un sitio web que incluye interfaces diseadas con
etiquetas HTML5, hojas de estilos CCS y programacin avanzada con JavaScript, JQuery y JSON.
IV. METODOLOGA
El curso aplica la metodologa de prcticas de laboratorios dirigidas por el profesor y la participacin
activa de los alumnos. Al final de cada sesin se obtiene un producto final terminado. Inmediatamente
despus de cada prctica 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

IEST Privado CIBERTEC

Material Educativo y Recursos Digitales

Manual del curso
Diapositivas del cuso
Ejemplos y ejercicios propuestos

VII. UNIDADES DE APRENDIZAJE

UNIDAD 1. El Modelo de Objeto de Documento (DOM)
Duracin: 2 horas
Logro de la Unidad de Aprendizaje
Al trmino de la unidad, el alumno disea y construye pginas para un sitio web aplicando el modelo
de objetos de documento DOM.
Capacidades
1. Disea una pgina web utilizando el modelo
de objetos.

Conocimientos
1.1 Tema 1: El DOM (02 horas)
1.1.1 Definicin
1.1.2 Accediendo a los elementos
1.1.3 Manipulando los estilos de los documentos

UNIDAD 2. Programacin bsica en lenguaje JavaScript

Duracin: 12 horas
Logro de la Unidad de Aprendizaje
Al trmino de la unidad, el alumno, con el lenguaje JavaScript, disea programas, incorporados en
una pgina del Sitio Web y para validar formularios.
Capacidades
Conocimientos
1. Disea y programa pginas web para un sitio 2.1 Tema 2: Fundamentos de JavaScript (02
web utilizando etiquetas html5 y el lenguaje horas)
javascript.
2.1.1 Elementos de un programa en javascript.
2.1.2 Entradas y salidas: alert, input.
Evaluacin de capacidades: EL1 Semana 5 2.1.3 Estructuras de seleccin
2.2 Tema 3: Estructuras de repeticin (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 Introduccin
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 Definicin de arreglos
2.4.2 Creacin de arreglos
2.4.3 Trabajando con arreglo de objetos
2.5 Tema 6: Expresiones regulares (02 horas)
2.5.1 Definicin de expresiones regulares
2.5.2 Creacin de expresiones
2.5.3 Manejo de Caracteres especiales

UNIDAD 3. Programacin orientada a objetos en Javascript

Duracin: 6 horas
Logro de la Unidad de Aprendizaje
Al trmino de la unidad, el alumno, con el lenguaje JavaScript, usando el paradigma de programacin
orientada a objetos, disea programas, incorporados en una pgina del Sitio Web
Capacidades

IEST Privado CIBERTEC

Conocimientos

1. Disea y programa pginas web para un sitio

web utilizando etiquetas HTML y lenguaje de
programacin javascript
Evaluacin de capacidades: EL2 Semana 8

3.1 Tema 7: Introduccin (02 horas)

3.1.1 Definicin de programacin orientada a
objetos.
3.1.2 Definicin de clases, Objetos y eventos
3.1.3 Implementando el paradigma de la POO
en pginas 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
Duracin: 10 horas
Logro de la Unidad de Aprendizaje
Al trmino de la unidad, el alumno, con el lenguaje JavaScript, usando la librera JQuery, disea
programas, incorporados en una pgina del Sitio Web.
Capacidades
Conocimientos
Disea y programa pginas web para un sitio 4.1 Tema 9: Introduccin (02 horas)
web utilizando etiquetas HTML y lenguaje de 4.1.1 Definicin.
programacin javascript y jquery
4.1.2 Breve referencia CSS
4.1.3 Software necesario
Evaluacin de capacidades: EL3 Semana
4.1.4 Selectores
11
4.2 Tema 10: Caractersticas principales (02
Evaluacin de capacidades: EL4 Semana
horas)
14
4.2.1 Constructor.
4.2.2 Iteracin implcita
4.2.3 Consultas a travs del DOM
4.2.4 Encadenamiento (chaining)
1.

4.3 Tema 11: Manejo de eventos (02 horas)

4.3.1 Introduccin 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 Introduccin a los efectos.
4.4.2 Efectos incorporados
4.4.3 Efectos personalizados
4.4.4 Control de efectos

UNIDAD 5. JSON
Duracin: 4 horas
Logros de la Unidad de Aprendizaje
Al trmino de la unidad, el alumno, con el lenguaje JavaScript y usando la notacin JSON, JQuery,
crea pginas con contenido dinmico.

2.

Capacidades
Disea y programa pginas web para un
sitio web utilizando etiquetas HTML y
lenguaje de programacin javascript y
jquery y JSON

IEST Privado CIBERTEC

Conocimientos
5.1 Tema 13: Introduccin (02 horas)
5.1.1 Definicin.
5.1.2 Estructura de un archivo JSON
5.1.3 Creacin de un archivo JSON

Evaluacin de capacidades: EF Semana 16

Evaluacin de capacidades: Sustentacin
de proyectos Semana 17

VI. EVALUACIN
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
Sustentacin de Proyecto
Evaluacin Actitudinal
Examen Final de Laboratorio

EVALUACIN
Evaluaciones de
Laboratorio
Examen Final de
Laboratorio
Proyecto

LOGRO A EVALUAR
Indicado en las unidades de aprendizaje respectivas
Diseo de pginas web empleando el lenguaje de programacin
javascript y jquery sobre la base de la estructura de la programacin
orientada a objetos.
Desarrollo de proyecto web que tenga como objetivo promocionar
un producto aplicando los conocimientos aprendidos en clase

EVALUACIN
Evaluacin 1
Evaluacin 2
Evaluacin 3
Evaluacin 4
Avance del Proyecto
Examen Final
Sustentacin de Proyecto
Nota Actitudinal

SEMANAS
LABORATORIO
05
08
11
14
12 13
16
17
14

Consideraciones.- La nota mnima aprobatoria es 13.

- Se realizarn 4 evaluaciones, donde se anular la evaluacin ms baja de las tres primeras
evaluaciones obteniendo el promedio de las 2 restantes. La cuarta evaluacin representa el
20% del promedio final.
- Evaluacin del proyecto:
o
Sustentacin de Proyecto (SP):
75% por la calidad del contenido del trabajo entregado
25% por desempeo individual y grupal en la exposicin
o
El proyecto deber cumplir las pautas especificadas en el Plan de Proyecto.

VII. BIBLIOGRAFA DEL CURSO

IEST Privado CIBERTEC

BSICA
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