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

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...

Conheça o Vite e esqueça todas as outras ferramentas de bundle

Conheça o Vite e esqueça todas as outras ferramentas de bundle O ecossistema JavaScript está em constante evolução, e com isso, surgem novas ferramentas e frameworks que prometem tornar a vida dos desenvolvedores mais fácil. Um exemplo disso é o Vite, uma ferramenta de build ultra-rápida criada pelo criador do Vue.js, Evan You. Neste artigo, iremos explorar como o Vite surgiu e como ele funciona, além de mostrar alguns exemplos práticos de como utilizá-lo.   Confira o blog DougDesign para e veja como conseguir seu primeiro emprego na área de proramação e tecnologia.   O que é o Vite? O Vite é uma ferramenta de build e desenvolvimento para projetos JavaScript. Ele se destaca por ser extremamente rápido, oferecendo uma experiência de desenvolvimento fluida e instantânea. Ao contrário de outras ferramentas de build como o Webpack, o Vite não necessita de uma compilação prévia para executar, e utiliza a dependência nativa do navegador para carregar os módulos. Isso significa que o...

Dicas para treinar o ChatGPT para melhorar a qualidade das respostas

Dicas para treinar o ChatGPT para melhorar a qualidade das respostas O ChatGPT é uma IA de linguagem natural que pode ser treinado para responder perguntas e realizar tarefas de forma mais precisa e eficiente. Aqui estão algumas dicas para treinar o ChatGPT para melhorar a qualidade das suas respostas.   Confira o blog DougDesign para e veja como conseguir seu primeiro emprego na área de proramação e tecnologia.   1. Fornecer feedback Quando o ChatGPT fornecer uma resposta incorreta ou inadequada, é importante fornecer feedback sobre o que deu errado. O feedback pode incluir correções gramaticais, sugestões para melhorar a resposta ou informações adicionais que ajudem o ChatGPT a entender melhor a pergunta. Por exemplo, se o ChatGPT responder "sim" para uma pergunta que exige uma resposta "não", o feedback pode indicar que a resposta está incorreta e que a resposta correta deveria ser "não". Além disso, o feedback pode ser útil para melhorar a capacidad...