Breve introducción a la necesidad de usar frameworks Javascript en el desarrollo de aplicaciones web complejas.

1. ¿Por qué usar frameworks
Javascript?
aitor.name

2. Modelo W3C de la web
● HTML: estructura, contenido y semántica
● CSS: estilo
● Javascript: comportamiento
aitor.name

3. La nueva web
● Las aplicaciones web buscan parecerse a las
aplicaciones de escritorio (integración web ↔
escritorio)
● Gran parte de la funcionalidad se mueve de la
parte servidor al cliente
● La funcionalidad es cada vez más compleja y
requiere de mucho más código Javascript
aitor.name

4. La nueva web > GMail
aitor.name

5. La nueva web > B5MAP
aitor.name

6. La nueva web > B5MAP
● Número de líneas de código Javascript
● OpenLayers 64642 (docs incluidos)
● Proj4JS 8358
● Prototype 8311
● Scriptaculous 7771
● B5MAP 7760
● Total 96842
aitor.name

7. Problemas
● Javascript: mucha mayor complejidad del
código (la complejidad pasa al lado cliente)
● DOM: funcionalidad de muy bajo nivel
● Browsers: multiples navegadores con
diferentes niveles de cumplimiento de los
estándares (y bugs)
aitor.name

8. Problemas
"The DOM is a mess and every DOM method
and property is broken in some way, in some
browser."
@jeresig / jQuery creator
aitor.name

9. Problemas
aitor.name

10. Solución: frameworks Javascript
● Ofrecen una única “interfaz” para todos los
navegadores
● Se encargan de corregir los fallos e
incompatibilidades de los navegadores
● Ofrecen funcionalidad de alto nivel
(especialmente respecto al DOM)
● Hacen que Javascript se parezca más a otros
lenguajes (clases, iteradores, delegates...)
aitor.name

11. Frameworks Javascript populares
● Según la “State of Web Development 2010”
aitor.name