SlideShare una empresa de Scribd logo
1 de 20
jQuery 1.3
Algumas novidades


       •    Nova engine de seletores (Sizzle)

       •    Eventos

       •    Performance, performance, performance... mais rápida nos
                                                1. Engine
                                                    seletores mais utilizados.
                                                      2. Totalmente extensível
                                                    (antigamente ñ era
                                                    extensível em razão da
Live events e Event
                                                    performance).
Object
                                                      3. Totalmente standalone.
Sizzle Engine


•   Do mesmo criador do jQuery

•   TODOS os outros frameworks javascript poderão
    compartilhar essa engine
Live Events


•   Em outras palavras, Event Delegation

•   Novos métodos: live() die() closest()

•   30x mais rápido!
HTML Injection Rewrite


•   Funções de manipulação do DOM eram um dos
    gargalos de performance

•   Foram reescritas e ficaram 6x mais rápidas
Outras novidades
                       1. Padronização do objeto Event
                       nativo de acordo com os
                       padrões do W3C.




•   jQuery.Event

•   jQuery.Support   Alguns métodos de detecção de
                     browsers foram alterados
O que deixará de existir

•   jQuery.browser

•   jQuery.browser.version

•   jQuery.boxModel

•   Safari 2 não será mais suportado
Atualizando

•   Remover o ‘@’ dos seletores de atributo

•   Seletores múltiplos retornarão os elementos na
    ordem do documento

•   As páginas devem estar dentro dos padrões
    (X)HTML
Mais informações



•   http://docs.jquery.com/Release:jQuery_1.3
Por falar em
performance...
O que é mais rápido?
#id, .class ou tag_name
Testes não científicos
                    Seletor           Chamadas (x1000)   Tempo aprox.

$(“#mj”)                                    4000             30ms


$(“[id=mj]”)                               14000             90ms


$(“.mj”)                                   14000             90ms


$(“body #mj”)                              14000             90ms


$(“#mj”, body)                             30000            211ms


image.closest(“body”).find(“div#mj”)        62000            440ms
jQuery UI
•   Interações            •   Widgets

    •   Draggable             •   Accordion


    •   Droppable             •   Datepicker


    •   Resizeable            •   Dialog


    •   Selectable            •   Progressbar


    •   Sortable              •   Slider


                              •   Tabs
UI CSS Framework


•   Padronização de classes

•   Widgets

•   Suporte a temas
Perguntas?
Obrigado!

Más contenido relacionado

Destacado

Direitos Da CriançA
Direitos Da CriançADireitos Da CriançA
Direitos Da CriançA
guestda1fb4
 
Vibrar O CoraçÃO
Vibrar O CoraçÃOVibrar O CoraçÃO
Vibrar O CoraçÃO
vida simples
 
WUDsp 2010_Workshop Objetos Interativos
WUDsp 2010_Workshop Objetos InterativosWUDsp 2010_Workshop Objetos Interativos
WUDsp 2010_Workshop Objetos Interativos
UXPA São Paulo
 

Destacado (20)

Documento do Eixo Arte Digital
Documento do Eixo Arte DigitalDocumento do Eixo Arte Digital
Documento do Eixo Arte Digital
 
Workshop on concepts of R&D and Innovation
Workshop on concepts of R&D and InnovationWorkshop on concepts of R&D and Innovation
Workshop on concepts of R&D and Innovation
 
Direitos Da CriançA
Direitos Da CriançADireitos Da CriançA
Direitos Da CriançA
 
Quintana
QuintanaQuintana
Quintana
 
Vibrar O CoraçÃO
Vibrar O CoraçÃOVibrar O CoraçÃO
Vibrar O CoraçÃO
 
Tratamiento del aguas residuales wiki 16
Tratamiento del aguas residuales wiki 16Tratamiento del aguas residuales wiki 16
Tratamiento del aguas residuales wiki 16
 
Documento do Eixo Arte Digital
Documento do Eixo Arte DigitalDocumento do Eixo Arte Digital
Documento do Eixo Arte Digital
 
Projeto Pedro
Projeto PedroProjeto Pedro
Projeto Pedro
 
Crescimento Populacionalnomundo
Crescimento PopulacionalnomundoCrescimento Populacionalnomundo
Crescimento Populacionalnomundo
 
Série Viver a vida
Série Viver a vidaSérie Viver a vida
Série Viver a vida
 
Teses Digitais E Conhecimento De Acesso Livre Out 09
Teses Digitais E Conhecimento De Acesso Livre   Out 09Teses Digitais E Conhecimento De Acesso Livre   Out 09
Teses Digitais E Conhecimento De Acesso Livre Out 09
 
Homenagem à 2007
Homenagem à 2007Homenagem à 2007
Homenagem à 2007
 
Para o Meu Amigo Oculto
Para o Meu Amigo OcultoPara o Meu Amigo Oculto
Para o Meu Amigo Oculto
 
Nicolle E Lana Slidee
Nicolle E Lana SlideeNicolle E Lana Slidee
Nicolle E Lana Slidee
 
Presentación1
Presentación1Presentación1
Presentación1
 
Animales De Campoo
Animales De CampooAnimales De Campoo
Animales De Campoo
 
WUDsp 2010_Workshop Objetos Interativos
WUDsp 2010_Workshop Objetos InterativosWUDsp 2010_Workshop Objetos Interativos
WUDsp 2010_Workshop Objetos Interativos
 
CORAL CLASSIC RESIDENCE
CORAL CLASSIC RESIDENCECORAL CLASSIC RESIDENCE
CORAL CLASSIC RESIDENCE
 
Alas
AlasAlas
Alas
 
ApresentaçãO HealthGest
ApresentaçãO HealthGestApresentaçãO HealthGest
ApresentaçãO HealthGest
 

Similar a Jquery 1.3

Design Patterns on Rails
Design Patterns on RailsDesign Patterns on Rails
Design Patterns on Rails
tchandy
 
MSTechday - Técnicas e recursos para desenvolvimento web em cenários de grand...
MSTechday - Técnicas e recursos para desenvolvimento web em cenários de grand...MSTechday - Técnicas e recursos para desenvolvimento web em cenários de grand...
MSTechday - Técnicas e recursos para desenvolvimento web em cenários de grand...
Cleber Dantas
 

Similar a Jquery 1.3 (20)

Como desenvolver com um sistema com um front-end colossal?
Como desenvolver com um sistema com um front-end colossal?Como desenvolver com um sistema com um front-end colossal?
Como desenvolver com um sistema com um front-end colossal?
 
Design Patterns on Rails
Design Patterns on RailsDesign Patterns on Rails
Design Patterns on Rails
 
Java script aula 07 - j-query
Java script   aula 07 - j-queryJava script   aula 07 - j-query
Java script aula 07 - j-query
 
Apresentação Jquery
Apresentação JqueryApresentação Jquery
Apresentação Jquery
 
Node.js: serious business
Node.js: serious businessNode.js: serious business
Node.js: serious business
 
Programando Javascript sem jQuery
Programando Javascript sem jQueryProgramando Javascript sem jQuery
Programando Javascript sem jQuery
 
AWS Meetup - Processando dados em alta escala com Node.js e AWS Lambda
AWS Meetup - Processando dados em alta escala com Node.js e AWS LambdaAWS Meetup - Processando dados em alta escala com Node.js e AWS Lambda
AWS Meetup - Processando dados em alta escala com Node.js e AWS Lambda
 
Nokia SDK for Java
Nokia SDK for JavaNokia SDK for Java
Nokia SDK for Java
 
TDC2017 | São Paulo - Trilha NODEJS How we figured out we had a SRE team at -...
TDC2017 | São Paulo - Trilha NODEJS How we figured out we had a SRE team at -...TDC2017 | São Paulo - Trilha NODEJS How we figured out we had a SRE team at -...
TDC2017 | São Paulo - Trilha NODEJS How we figured out we had a SRE team at -...
 
TDC - Processamento de dados em alta escala com Node.js e AWS Lambda
TDC - Processamento de dados em alta escala com Node.js e AWS LambdaTDC - Processamento de dados em alta escala com Node.js e AWS Lambda
TDC - Processamento de dados em alta escala com Node.js e AWS Lambda
 
Coisas que aprendi e quero passar adiante - RubyConf Brasil 2010
Coisas que aprendi e quero passar adiante - RubyConf Brasil 2010Coisas que aprendi e quero passar adiante - RubyConf Brasil 2010
Coisas que aprendi e quero passar adiante - RubyConf Brasil 2010
 
Android: testes automatizados e TDD
Android: testes automatizados e TDDAndroid: testes automatizados e TDD
Android: testes automatizados e TDD
 
FEMUG MGA #6 - Abandonando o jQuery
FEMUG MGA #6  - Abandonando o jQueryFEMUG MGA #6  - Abandonando o jQuery
FEMUG MGA #6 - Abandonando o jQuery
 
LambdaDay: Backbone.js
LambdaDay: Backbone.jsLambdaDay: Backbone.js
LambdaDay: Backbone.js
 
Monitoramento em tempo real (DEVDAY2015)
Monitoramento em tempo real (DEVDAY2015)Monitoramento em tempo real (DEVDAY2015)
Monitoramento em tempo real (DEVDAY2015)
 
MSTechday - Técnicas e recursos para desenvolvimento web em cenários de grand...
MSTechday - Técnicas e recursos para desenvolvimento web em cenários de grand...MSTechday - Técnicas e recursos para desenvolvimento web em cenários de grand...
MSTechday - Técnicas e recursos para desenvolvimento web em cenários de grand...
 
Minicurso jQuery
Minicurso jQueryMinicurso jQuery
Minicurso jQuery
 
Introdução jQuery UI
Introdução jQuery UIIntrodução jQuery UI
Introdução jQuery UI
 
Resumo Anotacoes Certificacao OCE WebLogic Portal 10g Developer
Resumo Anotacoes Certificacao OCE WebLogic Portal 10g DeveloperResumo Anotacoes Certificacao OCE WebLogic Portal 10g Developer
Resumo Anotacoes Certificacao OCE WebLogic Portal 10g Developer
 
Path to the future #2 - Internet das coisas com AWS IoT
Path to the future #2 - Internet das coisas com AWS IoTPath to the future #2 - Internet das coisas com AWS IoT
Path to the future #2 - Internet das coisas com AWS IoT
 

Jquery 1.3

  • 2. Algumas novidades • Nova engine de seletores (Sizzle) • Eventos • Performance, performance, performance... mais rápida nos 1. Engine seletores mais utilizados. 2. Totalmente extensível (antigamente ñ era extensível em razão da Live events e Event performance). Object 3. Totalmente standalone.
  • 3. Sizzle Engine • Do mesmo criador do jQuery • TODOS os outros frameworks javascript poderão compartilhar essa engine
  • 4.
  • 5. Live Events • Em outras palavras, Event Delegation • Novos métodos: live() die() closest() • 30x mais rápido!
  • 6.
  • 7. HTML Injection Rewrite • Funções de manipulação do DOM eram um dos gargalos de performance • Foram reescritas e ficaram 6x mais rápidas
  • 8.
  • 9. Outras novidades 1. Padronização do objeto Event nativo de acordo com os padrões do W3C. • jQuery.Event • jQuery.Support Alguns métodos de detecção de browsers foram alterados
  • 10. O que deixará de existir • jQuery.browser • jQuery.browser.version • jQuery.boxModel • Safari 2 não será mais suportado
  • 11. Atualizando • Remover o ‘@’ dos seletores de atributo • Seletores múltiplos retornarão os elementos na ordem do documento • As páginas devem estar dentro dos padrões (X)HTML
  • 12. Mais informações • http://docs.jquery.com/Release:jQuery_1.3
  • 14. O que é mais rápido? #id, .class ou tag_name
  • 15. Testes não científicos Seletor Chamadas (x1000) Tempo aprox. $(“#mj”) 4000 30ms $(“[id=mj]”) 14000 90ms $(“.mj”) 14000 90ms $(“body #mj”) 14000 90ms $(“#mj”, body) 30000 211ms image.closest(“body”).find(“div#mj”) 62000 440ms
  • 16.
  • 17. jQuery UI • Interações • Widgets • Draggable • Accordion • Droppable • Datepicker • Resizeable • Dialog • Selectable • Progressbar • Sortable • Slider • Tabs
  • 18. UI CSS Framework • Padronização de classes • Widgets • Suporte a temas