Aprende Desenvolvimento Web 🚀
Começa hoje a tua jornada na programação com cursos interativos e práticos.
Entrar no Discord
Se estás a iniciar a tua jornada no desenvolvimento web, é importante conhecer as ferramentas fundamentais que todos os programadores utilizam para criar e gerir websites. Estas ferramentas vão desde o sistema operativo até ao editor de texto e navegador. Neste artigo, vou guiar-te pelos primeiros passos para preparares o teu ambiente de desenvolvimento. Ferramentas Essenciais para um Programador.
Ferramentas Essenciais para um Programador – O Sistema Operativo
O primeiro passo é escolher o sistema operativo onde vais programar. A escolha influencia bastante as ferramentas disponíveis e a forma como irás trabalhar. Atualmente, os mais utilizados são:
- Windows 10/11
- macOS (MacBook, iMac, etc.)
- Distribuições Linux (Ubuntu, Fedora, Arch, entre outras)
Para simplificar, vamos focar-nos no Windows 10/11, que é o mais comum entre utilizadores iniciantes.
Windows Subsystem for Linux (WSL)
O WSL permite instalar uma distribuição Linux diretamente no Windows, sem necessidade de máquinas virtuais. Isto dá-nos acesso a ferramentas poderosas utilizadas no desenvolvimento moderno, incluindo o Ruby on Rails, que iremos usar futuramente.
Passos para instalação:
- Abre a Microsoft Store e instala o Windows Terminal.
- Na Microsoft Store, instala também o Ubuntu (podes escolher a versão 22.04 ou 24.04).
- Abre o Windows Terminal e, no PowerShell, executa o comando:
wsl --install - Depois de concluído, já deves conseguir aceder ao Ubuntu através do Terminal.
🔗 Guia oficial para instalar o WSL
🔗 Instruções adicionais
Com isto, tens o ambiente Linux disponível dentro do Windows — pronto para começar a programar com Ruby e Rails. 🚀
O Editor de Texto
Um bom editor de texto é essencial para escrever código de forma produtiva. Atualmente, os mais populares são:
- Visual Studio Code (VSCode) → Ideal para iniciantes. É gratuito, leve e tem milhares de extensões úteis.
- NeoVim → Uma opção mais avançada, recomendada para programadores que preferem performance e personalização.
👉 Para começar, recomendo o VSCode.
O Navegador Web
O navegador é a janela onde vais testar e visualizar os teus websites. É importante utilizar um que ofereça boas ferramentas de desenvolvimento integradas.
Sugestões:
- Google Chrome (mais popular e com excelentes DevTools).
- Firefox Developer Edition (ótimo para testes e debugging).
👉 Para este guia, basta instalar o Google Chrome.
Ferramentas Essenciais para um Programador – Teste Inicial
Agora que já tens as ferramentas instaladas, vamos confirmar se tudo está a funcionar corretamente.
- Abre o VSCode.
- Cria um novo ficheiro (File → New Text File).
- Copia e cola o seguinte código HTML:
<!DOCTYPE html><html><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Verificação OK</title></head><body><div class="container"><h1>✅ Tudo OK!</h1><p>Se estás a ler isto, significa que tudo correu bem.</p></div></body></html>
- Guarda o ficheiro (Ctrl + S) com o nome
index.html. - Vai até à pasta onde o guardaste, clica com o botão direito → Abrir com → Google Chrome.
Se vires a mensagem “✅ Tudo OK!”, parabéns 🎉 — o teu ambiente de desenvolvimento está pronto.
Próximos Passos
Neste artigo configurámos o ambiente básico: sistema operativo, terminal, editor de texto e navegador. No próximo, vamos começar a utilizar o WSL na prática, instalar o Ruby e dar os primeiros passos com o Rails, framework que nos permitirá criar aplicações web completas.
✨ Dica extra para quem quer explorar já:
- Aprende a usar o Git e o GitHub, ferramentas essenciais para guardar e partilhar o teu código.
- Instala extensões úteis no VSCode, como Prettier (formatação automática) e Live Server (pré-visualização em tempo real).
Obrigado por leres até ao fim 🙏. Espero que este guia te ajude a dar os primeiros passos no mundo da programação web. Até à próxima!
Aderir ao Railway
Doar via PayPal
Deixe um comentário