Web2.0 Luiz Paulo dos Prazeres Júnior Desenvolvedor [email_address]
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
Web 2.0 Revolução ou demagogia?
O que é  Web 2.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
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
Web 2.0 Comparação com Web 1.0
Web1.0 x  Web 2.0 : Sites / Serviços Em construção  x  Beta eterno
Web1.0 x  Web 2.0 : Foco Empresa  x  Usuário
Web1.0 x  Web 2.0 : Conteúdo Publicação  x  Participação
Web1.0 x  Web 2.0 : Informação Portais  x  RSS
Web1.0 x  Web 2.0 : Programação Top-Down  x  Bottom-Up
Web1.0 x  Web 2.0 : Página Pessoal Site Pessoal  x  Blogging
Web1.0 x  Web 2.0 : Bookmark Taxonomia  x  Folksonomia
Web1.0 x  Web 2.0 : A Internet Rede  x  Rede  + Plataforma
Web 2.0 Serviços
A  Web 2.0 já interferiu em sua vida cotidiana, pessoal ou profissional?
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
Web 2.0 Tecnologias
Tecnologias / Linguagens HTML / XHTML ( H yper T ext  M arkup  L anguage) CSS  ( C ascading  S tyle  S heets) JavaScript AJAX ( A synchronous  J avascript  A nd  X ML) XML (e X tensible  M arkup  L anguage) WEB Service (PHP) Flex  (Adobe) , SilverLight  (Microsoft) , JavaFX  (Sun) , Flash  (Adobe)
Web 2.0 Desenvolvendo
Exemplo Tableless: CSS Zen Garden.com
Ferramentas auxiliares para desenvolvimento FireFox FireBug WebDeveloper ToolBar HTML Validator IETab Internet Explorer Depurador de Scripts (nativo) Debugbar (my-debugbar.com) IEInspector (ieinspector.com) Windows Visual Color Pixel JR Screen Ruler
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)
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)
Próximo passo
Web 3.0 Web Semântica? "Eu a chamo de World Wide Database (banco de dados mundial)” Nova Spivack Aplicativos multiplataforma? "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
 
Obrigado! MAIL | TALK [email_address] bookmark compartilhado del.icio.us/lppjunior

Apresentacao Web2.0

  • 1.
    Web2.0 Luiz Paulodos Prazeres Júnior Desenvolvedor [email_address]
  • 2.
    Programação Conceituação Oque é Web2.0 Comparação Web1.0 x Web2.0 Serviços Tecnologias / Linguagens Desenvolvendo Ferramentas auxiliares para desenvolvimento Frameworks Web2.0 + PHP
  • 3.
    Web 2.0 Revoluçãoou demagogia?
  • 4.
    O que é Web 2.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
  • 5.
    Críticas – Segundoespecialistas 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
  • 6.
  • 7.
    Web1.0 x Web 2.0 : Sites / Serviços Em construção x Beta eterno
  • 8.
    Web1.0 x Web 2.0 : Foco Empresa x Usuário
  • 9.
    Web1.0 x Web 2.0 : Conteúdo Publicação x Participação
  • 10.
    Web1.0 x Web 2.0 : Informação Portais x RSS
  • 11.
    Web1.0 x Web 2.0 : Programação Top-Down x Bottom-Up
  • 12.
    Web1.0 x Web 2.0 : Página Pessoal Site Pessoal x Blogging
  • 13.
    Web1.0 x Web 2.0 : Bookmark Taxonomia x Folksonomia
  • 14.
    Web1.0 x Web 2.0 : A Internet Rede x Rede + Plataforma
  • 15.
  • 16.
    A Web2.0 já interferiu em sua vida cotidiana, pessoal ou profissional?
  • 17.
    Serviços WIKI wikipedia.orgSITES 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
  • 18.
  • 19.
    Tecnologias / LinguagensHTML / XHTML ( H yper T ext M arkup L anguage) CSS ( C ascading S tyle S heets) JavaScript AJAX ( A synchronous J avascript A nd X ML) XML (e X tensible M arkup L anguage) WEB Service (PHP) Flex (Adobe) , SilverLight (Microsoft) , JavaFX (Sun) , Flash (Adobe)
  • 20.
  • 21.
    Exemplo Tableless: CSSZen Garden.com
  • 22.
    Ferramentas auxiliares paradesenvolvimento FireFox FireBug WebDeveloper ToolBar HTML Validator IETab Internet Explorer Depurador de Scripts (nativo) Debugbar (my-debugbar.com) IEInspector (ieinspector.com) Windows Visual Color Pixel JR Screen Ruler
  • 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)
  • 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)
  • 25.
  • 26.
    Web 3.0 WebSemântica? "Eu a chamo de World Wide Database (banco de dados mundial)” Nova Spivack Aplicativos multiplataforma? "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
  • 27.
  • 28.
    Obrigado! MAIL |TALK [email_address] bookmark compartilhado del.icio.us/lppjunior