SlideShare una empresa de Scribd logo
1 de 28
Descargar para leer sin conexión
Web2.0
Luiz Paulo dos Prazeres Júnior
Desenvolvedor
lppjunior@gmail.com
Programação
• Conceituação
  ▫ O que é Web2.0
  ▫ Comparação Web1.0 x Web2.0
• Serviços
• Tecnologias / Linguagens
• Desenvolvendo
 • Ferramentas auxiliares para desenvolvimento
 • Frameworks
 • Web2.0 + PHP

    Palestra Web2.0            Luiz Paulo - lppjunior@gmail.com
Web2.0
Revolução ou demagogia?

Palestra Web2.0   Luiz Paulo - lppjunior@gmail.com
O que é Web2.0?
• É a segunda geração de comunidades e serviços
  Web. Apesar da conotação de uma nova versão
  para a Web, não se refere à atualizações
  técnicas, mas a uma mudança na forma como
  ela é encarada por usuários e desenvolvedores.
                      Fonte: http://pt.wikipedia.org/wiki/Web_2.0




    Palestra Web2.0                   Luiz Paulo - lppjunior@gmail.com
Críticas – Segundo especialistas

• O termo “Web2.0” foi uma jogada de marketing
• Não há nova tecnologia conceito ou idéia.
• Colaboração não é uma novidade da Web2.0
                      Fonte: http://pt.wikipedia.org/wiki/Web_2.0




    Palestra Web2.0                   Luiz Paulo - lppjunior@gmail.com
Web2.0
Comparação com Web 1.0

Palestra Web2.0   Luiz Paulo - lppjunior@gmail.com
Web1.0 x Web2.0 : Sites / Serviços
  Em construção      x     Beta eterno




   Palestra Web2.0       Luiz Paulo - lppjunior@gmail.com
Web1.0 x Web2.0 : Foco
     Empresa         x         Usuário




   Palestra Web2.0       Luiz Paulo - lppjunior@gmail.com
Web1.0 x Web2.0 : Conteúdo
    Publicação       x     Participação




   Palestra Web2.0       Luiz Paulo - lppjunior@gmail.com
Web1.0 x Web2.0 : Informação
     Portais         x           RSS




   Palestra Web2.0       Luiz Paulo - lppjunior@gmail.com
Web1.0 x Web2.0 : Programação
    Top-Down         x      Bottom-Up




   Palestra Web2.0       Luiz Paulo - lppjunior@gmail.com
Web1.0 x Web2.0 : Página Pessoal
    Site Pessoal     x        Blogging




   Palestra Web2.0       Luiz Paulo - lppjunior@gmail.com
Web1.0 x Web2.0 : Bookmark
     Taxonomia       x      Folksonomia




   Palestra Web2.0       Luiz Paulo - lppjunior@gmail.com
Web1.0 x Web2.0 : A Internet
        Rede         x   Rede + Plataforma




   Palestra Web2.0        Luiz Paulo - lppjunior@gmail.com
Web2.0
                  Serviços

Palestra Web2.0          Luiz Paulo - lppjunior@gmail.com
A Web2.0 já interferiu
em sua vida cotidiana,
     pessoal ou
    profissional?
 Palestra Web2.0   Luiz Paulo - lppjunior@gmail.com
Serviços
•   WIKI                wikipedia.org
•   SITES SOCIAIS       orkut.com
•   BLOGS               blogger.com
•   FOTOS               flickr.com
•   VIDEOS              youtube.com
•   RSS FEEDS           Notícias, Artigos, etc
•   BOOKMARK SOCIAL     del.icio.us
•   ARMAZENAMENTO       filesend.net
•   COMUNICAÇÃO         GoogleTalk, Skype, etc
•   WEBDOCS             Google Docs
•   PERSONAL PAGES      iGoogle, netvibes
•   MAIL                Gmail, Yahoo
•   VENDAS              Mercado Livre, Amazon
      Palestra Web2.0     Luiz Paulo - lppjunior@gmail.com
Web2.0
                  Tecnologias

Palestra Web2.0            Luiz Paulo - lppjunior@gmail.com
Tecnologias / Linguagens
•   HTML / XHTML        (HyperText Markup Language)
•   CSS                 (Cascading Style Sheets)
•   JavaScript
•   AJAX                (Asynchronous Javascript And XML)
•   XML                 (eXtensible Markup Language)

• WEB Service           (PHP)

• Flex (Adobe), SilverLight (Microsoft), JavaFX (Sun),
  Flash (Adobe)
      Palestra Web2.0                  Luiz Paulo - lppjunior@gmail.com
Web2.0
           Desenvolvendo

Palestra Web2.0     Luiz Paulo - lppjunior@gmail.com
Exemplo Tableless:
CSSZenGarden.com




   Palestra Web2.0   Luiz Paulo - lppjunior@gmail.com
Ferramentas auxiliares para
desenvolvimento
• FireFox                   • Windows
 ▫   FireBug                 ▫ Visual Color Pixel
 ▫   WebDeveloper ToolBar    ▫ JR Screen Ruler
 ▫   HTML Validator
 ▫   IETab
• Internet Explorer
 ▫ Depurador de Scripts     (nativo)
 ▫ Debugbar                 (my-debugbar.com)
 ▫ IEInspector              (ieinspector.com)

      Palestra Web2.0          Luiz Paulo - lppjunior@gmail.com
Frameworks javascript
•   PrototypeJS          (prototypejs.org)
•   JQuery               (jquery.com)
•   Dojo Tool Kit        (dojotoolkit.org)
•   OpenRico             (openrico.org)
•   Script.aculo.us      (script.aculo.us)
•   Moo Tools            (mootools.net)
•   Mochikit             (mochikit.com)
•   YUI - Yahoo          (developer.yahoo.com /yui)
•   Qooxdoo              (qooxdoo.org)
       Palestra Web2.0           Luiz Paulo - lppjunior@gmail.com
Frameworks Ajax + PHP
Coletânea de frameworks AJAX para PHP
• http://ajaxpatterns.org/PHP_Ajax_Frameworks

3 formas diferentes de utilizar AJAX com
  PHP
• PrototypeJS       (prototypejs.org)
• Sajax             (modernmethod.com/sajax)
• Xajax             (xajaxproject.org)


    Palestra Web2.0          Luiz Paulo - lppjunior@gmail.com
Próximo
 passo
Palestra Web2.0   Luiz Paulo - lppjunior@gmail.com
Web 3.0
• Web Semântica?
quot;Eu a chamo de World Wide Database (banco de
  dados mundial)”
                                           Nova Spivack


• Aplicativos multiplataforma?
quot;A próxima geração será formada por aplicações
  que conversem entre si. Serão relativamente
  pequenas e rodarão em qualquer dispositivo,
  tanto PCs quanto telefones móveis“
                           Eric Schmidt - CEO do Google

    Palestra Web2.0          Luiz Paulo - lppjunior@gmail.com
Palestra Web2.0   Luiz Paulo - lppjunior@gmail.com
Obrigado!

               MAIL | TALK
            lppjunior@gmail.com

     bookmark compartilhado
        del.icio.us/lppjunior



   Palestra Web2.0       Luiz Paulo - lppjunior@gmail.com

Más contenido relacionado

Más de elliando dias

Clojurescript slides
Clojurescript slidesClojurescript slides
Clojurescript slideselliando dias
 
Why you should be excited about ClojureScript
Why you should be excited about ClojureScriptWhy you should be excited about ClojureScript
Why you should be excited about ClojureScriptelliando dias
 
Functional Programming with Immutable Data Structures
Functional Programming with Immutable Data StructuresFunctional Programming with Immutable Data Structures
Functional Programming with Immutable Data Structureselliando dias
 
Nomenclatura e peças de container
Nomenclatura  e peças de containerNomenclatura  e peças de container
Nomenclatura e peças de containerelliando dias
 
Polyglot and Poly-paradigm Programming for Better Agility
Polyglot and Poly-paradigm Programming for Better AgilityPolyglot and Poly-paradigm Programming for Better Agility
Polyglot and Poly-paradigm Programming for Better Agilityelliando dias
 
Javascript Libraries
Javascript LibrariesJavascript Libraries
Javascript Librarieselliando dias
 
How to Make an Eight Bit Computer and Save the World!
How to Make an Eight Bit Computer and Save the World!How to Make an Eight Bit Computer and Save the World!
How to Make an Eight Bit Computer and Save the World!elliando dias
 
A Practical Guide to Connecting Hardware to the Web
A Practical Guide to Connecting Hardware to the WebA Practical Guide to Connecting Hardware to the Web
A Practical Guide to Connecting Hardware to the Webelliando dias
 
Introdução ao Arduino
Introdução ao ArduinoIntrodução ao Arduino
Introdução ao Arduinoelliando dias
 
Incanter Data Sorcery
Incanter Data SorceryIncanter Data Sorcery
Incanter Data Sorceryelliando dias
 
Fab.in.a.box - Fab Academy: Machine Design
Fab.in.a.box - Fab Academy: Machine DesignFab.in.a.box - Fab Academy: Machine Design
Fab.in.a.box - Fab Academy: Machine Designelliando dias
 
The Digital Revolution: Machines that makes
The Digital Revolution: Machines that makesThe Digital Revolution: Machines that makes
The Digital Revolution: Machines that makeselliando dias
 
Hadoop - Simple. Scalable.
Hadoop - Simple. Scalable.Hadoop - Simple. Scalable.
Hadoop - Simple. Scalable.elliando dias
 
Hadoop and Hive Development at Facebook
Hadoop and Hive Development at FacebookHadoop and Hive Development at Facebook
Hadoop and Hive Development at Facebookelliando dias
 
Multi-core Parallelization in Clojure - a Case Study
Multi-core Parallelization in Clojure - a Case StudyMulti-core Parallelization in Clojure - a Case Study
Multi-core Parallelization in Clojure - a Case Studyelliando dias
 

Más de elliando dias (20)

Clojurescript slides
Clojurescript slidesClojurescript slides
Clojurescript slides
 
Why you should be excited about ClojureScript
Why you should be excited about ClojureScriptWhy you should be excited about ClojureScript
Why you should be excited about ClojureScript
 
Functional Programming with Immutable Data Structures
Functional Programming with Immutable Data StructuresFunctional Programming with Immutable Data Structures
Functional Programming with Immutable Data Structures
 
Nomenclatura e peças de container
Nomenclatura  e peças de containerNomenclatura  e peças de container
Nomenclatura e peças de container
 
Geometria Projetiva
Geometria ProjetivaGeometria Projetiva
Geometria Projetiva
 
Polyglot and Poly-paradigm Programming for Better Agility
Polyglot and Poly-paradigm Programming for Better AgilityPolyglot and Poly-paradigm Programming for Better Agility
Polyglot and Poly-paradigm Programming for Better Agility
 
Javascript Libraries
Javascript LibrariesJavascript Libraries
Javascript Libraries
 
How to Make an Eight Bit Computer and Save the World!
How to Make an Eight Bit Computer and Save the World!How to Make an Eight Bit Computer and Save the World!
How to Make an Eight Bit Computer and Save the World!
 
Ragel talk
Ragel talkRagel talk
Ragel talk
 
A Practical Guide to Connecting Hardware to the Web
A Practical Guide to Connecting Hardware to the WebA Practical Guide to Connecting Hardware to the Web
A Practical Guide to Connecting Hardware to the Web
 
Introdução ao Arduino
Introdução ao ArduinoIntrodução ao Arduino
Introdução ao Arduino
 
Minicurso arduino
Minicurso arduinoMinicurso arduino
Minicurso arduino
 
Incanter Data Sorcery
Incanter Data SorceryIncanter Data Sorcery
Incanter Data Sorcery
 
Rango
RangoRango
Rango
 
Fab.in.a.box - Fab Academy: Machine Design
Fab.in.a.box - Fab Academy: Machine DesignFab.in.a.box - Fab Academy: Machine Design
Fab.in.a.box - Fab Academy: Machine Design
 
The Digital Revolution: Machines that makes
The Digital Revolution: Machines that makesThe Digital Revolution: Machines that makes
The Digital Revolution: Machines that makes
 
Hadoop + Clojure
Hadoop + ClojureHadoop + Clojure
Hadoop + Clojure
 
Hadoop - Simple. Scalable.
Hadoop - Simple. Scalable.Hadoop - Simple. Scalable.
Hadoop - Simple. Scalable.
 
Hadoop and Hive Development at Facebook
Hadoop and Hive Development at FacebookHadoop and Hive Development at Facebook
Hadoop and Hive Development at Facebook
 
Multi-core Parallelization in Clojure - a Case Study
Multi-core Parallelization in Clojure - a Case StudyMulti-core Parallelization in Clojure - a Case Study
Multi-core Parallelization in Clojure - a Case Study
 

Web2.0

  • 1. Web2.0 Luiz Paulo dos Prazeres Júnior Desenvolvedor lppjunior@gmail.com
  • 2. Programação • Conceituação ▫ O que é Web2.0 ▫ Comparação Web1.0 x Web2.0 • Serviços • Tecnologias / Linguagens • Desenvolvendo • Ferramentas auxiliares para desenvolvimento • Frameworks • Web2.0 + PHP Palestra Web2.0 Luiz Paulo - lppjunior@gmail.com
  • 3. Web2.0 Revolução ou demagogia? Palestra Web2.0 Luiz Paulo - lppjunior@gmail.com
  • 4. O que é Web2.0? • É a segunda geração de comunidades e serviços Web. Apesar da conotação de uma nova versão para a Web, não se refere à atualizações técnicas, mas a uma mudança na forma como ela é encarada por usuários e desenvolvedores. Fonte: http://pt.wikipedia.org/wiki/Web_2.0 Palestra Web2.0 Luiz Paulo - lppjunior@gmail.com
  • 5. Críticas – Segundo especialistas • O termo “Web2.0” foi uma jogada de marketing • Não há nova tecnologia conceito ou idéia. • Colaboração não é uma novidade da Web2.0 Fonte: http://pt.wikipedia.org/wiki/Web_2.0 Palestra Web2.0 Luiz Paulo - lppjunior@gmail.com
  • 6. Web2.0 Comparação com Web 1.0 Palestra Web2.0 Luiz Paulo - lppjunior@gmail.com
  • 7. Web1.0 x Web2.0 : Sites / Serviços Em construção x Beta eterno Palestra Web2.0 Luiz Paulo - lppjunior@gmail.com
  • 8. Web1.0 x Web2.0 : Foco Empresa x Usuário Palestra Web2.0 Luiz Paulo - lppjunior@gmail.com
  • 9. Web1.0 x Web2.0 : Conteúdo Publicação x Participação Palestra Web2.0 Luiz Paulo - lppjunior@gmail.com
  • 10. Web1.0 x Web2.0 : Informação Portais x RSS Palestra Web2.0 Luiz Paulo - lppjunior@gmail.com
  • 11. Web1.0 x Web2.0 : Programação Top-Down x Bottom-Up Palestra Web2.0 Luiz Paulo - lppjunior@gmail.com
  • 12. Web1.0 x Web2.0 : Página Pessoal Site Pessoal x Blogging Palestra Web2.0 Luiz Paulo - lppjunior@gmail.com
  • 13. Web1.0 x Web2.0 : Bookmark Taxonomia x Folksonomia Palestra Web2.0 Luiz Paulo - lppjunior@gmail.com
  • 14. Web1.0 x Web2.0 : A Internet Rede x Rede + Plataforma Palestra Web2.0 Luiz Paulo - lppjunior@gmail.com
  • 15. Web2.0 Serviços Palestra Web2.0 Luiz Paulo - lppjunior@gmail.com
  • 16. A Web2.0 já interferiu em sua vida cotidiana, pessoal ou profissional? Palestra Web2.0 Luiz Paulo - lppjunior@gmail.com
  • 17. Serviços • WIKI wikipedia.org • SITES SOCIAIS orkut.com • BLOGS blogger.com • FOTOS flickr.com • VIDEOS youtube.com • RSS FEEDS Notícias, Artigos, etc • BOOKMARK SOCIAL del.icio.us • ARMAZENAMENTO filesend.net • COMUNICAÇÃO GoogleTalk, Skype, etc • WEBDOCS Google Docs • PERSONAL PAGES iGoogle, netvibes • MAIL Gmail, Yahoo • VENDAS Mercado Livre, Amazon Palestra Web2.0 Luiz Paulo - lppjunior@gmail.com
  • 18. Web2.0 Tecnologias Palestra Web2.0 Luiz Paulo - lppjunior@gmail.com
  • 19. Tecnologias / Linguagens • HTML / XHTML (HyperText Markup Language) • CSS (Cascading Style Sheets) • JavaScript • AJAX (Asynchronous Javascript And XML) • XML (eXtensible Markup Language) • WEB Service (PHP) • Flex (Adobe), SilverLight (Microsoft), JavaFX (Sun), Flash (Adobe) Palestra Web2.0 Luiz Paulo - lppjunior@gmail.com
  • 20. Web2.0 Desenvolvendo Palestra Web2.0 Luiz Paulo - lppjunior@gmail.com
  • 21. Exemplo Tableless: CSSZenGarden.com Palestra Web2.0 Luiz Paulo - lppjunior@gmail.com
  • 22. Ferramentas auxiliares para desenvolvimento • FireFox • Windows ▫ FireBug ▫ Visual Color Pixel ▫ WebDeveloper ToolBar ▫ JR Screen Ruler ▫ HTML Validator ▫ IETab • Internet Explorer ▫ Depurador de Scripts (nativo) ▫ Debugbar (my-debugbar.com) ▫ IEInspector (ieinspector.com) Palestra Web2.0 Luiz Paulo - lppjunior@gmail.com
  • 23. Frameworks javascript • PrototypeJS (prototypejs.org) • JQuery (jquery.com) • Dojo Tool Kit (dojotoolkit.org) • OpenRico (openrico.org) • Script.aculo.us (script.aculo.us) • Moo Tools (mootools.net) • Mochikit (mochikit.com) • YUI - Yahoo (developer.yahoo.com /yui) • Qooxdoo (qooxdoo.org) Palestra Web2.0 Luiz Paulo - lppjunior@gmail.com
  • 24. Frameworks Ajax + PHP Coletânea de frameworks AJAX para PHP • http://ajaxpatterns.org/PHP_Ajax_Frameworks 3 formas diferentes de utilizar AJAX com PHP • PrototypeJS (prototypejs.org) • Sajax (modernmethod.com/sajax) • Xajax (xajaxproject.org) Palestra Web2.0 Luiz Paulo - lppjunior@gmail.com
  • 25. Próximo passo Palestra Web2.0 Luiz Paulo - lppjunior@gmail.com
  • 26. Web 3.0 • Web Semântica? quot;Eu a chamo de World Wide Database (banco de dados mundial)” Nova Spivack • Aplicativos multiplataforma? quot;A próxima geração será formada por aplicações que conversem entre si. Serão relativamente pequenas e rodarão em qualquer dispositivo, tanto PCs quanto telefones móveis“ Eric Schmidt - CEO do Google Palestra Web2.0 Luiz Paulo - lppjunior@gmail.com
  • 27. Palestra Web2.0 Luiz Paulo - lppjunior@gmail.com
  • 28. Obrigado! MAIL | TALK lppjunior@gmail.com bookmark compartilhado del.icio.us/lppjunior Palestra Web2.0 Luiz Paulo - lppjunior@gmail.com