💻 Conheça a Formação em Desenvolvimento Web 💻
refatorando.co...
🚀 Mergulhe nos nossos eBooks repletos de insights valiosos e junte-se à nossa comunidade no Discord, onde o aprendizado se torna uma experiência coletiva e inspiradora.
✅ Ebook: Como usar a ChatGPT para aprender a programação: refatorando.co...
✅ Ebook: Como encontrar as melhores vagas em TI: refatorando.co...
✅ Ebook: Como se destacar em processos seletivos de TI: refatorando.co...
✅ Faça parte da nossa comunidade no Discord: / discord
Se você deseja ser um desenvolvedor WEB, Frontend ou fullstack você precisa entender sobre navegadores e
Hoje eu vou explicar para vocês em detalhes como os navegadores de internet funcionam
atualmente nós temos diversos navegadores no mercado, seja ele para computador, tablet, celular ou até videogames e outros dispositivos, mas os mais conhecidos e utilizados atualmente são:
Chrome (Google)
Safari (Apple)
Firefox (Mozilla)
Edge (Microsoft)
Os Browsers ou navegadores de internet são motores de renderização que de uma forma bem simplificada fazem download e renderizam o conteúdo na tela.
você digita o endereço na barra de endereços, o navegador faz download do documento e dos arquivos relacionados ao link que você digitou e renderiza na tela.
os navegadores também resolvem DNS que é basicamente se conectar ao servidor de DNS e converter o endereço digitado em um ip para encontrar o servidor na internet, se você assistiu o vídeo sobre como funciona a internet você sabe do que eu estou falando (se não viu, Link no Card)
Além disso ele faz toda a troca de requisições HTTP entre cliente e servidor. tudo isso começa com uma conexão TCP entre o cliente(seu computador) e o servidor(web app) e começa a troca de requisições, enviando requests para o servidor e recebendo respostas dele nesse caso também, se você assistiu o vídeo sobre o protocolo HTTP você sabe exatamente do que estou falando, (se não, o link também está no card).
Tá Roger mas você falou que a comunicação entre cliente e servidor é feita através de HTTP, o que tem a ver com a conexão TCP.
o HTTP é um protocolo na camada de aplicação ou Application Layer que se comunica através de TCP que é o protocolo de controle de transmissão, de forma simplificada o navegador estabelece uma conexão TCP e a partir daí as requisições HTTP podem ser enviadas e recebidas.
Depois que o DNS está resolvido a conexão TCP com o servidor está estabelecida o navegador começa a renderiza as respostas da requisição que é basicamente interpretar os documentos recebidos (html, css, javascript, imagens) e mostrar na tela de uma forma legível e visível por pessoas comuns, caso o navegador não fizesse a interpretação e renderização o que você veria seria algo parecido com isso [Ilustrar], depois de renderizado o que você vê é isso [ilustrar].
Caso você tenha curiosidade e queira ver como são os documentos recebidos pelo servidor e comparar com o que é renderizado, a grande maioria dos navegadores tem uma ferramenta de desenvolvedor que pode ser encontrada no menu de configurações ou apertando a tecla F12.
Nela você pode selecionar o elemento renderizado na tela e ver o código HTML que gerou ele.