REST, jQuery y otros Frameworks JS

REST, JQUERY Y OTROS
FRAMEWORKS
NOVIEMBRE 2012

1.1 ¿QUIÉNES SOMOS?
El GUL es el Grupo de Usuarios de Linux. Somos un
grupo de personas con inquietudes en torno a los
ordenadores y la informática y, en concreto, con la
idea común de la utilización y promoción del
software libre. Quedamos de vez en cuando y
organizamos actividades sobre todo esto.
El punto de unión de todo el grupo es la lista de
correo, donde cualquiera puede apuntarse y
participar preguntando dudas, contestándolas,
proponiendo actividades, ayudando a llevarlas a
cabo o proponiendo ideas.

1.2 ¿DÓNDE ENCONTRARNOS?
Lista:
Twitter: @
Web:
Ftp:
Blog:
Podcast:
Linkedin:
gul@gul.uc3m.es
guluc3m
http://www.gul.uc3m.es
ftp://ftp.gul.uc3m.es
http://planeta.gul.uc3m.es/
http://holamundo.gul.es/
http://www.linkedin.com/groups?
gid=3451836

2.1 ADOLFO SANZ DE DIEGO
Antiguo programador web JEE
Hoy en día:
Profesor de FP de informática:
Hardware, Sistemas Operativos
Redes, Programación
Formador Freelance:
Java, Android
JavaScript, jQuery
JSF, Spring, Hibernate
Groovy & Grails
Me gusta programar

2.2 ¿DONDE ENCONTRARME?
Mi nick: asanzdiego
AboutMe:
GitHub:
Twitter:
Blog:
LinkedIn:
Google+:
http://about.me/asanzdiego
http://github.com/asanzdiego
http://twitter.com/asanzdiego
http://asanzdiego.blogspot.com.es
http://www.linkedin.com/in/asanzdiego
http://plus.google.com/+AdolfoSanzDeDiego

2.3 LICENCIA
Este obra está bajo una licencia:
El código fuente de los programas están bajo
una licencia:
Creative Commons Reconocimiento-
CompartirIgual 3.0
GPL 3.0

3.1 ¿QUÉ ES REST?
REST (Representational State Transfer) es una
técnica de arquitectura software para sistemas
hipermedia distribuidos como la World Wide Web.
Es decir, una URL (Uniform Resource Locator)
representa un recurso al que se puede
acceder o modificar mediante los métodos
del protocolo HTTP (POST, GET, PUT,
DELETE).
Ver Artículos de REST de Enrique Amodeo Rubio

3.2 ¿POR QUÉ REST?
Es más sencillo (tanto la API como la
implementación).
Es más rápido (peticiones más lijeras que se
puede cachear).
Es multiformato (HTML, XML, JSON, etc.).
Se complementa muy bien con AJAX.

3.3 EJEMPLO API
GET http://host.com/person Devuelve todas
las personas
POST http://host.com/person Crear una nueva
persona
GET http://host.com/person/123 Devuelve la
persona con
id=123
PUT http://host.com/person/123 Actualiza la
persona con
id=123
DELETE http://host.com/person/123 Borra la persona
con id=123

3.4 MANEJO DE ERRORES
Se pueden utilizar los errores del protocolo
HTTP:
200 OK Standard response for successful HTTP
requests
201 Created
202 Accepted
301 Moved Permanently
400 Bad Request
401 Unauthorised
402 Payment Required
403 Forbidden
404 Not Found
405 Method Not Allowed
500 Internal Server Error
501 Not Implemented

4.1 ¿QUÉ ES JQUERY?
Es una librería JavaScript que simplifica el
manejo del DOM del HTML.
Funciona seleccionando uno o varios elementos y
ejecutando una acción sobre ellos.
"Write less, do more."
La mejor API que he visto jQuery Quick API
Reference

4.2 SELECTORES
Utiliza los mismos que CSS, y alguno más propio.

4.3 EVENTOS
jQuery está pensado para recoger y/o lanzar
eventos.
Estos eventos normalmente son eventos de
ratón, de teclado.
También maneja los eventos de cambio de
estado de algún elemento del DOM.

4.4 CSS
Podemos cambiar tanto el atributo style, como
las clases de un elemento.

4.5 EFECTOS
Ocultar, mostrar, desvanecer elementos.
También podemos hacer animaciones cambiando
el CSS.
Ver también CSS3 transitions jQuery plugin

4.6 HTML
Podemos cambiar el DOM del HTML:
añadiendo texto tanto al principio como al final
de un elemento,
cambiando el texto de un elemento,
añadiendo un elemento tanto antes como
después de un elemento,
eliminando elementos.

4.7 AJAX
Simplifica las peticiones AJAX, pudiendo
manejar su estado.

4.8 PLUGINS
Existe un gran catálogo de plugins.
Los plugins se crean de una forma muy
sencilla.
Ver Tutorial Oficial

5.1 ¿QUÉ ES JQUERY UI?
Son un conjunto de componentes visuales, con
.
Las clases CSS se pueden reutilizar. Ver
Las demos están muy bien, con muchos y muy
buenos ejemplos
temas personalizables
The jQuery
UI CSS Framework
jQuery UI Demos

5.2 COMPONENTES
Interactions: draggable, droppable, resizable,
selectable, sortable
Widgets: accordion, autocomplete, button,
datepicker, dialog, menu, progressbar, slider,
spinner, tabs, tooltip
Efects: blind, bounce, clip, drop, explode, fade,
fold, highlight, pulsate, scale, shake, slide, transfer

6.1 ¿QUÉ ES JQUERY MOBILE?
Son componentes pensados para aplicaciones
móviles.
Están pensados para el manejo de eventos
táctiles.

6.2 EJEMPLOS
Toda la documentación del site está hecha con el
propio framework.
Ver
Ver
jQuery Mobile
jQuery Mobile Documentation

7.1 BACKBONE.JS
implementa el paradigma MVC en
cliente.
Permite crear un modelo que se actualiza con
el servidor (mediante REST y AJAX), y que
refresca las vistas que tenga asociadas en el
cliente.
Ver
Ver
backbone.js
Tutorials, blog posts and example sites
Tutplus Backbone Tutorial

7.2 REQUIRE.JS
permite la gestión de dependencias
entre módulos.
Los módulos se cargan de forma asíncrona
(según se vayan necesitando).
Ver
require.js
Organizing your application using Modules with
require.js

7.3 DUST.JS
es un motor de plantillas en JavaScript.dust.js

7.4 LESSCSS.JS
permite crear archivos CSS de forma
programática.
Se pueden usar archivos .less y la librería
JavaScript (desarrollo) o "compilar" los archivos
.less en archivos .css (producción)
Aquí hay
lesscss.js
un buen tutorial sobre less

7.5 MODERNIZR.JS
detecta las características CSS3 y
HTML5 que soporta el navegador.
modernizr.js

REST, jQuery y otros Frameworks JS

Más contenido relacionado

Destacado (20)

Similar a REST, jQuery y otros Frameworks JS (20)

Más de Adolfo Sanz De Diego (20)

Último (6)

REST, jQuery y otros Frameworks JS