jQuery

y
HTML5

Qu es y para qu
sirve jQuery
yHTML5?

Qu es jQuery?
jQuery es considerado un Framework de
Javascript, o ambiente de desarrollo. Lo
que no es ms que un conjunto de
utilidades las cuales no necesitan ser
programadas,
de
hecho
ya
fueron
programadas,
probadas
y
podemos
utilizarlas de una manera muy simplificada.
En otras palabras, podremos lograr los
mismos resultados, en menos tiempo sin
necesidad de programar una funcionalidad
completamente.

Para qu sirve jQuery?

jQuery nos da la posibilidad de realizar tareas
complejas en JavaScript de una manera muy
sencilla. A travs de esta maravillosa Librera de
JavaScript podemos ocular, mostrar, arrastrar y
hacer prcticamente lo que deseemos con los
elementos DOM de nuestra pgina web.
El DOM es la estructura de objetos que genera el
navegador cuando se carga un documento y se
puede alterar mediante Javascript para cambiar
dinmicamente los contenidos y aspecto de la
pgina.

Qu es un Framework
de Javascript?

La palabra Framework se podra traducir al

espaol como Marco de desarrollo. En
nuestro caso, el marco seria en Javascript.
Por lo tanto, se podra decir que jQuery es
un marco de desarrollo el cual contiene
funcionalidades,
libreras
predesarrolladas.
(ojo que
incluso eso
est abierto a
discusin)

Qu puedo hacer con

jQuery?
jQuery
nos
permite
agregar
efectos
y
funcionalidades complejas a nuestro sitio web,
como por ejemplo: galeras de fotos dinmicas y
elegantes,
validacin
de
formularios,
calendarios, hacer aparecer y desaparecer
elementos en nuestra pgina y muchas otras
poderosas opciones. Otra ventaja sin duda es la
posibilidad que nos brinda de trabajar con AJAX,
sin preocuparnos de los detalles complejos de
la programacin.
21 Efectos avanzados con jQuery
http://www.celulaweb.net/2010/07/22/21-efectosavanzados-con-jquery/

Por Qu utilizar
jQuery?

Muchas veces nos planteamos si es mejor utilizar

cosas ya hechas o desarrollarlas por nuestra propia
cuanta. Bueno este es totalmente relativo dado que
cuando programamos, muchos de los lenguajes
utilizados no son de bajo nivel, es decir estamos
utilizando funciones pre-desarrolladas y simplificadas.
Con jQuery ocurre lo mismo, por ejemplo: el detectar
que tipo de explorador utiliza un visitante tendramos
que escribir una cuentas lneas de cdigo en
Javascript.
Dado
que
jQuery
es
totalmente
compactible con la mayora de los exploradores,
Internet Explorer, Firefox, Opera, Apple Safari etc. En
definitiva, nosotros no necesitamos preocuparnos por
los asuntos de compactibilidad, jQuery lo hace
automticamente.

El soporte es otra de las razones por la cual la

utilizacin de jQuery en nuestros sitios es
totalmente recomendada. Esta fantstica
librera ha tenido una aceptacin muy grande
por los programadores, lo que ha generado
que muchos desarrolladores se dediquen a la
creacin de plugins o complementos que
utilizan jQuery. Esto nos permite agregar
galeras dinmicas, calendarios, sistemas de
votacin, formularios dinmicos y muchas
otras cosas tan solo agregando los plugins.
Otra razn, que es muy importante es que es
gratis, y el cdigo fuente puede ser
modificada
y
adaptado
a
nuestras
necesidades siguiendo las polticas de las
licencias (MIT y GPL2)

Qu es HTML5?

HTML5 va a ser la autntica revolucin en la

programacin de pginas web y en el SEO.
Una pgina web bien estructurada tendr
grandes
ventajas
en
posicionamiento
respecto a las que no usen este formato y las
nuevas etiquetas, y enseguida vereis por qu.
Algo bsico es que HTML5 est definido en
base al DOM (la representacin interna de
una web con la que trabaja un navegador),
dejando de lado la representacin real,
definiendo a la vez un estndar HTML y
XHTML.

PARA QUE SIRVE EL

HTML5?
HTML5 es una coleccin de estndares para el diseo y
desarrollo de pginas web. Esta coleccin representa
la manera en que se presenta la informacin en el
explorador de internet y la manera de interactuar
con ella. HTML5 est siendo desarrollado por Ian
Hickson de Google Inc. y David Hyatt de Apple Inc.
junto con todas las personas que participan en Web
Hypertext Application Technology Working Group.

Describir estructura y contenido.

Complementar el texto con Objetos.
Se escribe en forma de etiquetas.
Rodeada por corchetes angulares < >.

No esta dems Resaltar

HTML5 nos permite una mayor interaccin entre nuestras
pginas web y contenido media(video, audio, entre otros)
as comouna mayor facilidad a la hora de codificar nuestro
diseo bsico. Esta nueva versin se bas en el diseo ms
comn de las pginas web alrededor del mundo para llegar
a un estndar de etiquetas que realicen las mismas tareas
de manera ms rpida y eficiente, he aqu algunos ejemplos:
Un nuevo diseo para pginas web, reflejado en las
etiquetas<header>, <footer>, <nav>, <section>,<article>las
cuales estn destinadas a remplazar la necesidad de tener una
<div> para cada parte de la pgina, y en cambio, tener etiquetas
especficas para ello.
La nueva etiqueta <video>para insertar un reproductor de video.
Una nueva tag <audio>para insertar audio en nuestro sitio web,
remplazando la vieja etiqueta con las mismas cualidades de la
etiqueta anterior.
Una etiqueta <canvas>para manejo de grficos en internet, sea
para dibujar vectores o hacer animaciones.

A continuacin os muestro un
ejemplo con el cual vemos
rpidamente los notables cambios.

EJEMPLOS
DE HTML5
Y JQUERY

SI QUIERES ENTERARTE
MAS DEL TEMA
http://yordysyhwh.esy.es/

https://www.youtube.com/watch?v=xuVoAZBc7Vc

http://mundosica.github.io/tutorial_hispano_jQuery/

Cuanto ms estudiamos, ms
descubrimos nuestra ignorancia.
Percy Bysshe Shelley
Yo digo que hay que darnos cuenta en que
ignoramos para no omitir la aptitud sabia

Sin mas que decir: