Para você que está começando - Como funciona um sistema WEB?
Introdução
Para quem já esta inserido na área parece ser algo muito simples de entender, mas você que está afim de começar... tem ideia de como funciona? Segue abaixo um dos modelos que podemos usar como base para entender como funciona um sistema WEB.
Banco de dados
O banco de dados é onde gravamos todas as informações do sistema, informações que podem ser apresentadas no sistema ou serem utilizadas exclusivamente para regra de negócio. Hoje temos bancos relacionais (Sql) e não relacionais (NoSql).
Os relacionais são utilizados para guardar informações com base em tabelas e colunas. Os não relacionais são utilizados para guardar informações com base em chaves e documentos.
As principais ferramentas hoje são:
Banco relacional: Postgres, MySQL Workbench, SQL Developer...
Banco não relacional: MongoDB, DynamoDB, Redis...
Backend
Um dos objetivos principais do backend é fazer com que o sistema grave informações no Banco de Dados. O backend recebe informações no Front-End (que são as telas), processa essas informações com base de regras de negócios e exibe, cria, atualiza ou deleta as mesmas.
Atualmente existem inumeras linguagens que podemos utilizar para criar um sistema backend. Não só isso, como existem várias ferramentas que podem utilizar junto com nossa linguagem.
As linguagens que mais vejo vaga:
Java, Python, C#, .NET, Node.js
Ferramentas que você deve olhar:
Kafka, GitHub, AWS, Azure, Tomcat
Frontend
O frontend é cara do sistema, é onde são desenvolvidas as telas do sistema. Seu maior objetivo é disponibilizar telas de cadastros e consultas. Atuando junto com backend que recebe as informações para salvar ou deletar, ou envia as informações para serem listadas em tela.
Temos várias frameworks para desenvolver a parte de frontend do nosso sistema, mas é muito importante ter um bom conhecimento em HTML, CSS, JS para qualquer uma delas.
As linguagens que mais vejo vaga:
React, Angular, Vue. Lembrando que para qualquer uma dessas é importante saber: HTML, CSS, JS.
Ferramentas que você deve olhar:
GitHub, recomendo muito VSCode.
Resumo
Considerações finais
Bom espero puder ajudar alguém e dá um pequeno norte, tenho ideia de postar mais conteudo de cada item apresentado acima. :D