Navegadores

Início

Junto com a criação do protocolo HTTP, foi criado também o primeiro sistema para interação exclusiva com esse protocolo, ele foi chamado de WorldWideWeb, que em tradução literal seria algo como a "grande teia mundial", mas é mais adotado como "rede mundial de computadores".

Como foi criado por Tim Berners-Lee, um pesquisador do CERN (Organização Europeia para Pesquisa Nuclear), inicialmente ele foi desenvolvido para facilitar a comunicação e compartilhamento de arquivos entre os pesquisadores da organização. Somente algum tempo depois de ver a importância do projeto é que ele foi disponibilizado gratuitamente para o público.

Com o desenvolvimento do protocolo, veio o desenvolvimento de recursos. A medida que foi ganhando projeção, as empresas da área de tecnologia viram a importância de desenvolver o próprio navegador. Hoje os navegadores são o meio mais comum de se interagir com sites na internet, os maiores exemplos de navegadores são: Chrome da Google, Mozilla Firefox da Mozilla, Safari da Apple e Edge da Microsoft.

Como um navegador funciona?

Os navegadores são responsáveis por se conectar a um servidor e traduzir as respostas desse servidor para o usuário. Para tal, ele usa de alguns componentes, são eles:

• Interface do usuário / User Interface (UI): é a base de um programa qualquer, esta é a tela de apresentação do aplicativo usado para poder acessar a internet, como recursos básicos ela deve dispor de uma barra de pesquisa, onde será inserido o endereço do site que se quer acessar, alguns botões de navegação, como "ir", "voltar", "recarregar" e "parar", além do espaço aonde o conteúdo do servidor acessado será exibido.
• Componente de Rede / Network Component: este é o responsável por se conectar ao servidor via protocolo TCP ou UDP e fazer a requisição dos arquivos para que o motor de renderização construa a página.
• Motor de Renderização / Rendering Engine: uma vez com os arquivos do site em mãos, o motor de renderização fará a tradução do protocolo HTTP para que a página seja criada.
• Motor Javascript / Javascript Engine: esta parte fica por conta de executar códigos escritos na linguagem Javascript, que em geral serve para que o usuário consiga interagir com o site criando uma experiência mais interessante, como por exemplo uma pop-up de informação aparecendo, ou um formulário sendo criado e enviado, respondendo a erros e afins, isso tudo sem sair da página em que está.
• Componente de Segurança / Security Components: esta última parte é que faz a segurança das informações compartilhadas no site, tanto na entrada de dados quanto na saída, criptografando eles (HTTPS).

Tipos de navegadores

Com a diversificação do uso da internet no mundo, vieram também a diversificação do uso dos navegadores nos sistemas que utilizamos, eles se dividem em três categorias:

• Computadores de Mesa / Desktops: são os navegadores voltados para produtividade, são aplicações para sistemas operacionais de computadores, notebooks, servidores. Possuem sistemas de navegação de várias páginas ao mesmo tempo e recursos de instalação de aplicativos de terceiros (add-ons), que expandem a funcionalidade de sites e o navegador.
• Móvel / Mobile: voltado para o acesso via telefones e tablets, eles tem como foco a agilidade e a tela responsiva ao toque. Gerando alternativas diferentes dos desktops comuns.
• Incorporados / Embedded: são navegadores que são disponibilizados dentro de um outro aplicativo principal, como uma forma de manter o usuário dentro da mesma plataforma mesmo ao acessar a internet. Como exemplo disso podemos citar clientes de E-mail, aplicativos de mídias sociais e console de jogos.

Recurso para desenvolvedores

Hoje a maior parte dos navegadores disponibilizam ferramentas que facilitam muito a vida dos desenvolvedores. Podendo testar tanto códigos em Javascript, quanto ter acesso rápido ao HTMl e CSS da página. Recursos como rastreio de requisições, tempo de execução, verificação de dados em cache, teste de velocidade e muitos outros. Vale muito a pena explorar cada um deles. (Se estiver no Chrome, basta apertar a tecla F12)