// stack web · o mapa de ponta a ponta

Stack web: o mapa completo, tecnologia por tecnologia

Front end é o que a pessoa vê e clica. Back end é o que faz aquilo funcionar. Entre os dois, o dado precisa morar em algum lugar e sair de lá de alguma forma. São vinte nomes no total, e a lista assusta antes de fazer sentido.

Este mapa existe pra tirar o susto. Cada nome abaixo tem uma página só dele, com três coisas: o problema que a tecnologia resolve, os poucos conceitos que você precisa antes de escrever a primeira linha, e um hello world que roda de verdade na sua máquina. Nada de "visão geral" sem código.

A armadilha é achar que precisa de tudo isso antes de começar. Não precisa. Ninguém aprende vinte tecnologias em paralelo, e quem tenta desiste na quarta. Escolha um framework de front end e uma linguagem de back end, construa alguma coisa que funcione com elas, e só então volte aqui pra próxima. Um mapa não se percorre em ordem, e este aqui também não.

Front end

O que a pessoa vê e clica, e que roda no navegador dela.

Base

Frameworks e libs de interface

CSS e utilitários

Back end

O que faz aquilo funcionar, e que roda num servidor.

Linguagem e plataforma

Banco de dados

API

Por onde começar, se você não faz ideia

Comece por HTML, CSS e JavaScript, nessa ordem. Os três rodam sem instalar nada, num arquivo salvo no disco e aberto no navegador. Depois deles, qualquer framework de front end faz sentido, porque você vai entender o que ele está fazendo por baixo. Sem eles, framework é mágica, e mágica não se depura.

Do lado do back end, a linguagem é escolha, não destino. Todas as seis entregam a mesma coisa por caminhos diferentes. Se você não tem preferência nem exigência de vaga, Node.js aproveita o JavaScript que você acabou de aprender, e Python tem a sintaxe mais curta pra começar.

// conteúdo exclusivo

O curso desta trilha está em preparação. A lista paga menos.

Os tutoriais daqui continuam gratuitos. O que está a caminho é um curso pago que transforma esse mapa em formação guiada, na ordem certa e com projeto. Deixe seu e-mail: você recebe os estudos novos gratuitos e, no lançamento, o desconto de quem entrou na lista primeiro.