A Internet e Desenvolvimento Web

A Internet - O que raios a internet? - Como funciona?

- Por que a minha internet cai toda hora? - O que banda larga, banda estreita, banda cada, banda de ax?

- O que o facebook da minha me tem a ver com tudo isso? - O que voc acha de ganhar uns trocados com isso tudo?

A Internet
O que raios a internet?

A Internet - O que raios a internet?

A internet nada mais do que algumas toneladas de computadores (desktops, notebooks, celulares, tablets etc) ligados entre si.

Desde uma simples rede caseira at um pas inteiro conectado

A primeira singela conexo de internet se deu entre 2 computadores e hoje em dia

s um pouco diferente, com algumas centenas de bilhes de computadores ligados entre si.

A Internet - O que raios a internet?

- Surgiu em 1950, durante a Guerra Fria. - EUA queriam interligar bases militares - Alguns anos depois liberam para o acesso comercial, anos 80/90 - Surgem o WWW, e-mail, sites, etc etc etc

- Protocolos, http, ftp, tcp, ip, ssh, etc

Brasil - A internet chega no Brasil em 1994, logo surgem uma enxurrada de portais de notcias. - CDs de provedores lotam a minha caixa de correio - Internet discada, uma desgraa que ainda existe (como assim????)

A Internet
Como funciona?

A Internet Como funciona?

Voc -> Provedor -> Backbone Backbone <- Provedor <- Servidor <- Facebook

- Provedores (Mastercabo, Velox, Governo Brasileiro, Vivo, etc) - Backbones: nada mais do que a rede principal, onde circulam o grande volume de dados.

- Imensos cabos SUBMARINOS (!!) levam a informao ao redor do mundo.

- Provedores GIGANTES alugam os cabos para o trafego de dados. - E no final voce quem paga caro pra ver seus vdeos no Youtube!

A Internet Como funciona?

-Por que a minha internet cai toda hora? - Empresas itajubenses NO tem recursos para comprar mais links (aluguel de cabos). - Muitas pessoas conectadas ao mesmo tempo (horrios de pico), o barco afunda. - O que banda larga, banda estreita, banda cada, banda de ax?

- Banda larga uma denominao. Abaixo de uma velocidade X banda estreita, acima banda larga.

A Internet Como funciona?

A Internet Como funciona?

A Internet Como funciona?

A Internet Como funciona?

A Internet
O que o Facebook da minha me tem a ver com tudo isso?

A Internet O que o Facebook da minha me tem a ver com tudo isso?

- Para sua mame entrar no Facebook, muita coisa (acredite, muita coisa mesmo!!) tem que acontecer.

- O processo no nada simples e envolve vrios computadores, servidores, cabos, backbones, pessoas, governos, e a informao viaja (literalmente) milhares de quilmetros at chegar ao destino final.
- Mas no para por a, a mensagem e todo o resto tem que voltar at sua me e s a que ela vai poder checar quem curtiu a foto que ela postou.

A Internet
O que voc acha de ganhar uns trocados com isso tudo?

A Internet O que voc acha de ganhar uns trocados com isso tudo?
- Chegou a parte boa, DINHEIRO!!! - O dinheiro infelizmente ou felizmente move o mundo - Tudo custa dinheiro - E a internet pode ser muito mais do que Google, Facebook, Youtube e Twitter.

- Criar sites, fazer propaganda no Google, ganhar dinheiro na custa dos outros (Google Adsense), criar uma pgina com milhares de curtir no Facebook, criar um canal no Youtube etc

Desenvolvimento Web

A Internet e Desenvolvimento Web

Desenvolvimento Web - Por que fazer um site? - Browser, servidor de hospedagem, domnio - Linguagens de programao para a Internet

- O que eu preciso aprender?

Desenvolvimento Web
Por que fazer um site?

Desenvolvimento Web Por que fazer um site?

- Divulgar e VENDER produtos, servios, etc. - Entretedimento - Conectar pessoas, conversar, etc - Reunir informaes sobre algo de interesse

- Blogs, flogs, Tumblers e redes sociais

- O mais importante: ganhar dinheiro: - Mark Zuckerberg, Facebook - Jeff Bezos, Amazon - Larry Page, Google -Romero Rodrigues, Buscap - Steve Chen, Youtube 1.65 BILHES DE OBAMAS!!!!!!!!!!!!!!!!!!!!!!!!!!!!

Desenvolvimento Web
Browser, servidor de hospedagem, domnio

Desenvolvimento Web Browser, servidor de hospedagem, domnio

Antes de mais nada....

HTTP (Hyper Text Transfer Protocol)

um protocolo de rede responsvel pela transferncia de dados e pela comunicao entre cliente e servidor na World Wide Web.

Solicitao
Processo Cliente Porta TCP Resposta Processo Porta TCP

Servidor

Internet
22

Desenvolvimento Web Browser, servidor de hospedagem, domnio

Browser (ou Navegador) - Programa que habilita seus usurios a interagir com documentos HTML hospedados em um servidor web - Principais browsers: - Microsoft Internet Explorer - Firefox - Google Chrome - Safari - Opera

Desenvolvimento Web Browser, servidor de hospedagem, domnio

Servidor de hospedagem, domnio - Servidor de hospedagem onde os seus arquivos ficaro guardados, espera que algum acesse-os. Os arquivos so acessados atravs de um endereo, que pode ser tanto o IP do servidor ou simplesmente o domnio do site. - Domnio O domnio de um site nada mais do que uma forma comercial e simplificada de se enderear um servidor. Ex.: www.unifei.edu.br

Desenvolvimento Web
Linguagens de programao para a Internet

Desenvolvimento Web Linguagens de programao para a Internet

- H centenas de linguagens de programao para a internet, como: PHP, ASP, JSF, Ruby on Rails, Python, ColdFusion, etc.

-Cada linguagem trabalha e escrita de uma forma especfica e cada uma tem suas prprias vantagens e desvantagens. - A linguagem de programao permite a criao de programas ONLINE, como por exemplo: facebook, youtube, twitter e mais: bancos, governos etc. - Talvez, quando falamos em LINGUAGENS DE PROGRAMAO para a Web, escutamos muitas vezes: HTML, CSS... - Porm....

Desenvolvimento Web Linguagens de programao para a Internet

HTML NO
LINGUAGEM DE PROGRAMAO!!!!!!!! !

Desenvolvimento Web Linguagens de programao para a Internet

HTML - Hyper Text Markup Language -O HTML uma linguagem de marcao, usada para o browser (navegador) entender e ler as pginas e assim responder pra voc mostrando: fotos, vdeos, texto, animaes, etc.

Solicitao Resposta Cliente Servidor

Desenvolvimento Web Linguagens de programao para a Internet

HTML - Hyper Text Markup Language

Desenvolvimento Web Linguagens de programao para a Internet

HTML - Hyper Text Markup Language Exemplo
<html> <head> <title>Meu primeiro site!!</title> </head> <body> <!-- Isso um comentrio --> <h1>Minha primeira pagina CSS</h1> <h2><b>Bem vindos ao meu primeiro <i>site!</i></b></h2> <p>Esse eh meu primeiro site, ainda nao tem nada aqui...</p> <p>Mas muito em breve eu vou colocar mais coisas por aqui.</p> <address>Construida em 12 de Outubro de 2012</address>

</body> </html>

Desenvolvimento Web Linguagens de programao para a Internet

CSS Cores na sua pgina! Cascading Style Sheets (ou simplesmente CSS) uma linguagem de estilo utilizada para definir a apresentao de documentos escritos em uma linguagem de marcao, como HTML ou XML.

Desenvolvimento Web
O que eu preciso aprender?

Desenvolvimento Web O que eu preciso aprender?

- Algoritimos - Linguagem de programao para a Web - Design de layouts e pginas

- Lidar com clientes

- Montar portflio - Fazer parcerias - Vender!!