Curso Intensivo De Desenvolvimento Frontend

De Jideon Francisco Marques

Curso Intensivo de Desenvolvimento Frontend Neste capítulo •Como funciona a web •Introdução ao desenvolvimento web •Desenvolvimento front-end •Vantagens e desvantagens Este capítulo discutirá o desenvolvimento front-end e seus principais conceitos. Aprenderemos como funcionam os sites e o que é desenvolvimento frontend. Também falaremos sobre os principais conceitos no desenvolvimento frontend e as vantagens e desvantagens. Também veremos a sintaxe e os fundamentos do código do frontend. Como funciona a web A web está em toda parte. Antes de mergulhar no desenvolvimento de front-end e aprender mais sobre ele, é importante saber exatamente como a web funciona. A web não se limita apenas aos sites que você visita. É muito mais do que isso. Saber como funciona a web antes de entrar no mundo do desenvolvimento web e justamente no desenvolvimento frontend é uma etapa crucial.

• Idioma: Português
• Editora: Clube de Autores
• Data de lançamento: 21 de dez. de 2022

Pré-visualização do livro

Curso Intensivo de Desenvolvimento Frontend

Por Jideon F. Marques

© Copyright 2022 Jideon Marques - Todos os direitos reservados.

O conteúdo deste ebook não pode ser reproduzido, duplicado ou transmitido sem permissão direta por escrito do autor ou do editor.

Sob nenhuma circunstância qualquer culpa ou responsabilidade legal será imputada ao editor, ou autor, por quaisquer danos, reparações ou perdas monetárias devido às informações contidas neste ebook, direta ou indiretamente.

Notícia legal:

Este ebook é protegido por direitos autorais. É apenas para uso pessoal. Você não pode alterar, distribuir, vender, usar, citar ou parafrasear qualquer parte ou o conteúdo deste ebook sem o consentimento do autor ou editor.

Aviso de isenção de responsabilidade:

Observe que as informações contidas neste documento são apenas para fins educacionais e de entretenimento. Todo esforço foi feito para apresentar informações precisas, atualizadas, confiáveis e completas. Nenhuma garantia de qualquer tipo é declarada ou implícita. Os leitores reconhecem que o autor não está envolvido na prestação de aconselhamento jurídico, financeiro, médico ou profissional. O conteúdo deste ebook foi derivado de várias fontes. Consulte um profissional médico licenciado antes de tentar este programa ou qualquer técnica descrita neste ebook.

Ao ler este documento, o leitor concorda que em nenhuma circunstância o autor é responsável por quaisquer lesões, morte, perdas, diretas ou indiretas, que sejam incorridas como resultado do uso das informações contidas neste documento, incluindo, mas não limitado a a, erros, omissões ou imprecisões.

CAPÍTULO 1 Curso Intensivo de Desenvolvimento Frontend

DOI: 10.1201/9781003309062-1

Neste capítulo

Este capítulo discutirá o desenvolvimento front-end e seus principais conceitos. Aprenderemos como funcionam os sites e o que é desenvolvimento frontend. Também falaremos sobre os principais conceitos no desenvolvimento frontend e as vantagens e desvantagens. Também veremos a sintaxe e os fundamentos do código do frontend.

Como funciona a web

A web está em toda parte. Antes de mergulhar no desenvolvimento de front-end e aprender mais sobre ele, é importante saber exatamente como a web funciona. A web não se limita apenas aos sites que você visita. É muito mais do que isso. Saber como funciona a web antes de entrar no mundo do desenvolvimento web e justamente no desenvolvimento frontend é uma etapa crucial.

O que é a Internet e como ela funciona

A Internet é um sistema global de computadores conectados que usam TCP/IP, também chamado de Internet Protocol Suite, para se comunicar. A Internet é principalmente uma rede de redes. Ele carrega uma vasta gama de informações e serviços como e-mail, compartilhamento de arquivos, etc. A Internet pode ser considerada a infraestrutura, e a web é um serviço construído sobre essa infraestrutura. A Internet começou como parte de um projeto de pesquisa para o Exército dos Estados Unidos na década de 1960. Esse projeto de pesquisa evoluiu à medida que várias universidades públicas e empresas privadas aderiram à rede. A infraestrutura pública da Internet que acessamos hoje surgiu na década de 1980. Simplificando, a Internet é uma maneira de conectar todos os computadores, não importa o que aconteça.

Para que dois computadores se conectem, precisamos vinculá-los. Este link pode ser feito fisicamente ou sem fio. Os links físicos geralmente são feitos com um cabo Ethernet, enquanto os links sem fio acontecem por meio de Bluetooth ou Wi-Fi. Todos os computadores modernos são capazes de sustentar esses dois tipos de conexões.

Uma rede de computadores, por outro lado, não se limita a apenas dois computadores. Você é livre para conectar quantos computadores quiser. Mas conectar vários computadores pode ficar complicado muito rápido. Cada computador disponível na rede é conectado a um minúsculo computador chamado roteador para resolver esse problema. Um roteador atua como intermediário ou intermediário entre uma rede de computadores. Ele garante que uma mensagem transmitida de um computador chegue ao seu computador de destino correto. Por exemplo, o computador A deseja enviar uma mensagem ao computador B; o computador A primeiro enviará a mensagem ao roteador. O roteador encaminhará a mensagem para o computador B e garantirá que ela não seja enviada acidentalmente para o computador C.

A Internet é uma rede interconectada de bilhões de computadores, então como conectamos todos eles? Conectamos computadores a roteadores, roteadores a outro roteador e escalamos infinitamente. Agora que conectamos tantos computadores, como nos comunicamos com eles? Para enviar mensagens de nossa rede para outra rede, precisamos conectar nossa rede a um ISP. ISP significa provedor de serviços de Internet. Um ISP é uma empresa que possui alguns roteadores especiais. Esses roteadores estão todos vinculados e também podem acessar os roteadores de outros ISPs. Portanto, se você enviar uma mensagem do computador A, ela será transportada de sua rede através da rede de redes ISP e chegará à rede de destino. A Internet é apenas uma coleção de várias redes diferentes como essas.

Intranets e Extranets

Intranet refere-se a redes privadas que uma determinada organização só pode acessar. Eles são usados para compartilhar recursos, colaborar e se comunicar entre os membros dessa organização.

As extranets são semelhantes à intranet; a única grande diferença é que eles estão abertos a toda ou parte de uma rede privada que ajuda na colaboração com outras organizações. Eles são usados principalmente para compartilhar informações de forma segura com membros como clientes ou partes interessadas. A função da Extranet é quase a mesma da Intranet, como compartilhamento de arquivos, colaboração, fóruns de discussão, etc.

Tanto a Intranet quanto a Extranet possuem quase o mesmo tipo de infraestrutura que a Internet. Eles também usam os mesmos protocolos. Membros de diferentes locais físicos também podem usá-los.

Como funciona um site

Vamos começar com o funcionamento de um site. No momento em que você insere o endereço de um site na barra de pesquisa do navegador, muitas coisas acontecem ao mesmo tempo, e também na velocidade da luz. Existem tantos processos que funcionam em conjunto apenas para visualizar uma página da web. Em primeiro lugar, o URL que você digitou é resolvido. A solicitação da página da web que você pesquisou chega ao servidor desse site específico. O servidor envia uma resposta à sua solicitação e, em seguida, a resposta do servidor é analisada. A página é então renderizada e exibida para o cliente.

Podemos dividir o funcionamento dos sites em quatro etapas. Cada uma dessas etapas pode ser dividida em várias outras etapas, mas obteremos uma breve visão geral por enquanto.

Resolvendo um URL: O código do site para o URL que você insere na barra de pesquisa precisa ser buscado em outro computador onde os dados estão armazenados. O outro computador de onde os dados são buscados é o servidor. O servidor é um computador que contém o código do site ou os dados do site que procuramos. O usuário identifica o site usando um nome de domínio, wikipedia.com. Um tipo especial de servidor na Internet é chamado de servidor de nomes ou servidor DNS. O trabalho do servidor DNS é converter nomes de domínio em endereços IP. Um dispositivo na Internet é identificado por seu endereço IP, que é um endereço exclusivo. Aprenderemos mais sobre endereços IP daqui a pouco.

Envio de Solicitações: O navegador envia uma solicitação ao servidor com o endereço IP do site que você estava pesquisando. Uma solicitação geralmente contém um monte de informações que o navegador reúne e envia aquele pacote de dados criado para aquele endereço IP. Esses dados são enviados via HTTP, que significa Hypertext Transfer Protocol. É um protocolo padronizado que ajuda a definir como deve ser a solicitação e a resposta. O HTTP também decide quais dados devem ser incluídos e de que forma, e como a solicitação deve ser enviada. Esse processo e formato de envio e recebimento de solicitações são padronizados, de modo que o servidor prontamente lê e trata a solicitação. Posteriormente, com base no pedido, o servidor envia uma resposta bastante semelhante ao pedido. A resposta contém dados, metadados e o código necessário para renderizar a página solicitada.

Analisando a resposta do servidor: Depois de receber a resposta enviada pelo servidor, o navegador analisa a resposta. O navegador primeiro verifica os dados e metadados recebidos do servidor. Com base nessas informações, o navegador decide como exibir os dados recebidos do servidor de acordo. Se o navegador receber um documento pdf em vez de um código de site, ele exibirá o documento pdf em um formato adequado. Se a resposta do servidor contiver um pedaço específico de metadados indicando que os dados da resposta são do tipo texto/HTML, o navegador analisará os dados anexados à resposta como um código HTML. HTML é usado com a finalidade de criar a estrutura de qualquer página da web. HTML é uma linguagem padronizada e cada tag HTML tem um significado semântico que o navegador entende. O navegador analisará o HTML enviado por meio dos dados de resposta. Os dados de resposta também são chamados de corpo da resposta e são usados para renderizar o site.

Exibindo a página da Web: O navegador passa pelo código HTML retornado pelo servidor e renderiza a página da Web de acordo com isso. No entanto, um site não é totalmente renderizado depois de receber um único código de resposta. Para renderizar totalmente um site, muitos dados adicionais são buscados. Essas solicitações e respostas adicionais só começam a chegar após a chegada da primeira resposta. O código HTML enviado na primeira resposta contém as instruções para buscar mais dados por meio de novas solicitações. Os dados adicionais podem ser