Programming Web Pages with JavaScript

Se utiliza la plataforma a distancia de Berkeley ( la verdad no es muy buena puedes revisar un ejemplo de curso):

• Materiales on-line (Classroom): cada unidad tiene unos objetivos, materiales y actividades asignadas
• Centro de Mensajes (Message Board): para envío y consulta de mensajes (un foro)

Los datos del curso son:

• Contenidos: 6 unidades y un trabajo final
• Duración: 6 meses desde el arranque
• Dedicación:
  • Estimada: Son 2.4 ceu (Continuing Education Units), es decir 24 h clase + trabajo en casa. Unos 2 o 3 créditos ECTS
  • Real (unas 40h): 20h para estudio, 7h para practicar y 11h en trabajo final
• Precio: 605 USD (unos 480 euros)
• A Distancia: por Internet
• Libro Referencia: JavaScript: The Definitive Guide de David Flanagan. No me hizo falta.
• Evaluación:
  • participación en los foros (30%)
  • actividades (30%)
  • Proyecto Final (40%) (También hice un trabajo intermedio para repasar)

Los requisitos previos son conocimientos básicos de programación y saber HTML

1.Introducción

Es una introducción general a la historia de Javascript y se ven algunas generalidades del lenguaje. Se busca realizar el primer programa y ver la relación entre la página web (lenguaje HTML) y la programación. Sólo se verá la programación de Javascript en el lado del cliente (Javascript Client Side).

2.Fundamentos de JavaScript

Se ven aspectos fundamentales de la sintaxis de Javascript:

• Variables y Constantes
• Expresiones y Operadores
• Instrucciones:
  • Condicionales (if, switch ...)
  • de Repetición (for, do, while ...)

3.Funciones, Arrays y Eventos

• Usar Funciones (Versión breve)
• Trabajar con Arrays. Objeto Array
• Utilizar Eventos: HTML Events

4.Objeto DOM, Imágenes y Ventanas

• DOM Reference:
  • No tiene que ver con Javascript
  • DOM es un Estándar W3C
• Objetos DOM más utilizados:
  • Objeto Document (el HTML)
  • Elemento Style (el CSS)
  • Objeto Window (la ventana)
• Consultas típicas (2 ejemplos):
  1. Métodos Utilizados: document.getElementById y element.getElementsByTagName
  2. Modificar Estilo de un elemento: element.style o element.ClassName

5.Formularios, Fechas y Cookies

La idea es usar diferentes herramientas:

• Formularios HTML a través del Array Document.forms (Using forms with JS)
• Campos (propiedad Value) haciendo referencia (name o id) al formulario
• Objeto Date
• Cookies: document.cookie
• Expresiones Regulares, pero con Javascript
• Método window.setTimeOut para ejecutar una función a intervalos

6.Frames

• Frames (HTML): Frameset y Frames
• Hacer Referencia a elementos Frame:
  • Definir Nombre (HTML atributo target)
  • A través de top o parent (JS) (array frames o frame_name)
  • Frame es Document dentro de Window (Objetos DOM)

Es mejor no utilizar frames y utilizar otras alternativas (CSS)

Hice un trabajo final (English Test Online Quiz) después de repasar un poco programando la página ¿Necesitas controlar tu peso?.