Bem vindo de volta.
Vamos construir nosso primeiro site.
Agora, já criei uma pasta chamada Web Server porque este vai ser o nosso servidor Web por enquanto,
e dentro deste servidor Web, temos um arquivo HTML de índice, que será a extensão para a criação de um
arquivo HTML.
Temos o script James, que é a extensão para escrever JavaScript, assim como temos DCPI para escrever
Python, e então temos acesso de estilo para escrever Kestrels.
Agora, nesta seção, estarei usando texto sublime e meu terminal de termo, mas você pode usar qualquer ferramenta de
desenvolvedor que desejar.
Eu gosto de usar esses apenas para as gravações de tela.
Eles ajudam porque, bem, é bom e limpo.
Ele não me dá muitas dicas para que eu também possa cometer erros e mostrar a você, enquanto eu
cometo, como corrigi-los.
Mas, novamente, você pode usar o código do Visual Studio, como preferir.
Agora você vê aqui que todos esses arquivos estão vazios.
Mas lembre-se de que um servidor da Web simplesmente fornece esses três arquivos a um navegador para que o navegador possa exibir a
página.
Então, vamos começar com ASML, como escrevemos Aoshima?
Bem, o texto sublime na verdade me permite fazer algo interessante aqui se eu digitar HTML e clicar em Tab.
Ele o preenche automaticamente para mim.
Tudo bem, tudo bem, eu meio que trapaceei, mas, ei, eu não quero aborrecê-lo até a morte.
Então esse é um arquivo de e-mail padrão, porque eu tenho a extensão do e-mail, se eu tiver esse tipo de sintaxe, posso
escrever e-mail e não é tão difícil.
Temos imposto de abertura e imposto de fechamento com barra invertida aqui.
Portanto, temos o chefe do site com um título.
Então é isso que aparece na guia.
Então vamos dizer meu.
Local na rede Internet.
Muito criativo.
Então essa é a cabeça e depois o corpo, isso é o que é exibido em um site.
Portanto, aqui posso dizer que sou um webmaster.
Simplesmente assim, e criamos nosso alfa agora, verifique isso, se eu agora abrir o índice, não um. m. se eu estiver certo.
Clique aqui e digamos que abra em sua janela ou você pode simplesmente clicar duas vezes neste arquivo.
Então, se eu clicar duas vezes nisso, olhe para aquilo.
Eu sou um webmaster
Apenas um texto simples, nada muito louco, mas acabei de criar meu primeiro site.
Vamos continuar com a CNN.
Sucesso tem uma sintaxe diferente de sucesso, a sintaxe é mais ou menos assim, podemos dar a ele qual elemento ASML
queremos adicionar um estilo em nosso caso, digamos corpo.
E eu posso dizer corpo, depois colchetes, e aqui eu quero ter um plano de fundo, digamos cor e vamos
continuar com Hmm.
Vamos com o verde.
Se eu salvar isso.
E eu atualizo a página.
Hmm, nada aconteceu, e este é um pequeno detalhe que, novamente, este não é um curso de desenvolvimento web, então
não precisamos nos preocupar muito.
Mas, essencialmente, a primeira coisa que acontece é que o arquivo HMO é enviado e o arquivo HMO é, na verdade,
a única coisa que é lida pelo navegador.
Então, dentro do arquivo HMO, devo dizer, ei, HMO, a propósito, também temos um sucesso, você também pode usar
isso no site para que possamos fazer isso na hashtag?
Usando algo chamado tag de link.
Então, uma tag de link, podemos remover parte disso, simplesmente temos que dizer, ei, é um tipo de sucesso de texto
e tem algo chamado HSF simplesmente diz, ei, onde está localizado esse arquivo em nosso caso, porque está em
a mesma pasta que nosso HMO de índice, podemos simplesmente dizer que é acesso de ponto de estilo porque, bem, basta procurar o acesso
Soldats e é onde está o arquivo de estilo.
E agora, se você se lembra, também temos a folha de estilo de relacionamento que precisamos incluir.
Acabei de removê-lo para que possamos ver o que estávamos escrevendo aqui.
Então, se fizermos uma folha de estilo e isso for apenas algo, uma sintaxe com a qual você precisa se acostumar se
quiser incluir o arquivo de acesso.
Se eu salvar isso e voltar e atualizar.
Ei, olhe para isso, meu site feio, e vamos torná-lo um pouco maior, meu site feio com uma cor
de fundo verde agora tem algumas coisas se eu abrir as ferramentas de desenvolvedor mais uma vez.
E eu clico em atualizar.
Olha só, recebo um arquivo HMO com sucesso.
Incrível.
Acabei de criar meu próprio servidor Web, certo?
Podemos até escrever JavaScript aqui.
Mas, novamente, este é um curso de JavaScript, então não precisamos nos preocupar com isso neste caso.
Aqui está.
Acabei de escrever um pouco de JavaScript, que é como escrever imprimir em Python se eu atualizar a página mais uma
vez.
Novamente, o arquivo JavaScript não é exibido porque, bem, temos que, novamente, dizer ao HTML indexado que
precisamos de um arquivo JavaScript e geralmente os arquivos JavaScript estão contidos em uma tag de script, geralmente na parte inferior
do corpo.
Então, vamos fechar isso.
E aqui, em vez de usar o ref, só temos que dizer SIRC como fonte.
E mais uma vez, onde está o arquivo JavaScript?
É esse script.
Então, se eu salvar isso e atualizar a página.
Olhe só, agora estamos carregando este arquivo de script e tudo o que ele faz é clicar na guia do
console e pronto.
Ele imprimiu algo no console e o console é algo que o JavaScript usa.
Mas tudo o que importa é que possamos servir esses três arquivos.
O que fizemos foi criar nosso primeiro servidor.
Mas você deve ter notado algo.
Quando você subiu aqui.
Veja o caminho da URL que temos, não é o que você costuma digitar em um site, certo?
Quer dizer, vimos que o site aqui, ponto dotcom, bem, o ponto com usa http.
Esse é um URL real, certo?
Bem, lamento informar que não criamos um servidor Web real porque tudo o que fizemos foi
disponibilizar ao navegador alguns arquivos de, como você pode ver, de nosso computador.
Então, tudo que ele faz é o navegador dizendo, ei, vou exibir esses arquivos que estão localizados aqui no
seu computador.
Basicamente, temos um servidor Web que também executa um navegador, mas não é assim que funciona a vida real.
Por que isso seria?
Bem, imagine se você tivesse seu próprio site.
Você realmente deseja que pessoas de todo o mundo acessem seu site diretamente do seu computador,
obtendo os arquivos de seu computador?
Quer dizer, não, certo.
Existem muitos problemas de segurança.
Existem muitos problemas de desempenho.
Você deve manter seu laptop ligado o tempo todo para que as pessoas possam acessar seu site.
Em vez disso, queremos um servidor Web, que, como o nome sugere, arquivos sérios e especializado em servir
arquivos para navegadores.
Em algum lugar do mundo com o qual não preciso me preocupar.
Não está no meu computador.
Alguém é dono daquela máquina, alguém é dono daquele computador, e ele está ligado o tempo todo, então
sempre que vamos a um site ou link, ele sempre estará rodando e enviando esses arquivos.
Finalmente, vamos voltar ao Python aqui, porque o que queremos fazer é algo mais sofisticado do
que apenas ter esses arquivos em nossa máquina.
Em vez disso, queremos construir um servidor real usando Python que possamos implantar para que as pessoas possam acessar nosso site em
qualquer lugar do mundo.
Agora, você ainda pode estar confuso, todo esse processo pode não fazer sentido para você porque estamos
apenas começando.
Mas não se preocupe, no final de tudo, tudo fará sentido.
Portanto, vamos esquecer o navegador por enquanto e começar a construir um servidor real, algo mais sofisticado do que o que fizemos até agora,
que é apenas uma pasta com esses três arquivos e apenas clicamos duas vezes
em Indexado.
Te vejo no próximo vídeo.
Bye Bye.