a gente vai entender como funciona os sites da internet e mais que isso a gente vai começar a entender como funciona a linguagem como é que a gente programa pela internet primeiramente a gente precisa entender como funciona um site o site nada mais é do que um conjunto de páginas web páginas html que são exibidas processada pelos nossos navegadores como o chrome firefox o internet explorer então exibidas para os usuários como é que funciona um site primeiramente quando a gente precisa acessar este site o nosso computador onde a gente está com um navegador aberto faz
uma requisição ou seja a gente digita por exemplo www nome do site faz o envio dessa realização para o servidor o servidor processo essa solicitação às vezes é necessário consultar o banco de dados para ver se o usuário pode ou não acessar esse sistema posso também capturar vídeos e imagens para a exibição de um determinado conteúdo possa também fazer o envio de um e-mail então o servidor precisa processar esses dados para então montar resposta e devolver o computador essa resposta nada mais é do que uma página html ele devolve então para o computador do usuário
um conjunto de tags decodificação que vai ser interpretada e apresentada pelo navegador como é que a gente faz para programar para a internet existem diversas linguagens de programação para a construção de um site na internet a gente tem dois tipos de linguagem as linguagens de clientes que são as que têm mais que são responsáveis pela apresentação do conteúdo da página html o próprio html né que mostra o texto a imagem ou seja ele faz a marcação dos dados na página o css que é responsável pelos apelos utilização por deixar o site bonito por deixar o
site todo com uma padronização de cores e fontes ou seja os estilos o script que faz a interação da página por exemplo você já deve ter visto quando uma imagem é trocada um efeito de uma imagem será exibida logo em seguida exibe uma segunda imagem ou até mesmo quando vocês preencham um formulário e às vezes esquecem de preencher algum dos campos o javascript que faça a detecção que campos não preenchidos e fazer algumas interações na página essas linguagens são linguagens do cliente porque elas são executadas diretamente no navegador por isso que de vez em quando
vocês podem perceber que um site em um navegador funciona de um jeito em outro navegador ele abre com alguma cor ou com alguma apresentação diferente da mesma forma que seu site aberto no celular ou um tablet vai ser completamente diferente de um site aberto no computador onde eu tenho uma tela muito maior já as linguagens de servidor são linguagens que ficam lá no servidor na empresa onde a gente faz hospedagem das desse site e eles são são linguagens que são capazes de fazer coisas um pouco mais elaboradas por exemplo se conectar com um banco de
dados fazer a recepção de arquivos então por exemplo quando vocês estão no facebook e querem mandar uma imagem uma foto para o álbum de fotos essa os essas linguagens dos servidores são responsáveis por receber essas imagens armazenar lá na máquina no servidor e até mesmo fazer o envio de e mail angular da informação então são linguagens mais sofisticados porque fazem outro tipo de trabalho de processamento diferente da linguagem do cliente que vai fazer a apresentação dos dados por ser em linguagem de servidor cada servidor cada instalação pode executar uma língua específica como php o asp
jsp e essas linguagens são únicas então não depende do meu navegador não depende se eu estiver acessando um celular um tablet elas sempre vão funcionar porque elas estão diretamente no servidor na hospedagem do do site então tomar um pouco mais internamente como é que são essas linguagens a gente tem aqui em cima os serviços que ocorrem nessa linguagem de servidor por exemplo a linguagem de php ela permite que a gente trabalhe com arquivos então posso ter arquivos textos onde o armazenamento informações arquivos xml posso também através de linguagens como php enviar mensagens e mails e
acessar a base de dados essa linguagem php ela fica lá dentro do servidor então ela vai processar mas o servidor ele só devolve para o nosso cliente as linguagens html css e javascript ou seja são linguagens que vão apresentar o conteúdo processo o cliente vamos conhecer um pouquinho mais como é que é história a linha do tempo da linguagem de programação para internet então lá no ano de 1991 surgiu a linguagem html essa linguagem de marcação onde a gente define como que há um conteúdo de um site vai ser exibido logo em seguida no ano
de 94 surgiu html e dois com mais alguns recursos somente no ano de 96 que surgiu css para fazer a atualização dos sites e as primeiras intervenções com java script já a partir de 97 principalmente com a popularização da internet e aqui no brasil ainda as pessoas começaram a ter mais acesso à internet ainda na época do da internet discada vem então html 4 que realmente bombou e começou a ser muito utilizado para a construção das páginas em 98 a insurgiu-se ss2 com algumas funcionalidades não cumpriu alguns recursos mais avançados já no ano 2000 já
pode ser feito um pouco mais de interatividade o partido xhtml mas a grande mudança ocorreu a partir dos anos 2000 onde as informações a partir de apresentação das páginas deixou de ser utilizado com frei mês com tabelas ea gente conseguiu organizar essas informações através de visões então a gente teve essa mudança do time inglês vai design onde a gente monta o conteúdo de uma forma muito mais bonita melhor apresentado também consigam muita interatividade exigindo menor carregamento da página através de componentes ajax e mais recentemente no ano de 2009 surgiu então o início da documentação do
html5 mas pra que serve o html ele é o responsável para que a informação que está lá no servidor seja apresentada de uma forma compreensiva por qualquer pessoa imaginativos um código vem e se ele não tivesse interpretado seria como estivesse esse código de que no lado direito da tela notem que são várias tags comandos que para algumas pessoas quando a gente não conhece a linguagem html são incompreensíveis mas são esses comandos aqui entre os símbolos de menor e maior que possibilitam que são interpretados pelo navegador então são mostrados de uma forma mais bonita apresentado com
fontes com cores com estilos que agradam muito mais os nossos olhos então essa linguagem que essas marcações que a gente vê na parte direita são interpretadas pelo navegador para serem apresentados de uma forma visual muito bonito e atraente por onde que a gente começa quando vai programar para a internet a gente precisa de dois elementos primeiro um navegador para a gente poder visualizar as páginas que a gente está construindo e segundo um bloco de notas que navegador que eu poderia escolher vocês podem escolher qualquer um deles pode ser o ópera pode ser o safari o
cronômetro o firefox e internet explorer mas quando a gente vai desenvolver pela internet a gente tem que pensar que os navegadores são diferentes foram produzidos por pessoas diferentes logo a nossa apresentação a página quando vai ser exibida também pode diferenciar de um navegador para o outro hoje em dia com os recursos de html 5 e css3 vocês vão perceber que nem tudo que a gente escreve no código funciona então qual é a minha dica sempre tenham mais que um navegador instalado no computador de vocês para que seja possível a comparação e ver se os comandos
estão funcionando os navegadores eu acredito que você já tem um senão vocês não teriam como ter iniciado esse curso e visualizar esse vídeo então vocês já têm algum navegador se você só tem um aproveite estado em outros conheça as novas funcionalidades mantenham ele sempre atualizado pra ver como é que funciona os comandos novos principalmente também vocês vão precisar para construir as páginas html bloco de notas então vocês podem utilizar desde o bloco de notas mais simples o notepad dos nossos computadores né não tem problema ele já vem na máquina de vocês podem utilizar vai funcionar
ou se não vocês podem estar blocos de notas mais sofisticados que vão já deixar o código de vocês com cores diferentes onde você vai ficar mais fácil de visualizar a abertura e fechamento de a cada um dos comandos existem dois blocos de notas bem famosos o notepad mais mais sublime text os dois são gratuitos estão vendo ali os endereços podem baixar que não tem problema nenhum funciona um super bem aí vai da escolha de vocês se vocês gostam mais do estilo do norte pede ou do sul banho os dois são muito bons vocês também podem
utilizar alguns editores gráficos que facilitam muito a visualização rápida do que vocês estão programando existe de moe ver que ele é muito famoso no seu desenvolvimento será a construção de layouts e também tem o time mc particularmente eu acho que para quem está começando esses ferramentas às vezes trazem códigos que são incompreensíveis se eu pudesse sugerir pra vocês fiquem com seu blog tech o plano de pedir mais mais pro início pra vocês verem realmente deixar o código bem limpo e fácil de entender e se depois do sucesso do curso estiver mais preparados gostarem querem buscar
novos desafios podem instalar essas duas ferramentas mas tem nem como tendo em vista que elas podem inserir textos códigos um pouco mais complexos e aí vocês já vão ter que dormir um pouco mais a linguagem para entender então espere um pouquinho ontem antes de começar a utilizar esses editores gráficos
