MDN wants to learn about developers like you: https://qsurvey.mozilla.com/s3/MDN-dev-survey

Em Instalando os programas básicos, nós te mostramos quais ferramentas você precisa para o desenvolvimento simples de web, e como instalá-los apropriadamente.

Quais ferramentas os profissionais usam?

  • Um computador. Talvez isso soe óbvio para algumas pessoas, mas alguns de vocês estão lendo esse artigo de um smartphone ou de um computador público. Para um desenvolvimento sério em web, é melhor investir em um desktop (Windows, Mac, ou Linux). 
  • Um editor de texto, para escrever os códigos. Pode ser um editor grátis (ex.: Notepad++, gedit ou Text Wrangler), um editor comercial (Sublime Text ou Coda) ou um editor híbrido (Dreamweaver).
  • Web browsers, para testar os códigos. Atualmente os browsers mais usados são Firefox, Chrome, Opera, Safari, e Internet Explorer. Você deve testar também como seu site funciona em dispositivos móveis e em versões antigas de browsers que seu público-alvo pode ainda estar usando (como o IE 6–8.)
  • Um editor gráfico, como o Gimp ou o Photoshop, para fazer imagens para suas páginas.
  • Um sistema de controle de versão, para colaborar em um projeto com uma equipe, compartilhar códigos e ativos, e evitar conflitos de edição. Hoje, o Git é a ferramenta mais popular de controle de versão.
  • Um programa de FTP, para fazer upload de páginas para um servidor, para que o público possa vê-las. Há muitos programas disponíveis, incluindo Cyberduck, Fetch, e FileZilla.
  • Um sistema de automação, como o Grunt, para realizar tarefas repetitivas automaticamente, como por exemplo minimizar código e executar testes.
  • Templates, bibliotecas, frameworks, etc., para acelerar a funcionalidade da escrita.
  • Além de mais ferramentas!

Quais ferramentas eu realmente preciso nesse momento?

Essa lista pode assustar, mas você pode começar em desenvolvimento web sem saber mexer com tudo isso. Nesse artigo, nós vamos te auxiliar com o mínimo básico — um editor de texto e alguns browsers modernos.

Instalando um editor de texto

Você provavelmente já tem um editor de texto básico no seu computador. Por padrão, o Windows inclui o Bloco de Notas e o Mac OS X vem com o TextEdit. Linux varia; Ubuntu vem com o gedit por padrão.

Para desenvolvimento Web, você pode ter mais do que o Notepad ou o TextEdit. Nós recomendamos começar com o Notepad++ para Windows ou Text Wrangler para o Mac. Ambos são gratuitos e mais completos do que Notepad e TextEdit.

Instalando browsers modernos

Por agora, nós vamos instalar alguns browsers para testar nosso código. Escolha seu sistema operacional abaixo e clique nos links para baixar os instaladores dos browsers que preferir:

Antes de continuar, você deve instalar pelo menos dois desses browsers e tê-los disponíveis para teste.

Etiquetas do documento e colaboradores

 Colaboradores desta página: leocadiomichael, CNicola, gustavoaraujo
 Última atualização por: leocadiomichael,