Pular para o conteúdo principal

Criando um site - #1 O Boom da Internet e a Guerra dos Navegadores


Muita gente quer entrar na área de Desenvolvimento Web e não encontra bons materiais online e gratuitos para começar a estudar, então achei que seria interessante escrever uma série de artigos, ensinando o passo a passo do desenvolvimento de um Website simples, dinâmico, e com layout responsivo, e ainda com: sistema de login, efeitos com CSS3 e/ou Javascript/jQuery, e se quiserem que eu incremente algo, comentem e eu farei o possível para incluir no projeto.

Conteúdo programado:

  1. O Boom da Internet e a Guerra dos Navegadores
  2. HTML
  3. CSS
  4. JavaScript
  5. PHP

Algumas curiosidades sobre a internet...

Antes de entender como um site funciona de fato, é interessante sabermos como começou a internet. A história da World Wide Web é muito interessante e começa num passado não tão distante onde a comunicação via satélite não era algo que todos tinham acesso, era ainda uma grande novidade, eram os anos 90. Foi quando explodiu a maior bomba tecnológica que afetaria todo o desenvolvimento da informática.

Você pode dizer que muito antes disso, no período onde os EUA se encontravam em guerra com a União Soviética, foi criada uma forma de dividir dados em pequenos pacotes para o compartilhamento dos mesmos, a chamada ARPANET. Que foi imprescindível para a criação da internet, mas ainda não era uma rede mundial de computadores.

Foi apenas nos anos 90 que Tim Berners-Lee com a ajuda de Robert Cailliau criaram uma forma de computadores trocarem informações ao redor do mundo através do protocolo HTTP, que o seu navegador está usando agora para acessar o meu blog.

Depois de sofrer muitas evoluções, como hyperlink, que chamamos apenas de link atualmente,e foi uma das maiores, já que permitia ir de uma página a outra de uma forma rápida e simples, com apenas um clique.

No outono de 1993 alguns geeks de illinois disponibilizaram o Mosaic Online para 12 interessados no assunto e isso se espalhou como a febre amarela, ele era gratuito e se revelou uma grande dádiva para a humanidade, já que todos os navegadores atuais são meramente uma cópia melhorada do Mosaic.

Pouco tempo depois esse grupo de geeks se junta a Jim Clark e criam a Netscape. Em 1994 ele lançaria um novo navegador com mais recursos e mais rápido, esse seria o Navigator, e como não podia ser diferente, fez sucesso instantâneo. Como era de se esperar, a gigante tecnológica da época não gostou nada de ficar para trás e começou mostrar as suas garras e dentes para o rival.

Após um estrondo de downloads do Navigator, a microsoft percebeu o potencial da Web quis forçar uma compra dos direitos sobre o navegador, mas após receber uma porta na cara, resolveu declarar guerra a Netscape, lançando o temível (ou terrível, rs) IE ou Internet Explorer.

Em 1997 a batalha havia acabado com a vitória da Microsoft, depois de ter jogado sujo, ameaçando cancelar as licenças do Windows dos fabricantes de PC's que instalassem outro navegador, dentre outras várias coisas por debaixo dos panos.

E é durante esse período que começaram a surgir pessoas com o interesse de criar ambientes na web, mais amigáveis aos usuários, uma preocupação com User Experience - que atualmente é um assunto que vem ganhando muito destaque dentro do ramo de Webdesign. Surgia então o Webdeveloper, ou Webdesigner, ou ainda Desenvolvedor Web, que na verdade nem tinham um nome ainda.

Espero que tenha gostado, e se gostou, ajude a divulgar o blog com apenas um clique em uma rede social de sua preferência no final da matéria. E para acompanhar o blog, curta nossas páginas no Face, Google+ e Pinterest.

Na próxima matéria começarei a falar sobre o desenvolvimento Web, mais especificamente sobre HTML que é a linguagem base da World Wide Web.

Fonte: Matéria do Discovery Channel



/fa-clock-o/ WEEK TRENDING$type=list

Integração contínua com ReactJS: Como automatizar seu fluxo de trabalho

Integração contínua com ReactJS: Como automatizar seu fluxo de trabalho A integração contínua (CI, do inglês "Continuous Integration") é uma técnica que tem como objetivo automatizar o processo de build e teste de um software, permitindo que as equipes de desenvolvimento possam entregar novas funcionalidades com mais rapidez e qualidade. Neste artigo, vamos explorar como aplicar a CI no desenvolvimento de aplicações web com ReactJS, e como automatizar todo o fluxo de trabalho utilizando ferramentas populares como o GitLab CI e o Travis CI.   Confira o blog DougDesign para e veja como conseguir seu primeiro emprego na área de proramação e tecnologia.   O que é Integração Contínua? A integração contínua é uma prática de desenvolvimento de software que visa automatizar o processo de build e teste de um aplicativo. Com a CI, cada vez que um desenvolvedor envia código para o repositório de controle de versão, o sistema automaticamente executa uma série de tarefas, incluindo a comp...

Como Criar um Menu Horizontal com Sub Menu Utilizando CSS3

Clique aqui e veja aqui o código em funcionamento. Como Criar um Menu com Sub-menu? No princípio das minhas peripécias com front-end, eu tive bastante dificuldade para criar até mesmo um simples menu horizontal com CSS seguindo nossos amados tutoriais nas "interwebs" da vida. Criar um menu com Drop-down então, com o que eu sabia, era impensável! Antes de estudar bem o CSS, eu nem imaginava a capacidade que ele tinha. Se você não sabe o que é drop-down: Drop-down em tradução livre e literal significa suspenso. Mas no caso de um menu com  função  drop-down, é um menu com um sub-menu acoplado para determinados items, que se revela ao passar o mouse ou clicar nesses mesmo itens. Quebrei muito a cabeça com tutoriais e códigos prontos e não conseguia entender a lógica do sistema e sem entender essa lógica não era possível adaptá-lo para meus fins e acabava por utilizar outras saídas que até resolviam o problema, porém davam muito trabalho para pouco resultado. Ut...

Como integrar o ChatGPT em seu whatsapp

Como integrar o ChatGPT em seu whatsapp O ChatGPT é uma ferramenta poderosa para chatbots baseados em linguagem natural. Integrá-lo com o WhatsApp pode ajudá-lo a fornecer uma experiência de atendimento ao cliente ainda melhor para seus usuários. Passo 1: Criar um número de telefone do WhatsApp Business Para integrar o ChatGPT com o WhatsApp, você precisará criar uma conta do WhatsApp Business. Se você já possui uma conta do WhatsApp Business, pode pular para o próximo passo. Para criar uma conta do WhatsApp Business, faça o seguinte: Baixe o aplicativo WhatsApp Business na Google Play Store ou na App Store. Siga as instruções na tela para criar uma conta. Verifique seu número de telefone comercial. Passo 2: Configurar o Twilio Sandbox para WhatsApp O Twilio é um serviço de mensagens que permite enviar e receber mensagens do WhatsApp. O Twilio Sandbox é um ambiente seguro onde você pode testar o envio e recebimento de mensagens do WhatsApp sem precisar de um número de telefo...