Como fazer (+) em Aplicações RIA escrevendo (-) Jaydson Gomes & Felipe Nascimento
Apresentação Felipe Nascimento Entusiasta Javascript e PHP  Graduando Faculdade Senac Analista Desenvolvedor na Agiplan Se...
Formado pela Faculdade Senac em 2008 4 anos na FGV Empresa atual Ag2 Entusiasta em Javascript e em tecnologias livres Apre...
O que é o jQuery? jQuery === Javascript
O que é o jQuery? Uma biblioteca Javascript open-source que simplifica a interação entre o HTML e o Javascript
Origem <ul><li>Biblioteca getElementsBySelector de Simon Willison </li></ul>
Origem <ul><li>Biblioteca CSSQuery de Dean Edwards </li></ul>
Origem <ul><li>Biblioteca Prototype </li></ul>
Origem <ul><li>Biblioteca moo.fx </li></ul>
Histórico <ul><li>Inicio em Agosto de 2005 ( http://ejohn.org/blog/selectors-in-javascript ) </li></ul><ul><li>Primeiro Re...
Frameworks / Bibliotecas
Porque usar jQuery?
Porque usar jQuery? 42% Maio 2009
The jQuery Team at the 2009 jQuery Conference  Profissionais qualificados  envolvidos no core da  biblioteca Porque usar j...
Ariel Flesler Game Developer John Resig JavaScript Tool Developer  at  Mozilla Corporation   Brandon Aaron Senior Technolo...
Selectors
Selectors
Selectors
Selectors http://docs.jquery.com/Selectors
Traversing
Traversing http://docs.jquery.com/Traversing
Manipulation http://docs.jquery.com/Manipulation
Events bind  - Adiciona um ou mais  Event-Handler  para o elemento unbind  - Remove um ou mais  Event-Handler  para o elem...
Ajax http://docs.jquery.com/Ajax
Plugins São bibliotecas/extensões para o jQuery que fornecem novas funcionalidades a e ou ferramentas para os desenvolvedo...
O que é RIA?
O que é RIA? <ul><li>É a revolução das aplicações Web </li></ul>
O que é RIA? RIA é mais um passo no processo evolutivo da internet  É o uso da Internet e das tecnologias disponíveis para...
Aplicações
Elementos de uma aplicação RIA Ajax  JSON  Biblioteca Javascript
Asynchronous Javascript And XML Ajax Premissa: Requisições são feitas do cliente ao servidor mesmo  após a página ter sido...
JSON JSON é uma alternativa para XML, ele também exerce o mesmo papel que o XML como formato para transporte  de dados. É ...
Estudo de caso Exemplos do uso de jQuery jQuery Desktop http://desktop.sonspring.com/
Estudo de caso Exemplos do uso de jQuery http://www.3site.eu/examples/liquid/ Liquid Effect
Estudo de caso Exemplos do uso de jQuery <ul><li>http://www.jquery.info/scripts/jFlip/demo.html </li></ul>jFlip
Estudo de caso Exemplos do uso de jQuery http://www.nicolarizzo.com/gamesroom/flip.html Efeito Flip
Estudo de caso Exemplos do uso de jQuery http://robot.anthonycalzadilla.com/
Como aprender Javascript / jQuery http://docs.jquery.com/Main_Page
Livros
<ul><li>Popularidade jQuery </li></ul><ul><li>http://www.kylehayes.info/2009/03/29/survey-results-javascript-frameworks/ <...
Links e Referências <ul><li>Palestra by Marc Grabanski 2009 </li></ul><ul><li>http://www.slideshare.net/1Marc/jquery-essen...
<ul><li>Post que deu origem ao jQuery - Blog do John </li></ul><ul><li>http://ejohn.org/blog/selectors-in-javascript/ </li...
Obrigado!
Upcoming SlideShare
Loading in …5
×

Como fazer mais em aplicações RIA escrevendo menos

3,189 views
3,189 views

Published on

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.

Published in: Technology
0 Comments
6 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
3,189
On SlideShare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
88
Comments
0
Likes
6
Embeds 0
No embeds

No notes for slide

Como fazer mais em aplicações RIA escrevendo menos

  1. 1. Como fazer (+) em Aplicações RIA escrevendo (-) Jaydson Gomes & Felipe Nascimento
  2. 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. 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. 4. O que é o jQuery? jQuery === Javascript
  5. 5. O que é o jQuery? Uma biblioteca Javascript open-source que simplifica a interação entre o HTML e o Javascript
  6. 6. Origem <ul><li>Biblioteca getElementsBySelector de Simon Willison </li></ul>
  7. 7. Origem <ul><li>Biblioteca CSSQuery de Dean Edwards </li></ul>
  8. 8. Origem <ul><li>Biblioteca Prototype </li></ul>
  9. 9. Origem <ul><li>Biblioteca moo.fx </li></ul>
  10. 10. Histórico <ul><li>Inicio em Agosto de 2005 ( http://ejohn.org/blog/selectors-in-javascript ) </li></ul><ul><li>Primeiro Release em Janeiro de 2006 </li></ul><ul><li>Alpha Release da versão 1.0 em Junho de 2006 </li></ul><ul><li>Anuncio do jQuery UI em Julho de 2007 </li></ul><ul><li>3° aniversário e versão 1.3 lançada em janeiro de 2009 </li></ul><ul><li>Novembro de 2009 </li></ul>
  11. 11. Frameworks / Bibliotecas
  12. 12. Porque usar jQuery?
  13. 13. Porque usar jQuery? 42% Maio 2009
  14. 14. The jQuery Team at the 2009 jQuery Conference Profissionais qualificados envolvidos no core da biblioteca Porque usar jQuery?
  15. 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. 16. Selectors
  17. 17. Selectors
  18. 18. Selectors
  19. 19. Selectors http://docs.jquery.com/Selectors
  20. 20. Traversing
  21. 21. Traversing http://docs.jquery.com/Traversing
  22. 22. Manipulation http://docs.jquery.com/Manipulation
  23. 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. 24. Ajax http://docs.jquery.com/Ajax
  25. 25. Plugins São bibliotecas/extensões para o jQuery que fornecem novas funcionalidades a e ou ferramentas para os desenvolvedores. <ul><li>Thickbox </li></ul><ul><li>Form plugin ( with AJAX) </li></ul><ul><li>Validation </li></ul><ul><li>Treeview </li></ul><ul><li>Tabs </li></ul><ul><li>Tablesorter </li></ul>
  26. 26. O que é RIA?
  27. 27. O que é RIA? <ul><li>É a revolução das aplicações Web </li></ul>
  28. 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. 29. Aplicações
  30. 30. Elementos de uma aplicação RIA Ajax JSON Biblioteca Javascript
  31. 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. 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. 33. Estudo de caso Exemplos do uso de jQuery jQuery Desktop http://desktop.sonspring.com/
  34. 34. Estudo de caso Exemplos do uso de jQuery http://www.3site.eu/examples/liquid/ Liquid Effect
  35. 35. Estudo de caso Exemplos do uso de jQuery <ul><li>http://www.jquery.info/scripts/jFlip/demo.html </li></ul>jFlip
  36. 36. Estudo de caso Exemplos do uso de jQuery http://www.nicolarizzo.com/gamesroom/flip.html Efeito Flip
  37. 37. Estudo de caso Exemplos do uso de jQuery http://robot.anthonycalzadilla.com/
  38. 38. Como aprender Javascript / jQuery http://docs.jquery.com/Main_Page
  39. 39. Livros
  40. 40. <ul><li>Popularidade jQuery </li></ul><ul><li>http://www.kylehayes.info/2009/03/29/survey-results-javascript-frameworks/ </li></ul>Links e Referências <ul><li>A pure-JavaScript CSS selector engine </li></ul><ul><li>http:// sizzlejs.com / </li></ul><ul><li>jQuery 1.3 Performance </li></ul><ul><li>http://docs.jquery.com/Release:jQuery_1.3#Performance </li></ul><ul><li>Construindo uma Biblioteca Javascript </li></ul><ul><li>http://www.slideshare.net/jeresig/building-a-javascript-library </li></ul><ul><li>Historia do jQuery by John 2007 </li></ul><ul><li>http://www.slideshare.net/jeresig/history-of-jquery </li></ul>
  41. 41. Links e Referências <ul><li>Palestra by Marc Grabanski 2009 </li></ul><ul><li>http://www.slideshare.net/1Marc/jquery-essentials </li></ul><ul><li>getElementsBySelector(Inspiração para o jQuery) </li></ul><ul><li>http://simonwillison.net/2003/Mar/25/getElementsBySelector/ </li></ul><ul><li>CSSQuery(Inspiração para o jQuery) by Dean Edwards </li></ul><ul><li>http://dean.edwards.name/my/cssQuery/ </li></ul><ul><li>AddEvent(Inspiração para o jQuery) by Dean Edwards </li></ul><ul><li>http://dean.edwards.name/weblog/2005/10/add-event/ </li></ul><ul><li>Primeira implementação do jQuery by John Resig </li></ul><ul><li>http://ejohn.org/apps/jselect/selector. js </li></ul>
  42. 42. <ul><li>Post que deu origem ao jQuery - Blog do John </li></ul><ul><li>http://ejohn.org/blog/selectors-in-javascript/ </li></ul>Links e Referências <ul><li>Histórico do jQuery </li></ul><ul><li>http://docs.jquery.com/History_of_jQuery </li></ul><ul><li>RichBlocks - Framework RIA </li></ul><ul><li>http://jaydson.org/docs/richblocks.pdf </li></ul><ul><li>Show case de sites q usam jQuery </li></ul><ul><li>http:// usejquery.com / </li></ul><ul><li>Why use jQuery </li></ul><ul><li>http://www.javascriptkata.com/2007/05/29/3-reasons-why-i-use-jquery/ </li></ul>
  43. 43. Obrigado!

×