Introdução ao guia da web
Por enquanto, estamos um pouco familiarizados com a web. Agora é hora de entender quais são as coisas necessárias para começar com a web, como como a web funciona, quais são as tecnologias/linguagens de programação que precisamos aprender, qual é a diferença entre o front -end e o back -end.
Como a web funciona
Quando alguém tenta acessar qualquer site/dados, várias funcionalidades diferentes ocorrem por trás de cada solicitação de acesso:
- O cliente envia a solicitação para o servidor
- O servidor responde ao pedido do cliente
- A página resultante é exibida
Quando um cliente tenta acessar qualquer página ou site da Web, significa que ele está tentando acessar um endereço/URL de qualquer site que obviamente não esteja em sua máquina/computador local. Isso significa que o cliente está tentando acessar o site/dados de qualquer outra máquina i.e. "servidor". E como resultado, o cliente receberá uma resposta do servidor.
Então, aqui podemos concluir uma coisa, que um servidor é uma máquina que armazena os sites, aplicativos da web etc. e um cliente é um usuário da web que acessa esses sites do servidor.
Desenvolvimento de front -end e back -end
O front-end é do lado do cliente enquanto o back-end é o lado do servidor de qualquer site.
Front-end
Quando um usuário acessa com sucesso um site, tudo o que ele vê diretamente, como layout, design ou qualquer coisa que ele interage, refere -se ao front -end.
No desenvolvimento de front -end, os idiomas mais frequentemente utilizados são "html", "css" e "javascript". Enquanto as estruturas e bibliotecas de front -end mais frequentemente utilizados incluem "AngularJs", "React.js "e" jQuery ".
Processo interno
O back -end não é diretamente acessível aos clientes, refere -se a qualquer coisa nos bastidores. Existem inúmeros idiomas e estruturas disponíveis para desenvolvimento de back -end.
No desenvolvimento de back -end, os idiomas mais usados são "java", "php" e "python", enquanto há várias estruturas disponíveis para desenvolvimento de back -end como "django", nó.JS e "Laravel" etc.
Software e ferramentas
Existem inúmeros softwares e ferramentas disponíveis para começar com o desenvolvimento da web, mas escolher o mais apropriado é muito importante. Para se tornar um desenvolvedor da web, você pode iniciar sua jornada com duas ferramentas básicas, como um editor de texto para escrever seu código e um navegador da web para mostrar a saída do seu programa.
Editores de texto
Os editores de texto desempenham um papel muito crucial ao criar qualquer aplicativo da web. Os editores de texto fornecem algumas funcionalidades úteis que ajudam os desenvolvedores a codificar, como detectar um erro, indentação automática e muito mais. Os detalhes sobre alguns editores de texto bem conhecidos estão listados abaixo:
Código do Visual Studio
É o editor mais comumente usado para o desenvolvimento de front -end. É desenvolvido pela Microsoft e está disponível para todos os sistemas operacionais I.e. Windows, Mac e Linux.
- É muito popular entre os desenvolvedores porque suporta inúmeras linguagens de programação, como CSS, JavaScript, Python, Flutter, etc.
- Ele suporta muitas extensões como CSS Peek, Live Server, Eslinering, tag de renomeação automática e muito mais.
- Além disso, ele oferece muitos recursos importantes, como destacar a sintaxe, conclusão automática, detecção de erros, visualização de tela dividida, etc.
Editor de texto sublime
Sublime é um editor de texto amigável e amigável disponível para todos os sistemas operacionais I.e. Mac, Linux e Windows. Oferece muitos atributos úteis.
- Ele fornece navegação rápida para linhas, arquivos, etc.
- Oferece um recurso de conclusão automática.
- O Sublime Text Editor oferece vários recursos, como barra lateral, destaque da sintaxe, etc.
Existem muitos mais editores de texto usados para desenvolvimento de front -end, como átomo, bloco de notas ++, etc.
Embora para exibir a saída, os desenvolvedores usam diferentes navegadores como Google Chrome e Edge.
Guia de Desenvolvimento da Web para iniciantes
Agora, terminamos o entendimento do básico da web, aqui discutiremos alguns pontos a serem lembrados ao começar com o desenvolvimento da web:
- Inicialmente, você não pode criar um site profissional, então crie um site pequeno e simples no nível do iniciante.
- Ao criar um site, escolha a ferramenta mais relevante e primeiro planeje o que você vai desenvolver e escreva o código de acordo.
- HTML, CSS e JavaScript são usados com mais frequência para desenvolver um site. O HTML fornece uma estrutura primária de qualquer site, o CSS implementa algum estilo e JavaScript controla o comportamento dos elementos html.
- Sabíamos que um site é uma coleção de vários arquivos, então estruture os arquivos com sabedoria.
Conclusão
A web é basicamente uma combinação de três coisas: sites/páginas da web, servidores e navegadores que estão conectados entre si. Os sites são a coleção de arquivos diferentes, enquanto os servidores são as máquinas que armazenam todos os dados desses sites, e os navegadores são aqueles que carregam os dados para exibi -los nos usuários.
Neste artigo, aprendemos o que é a Web, como funciona, o que é o desenvolvimento da web, a diferença entre o desenvolvimento de front -end e back -end e quais são as ferramentas necessárias para desenvolver um site.