20 things i learned about browsers and the web

Embed Size (px)

Citation preview

  • 27/08/12 20 Things I Learned About Browsers and the Web

    1/28www.20thingsilearned.com/pt-BR/all/print

    INTRODUO S 20 LIES

    A tualmente, muitas pessoas dependem da rede mundial para ter acesso a informaes e entrar em contatocom pessoas e eventos ao redor do globo instantaneamente. Essas experinciason-line marcantes so possveis devido a uma web aberta que pode ser acessada por qualquer pessoa por meio

    de um navegador, em qualquer dispositivo conectado Internet no mundo.

    Mas como funcionam nossos navegadores e a web? Como que a rede mundial evoluiu para algo que

    conhecemos e amamos? E o que precisamos saber para navegar com segurana e eficincia pela Internet?

    "20 lies que aprendi sobre navegadores e a web" um pequeno guia para todos que estiverem curiosos

    sobre os aspectos bsicos de navegadores e da web. Aqui voc encontrar:

    Primeiramente, analisaremos a Internet, a estrutura bsica que permite a existncia da web. Tambm

    daremos uma olhada em como a web usada hoje, por meio de computao em nuvem e de aplicativos da

    web.

    A seguir, introduziremos os blocos de construo de pgina da web, como HTML e JavaScript, e

    analisaremos como sua inveno e evoluo mudaram os sites que visitamos todos os dias. Tambm veremos os

    navegadores modernos e como eles ajudam os usurios a navegarem pela web com mais segurana.

    Por fim, vislumbraremos as empolgantes inovaes tecnolgicas de navegadores e da web, as quais

    acreditamos que nos proporcionaro experincias ainda mais rpidas e mais inclusivas no futuro.

    A vida dos cidados da web pode ser liberal e fortalecedora, mas tambm exige um pouco de educao por

    conta prpria. Assim como desejamos conhecer, como cidados, diversos fatos bsicos de nossas comunidades

    reais - qualidade da gua, servios fundamentais, empresas locais - cada vez mais importante entender um

    conjunto similar de informaes sobre nossas vidas on-line. Foi com esse esprito que escrevemos este guia.

    Muitos dos exemplos usados para ilustrar os recursos e a funcionalidade de navegadores referem-se ao Chrome,

  • 27/08/12 20 Things I Learned About Browsers and the Web

    2/28www.20thingsilearned.com/pt-BR/all/print

    O QUE INTERNET?OU, EU DIGO A, VOC DIZ B

    o navegador de cdigo aberto que conhecemos to bem. Esperamos que voc divirta-se lendo este guia, assim

    como nos divertimos elaborando-o.

    Feliz navegao!

    Equipe do Google Chrome, com muitos agradecimentos a Christoph Niemann por suas ilustraes

    Novembro de 2010

    O que exatamente a Internet? Para algumas pessoas, a Internet onde mantemos contato com amigos,lemos as notcias, fazemos compras e jogamos jogos. Para outras, a Internet pode ser o provedor local debanda larga ou os cabos subterrneos e de fibra tica que

    carregam dados por cidades e oceanos. Quem est certo?

    Um ponto de partida til est no princpio de tudo: 1974. foi o ano em que alguns pesquisadores inteligentes

    inventaram algo chamado de Internet Protocol Suite,

    ou TCP/IP. O TCP/IP criou uma srie de regras que permitiram a computadores "falar" com outros

    computadores e trocar informaes.

    O TCP/IP algo como a comunicao humana: quando falamos entre ns, as regras de gramtica fornecem

    a estrutura do idioma e garantem que poderemos entender os outros e trocar ideias. De maneira similar, o

    TCP/IP fornece as regras de comunicao para garantir que os dispositivos conectados entre si se entendero, de

    forma a poder trocar informaes. Como aquele grupo de dispositivos interconectados cresceu de um domiclio

    para vrios domiclios - e, em seguida, para vrios prdios, e depois para vrias cidades e pases - a Internet foi

    criada.

    Os primeiros criadores da Internet descobriram que os dados e as informaes poderiam ser enviadas de

    maneira mais eficiente quando quebradas em partes menores, enviadas separadamente e reagrupadas. Essas

    partes so chamadas pacotes . Quando voc envia um e-mail pela Internet, a mensagem de e-mail quebrada

    em pacotes, enviada ao destinatrio e reagrupada. O mesmo acontece quando voc assiste a um vdeo em um

    site como o YouTube: os arquivos do vdeo esto segmentados em pacotes de dados que podem ser enviados de

    diversos servidores do YouTube pelo mundo e reagrupados para formar o vdeo que voc assiste em seu

    navegador.

  • 27/08/12 20 Things I Learned About Browsers and the Web

    3/28www.20thingsilearned.com/pt-BR/all/print

    COMPUTAO EM NUVEMOU, POR QUE NO TEM PROBLEMA SE UM CAMINHO PASSAR POR CIMA DE SEU LAPTOP

    E a velocidade? Se o trfego da Internet fosse comparado a uma corrente de gua, a banda larga da

    Internet seria o equivalente quantidade de gua que passa pela corrente por segundo. Quando voc ouvir

    engenheiros conversando sobre largura de banda, eles estaro se referindo quantidade de dados que podem ser

    enviados para sua conexo de Internet por segundo. Esse um indcio da velocidade de sua conexo. Conexes

    mais rpidas j so possveis devido a uma melhor infraestrutura fsica (como cabos de fibra tica que enviam

    informaes quase velocidade da luz), assim como novas formas de codificar as informaes no prprio meio

    fsico, mesmo em meios antigos como os fios de cobre.

    A Internet um sistema fascinante e altamente tcnico, mas para a maioria das pessoas, trata-se de um

    mundo amigvel onde no vemos

    e nem pensamos sobre os cabos e as equaes envolvidas. A Internet tambm a estrutura bsica que d

    forma rede mundial que conhecemos e amamos: com uma conexo de Internet, podemos acessar um universo

    aberto e cada vez maior de pginas e aplicativos interligados. De fato, o nmero de pginas da web hoje em dia

    o mesmo dos neurnios em nossos crebros e o das estrelas na Via Lctea.

    Nos prximos dois captulos, analisaremos como a web usada atualmente por meio de computao em

    nuvem e aplicativos da web.

    A computao moderna na era da Internet algo estranho e incrvel. Enquanto se senta diante de seu laptopem casa e assiste a um vdeo no YouTube ou usa um mecanismo de pesquisa, voc est se conectando auma fora de milhares de computadores agrupados que fornecem essas informaes de salas espalhadas pelo

    mundo. quase como se voc tivesse um supercomputador sua disposio, graas Internet.

    Esse fenmeno o que chamamos

    normalmente de computao em nuvem. Atualmente, lemos notcias, ouvimos msicas, fazemos compras,

    assistimos a programas de TV e armazenamos nossos arquivos na Internet. Algumas pessoas vivem em cidades

    nas quais praticamente quase todos os museus, bancos e instituies do governo possuem um site. O resultado

    final? Passamos menos tempo em filas ou ao telefone, j que esses sites nos permitem fazer de tudo, como

    pagar contas e

  • 27/08/12 20 Things I Learned About Browsers and the Web

    4/28www.20thingsilearned.com/pt-BR/all/print

    APLICATIVOS DA WEBOU, A VIDA, LIBERDADE E A PROCURA DA FELICIDADE

    efetuar reservas. A realizao de muitas tarefas dirias on-line nos possibilita viver mais intensamente no mundo

    real.

    A computao em nuvem tambm oferece outros benefcios. Algum tempo atrs, muitas pessoas

    preocupavam-se com a perda de documentos, fotos e arquivos se algo ocorresse com seus computadores, como a

    presena um vrus ou uma falha de hardware. Hoje em dia, nossos dados esto migrando para alm das

    fronteiras de nossos computadores pessoais. Estamos transferindo nossos dados on-line para "a nuvem". Se voc

    envia fotos, armazena arquivos importantes on-line e usa um servio de e-mail baseado na web, como o Gmail

    ou o Yahoo! Mail, um caminho poderia atropelar seu laptop e ainda assim seus dados estariam armazenados na

    web com segurana, acessveis de qualquer computador conectado Internet, em qualquer lugar do mundo.

    S e voc joga jogos on-line, utiliza um editor de fotos on-line ou confia em servios baseados na web, comoGoogle Maps, Twitter, Amazon, YouTube ou Facebook, voc um residente ativo no maravilhoso mundo

  • 27/08/12 20 Things I Learned About Browsers and the Web

    5/28www.20thingsilearned.com/pt-BR/all/print

    dos aplicativos da web.

    O que exatamente um aplicativo da web? E por que devemos nos importar com isso?

    Aplicativos tambm so chamados de programas ou softwares. Tradicionalmente, eles so desenvolvidos para

    realizar tarefas amplas e intensas, como contabilidade ou processamento de texto. No mundo on-line de

    navegadores e smartphones, os aplicativos normalmente so programas mais geis e focados em uma nica

    tarefa. Aplicativos da web, em especial, executam essas tarefas dentro do navegador e frequentemente fornecem

    uma experincia rica e interativa.

    O Google Maps um bom exemplo de aplicativo da web. Ele focado em uma tarefa: fornecer recursos

    teis de mapeamento em um navegador da web. Voc pode olhar panoramicamente ou dar zoom em um mapa,

    pesquisar por uma faculdade ou um caf, alm de obter orientaes de direo, entre outras tarefas. Todas as

    informaes necessrias so inseridas no aplicativo da web dinamicamente, sempre que voc solicit-las.

    Isso nos leva s quatro virtudes dos aplicativos da web:

    1. Posso acessar meus dados de qualquer lugar.

    No mundo tradicional de aplicativos para computadores, os dados so normalmente armazenados no disco rgido

    do meu computador. Se estou de frias e deixo meu computador em casa, no posso acessar meu e-mail, minhas

    fotos ou quaisquer dados, se precisar. Neste novo mundo de aplicativos da web, meu e-mail e todos os meus

    dados esto armazenados on-line na web. Posso acess-los por meio de um navegador em qualquer computador

    que estiver conectado Internet.

    2. Eu sempre acessarei a verso mais recente de qualquer aplicativo.

    Que verso do YouTube estou usando hoje? E amanh? A resposta: sempre a mais recente. Os aplicativos da

    web so atualizados

    automaticamente, ou seja, sempre haver apenas uma verso: a mais recente, com todos os novos recursos e

    aperfeioamentos. No necessrio atualizar manualmente para uma nova verso de tanto em tanto tempo. E

    no preciso ter que passar por um demorado processo de instalao para poder usar meus aplicativos da web.

    3. Eles funcionam em qualquer dispositivo com um navegador da web.

    Na computao tradicional, alguns programas funcionam somente em alguns sistemas ou dispositivos especficos.

    Por exemplo, muitos programas escritos para um PC no funcionam em um Mac. Manter os softwares

    adequados pode exigir tempo e dinheiro. Por outro lado, a web uma plataforma aberta. Qualquer pessoa pode

    acess-la de um navegador em um dispositivo conectado, independentemente de ser um computador desktop, um

    laptop ou um

    telefone celular. Isso significa que posso usar meus aplicativos da web favoritos mesmo se estiver usando o

    laptop de um amigo ou o computador de um cybercaf.

    4. mais seguro.

    Os aplicativos da web so executados em navegadores e eu nunca preciso fazer download para meu computador.

    Por causa dessa separao entre o cdigo do aplicativo e o cdigo do meu computador, os aplicativos da web

    no interferem em outras tarefas em meu computador ou no desempenho geral de minha mquina. Isso significa

    que estou mais protegido contra ameaas como vrus, malware e spyware.

  • 27/08/12 20 Things I Learned About Browsers and the Web

    6/28www.20thingsilearned.com/pt-BR/all/print

    HTML, JAVASCRIPT, CSS E MUITO MAISOU, ESTE NO O AJAX DA SUA ME.

    A s pginas da web so escritas em HTML, a linguagem de programao que informa os navegadores comoestruturar e apresentar contedo em uma pgina. Em outras palavras, HTML fornece os blocos bsicos deconstruo da web. Durante muito tempo, esses blocos de construo eram simples e estticos: linhas de texto,

    links e imagens.

    Hoje em dia, esperamos poder realizar diversas tarefas, como jogar xadrez on-line ou analisar um mapa de

    nossa regio sem ter que esperar que a pgina seja carregada a cada movimento de peas ou mudana de

    mapa.

    A ideia dessas pginas dinmicas teve incio com a inveno da linguagem de script JavaScript. O suporte a

    JavaScript pelos melhores navegadores significava que as pginas poderiam incorporar mais interaes importantes

    em tempo real. Por exemplo, se voc preencheu um formulrio on-line e pressionou o boto "enviar", a pgina

    poder usar JavaScript para verificar suas inseres em tempo real e alert-lo quase que instantaneamente, caso

    voc tenha preenchido o formulrio incorretamente.

  • 27/08/12 20 Things I Learned About Browsers and the Web

    7/28www.20thingsilearned.com/pt-BR/all/print

    HTML5OU, NO INCIO NO HAVIA

    Entretanto, a web dinmica, na forma como a conhecemos hoje, ganhou vida quando XHR

    (XMLHttpRequest) foi introduzido em JavaScript e usado pela primeira vez em aplicativos da web, como o

    Microsoft Outlook para a web, Gmail e Google Maps. O XHR permitiu que partes individuais de uma pgina,

    como um jogo, um mapa, um vdeo ou uma pesquisa, fossem alteradas sem a necessidade de carregar novamente

    toda a pgina. Como resultado, os

    aplicativos da web so mais rpidos e mais geis.

    As pginas da web tambm se tornaram mais expressivas com a introduo de CSS (Cascading Style

    Sheets). A tecnologia CSS oferece aos programadores uma maneira fcil e eficiente de definir o layout e

    embelezar uma pgina com

    elementos de design, como cores, cantos arredondados, gradientes e animao.

    Os programadores da web utilizam com frequncia essa potente combinao de JavaScript, XHR, CSS e

    outras tecnologias da web, como AJAX (Assynchronous JavaScript e XML). O HTML tambm continuou

    evoluindo, conforme mais recursos e aperfeioamentos eram incorporados a novas verses do HTML padro.

    A web de hoje evoluiu dos esforos contnuos de todos os profissionais de tecnologia, os pensadores, os

    codificadores e as organizaes que desenvolveram essas tecnologias e garantiram que elas fossem suportadas em

    navegadores, como o Internet Explorer, o Firefox, o Safari e o Google Chrome. Essa interao entre tecnologias

    e navegadores transformou a web em uma plataforma de construo aberta e amigvel para desenvolvedores,

    que deram luz vrios aplicativos teis e divertidos que usamos diariamente.

    M ais de duas dcadas aps a introduo do HTML, seguimos perguntando o que a web e o que elapoder se tornar. Que tipos de recursos e aplicativos ns, como usurios, consideramos divertidos, teis oumesmo indispensveis? Que ferramentas os desenvolvedores precisam para criar esses sites e aplicativos

    fantsticos? Por fim, como que todas essas maravilhas podem ser apresentadas em um navegador da web?

    Essas perguntas levaram evoluo da ltima verso do HTML, conhecido como HTML5, um conjunto de

    recursos que permite aos web designers e aos desenvolvedores a capacidade de criar a prxima gerao de

    incrveis aplicativos on-line. Veja a tag de de HTML5, por exemplo.

  • 27/08/12 20 Things I Learned About Browsers and the Web

    8/28www.20thingsilearned.com/pt-BR/all/print

    3D NO NAVEGADOROU, NAVEGANDO COM MAIS PROFUNDIDADE

    No comeo, os vdeos no faziam parte da web. Os usurios da Internet precisavam instalar softwares adicionais,

    chamados plug-ins, para assistir a vdeos em seus navegadores. Em pouco tempo, ficou claro que o fcil acesso

    a vdeos era um recurso muito desejado na web. A introduo da tag de em HTML5 permite que

    vdeos sejam facilmente incorporados e reproduzidos em pginas da web sem a utilizao de softwares adicionais.

    Outros excelentes recursos de HTML5 incluem opes off-line que permitem aos usurios interagir com

    aplicativos da web mesmo quando no tiverem conexo com a Internet, alm de recursos do tipo "arrastar e

    soltar". No Gmail, por exemplo, os recursos de arrastar e soltar permitem que os usurios anexem com facilidade

    e rapidez um arquivo a uma mensagem de e-mail. Basta arrastar o

    arquivo da rea de trabalho do computador do usurio para a janela do navegador.

    A tecnologia HTML5, assim como a prpria web, est em constante evoluo, com base nas necessidades e

    imaginao dos desenvolvedores. Sendo um padro aberto, o HTML5 incorpora alguns dos melhores aspectos da

    web: funciona em qualquer lugar e em qualquer dispositivo com um navegador moderno. Mas assim como voc

    s pode assistir a transmisses em alta definio usando televises compatveis com alta definio, voc precisar

    usar um navegador atualizado e compatvel com HTML5 para poder desfrutar de sites e aplicativos que utilizam

    os recursos do HTML5. Ainda bem que, como usurio da Internet, voc dispe de diversas opes de

    navegadores e, ao contrrio das TVs, os navegadores da web podem ser baixados gratuitamente.

  • 27/08/12 20 Things I Learned About Browsers and the Web

    9/28www.20thingsilearned.com/pt-BR/all/print

    ODE AO NAVEGADOR

    Grficos em 3D e animaes podem ser realmente fascinantes com todos os detalhes posicionados

    corretamente: iluminao e sombras, reflexos e texturas realsticas. No entanto, at o momento tem sido

    difcil apresentar uma experincia em 3D convincente, em especial na Internet.

    Por qu? Principalmente, porque criar uma experincia em 3D em jogos e outros aplicativos exige grandes

    quantidades de dados para exibir texturas e formas intricadas. No passado, esses grandes volumes de dados

    exigiam mais largura de banda de Internet e mais capacidade

    de computao do que a maioria dos sistemas podia suportar. Tudo isso mudou recentemente e para melhor:

    chegou o 3D para navegadores.

    A banda larga moderna ajudou a solucionar a necessidade de largura de banda. Muitos domiclios e

    escritrios j contam com velocidades de banda larga que reduzem a cinzas as conexes de dez anos atrs.

    Como resultado, possvel enviar grandes quantidades de dados pela Internet - dados necessrios para exibir

    experincias realsticas em 3D nos navegadores. Alm disso, os computadores usados atualmente so muito mais

    poderosos do que os antigos: os processadores e as memrias melhoraram de tal forma que mesmo um laptop ou

    desktop padro suporta a complexidade de grficos em 3D.

    Nem a banda larga nem a capacidade de computao pura fariam diferena sem os grandes avanos nas

    capacidades dos navegadores. Diversos navegadores modernos adotaram tecnologias de web abertas, como

    WebGL e 3D CSS. Com essas tecnologias, os desenvolvedores podem criar excelentes efeitos em 3D para seus

    aplicativos da web, e ns podemos experiment-los sem a necessidade de plug-ins adicionais. Alm disso, muitos

    dos navegadores modernos aproveitam uma tcnica conhecida como acelerao de hardware. Isso significa que o

    navegador pode usar a Unidade de processamento de grficos (GPU) para acelerar as computaes necessrias

    a fim de exibir contedos da web em 3D e no tradicional 2D.

    Por que o 3D no navegador to importante? Porque ele une HTML5, JavaScript e outras novas

    tecnologias inteligentes no kit de ferramentas que os desenvolvedores podem usar para criar uma nova e

    poderosa gerao de aplicativos da web. Para os usurios, isso significa novas formas de visualizar informaes e

    mais diverso on-line com ambientes e jogos envolventes em 3D.

    Mais importante, o 3D no navegador acompanha todas as vantagens dos aplicativos da web: voc pode

    compartilhar, cooperar e personalizar os aplicativos mais recentes com amigos em todo o mundo. Com certeza,

    trata-se de mais dados e mais diverso que todos podem usar.

  • 27/08/12 20 Things I Learned About Browsers and the Web

    10/28www.20thingsilearned.com/pt-BR/all/print

    OU, NAVEGADORES MODERNOS VERSUS ANTIGOS

    Navegadores antigos e novos

    No podem coexistir:

    Os navegadores modernos so mais rpidos, repletos de recursos e mais seguros

    Os navegadores antigos so lentos e, em ltimo caso, um temido perigo

    Ataques maliciosos eles no conseguem eliminar.

    (com as devidas desculpas a Shakespeare)

    A maioria das pessoas no percebe o quanto um navegador antigo e desatualizado pode influenciar

    negativamente nossas vidas on-line, em especial nossa segurana on-line. Voc no dirigiria um carro antigo com

    pneus carecas, freios desgastados e motor corrodo por muitos anos. uma pssima ideia arriscar-se da mesma

    forma com o navegador que voc usa para navegar por todas as pginas e todos os aplicativos na web.

    A atualizao de um navegador moderno, como a verso mais recente do Mozilla Firefox, do Apple Safari,

    do Microsoft Internet Explorer, do Opera ou do Google Chrome, importante por trs motivos:

    Em primeiro lugar, os navegadores antigos so vulnerveis a ataques porque normalmente no so atualizados

    com as ltimas correes e os ltimos recursos de segurana. As vulnerabilidades de um navegador podem levar

    a senhas roubadas, softwares maliciosos penetrando secretamente em seu computador ou pior. Um navegador

    atualizado ajuda a evitar ameaas de segurana como phishing e malware.

    Em segundo lugar, a web evolui rapidamente. Muitos dos recursos mais recentes em sites e aplicativos

    atuais no funcionaro em navegadores antigos. Somente navegadores atualizados apresentam as melhorias de

    velocidade que permitem a execuo de pginas e aplicativos rapidamente, em conjunto com o suporte para

    tecnologias de ponta, como HTML5, CSS3 e JavaScript veloz.

  • 27/08/12 20 Things I Learned About Browsers and the Web

    11/28www.20thingsilearned.com/pt-BR/all/print

    PLUG-INS

    Por ltimo, os navegadores antigos atrasam a inovao da web. Se muitos usurios da Internet seguirem

    usando esses navegadores antigos, os desenvolvedores sero forados a criar sites que funcionem com tecnologias

    antigas e atuais. Diante de tempo e recursos limitados, eles acabaro desenvolvendo tecnologias que sejam

    compatveis com todos os navegadores e no podero construir a prxima gerao de aplicativos teis e

    inovadores. Imagine se os engenheiros de trfego de hoje tivessem que elaborar autoestradas de alta velocidade

    que fossem seguras para automveis da dcada de 50. Por esse motivo, navegadores desatualizados so

    prejudiciais para os usurios em geral e para a inovao da web.

    No quer dizer que todos o culpem por manter-se leal a um navegador envelhecido. Em alguns casos, pode

    ser que voc no consiga atualizar seu navegador. Se voc perceber que no consegue atualizar seu navegador

    ou o computador de sua empresa, entre em contato com seu administrador de TI. Se no for possvel atualizar

    uma verso antiga do Internet Explorer, o plug-in do Frame do Google Chrome poder fornecer os benefcios da

    funcionalidade de alguns aplicativos modernos da web, levando os recursos do Google Chrome para o Internet

    Explorer.

    Navegadores antigos e desatualizados so prejudiciais para os usurios e impedem a inovao da web.

    Reserve um momento para certificar-se de que voc tenha atualizado para a verso mais recente de seu

    navegador moderno favorito.

    Nota do editor: no momento desta publicao, as verses estveis mais recentes dos principais

    navegadores so Firefox 3.6, Safari 5, Google Chrome 7, Internet Explorer 8 e Opera 10.63. Para

    verificar qual navegador voc est usando, acesse www.whatbrowser.org.

  • 27/08/12 20 Things I Learned About Browsers and the Web

    12/28www.20thingsilearned.com/pt-BR/all/print

    OU, CALABRESA PARA SUA PIZZA DE QUEIJO

    EXTENSES DO NAVEGADOROU, SUPERPODERES PARA SEU NAVEGADOR

    N os primeiros tempos da rede mundial, as primeiras verses de HTML no podiam fornecer contedopomposo, como vdeos. Texto, imagens e links era o limite.Os plug-ins foram inventados para compensar as limitaes da tecnologia inicial de HTML e fornecer mais

    contedos interativos. Um plug-in uma parte adicional de software, especializada em processar tipos especficos

    de contedo. Por exemplo, os usurios podem fazer download e instalar um plug-in, como o Adobe Flash Player,

    para visualizar uma pgina que contenha um vdeo ou um jogo interativo.

    Qual o nvel de interao entre um plug-in e um navegador? Curiosamente, quase nenhum. O modelo de

    plug-in parece muito com a funo de imagem sobre imagem em uma TV: o navegador define um espao

    especfico na pgina para o plug-in e o deixa trabalhar. O plug-in livre para operar naquele espao,

    independentemente do navegador.

    Essa independncia significa que um plug-in em particular pode trabalhar em diversos navegadores. No

    entanto, essa onipresena tambm torna os plug-ins alvos principais de ataques de segurana contra navegadores.

    Seu computador estar ainda mais vulnervel a ataques de segurana se voc estiver executando plug-ins que

    no estiverem atualizados, j que os plug-ins desatualizados no apresentam as correes de segurana.

    O modelo de plug-in usado hoje em dia ,

    em grande parte, o que foi herdado dos primeiros tempos da web. Mas a comunidade da web j est de olho

    em novas maneiras de modernizar os plug-ins, com mtodos inteligentes de integr-los mais organicamente, de

    forma que seus contedos sejam pesquisveis, vinculveis e que eles possam interagir com o resto da pgina.

    Mais importante, alguns fornecedores de navegadores e de plug-ins esto trabalhando em conjunto para proteger

    os usurios contra riscos de segurana. Por exemplo, as equipes do Google Chrome e do Adobe Flash Player

    vm unindo esforos para integrar o Flash Player no navegador. O mecanismo de atualizao automtica do

    Chrome ajuda a garantir que o plug-in do Flash Player nunca esteja desatualizado e sempre receba as correes

    e atualizaes de segurana mais recentes.

    A s extenses dos navegadores permitem adicionar novos recursos ao seu navegador, literalmenteprolongando seu navegador.Isso significa que voc pode personalizar seu navegador com os recursos que so mais importantes para

    voc. Considere as extenses como formas de adicionar superpoderes ao navegador.

  • 27/08/12 20 Things I Learned About Browsers and the Web

    13/28www.20thingsilearned.com/pt-BR/all/print

    Esses superpoderes podem ser modestos ou incrveis, dependendo de suas necessidades. Por exemplo, voc

    pode instalar uma extenso de converso de moeda que aparecer como

    um novo boto ao lado da barra de endereos do navegador. Clique no boto e ele converter todos os preos

    exibidos na pgina atual em qualquer moeda que voc especificar. Isso pode ser muito til se voc for um

    mochileiro de carteirinha que planeja e reserva suas viagens na web. Extenses como essas permitem aplicar o

    mesmo tipo de funcionalidade a cada pgina que voc visita.

    As extenses dos navegadores tambm podem agir por conta prpria, fora das pginas da web. Uma

    extenso de notificao de e-mails pode estar inserida na barra de ferramentas de seu navegador, discretamente

    verificando a chegada de novas mensagens em sua conta de e-mail e informando voc quando houver um novo

    e-mail. Nesse caso, a extenso estar sempre trabalhando, independentemente da pgina que voc estiver

    acessando. Alm disso, voc no precisar fazer login em seu e-mail em outra janela para verificar se h novas

    mensagens.

    Quando as extenses de navegadores foram apresentadas pela primeira vez, os desenvolvedores geralmente

    precisavam cri-las usando linguagens de programao incomuns ou linguagens convencionais pesadas, como C++.

    Isso exigia muito trabalho, tempo e experincia. Alm disso, o acrscimo de mais cdigo ao navegador tambm

    gerava preocupaes com relao segurana, j que abria mais possibilidades para que hackers explorassem o

    navegador. Como os cdigos eram muitas vezes secretos, as extenses tambm eram famosas por causar falhas

    nos navegadores.

    Atualmente, a maioria dos navegadores permite que os desenvolvedores formulem extenses usando

    linguagens de programao mais compatveis web: HTML, JavaScript e CSS. Essas so as mesmas linguagens

    usadas para construir os aplicativos e as pginas mais modernas, de forma que as extenses atuais so parentes

    mais prximos dos aplicativos e das pginas com as quais trabalham. Elas

    so elaboradas mais rpida e facilmente, so mais seguras e so aperfeioadas em conjunto com os padres de

    Internet sobre os quais foram desenvolvidas.

    Para conhecer novas extenses, verifique a galeria de extenses de seu navegador. Voc ver milhares de

    extenses que podem ajud-lo a navegar de forma mais eficiente ou mais divertida. Algumas extenses permitem

    destacar e escrever notas em pginas enquanto voc realiza pesquisas, outras exibem atualizaes esportivas a

    cada jogada na interface de seu navegador.

  • 27/08/12 20 Things I Learned About Browsers and the Web

    14/28www.20thingsilearned.com/pt-BR/all/print

    SINCRONIZANDO O NAVEGADOROU, POR QUE NO TEM PROBLEMA SE UM CAMINHO PASSAR POR CIMA DE SEU LAPTOP,

    PARTE II

    COOKIES DO NAVEGADOROU, AGRADEO PELAS MEMRIAS

    E nto voc est "nas nuvens"... parabns! Voc utiliza aplicativos da web para acessar e-mails, msicas eoutras atividades. Voc salva documentos importantes, fotos e arquivos on-line e os acessa de qualquercomputador conectado Internet, de qualquer lugar no mundo.

    Se um caminho passar por cima de seu laptop e destru-lo em pedacinhos, nem tudo estar perdido. Basta

    encontrar outro dispositivo conectado Internet e voltar a trabalhar com todas as informaes vitais que voc

    inteligentemente salvou on-line.

    Mas espere: e o que acontece com as marcaes de favoritos, as extenses e preferncias de navegadores

    que voc usa diariamente? Eles foram esmagados junto com seu laptop?

    A resposta costumava ser "sim". Voc precisaria procurar novamente por suas extenses favoritas e reunir

    todos os sites que havia marcado como favoritos com tanto esforo. Mas agora no! Muitos dos navegadores

    atuais, como o Firefox e o Chrome, comearam a construir um recurso conhecido como sincronizao. A

    sincronizao permite salvar suas configuraes do navegador on-line, na nuvem, para que elas no sejam

    perdidas mesmo que seu computador derreta.

    A funcionalidade da sincronizao tambm simplifica sua vida se voc usar diversos computadores, como um

    laptop no trabalho e

    um computador desktop em casa. No ser necessrio recriar manualmente a marcao de sites favoritos ou

    reconfigurar as configuraes do navegador em cada computador que voc possuir. As mudanas que voc fizer

    ao seu navegador sincronizado em um computador aparecero automaticamente em todos os outros computadores

    sincronizados em questo de segundos.

    No Chrome, por exemplo, a sincronizao salva todos os favoritos, as extenses, as preferncias e os temas

    em sua Conta do Google. Utilize outro computador conectado Internet, abra o Chrome e faa o login em sua

    Conta do Google por meio do recurso de sincronizao do navegador. Voil! Todas as suas configuraes

    favoritas do navegador esto prontas para serem usadas no novo computador.

  • 27/08/12 20 Things I Learned About Browsers and the Web

    15/28www.20thingsilearned.com/pt-BR/all/print

    NAVEGADORES E PRIVACIDADEOU, OPES PARA PROTEGER SUA PRIVACIDADE NO NAVEGADOR

    C ookie parece ser um nome incomum para um produto tecnolgico, mas os cookies desempenham um papelimportante no fornecimento da funcionalidade que os usurios de Internet desejam de sites da web: umamemria de visitas, j ocorridas ou em andamento.

    Um cookie um pequeno texto enviado ao seu navegador por um site que voc visita. Ele contm

    informaes sobre sua visita que voc deseja que o site lembre, como seu idioma preferencial e outras

    configuraes. O navegador armazena esses dados e os acessa

    na prxima vez em que voc visitar o site, tornando essa prxima visita mais simples e personalizada. Se voc

    visitar um site de filmes e indicar que voc gosta de comdias, por exemplo, os cookies enviados pelo site

    podero lembrar isso. Dessa forma, voc poder visualizar comdias no comeo de seu prximo acesso ao site.

    Carrinhos de compras on-line tambm usam cookies. Enquanto navega por DVDs nesse site de compras de

    filmes, voc observar que poder adicion-los ao carrinho sem precisar fazer login. Seu carrinho de compras no

    "se esquece" dos DVDs, mesmo que voc visite outras pginas do site, porque eles estaro preservados pelos

    cookies do navegador. Os cookies tambm podem ser usados em publicidade on-line, lembrando seus interesses e

    mostrando a voc anncios relacionados enquanto voc navega pela web.

    Algumas pessoas preferem no permitir cookies. Por isso, os navegadores mais modernos possibilitam o

    gerenciamento de cookies para se enquadrar s suas preferncias. possvel configurar regras de gerenciamento

    de cookies para cada site, permitindo um maior controle de sua prpria privacidade. O que isso significa que

    voc pode escolher em

    quais sites confia e permitir cookies somente para esses sites, bloqueando cookies de outras fontes. Como

    existem muitos tipos de cookies, incluindo "cookies de sesso nica", que funcionam apenas durante a sesso de

    navegao, ou cookies permanentes, que existem durante diversas sesses, os navegadores modernos normalmente

    oferecem controles de sintonia fina, para que voc possa especificar suas preferncias com relao a diferentes

    tipos de cookies, como aceitar cookies permanentes como sendo de sesso.

    No navegador Google Chrome, possvel observar algo extra nos menus de opes: um link direto para o

    gerenciador de configuraes de armazenamento do Adobe Flash Player. Esse link facilita o controle de dados

    locais armazenados pelo Adobe Flash Player (tambm conhecidos como "cookies Flash"), que podero conter

    informaes sobre sites e aplicativos

  • 27/08/12 20 Things I Learned About Browsers and the Web

    16/28www.20thingsilearned.com/pt-BR/all/print

    S egurana e privacidade esto intimamente ligadas, mas no so idnticas.Considere a segurana e a privacidade de sua casa: trancas e alarmes ajudam a proteg-lo de ladres,mas janelas e cortinas mantm

    sua intimidade privada de transeuntes.

    Da mesma forma, a segurana do navegador ajuda a proteg-lo de malware, phishing e outros ataques on-

    line, enquanto os recursos de privacidade ajudam a manter a navegao

    privada em seu computador.

    Vamos analisar a privacidade com mais ateno. Veja essa analogia: digamos que voc seja um corredor

    voraz que corre alguns quilmetros todos os dias. Se voc carregar um dispositivo de GPS para ajudar a registrar

    suas corridas dirias, estar criando um dirio de dados de corridas em seu dispositivo, ou seja, um registro do

    histrico de onde voc corre, a distncia percorrida, a velocidade mdia e as calorias consumidas.

    Enquanto navega pela web, voc gera um dirio similar de dados do navegador, que so armazenados

    localmente em seu computador: um histrico de sites visitados, os cookies enviados ao navegador e os arquivos

    de download. Se voc solicitou ao seu navegador para lembrar suas senhas ou dados de formulrios, essas

    informaes tambm estaro armazenadas em seu computador.

    Algumas pessoas podem no saber que possvel limpar de nossos computadores todos esses dados dos

    navegadores a qualquer momento. fcil de realizar essa tarefa acessando o menu "Opes" ou "Preferncias"

    do navegador. Os nomes variam de navegador para navegador. De fato, as verses mais recentes de quase

    todos os navegadores modernos oferecem um modo "privado" ou "annimo". Por exemplo, no modo de navegao

    annima do Chrome, as pginas visualizadas no aparecero no histrico de navegao. Alm disso, todos os

    novos cookies so excludos depois que voc fecha as janelas abertas no modo de navegao annima. Esse

    modo especialmente til se voc compartilhar seu computador com outras pessoas, ou se utilizar um

    computador pblico em uma biblioteca ou cybercaf.

    Todos esses recursos de privacidade do navegador permitem o controle sobre os dados de navegao

    localmente em seu computador ou sobre dados especficos que so enviados pelo seu computador a sites. As

    configuraes de privacidade de seu navegador no controlam outros dados que esses sites possam ter sobre

    voc, como informaes enviadas anteriormente no site.

    Existem maneiras de limitar algumas das informaes que os sites recebem quando voc os visita. Muitos

    navegadores permitem que voc controle suas preferncias de privacidade para cada site e faa suas prprias

    escolhas sobre dados especficos, como cookies, JavaScript e plug-ins. Por exemplo, possvel configurar regras

    para permitir cookies somente de uma lista especfica de sites confiveis e instruir o navegador a bloquear

    cookies de outros sites.

  • 27/08/12 20 Things I Learned About Browsers and the Web

    17/28www.20thingsilearned.com/pt-BR/all/print

    MALWARE, PHISHING E RISCOS DESEGURANA

    OU, SE ELE PARECE O QUE NO

    Sempre h um pouco de tenso entre

    privacidade e eficincia. A coleta de dados agregados e de feedback de usurios do mundo real pode ajudar a

    melhorar produtos e a experincia dos usurios. O segredo encontrar um bom equilbrio entre os dois e manter

    fortes padres de privacidade.

    Veja um exemplo do mundo real: cookies de navegadores. Por um lado, com cookies, um site visitado

    frequentemente pode lembrar os contedos de seu carrinho de compras, manter voc conectado e fornecer uma

    experincia mais til e personalizada com base em visitas anteriores. Por outro lado, permitir cookies de

    navegadores significa que o site poder coletar e lembrar informaes sobre essas visitas anteriores. Se desejar,

    voc pode bloquear cookies a qualquer momento. Assim, na prxima vez em que estiver curioso sobre a sintonia

    fina das configuraes de privacidade de seu navegador, verifique as configuraes de privacidade no menu

    "Opes" ou "Preferncias" de seu navegador.

    Q uando voc utiliza um caixa 24h, deve olhar por cima do ombro para certificar-se de que ningum estejaem volta para roubar sua senha (ou seu dinheiro). Na verdade, provvel que voc verifiqueprimeiramente se no se trata de um caixa falso. Quando voc navega pela web e realiza transaes on-line,

    dois riscos de segurana que devem ser observados: malware e phishing. Esses ataques so realizados por

    indivduos ou organizaes que buscam roubar suas informaes pessoais ou invadir seu computador.

    O que so exatamente ataques de phishing e malware?

    Phishing ocorre quando algum finge ser outra pessoa, normalmente por meio de um site falso, para engan-

    lo e fazer voc compartilhar informaes pessoais. Chama-se "phishing" (semelhante "pescaria", em ingls)

    porque essas pessoas lanam iscas eletrnicas e esperam at que algum morda. Em um golpe de phishing tpico,

    a pessoa envia um e-mail que parece ser de um banco ou de um servio da web que voc conhece e usa. A

    linha de assunto poder dizer "Atualize suas informaes bancrias". O e-mail contm links de phishing que

    parecem direcion-lo ao site de seu banco, mas na verdade o apontar a um site impostor. Uma vez no site,

    voc ser solicitado a fazer login, revelando assim nmeros de contas e de cartes de crdito, senhas ou outras

    informaes confidenciais aos bandidos.

  • 27/08/12 20 Things I Learned About Browsers and the Web

    18/28www.20thingsilearned.com/pt-BR/all/print

    COMO OS NAVEGADORES MODERNOSAJUDAM A PROTEGER CONTRA MALWARE E

    PHISHINGOU, CUIDADO COM OS DESOCUPADOS

    Malware, por outro lado, um software malicioso instalado em seu computador, geralmente sem seu

    conhecimento. Voc pode ser solicitado a fazer download de um antivrus que, na verdade, o prprio vrus. Ou

    voc pode visitar uma pgina que instala o software em seu computador sem nem mesmo solicitar. O software

    desenvolvido para roubar nmeros de cartes de crdito ou senhas de seu computador. Em alguns casos, ele

    poder danificar sua mquina. Assim que o malware estiver em seu computador, no s difcil remov-lo, como

    ele tambm ter liberdade para acessar todos os dados e arquivos que encontrar, enviar essas informaes a

    qualquer lugar e causar estragos ao seu computador.

    Um navegador moderno e atualizado a primeira linha de defesa contra ataques de phishing e malware. A

    maioria dos navegadores modernos, por exemplo, pode ajudar a analisar pginas da web para buscar por sinais

    de malware oculto, alertando-o quando encontrarem algo.

    Ao mesmo tempo, os ataques nem sempre usam tcnicas sofisticadas para invadir seu computador. Em vez

    disso, eles podero encontrar maneiras inteligentes de engan-lo e fazer voc tomar decises equivocadas. Nos

    prximos captulos, analisaremos como voc pode tomar decises inteligentes para se proteger quando estiver on-

    line, e como os navegadores e outras tecnologias podem ajud-lo.

    U m navegador atualizado o proteger contra ataques de phishing e malware quando voc estiver navegandopela web. Isso ser feito limitando trs tipos de riscos de segurana quando voc estiver on-line:Risco 1: a frequncia com que voc entra em

    contato com um hacker

    Voc pode ser exposto a ataques por meio de sites falsos maliciosos ou ainda por um site familiar que tenha

    sido clonado. A maioria dos navegadores modernos verifica antecipadamente cada pgina a ser visitada e alerta

    se uma delas

  • 27/08/12 20 Things I Learned About Browsers and the Web

    19/28www.20thingsilearned.com/pt-BR/all/print

    for suspeita de ser maliciosa. Isso permite que voc tome uma deciso consciente sobre visitar ou no a pgina.

    Por exemplo, o Google Chrome usa a tecnologia de Navegao segura, tambm usada em outros

    navegadores modernos. Enquanto voc navega pela web, cada pgina verificada rapidamente para constatar se

    pertence a uma lista de sites suspeitos de phishing e malware. Essa lista armazenada e mantida localmente em

    seu computador para ajud-lo a proteger a privacidade de sua navegao. Se a pgina estiver na lista, o

    navegador solicitar mais informaes ao Google. Essa solicitao completamente sigilosa e o navegador no a

    envia em forma de texto simples. Se o Google confirmar a presena da pgina na lista, o Chrome mostrar uma

    pgina vermelha para alert-lo de que a pgina que voc est tentando acessar pode ser perigosa.

    Risco 2: a vulnerabilidade de seu navegador em caso de ataque

    Navegadores antigos que no foram atualizados tm mais probabilidade de apresentar vulnerabilidades de

    segurana que podem ser exploradas por hackers. Todos os softwares desatualizados, independentemente do

    sistema operacional, do navegador ou dos plug-ins, tm o mesmo problema. Por esse motivo, importante usar a

    verso mais recente de seu navegador e instalar adequadamente as atualizaes de segurana em seu sistema

    operacional e todos os plug-ins para que estejam sempre atualizados com as ltimas correes de segurana.

    Alguns navegadores buscam e instalam atualizaes automaticamente ao serem iniciados pelo usurio. O

    Chrome e alguns outros navegadores vo alm: eles so desenvolvidos com atualizao automtica. O navegador

    executa uma verificao de atualizao periodicamente e

    atualiza automaticamente para a verso mais recente sem interromper sua navegao. Alm disso, o Chrome tem

    o Adobe Flash Player e um visualizador de PDF integrados ao navegador para que esses plug-ins populares

    tambm sejam atualizados automaticamente.

    Risco 3: os danos causados por ataques, caso sejam encontradas vulnerabilidades em seu navegador

    Alguns navegadores modernos, como o Chrome e o Internet Explorer, so desenvolvidos com uma camada extra

    de proteo, conhecida como "sandbox". Assim como uma caixa de areia ("sandbox") tem paredes para evitar o

    vazamento de areia, a sandbox de um navegador cria um ambiente fechado para evitar que malware e outras

    ameaas de segurana infectem seu computador. Se voc abrir uma pgina maliciosa, a sandbox do navegador

    impede que cdigos maliciosos

    deixem o navegador e se instalem em seu disco rgido. Dessa forma, o cdigo malicioso no poder ler, alterar

    ou causar quaisquer danos aos dados em seu computador.

    Em resumo, um navegador moderno pode proteg-lo contra ameaas de segurana de trs maneiras:

    verificando se os sites que voc est por visitar so suspeitos de possuir malware ou phishing, fornecendo

    notificaes de

  • 27/08/12 20 Things I Learned About Browsers and the Web

    20/28www.20thingsilearned.com/pt-BR/all/print

    O USO DOS ENDEREOS DA WEB PARAFICAR SEGURO

    OU, MEU NOME URL

    U m URL (Uniform Resource Locator) pode parecer algo complicado de explicar. Mas no : trata-se doendereo da web que digitamos no navegador para acessar uma pginaou um aplicativo da web especfico.

    Ao inserir o URL, o site buscado no servidor que o hospeda em algum ponto do mundo, transportado por

    milhares de

    quilmetros de cabos at sua conexo de Internet local e finalmente exibido pelo navegador em seu computador.

    Veja alguns exemplos de URL:

    ...para acessar o site de notcias da BBC (".co.uk" indica registro no Reino Unido)

    ... para acessar o mecanismo de pesquisa do Google

    ...para acessar o site do Museo Nacional Del Prado, em Madrid. (".es" indica registro na Espanha)

    ... para acessar o site do Bank of America ("https://" indica uma conexo criptografada)

    fcil esquecer os URLs, j que os digitamos nos navegadores diariamente. Mas entender as partes de um

    URL pode ajudar a proteger-nos contra golpes de phishing ou ataques de segurana.

  • 27/08/12 20 Things I Learned About Browsers and the Web

    21/28www.20thingsilearned.com/pt-BR/all/print

    Vamos analisar um URL neste exemplo:

    A primeira parte do URL chamada esquema. No exemplo acima, HTTP o esquema e a sigla de

    HyperText Transfer Protocol.

    A seguir, "www.google.com" o nome do host onde o site reside. Quando uma pessoa ou empresa cria

    um novo site, ela registra o nome do host para si mesma. Somente ela poder us-la. Isso importante, como

    veremos a seguir.

    Um URL pode ter um caminho adicional aps o nome do host, que o direciona a uma pgina especfica

    nesse host, algo como pular para um captulo ou uma pgina de um livro. Voltando ao nosso exemplo, o caminho

    informa o servidor do host que voc deseja ver o aplicativo de mapas em www.google.com. Em outras palavras,

    o Google Maps. s vezes, o caminho colocado na frente do nome do host como um subdomnio, assim como

    "maps.google.com" ou "news.google.com", para o Google Notcias.

    http://www.google.com/maps

    esquema nome do host caminho

    domnio de nvel superior

    Agora, vamos falar de segurana. Uma maneira de verificar se voc est indo diretamente para um golpe

    de phishing ou um site impostor olhar cuidadosamente o URL na barra de navegao de seu navegador. D

    uma ateno especial ao nome do host. Lembre-se, somente o proprietrio legtimo do nome do host poder us-

    lo.

    Por exemplo, se voc clica em um link e espera ser direcionado ao site do Bank of America:

    LEGTIMO:

    www.bankofamerica. um URL legtimo, j que o nome do host est correto.

    www.bankofamerica.com/smallbusiness tambm um URL legtimo, j que o nome do host est correto. O

    caminho do URL aponta para uma subpgina sobre pequenos negcios (small business).

    SUSPEITO:

    bankofamerica.xyz.com no o site do Bank of America. Em vez disso, "bankofamerica" um subdomnio do

    site xyz.com.

    www.xyz.com/bankofamerica tambm no o site do Bank of America. Em vez disso, "bankofamerica" um

    caminho dentro de www.xyz.com.

    Se voc estiver usando um site de banco ou efetuando uma transao on-line com informaes delicadas,

    como sua senha ou o nmero de sua conta, verifique a barra de endereo em primeiro lugar. Certifique-se de

    que o esquema seja "https://" e de que haja um cone de cadeado na barra de endereo do navegador. "https://"

    indica que os dados transportados entre o servidor e o navegador esto usando uma conexo segura.

    Com uma conexo segura, o URL completo do site do Bank of America deve ser

    https://www.bankofamerica.com. Uma conexo segura garante que nenhuma outra pessoa bisbilhote ou interfira

    nas informaes pessoais enviadas. Portanto, "https://" um bom sinal. Mas lembre-se de que ainda importante

    certificar-se de que voc esteja acessando um site legtimo por meio da verificao do nome do host de um

    URL. Seria um contrassenso ter uma conexo segura com um site falso.

  • 27/08/12 20 Things I Learned About Browsers and the Web

    22/28www.20thingsilearned.com/pt-BR/all/print

    ENDEREOS IP E DNSOU, A CABINE TELEFNICA FANTASMA

    No prximo captulo, analisaremos como um URL digitado na barra de endereo de um navegador o

    direciona ao site correto.

    V oc se pergunta como seu navegador acessa a pgina correta ao digitar um URL na barra de endereos?Cada URL (como "www.google.com") tem seu prprio protocolo de Internet ou endereoIP numrico. Um endereo IP parece algo assim:

    74.125.19.147

    Um endereo IP uma srie de nmeros que informa onde se encontra um dispositivo em particular na

    Internet, seja o servidor do

    google.com ou seu computador. quase como o nmero de telefone de nossas mes: assim como o nmero de

    telefone informa ao operador para qual casa a ligao deve ser direcionada, para que voc possa falar com sua

    me, um endereo IP informa seu computador com qual dispositivo na Internet ele dever se comunicar para

    enviar e receber dados.

    Seu navegador no conhece automaticamente cada endereo IP dos mais de 35 bilhes de dispositivos no

    planeta que esto conectados Internet. Ele precisa procurar por cada um, usando algo chamado de Sistema de

    Nome de Domnio (DNS). O DNS , em essncia, um catlogo telefnico da web: enquanto um catlogo

    telefnico converte um nome, como "Pizzaria Acme" no nmero de telefone correto para ligar, o DNS converte

    um URL ou endereo da web (como "www.google.com") no endereo IP correto para acessar (como

  • 27/08/12 20 Things I Learned About Browsers and the Web

    23/28www.20thingsilearned.com/pt-BR/all/print

    VALIDAO DE IDENTIDADES ON-LINEOU, "DR. IVO PITANGUY, EU SUPONHO?"

    "74.156.19.47") a fim de obter as informaes que voc deseja (nesse caso, a pgina inicial do Google).

    Por isso, quando voc digita "google.com" em seu navegador, ele procura pelo endereo IP do google.com

    por meio do DNS e o acessa, aguarda por uma resposta para confirmar a conexo e ento envia sua solicitao

    para a pgina do google.com com esse endereo IP. O servidor do Google nesse endereo IP retornar a pgina

    solicitada ao endereo IP de seu computador, exibindo-a em seu navegador.

    De certa forma, buscar e carregar uma pgina da web como fazer uma ligao telefnica. Quando voc

    faz uma chamada, voc procura o nmero, disca, aguarda at que algum atenda, diz "al" e aguarda por uma

    resposta antes de iniciar a conversa. s vezes, preciso discar novamente, se houver algum problema de

    conexo. Na web, um processo similar ocorre em um milsimo de segundo. Tudo que voc sabe que voc

    digitou "www.google.com" no navegador e a pgina inicial do Google apareceu.

    No captulo seguinte, daremos uma olhada em como podemos verificar a identidade de um site que

    buscamos e carregamos no navegador por meio de um certificado estendido de validao.

    N o mundo fsico, voc pode ver as pessoas com as quais compartilha informaes. Voc conversa comessas pessoas intimamente ou as encontra em locais seguros, como uma agncia bancria. Essa amaneira pela qual voc julga se deve confiar em algum.

    Mas no mundo on-line, difcil saber quem est por trs de um site. As pistas visuais em que confiamos

    normalmente podem ser falsas. Por exemplo, uma pgina falsa pode copiar o logotipo, os cones e

    o design do site de seu prprio banco, como se eles tivesse instalado uma fachada de mentira em sua rua.

    Por sorte, existem ferramentas que nos ajudam a determinar se um site genuno ou no. Alguns sites

    possuem um certificado de validao estendida que nos permite determinar

    o nome da organizao responsvel pelo site. O certificado de validao estendida oferece as informaes

    necessrias para ajudar voc a certificar-se de que no esteja confiando suas informaes a um site falso.

    Veja um exemplo da validao estendida em ao no navegador. No site de um banco que foi verificado

  • 27/08/12 20 Things I Learned About Browsers and the Web

    24/28www.20thingsilearned.com/pt-BR/all/print

    EVOLUO PARA UMA WEB MAIS VELOZOU, ACELERAO DE IMAGENS, VDEO E JAVASCRIPT NA WEB

    por meio da validao estendida, o nome do banco exibido em uma caixa verde entre o cone de cadeado e o

    endereo da web na barra de endereos:

    Exemplo do indicador de validao estendida no Chrome

    Na maioria dos navegadores, o indicador de validao estendida pode ser encontrado buscando o nome da

    organizao na seo verde da barra de endereos do navegador. Voc tambm pode clicar no indicador para

    ver as informaes de segurana do site e inspecionar o certificado digital.

    Para receber a certificao de validao estendida, o proprietrio de um site precisa passar por uma srie

    de verificaes confirmando sua identidade e autoridade legais. No exemplo anterior, a validao estendida no

    bankofamerica.com confirma que sim, o site pertence ao Bank of America verdadeiro. Pense nessa certificao

    como algo que associa o nome do domnio do endereo da web a algum tipo de identidade no mundo real.

    importante compartilhar informaes delicadas com um site somente se voc confiar na empresa

    responsvel pelo site. Portanto, na prxima vez em que voc for realizar uma transao delicada, reserve um

    momento para analisar as informaes de segurana do site. Voc ficar feliz por t-lo feito.

    A web atual uma mistura espetacular, visual e interativa, abundante em imagens, fotos, vdeos e incrveisaplicativos da web.Algumas das experincias mais intensas da web vm de imagens e vdeos de lbuns compartilhados de famlias

    em frias e da

    cobertura on-line em vdeo de jornalistas em zonas de guerra.

    um longo caminho percorrido desde os textos e links simples que deram incio a tudo. E isso significa que

    quando seu navegador carrega uma pgina da web, mais dados e cdigos complexos precisam ser processados.

  • 27/08/12 20 Things I Learned About Browsers and the Web

    25/28www.20thingsilearned.com/pt-BR/all/print

    Quanto mais, e qual nvel de complexidade? Algumas estatsticas impressionantes:

    Imagens e fotos j representam cerca de 65% das informaes em uma pgina normal, em termos de bytes

    por pgina.

    35 horas de vdeo so enviados ao YouTube a cada minuto. como se Hollywood lanasse 130.000 novos

    filmes por semana, mas com menos pipoca.

    Os programas em JavaScript cresceram de algumas linhas para muitas centenas de quilobytes de cdigo-fonte

    que devem ser processados sempre que uma pgina ou aplicativo carregado.

    E esses enormes fluxos de dados no retardaro o carregamento de pginas no navegador? A Internet

    ficar cheia em breve?

    provvel que no. Imagens e fotos tornaram-se comuns na web quando cientistas de computao

    descobriram formas de comprimi-los em arquivos menores que poderiam ser enviados e baixados mais facilmente.

    GIF e JPEG foram os sistemas de compresso de arquivos mais populares nos primeiros tempos. Enquanto isso,

    plug-ins eram inventados para compensar as primeiras limitaes de HTML, possibilitando que vdeos fossem

    incorporados e reproduzidos em pginas da web.

    Para o futuro, a tag de no HTML5 facilita a incorporao e reproduo de vdeos em pginas. O

    Google est trabalhando em conjunto com a comunidade da web e com a WebM para construir um formato de

    vdeo gratuito e de cdigo aberto que possa se adaptar fora de computao e s condies de largura de

    banda na web, a fim de que a qualidade de vdeo possa ser a mesma em uma fazenda no Mato Grosso e em

    um smartphone no Japo.

    Nesse meio tempo, verdade que pginas da web com muitas fotos pesadas ou outras imagens demoram

    para carregar. por isso que alguns engenheiros do Google esto fazendo experincias com novas formas de

    comprimir ainda mais as imagens, mantendo a mesma qualidade e resoluo. Os primeiros resultados? Muito

    promissores. Eles criaram um novo formato chamado WebP que

    diminui o tamanho mdio de arquivos de imagens em 39%.

    Os mecanismos que executam cdigos em JavaScript nos navegadores modernos tambm foram

    desenvolvidos novamente para processar cdigos com rapidez nunca vista. Esses mecanismos de JavaScript

    rpido, como o Google Chrome V8, j so parte fundamental de qualquer navegador da web moderno. Isso

    significa que a prxima gerao de aplicativos incrivelmente teis baseados em JavaScript no sero atrasados

    pela complexidade de mais cdigos JavaScript.

    Outra tcnica usada por navegadores modernos, como o Chrome para buscar e carregar pginas mais

    rapidamente chamada de "pr-resoluo de DNS". O processo de converso de um endereo da web em um

    endereo IP por meio de uma busca no DNS,

    ou vice-versa, normalmente chamado de "resoluo". Com a pr-resoluo de DNS, o Chrome busca

    instantaneamente todos os outros links na pgina e resolve antecipadamente esses links em endereos IP de

    fundo. Por isso, quando voc realmente clica em um dos links na pgina, o navegador est pronto para lev-lo

    nova pgina instantaneamente. Com o tempo, o Chrome tambm aprende com visitas anteriores, de forma que na

    prxima vez em que voc acessar uma pgina que j tenha visitado anteriormente, o Chrome saber

    automaticamente como resolver antecipadamente todos os links e elementos relevantes da pgina.

    No futuro, os navegadores podero prever, antes que a pgina carregue, no apenas os links a resolver

    antecipadamente, mas tambm quais elementos do site (como imagens ou

  • 27/08/12 20 Things I Learned About Browsers and the Web

    26/28www.20thingsilearned.com/pt-BR/all/print

    CDIGO ABERTO E NAVEGADORESOU, APOIADOS EM OMBROS DE GIGANTES

    vdeos) devero ser buscados antes do tempo. Isso tornar a web ainda mais veloz.

    Em breve, esperamos, o carregamento de novas pginas no navegador ser to rpido quanto virar as

    pginas em um livro de fotos.

    A Internet de hoje sustenta-se em ombros de gigantes: os tecnlogos, os pensadores, os desenvolvedores e asorganizaes que continuam a ampliar os limites da inovao e compartilhar suas descobertas.O esprito de compartilhamento est no

    mago de softwares de cdigo aberto. "Cdigo aberto" significa que o funcionamento interno (ou "cdigo-fonte")

    de um software disponibilizado a todos, e o software escrito de maneira aberta e em cooperao. Qualquer

    pessoa pode olhar o cdigo-fonte e ver como ele

    funciona, alter-lo ou fazer acrscimos a ele e reutiliz-lo em outros produtos ou servios.

    Os softwares de cdigo aberto desempenham papel fundamental em muitos aspectos da web, incluindo os

    navegadores atuais. O lanamento do navegador de cdigo aberto Mozilla Firefox trilhou o caminho para muitas

    inovaes empolgantes. O Google Chrome foi desenvolvido com alguns componentes do Mozilla Firefox e com o

    mecanismo de processamento de cdigo aberto Web-Kit, entre outros. Com o mesmo esprito, o cdigo do

    Chrome foi disponibilizado para que a comunidade da rede mundial pudesse usar as inovaes do Chrome em

    seus prprios produtos ou mesmo melhorar o cdigo-fonte do Chrome original.

    Desenvolvedores da web e usurios do dia a dia no so os nicos a se beneficiar dos

    navegadores de cdigo aberto mais rpidos, mais simplificados e mais seguros. Empresas como o Google tambm

    aproveitam as ideias compartilhadas abertamente. Navegadores melhores significam uma melhor experincia da

    web para todos, tornando os usurios mais felizes e fazendo com que eles naveguem ainda mais. Navegadores

    melhores tambm permitem que as empresas criem aplicativos da web com recursos avanados, o que tambm

    deixa os usurios felizes.

    Os navegadores no so a nica parte da web que podem utilizar cdigo aberto. Converse com qualquer

    grupo de desenvolvedores da web e voc provavelmente ouvir que eles usam o servidor de HTTP de cdigo

    aberto Apache para hospedar e veicular seus sites ou que eles desenvolveram seus cdigos em computadores

    equipados com o sistema operacional de cdigo aberto Linux -

  • 27/08/12 20 Things I Learned About Browsers and the Web

    27/28www.20thingsilearned.com/pt-BR/all/print

    19 LIES MAIS TARDE...OU, UM DIA NAS NUVENS

    ... e aqui estamos nas 20 lies. Vamos recapitular.

    A web atual colorida, visual, prtica, movimentada, repleta de amizades, divertida e incrivelmente til.

    Muitas pessoas vivem uma vida de computao em nuvem na Internet: lemos as notcias, assistimos a filmes,

    batemos papo com amigos e realizamos nossas tarefas dirias on-line com aplicativos baseados na web

    diretamente no navegador. Aplicativos da web permitem fazer tudo, de qualquer lugar do mundo, mesmo se

    deixarmos nossos laptops em casa.

    Tudo isso possvel devido evoluo dos padres da web, como HTML, JavaScript e CSS, assim como

    os plug-ins de navegadores. Novos recursos em HTML5 esto ajudando os desenvolvedores a criar a prxima

    gerao de aplicativos da web realmente criativos.

    O que mais est se formando nas nuvens?

    necessrio um navegador moderno para aproveitar os recursos mais avanados da web.

    Os navegadores modernos tambm ajudam a proteger contra malware e phishing.

    O compartilhamento de cdigos abertos tem proporcionado o desenvolvimento de navegadores melhores e uma

    web mais rpida, rica e complexa. E a inteligncia dos cdigos abertos est tornando o futuro da web ainda mais

    impressionante.

    O que est includo neste futuro incrvel? Navegadores em 3D, velocidades mais rpidas e sincronia entre todos

    os dispositivos e muito mais.

    Ser um cidado informado da web exige um pouco de educao por conta prpria. Por exemplo, aprender a

    controlar as

    configuraes de privacidade do navegador para diversos tipos de contedo, incluindo cookies.

    A web tambm mais segura quando prestamos ateno a pistas visuais no navegador, como a verificao de

    URLs aos quais somos direcionados e quando procuramos por uma conexo segura ou validao estendida em

    links https://.

    As ltimas dicas?

    Antes de mais nada, use um navegador moderno. Ou experimente um novo e veja se oferece a

    navegao aperfeioada que se adapta melhor s suas necessidades.

    A web seguir evoluindo - substancialmente! D suporte s tecnologias de ponta da web, como

  • 27/08/12 20 Things I Learned About Browsers and the Web

    28/28www.20thingsilearned.com/pt-BR/all/print

    Published by Google 2010

    HTML5, CSS3 e WebGL,