Esta tradução está incompleta. Por favor, ajude a traduzir este artigo do Inglês.

Neste artigo, mostramos-lhe de que ferramentas precisa para desenvolvimento da Web básico, e como instalá-las corretamente.

Que ferramentas é que os profissionais utilizam?

  • Um computador. Até pode parecer óbvio, mas alguns de vocês estão a ler este artigo através do telefone ou numa biblioteca com um computador. Para desenvolvimento sério , é melhor investir num PC ou num portátil, seja Windows, Mac, ou Linux.
  • Um editor de texto, para escrever o código. Pode ser um editor de texto simples (ex: Atom, Brackets, Sublime Text ou Visual Studio Code), ou pode ser um editor híbrido (ex: Dreamweaver ou WebStorm). Programas de Office (Libre/Microsoft Office e até WordPad) não são adequados, já que dependem de elementos escondidos que interferem com os mecanismos de desenho dos navegadores.
  • Navegadores da Web, para testar o código. Atualmente, os mais utilizados são Firefox, Chrome, Opera, Safari, Internet Explorer and Microsoft Edge. Também deve testar o seu site em dispositivos móveis ou navegadores antigos que por algum motivo ainda sejam utilizados pelo seu público-alvo (como o IE 8–10.)
  • Um editor de gráficos, como o GIMP, Paint.NET, ou Photoshop, para criar imagens para sua página de internet.
  • Um sistema de controlo de versões, para gerir ficheiros em servidores, colaborar num projeto de equipa, partilhar código e recursos e evitar alterações conflituosas. Neste momento Git é a ferramenta de controlo de versões mais popular e o serviço de hospedagem de código GitHub, baseado no mesmo, também é largamente utilizado.
  • Um programa de FTP, utilizado em contas de hospedagem de sites para gerir ficheiros no servidor (o Git cada vez mais substitui FTP neste aspeto). Há diversos programas de (S)FTP como Cyberduck, Fetch, and FileZilla.
  • Um sistema de automatização como Grunt ou Gulp para automatizar tarefas repetitivas, como minimizar o código e realizar testes.
  • Templates, bibliotecas, frameworks, etc., para escrever mais rápida e facilmente o código relativo a funcionalidades comuns.
  • E ainda mais ferramentas!

De que ferramentas realmente preciso, de momento?

Parece uma lista assustadora, mas felizmente pode começar a desenvolver para a web sem saber nada sobre a maioria daquelas coisas. Neste artigo instalamos o mínimo dos mínimos — editor de texto e navegadores modernos.

Instalar um editor de texto

Provavelmente já tem um editor de texto simples no seu computador. O Windows inclui, de fábrica, o Bloco de Notas (Notepad) e o macOS vem com o Editor de Texto (TextEdit). Em distribuições de Linux, varia; Ubuntu vem com o gedit.

Para desenvolvimento na Web, há alternativas mais completas que o Notepad ou TextEdit. Propomos-lhe começar com o Brackets, um editor livre e gratuito que oferece pré-visualização em tempo real e sugestões de código.

Não confundir Notepad (Bloco de Notas) com Wordpad! Este último é equiparável a programas de Office, que não são adequados para escrever código de computador, como já foi referido. 

Instalar navegadores da Web modernos

Antes de seguir em frente, deve escolher pelo menos dois navegadores que possa ter à mão para realizar testes. Escolha o seu sistema operativo e faça clique nos links para descarregar o programa de instalação respetivo dos seus navegadores preferidos:

 

Instalar um servidor da Web local

Alguns exemplos terão de ser executados através de um servidor da Web para funcionar com sucesso. Pode saber como fazer isto no artigo como configurar um servidor local de testes?

Neste módulo

Etiquetas do documento e contribuidores

Contribuidores para esta página: diogo-panaca, mdnwebdocs-bot, Jacgrillon, mansil
Última atualização por: diogo-panaca,