Skip to content

Repositorio creado para guardar la evolución del curso de jquery, no es un proyecto de interés. Cada tag indica una etapa del proyecto.

Notifications You must be signed in to change notification settings

diegogd/curso-jquery

Repository files navigation

Sexta etapa:

- Construcción de plugin jquery para etiquetar fotografías.
    - Asociar el plugin a cada foto
    - Cargar etiquetas existentes
    - Añadir nuevas etiquetas al hacer clic sobre la foto.
    - Almacenamiento remoto con openkeyval.org

- Referencias de interés:
    - http://net.tutsplus.com/tutorials/javascript-ajax/coding-your-first-jquery-ui-plugin/


================================================================

Quinta etapa:

- Añadir feedback de llamadas ajax
- Control de errores
    - Tratamiento atómico de peticiones ajax
    - Tratamiento global de peticiones ajax
    - Control de conexiones activas para evitar la salida de la web.

================================================================

Cuarta etapa:

- Puesto que el código javascript se reutiliza con cada recarga de página,
sería desaeable que fuese cacheado -> ayuda a la limpieza de código.
- Creamos componente jquery ui con la funcionalidad que hemos implementado 
hasta ahora.


================================================================

Tercera etapa:

- Se amplia la funcionalidad de fancybox.
    - Hacemos uso del sistema de eventos para no tener que reescribir todo.
- Se añade la llamada a un servicio jsonp (cross-domain).
- Se añade un sistema de plantillas para mostrar los comentarios.


================================================================

En la segunda parte se incluye lo siguiente:

- Comentar la ubicación de los bloques de código.
- Añadido bloque json (precargado con fotos de flickr):
http://api.flickr.com/services/rest/?method=flickr.photos.search&api_key=5c1d10dbb18449549295e6247a2e5ff6&tags=mountain&format=json&nojsoncallback=1
- Creado bloque inicial en javascript para añadir fotos desde flckr.

- Añadimos la funcionalidad básica a partir de uso de componentes existentes:
  - Fancybox 2

================================================================
La primera versión establece el punto de partida:

El proyecto consistirá en lo siguiente:
- Una página con un listado de fotografías
- Al hacer clic sobre cada fotografía se mostrará en tamaño grande
- Se mostrará además un listado de comentarios
- Permitirá añadir un nuevo comentario y puntuación
- Se mostrará un listado de personas etiquetadas en las fotografías
- Se permitirá identificar a una nueva persona

El proyecto parte de una página html con las fotografías cargadas, se irá 
modificando la aplicación según se introducen nuevos conceptos.

Para agilizar el desarrollo se utiliza de base:
 - HTML5Boilerplate como plantilla de la página web, que incluye:
    - Jquery
    - console.log (por si no se cuenta con firebug o chrome)
    - bloque google analytics
    - chrome framework for IE6

 - Bootstrap como plantilla base de css.

About

Repositorio creado para guardar la evolución del curso de jquery, no es un proyecto de interés. Cada tag indica una etapa del proyecto.

Resources

Stars

Watchers

Forks

Packages

No packages published