CI2413 - Desarrollo de Aplicaciones para Internet

Universidad de Costa Rica
Escuela de Ciencias de la Computación e Informática
CI2413 - Desarrollo de Aplicaciones para Internet
4 créditos, 4 horas presenciales, 8 horas extraclase
II semestre 2016. Grupo 01: KV13-15. 205-IF (K), 104-IF (V).

Profesor Jeisson Hidalgo-Céspedes
Correo: jeissonh@gmail.com. Casillero: 4.

Este curso pretende que el estudiante comprenda los fundamentos y estándares web para que sea capaz de resolver problemas que requieran el desarrollo de aplicaciones web. Este sitio contiene recursos de utilidad y enlaces hacia materiales a usar durante el curso.

Documentos

  1. Carta al estudiante. Contiene una descripción general del curso, sus objetivos, temario, evaluación y otros detalles. Es una especie de contrato entre el profesor, los estudiantes y la escuela.
  2. Desarrollo de aplicaciones web. Material de referencia del curso. Consta del material de rerencia utilizando en los laboratorios autodidácticos.
  3. Proyecto. Proyecto del curso: "Knowpoly".
  4. Ejemplos. Ejemplos del curso hechos en clase.

Ejemplos

  1. Tres doble u. Un sitio web pequeño compuesto de encabezado, menú, pie de sitio, sin redundancia de código utilizando server side includes (SSI) y XHTML5.
  2. La fortaleza del ingenio. Muestra como representar en XHTML y distribuir las zonas estructurales de un sitio web utilizando estilos en CSS. Solución al primer examen parcial.
  3. Bolsa de burbujas. El juego de estallar una bolsa de burbujas implementado en JavaScript. El tamaño de la bolsa varía de acuerdo a las dimensiones de la ventana del navegador.
  4. Examen autogenerado en JavaScript. Muestra cómo construir dinámicamente una página XHTML5 a partir de un objeto en JavaScript Object Notation (JSON). Solución al segundo examen parcial.
  5. Una sección de preguntas frecuentes. Muestra cómo modificar el árbol de nodos del documento (DOM) con JavaScript para mostrar u ocultar respuestas de una sección de preguntas frecuentes.
  6. Días feriados. Aplicación en PHP que muestra los días feriados del año en curso.
  7. Login. Muestra cómo autenticar visitantes y mantener rastro de ellos desde el servidor web mediante sesiones de PHP. [Código fuente].
  8. Chat masivo sin Ajax y versión con con Ajax. Muestra una pizarra de mensajes implementada en PHP, MySQL y AJAX. [Código fuente].
  9. Examen con preguntas aleatorias. Genera un examen con preguntas obtenidas aleatoriamente de una base de datos en MySQL. Solución al examen 03. [Código fuente].

Recursos de utilidad

La siguiente es una lista de recursos a utilizar durante el curso. Es conveniente tenerlos a mano, quizá estableciéndolos como marcadores de su navegador preferido.

  1. W3C Validator. Servicio gratuito del World Wide Web Consortium que advierte de errores de marcado. Es obligatorio que todas las tareas presentadas por el estudiante demuestren apego a los estándares usando este validador.
  2. Free Web Hosting. Permite comparar o buscar servicios de alojamiento web (web hosting) gratuitos.
  3. Web Style Guide de Patrick J. Lynch y Sarah Horton. Libro gratuito disponible en línea sobre diseño web.
  4. Pro Git. Libro libre de Scott Chacón sobre este sistema de control de versiones.
  5. Inkscape: Guide to a Vector Drawing Program. Libro libre de Tavmjong Bah sobre edición de gráficos vectoriales con Inkscape.

Software

El siguiente es un listado de programas que el estudiante puede encontrar de interés o utilidad en el cumplimiento de sus tareas en el curso.

  1. Flexy Boxes. Permite aplicar estilos del CSS3 Flexbox layout interactivamente.
  2. Screenfly. Herramienta que prueba una página web a distintos tamaños de pantalla: celulares, tabletas, y equipos de escritorio.
  3. Aptana Studio. Es un IDE (Integrated Development Environment) que permite editar código web, como (X)HTML, CSS, JavaScript, PHP y otras tecnologías. Entre sus ventajas, es gratuito y provee autocompletado de código. Como desventajas, es de gran tamaño y no posee un editor visual.
  4. Code prettify. Una biblioteca JavaScript para formatear código fuente dentro de un documento web: asigna colores, números de línea y otros estilos.
  5. Editores de texto: Geany en Linux, TextWrangler en Mac OS X, Notepad++ en Microsoft Windows. Otros editores que no he probado: PSPad; CodeLobster.
  6. Navegadores: Google Chrome, Mozilla Firefox, Opera, Safari, y sus correspondientes en dispositivos móviles.