Programa del Curso

JavaScript 2

Presentación del curso

Las sesiones avanzan en complejidad y trabajan con la librería JQuery que permite simplificar la
manera de interactuar con documentos HTML, y con Canvas (lienzo), para trabajar con formas y
colores, animándolos en una página web.

JavaScript es el principal lenguaje encargado de animar la web. Se complementa con HTML que
entrega la estructura de la página, y CSS que le da el estilo.

Versiones utilizadas: Lo más reciente de JS en el desarrollo web actual. Jquery 2.1 (los comandos
utilizados funcionan perfectamente en las versiones más actuales). Se trabaja online en
computador.
Opciones de visualización del curso: Computador. Requiere instalar/habilitar Adobe Flash. Se
sugiere utilizar el navegador Firefox.

Conocimientos y requisitos previos

- Recomendado para personas desde los 10 años de edad que hayan aprobado el curso JavaScript
1.

Tiempo de duración

12 horas cronológicas

Objetivos de aprendizaje

- Comprender cómo insertar código JavaScript en un HTML.

- Comprender cómo importar librerías de JavaScript, en particular, la librería JQuery.
- Utilizar comandos, funciones y métodos de JQuery para animar páginas web.
- Utilizar funciones que actúen sobre un elemento Canvas de HTML para dibujar.
- Comprender las bases del paradigma de Programación Orientada a Objetos (POO).
- Crear páginas web simples programando en un editor de texto, y utilizando la librería
Jquery, Canvas y/o comandos propios de JavaScript.

Contenidos

Sesión Título Aprendizajes/Actividades

Se trabaja con HTML y de cómo JavaScript interviene los elementos y
JavaScript parámetros de una página web. También se ve lo que es el árbol DOM y
interviene un la intervención de sus elementos, en especial el manejo de título, uso de
1
archivo HTML: ¡Que identificadores y el uso de JQUERY para incorporar nuevas funciones a los
la web se anime! programas en JavaScript.

Uso de funciones de JavaScript ya preparadas y probadas en JQUERY, en

JavaScript interviene especial el manejo del tiempo para la ejecución de una función e
un archivo HTML: importación de imágenes usando HTML, funciones de JavaScript para
2
¡Conversemos!, generar números al azar, manejo de coordenadas y su uso con JavaScript.
¡Hagamos click! Un código de JavaScript para calcular la distancia entre dos puntos.

Tibio, tibio, caliente,

Un programa de un juego, “La Búsqueda del Tesoro”. El usuario hace clic
caliente: ¡A jugar!
3 en un punto de un Mapa y el programa responde: tibio, tibio, frio, frio, o
Tibio, tibio, caliente,
caliente, caliente, según a qué distancia del tesoro se encuentra.
caliente
¡Póngale color a su
página!: “Canvas”, Funciones que tienen HTML y JavaScript para dibujar y ponerle color a
4
un lienzo dónde una figura. Uso de “Canvas” o Lienzo.
dibujar
Animaciones en el Un programa para que los objetos se muevan en el lienzo. Se hace
5 lienzo: ¡Que los aparecer imágenes, se borran y hace aparecer en otro lugar o con otra
objetos se animen! forma. Simulación para mover o cambiar de tamaño un objeto.
 Se trabajan los fundamentos de la programación orientada a objetos en
La Programación
JavaScript, incluyendo cómo crear constructores para construir nuevos
Orientada a Objeto:
objetos y cómo modificar la propiedad prototipo de esos constructores
6 un cambio en la
para compartir métodos entre los objetos.
manera de
Un programa de una pelota que se desplaza por un lienzo cuadrado y
programar
rebota si toca los bordes.

Evaluación

Las evaluaciones que conllevan calificación en el curso son las siguientes:

- Evaluaciones: Son cuestionarios con varias preguntas de alternativa que evalúan el

aprendizaje de un grupo de contenidos del curso (abarca 3 sesiones de contenido cada una).
- Misión: Corresponde a una tarea entregable donde se debe mejorar un proyecto realizado
durante las sesiones. Es revisado y retroalimentado por un tutor especialista, permitiendo
una segunda oportunidad de entrega en caso de ser requerido.

Requisitos para certificarse