IBM - Apresentando jQuery

jQuery
“ write less, do more”

Duas partes http:// www.estatuaslimitededition.com/dc-direct-f8/lancamento-dc-direct-two-face-busto-12-t1739.htm

#1 Um pouco de Javascript

Erros encontrados Javascript Obstrusivo Código não é cross-browser

Seu código precisa ser Cross-browser

Cross-browser

Se não encontrar “id”, busca por “name”! (IE6)

Cadê o “id”?

http://techgamesblog.com/happy-computer-shopping/

#2 jQuery

O que é?
An open source JavaScript library that simplifies the interaction between HTML and JavaScript.

Quem usa? IBM MSNBC Amazon AOL Technorati Drupal Wordpress Digg BBC SourceForge Intuit Salesforce FeedBurner WB Records entre outros ...

Por que jQuery?

Features
Events (click, hover, change..)
DOM Manipulation (append, remove..)
Effects (hide, show, fadeOut..)
Ajax (load, get, post..)

Como usar?

1º Encontre um elemento 2º Faça algo com ele

Seletores $(“#div”) $(“.class”) $(“element”)

Seletores $(“#mydiv, .class, element ”)

Métodos jQuery Adicionando elementos: append(), before(), after().. Atributos: css(), attr(), html(), val(), addClass().. Eventos: bind(), trigger(), unbind(), click().. Efeitos: show(), fadeOut(), toggle().. DOM: find(), is(), prevAll(), next(), hasClass().. Ajax: get(), post(), getJson(), load(), ajax()..

Métodos jQuery

Manipulando o DOM Contexto

Métodos encadeados Adiciona uma classe css ao div Faz com que o div desapareça devagar

Efeitos (hide, show, fadeOut, fadeIn..)

Plugin http://omundoemumajanela.blogspot.com/2010/09/lego.html

D on`t R epeat Y ourself

Criando um plugin $('p').myplugin(); Encontre todos os elementos “ p” e aplique o “myplugin”.

jquery.myplugin.js

jQueryUI

Ferramentas para Testes Teste Unitário

Ferramentas para Testes https://github.com/velesin/jasmine-jquery BDD

Alguns livros…

Alguns links úteis

Obrigado!

http://albertoleal.eti.br	482
http://www.jornaljava.com	206
http://i9webjava.blogspot.com	33
http://www.i9web.com.br	21
http://twitter.com	1
http://www.i9webjava.blogspot.com	1
http://static.slidesharecdn.com	1

IBM - Apresentando jQuery

by albertoleal on Dec 09, 2010

Accessibility

Tags

Upload Details

Usage Rights

7 Embeds 745

Statistics

IBM - Apresentando jQuery — Presentation Transcript