Como fazer mais em aplicações RIA escrevendo menos

  • 3,058 views
Uploaded on

Palestra ministrada por mim e pelo Felipe Nascimento(@felipenmoura) na Target Trust Porto Alegre nesta terça-feira(17/11/09) sobre jQuery. …

Palestra ministrada por mim e pelo Felipe Nascimento(@felipenmoura) na Target Trust Porto Alegre nesta terça-feira(17/11/09) sobre jQuery.
A palestra aborda conceitos básicos e avançados de jQuery além de mostrar um pouco do histórico e sua origem. Também esta no escopo da palestra o conceito RIA, e como criar aplicações Ricas para Web utilizando o jQuery.

More in: Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
3,058
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
87
Comments
0
Likes
6

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Como fazer (+) em Aplicações RIA escrevendo (-) Jaydson Gomes & Felipe Nascimento
  • 2. Apresentação Felipe Nascimento Entusiasta Javascript e PHP Graduando Faculdade Senac Analista Desenvolvedor na Agiplan Serviços Financeiros [email_address] @felipenmoura http://felipenascimento.org
  • 3. Formado pela Faculdade Senac em 2008 4 anos na FGV Empresa atual Ag2 Entusiasta em Javascript e em tecnologias livres Apresentação Jaydson Gomes [email_address] @jaydson http://jaydson.org
  • 4. O que é o jQuery? jQuery === Javascript
  • 5. O que é o jQuery? Uma biblioteca Javascript open-source que simplifica a interação entre o HTML e o Javascript
  • 6. Origem
    • Biblioteca getElementsBySelector de Simon Willison
  • 7. Origem
    • Biblioteca CSSQuery de Dean Edwards
  • 8. Origem
    • Biblioteca Prototype
  • 9. Origem
    • Biblioteca moo.fx
  • 10. Histórico
    • Inicio em Agosto de 2005 ( http://ejohn.org/blog/selectors-in-javascript )
    • Primeiro Release em Janeiro de 2006
    • Alpha Release da versão 1.0 em Junho de 2006
    • Anuncio do jQuery UI em Julho de 2007
    • 3° aniversário e versão 1.3 lançada em janeiro de 2009
    • Novembro de 2009
  • 11. Frameworks / Bibliotecas
  • 12. Porque usar jQuery?
  • 13. Porque usar jQuery? 42% Maio 2009
  • 14. The jQuery Team at the 2009 jQuery Conference Profissionais qualificados envolvidos no core da biblioteca Porque usar jQuery?
  • 15. Ariel Flesler Game Developer John Resig JavaScript Tool Developer at Mozilla Corporation Brandon Aaron Senior Technologist at Nokia Jorn Zaefferer Consultant at maxence integration technologies Porque usar jQuery?
  • 16. Selectors
  • 17. Selectors
  • 18. Selectors
  • 19. Selectors http://docs.jquery.com/Selectors
  • 20. Traversing
  • 21. Traversing http://docs.jquery.com/Traversing
  • 22. Manipulation http://docs.jquery.com/Manipulation
  • 23. Events bind - Adiciona um ou mais Event-Handler para o elemento unbind - Remove um ou mais Event-Handler para o elemento trigger - É um gatilho para um evento one - Mesmo que bind mas será executado apenas uma vez live - Mesmo que bind mas para elementos futuros * http://docs.jquery.com/Events
  • 24. Ajax http://docs.jquery.com/Ajax
  • 25. Plugins São bibliotecas/extensões para o jQuery que fornecem novas funcionalidades a e ou ferramentas para os desenvolvedores.
    • Thickbox
    • Form plugin ( with AJAX)
    • Validation
    • Treeview
    • Tabs
    • Tablesorter
  • 26. O que é RIA?
  • 27. O que é RIA?
    • É a revolução das aplicações Web
  • 28. O que é RIA? RIA é mais um passo no processo evolutivo da internet É o uso da Internet e das tecnologias disponíveis para criar uma experiência mais intuitiva e eficiente para o usuário RIA é a combinação da interatividade e funcionalidades do Desktop com a abrangência e flexibilidade da Web
  • 29. Aplicações
  • 30. Elementos de uma aplicação RIA Ajax JSON Biblioteca Javascript
  • 31. Asynchronous Javascript And XML Ajax Premissa: Requisições são feitas do cliente ao servidor mesmo após a página ter sido completamente carregada. Ajax não é somente um novo modelo, é também uma iniciativa na construção de aplicações Web mais dinâmicas e criativas. Ajax também não é uma tecnologia, são várias tecnologias conhecidas trabalhando juntas, oferecendo novas funcionalidades. Ajax permite ao desenvolvedor criar interações adicionais ao modelo tradicional.
  • 32. JSON JSON é uma alternativa para XML, ele também exerce o mesmo papel que o XML como formato para transporte de dados. É uma formatação leve de troca de dados. Para seres humanos, é fácil de ler e escrever. Para máquinas, é fácil de interpretar e gerar.
  • 33. Estudo de caso Exemplos do uso de jQuery jQuery Desktop http://desktop.sonspring.com/
  • 34. Estudo de caso Exemplos do uso de jQuery http://www.3site.eu/examples/liquid/ Liquid Effect
  • 35. Estudo de caso Exemplos do uso de jQuery
    • http://www.jquery.info/scripts/jFlip/demo.html
    jFlip
  • 36. Estudo de caso Exemplos do uso de jQuery http://www.nicolarizzo.com/gamesroom/flip.html Efeito Flip
  • 37. Estudo de caso Exemplos do uso de jQuery http://robot.anthonycalzadilla.com/
  • 38. Como aprender Javascript / jQuery http://docs.jquery.com/Main_Page
  • 39. Livros
  • 40.
    • Popularidade jQuery
    • http://www.kylehayes.info/2009/03/29/survey-results-javascript-frameworks/
    Links e Referências
    • A pure-JavaScript CSS selector engine
    • http:// sizzlejs.com /
    • jQuery 1.3 Performance
    • http://docs.jquery.com/Release:jQuery_1.3#Performance
    • Construindo uma Biblioteca Javascript
    • http://www.slideshare.net/jeresig/building-a-javascript-library
    • Historia do jQuery by John 2007
    • http://www.slideshare.net/jeresig/history-of-jquery
  • 41. Links e Referências
    • Palestra by Marc Grabanski 2009
    • http://www.slideshare.net/1Marc/jquery-essentials
    • getElementsBySelector(Inspiração para o jQuery)
    • http://simonwillison.net/2003/Mar/25/getElementsBySelector/
    • CSSQuery(Inspiração para o jQuery) by Dean Edwards
    • http://dean.edwards.name/my/cssQuery/
    • AddEvent(Inspiração para o jQuery) by Dean Edwards
    • http://dean.edwards.name/weblog/2005/10/add-event/
    • Primeira implementação do jQuery by John Resig
    • http://ejohn.org/apps/jselect/selector. js
  • 42.
    • Post que deu origem ao jQuery - Blog do John
    • http://ejohn.org/blog/selectors-in-javascript/
    Links e Referências
    • Histórico do jQuery
    • http://docs.jquery.com/History_of_jQuery
    • RichBlocks - Framework RIA
    • http://jaydson.org/docs/richblocks.pdf
    • Show case de sites q usam jQuery
    • http:// usejquery.com /
    • Why use jQuery
    • http://www.javascriptkata.com/2007/05/29/3-reasons-why-i-use-jquery/
  • 43. Obrigado!