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

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?

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

É 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

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

Web 2.0

Comparação com Web 1.0

Web1.0 x Web 2.0 : Sites / Serviços Em construção x Beta eterno

Em construção x Beta eterno

Web1.0 x Web 2.0 : Foco Empresa x Usuário

Empresa x Usuário

Web1.0 x Web 2.0 : Conteúdo Publicação x Participação

Publicação x Participação

Web1.0 x Web 2.0 : Informação Portais x RSS

Portais x RSS

Web1.0 x Web 2.0 : Programação Top-Down x Bottom-Up

Top-Down x Bottom-Up

Web1.0 x Web 2.0 : Página Pessoal Site Pessoal x Blogging

Site Pessoal x Blogging

Web1.0 x Web 2.0 : Bookmark Taxonomia x Folksonomia

Taxonomia x Folksonomia

Web1.0 x Web 2.0 : A Internet Rede x Rede + Plataforma

Rede x Rede + Plataforma

Web 2.0 Serviços

Web 2.0

Serviços

A Web 2.0 já interferiu em sua vida cotidiana, pessoal ou profissional?

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

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

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)

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

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

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)

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)

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

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

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

MAIL | TALK

[email_address]

bookmark compartilhado

del.icio.us/lppjunior