Em Instalando os programas básicos, mostraremos 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 (ex: SublimeBracketsAtom or Visual Studio Code), ou um hibrído(ex: Dreamweaver or WebStorm). Editores de documentos comuns não são recomendavéis para esse tipo de uso, por ele se baseiam em elementos escondidos que interferem com os motores de renderização usados nos navegadores.
  • Web browsers, para testar os códigos. Atualmente os browsers mais usados são Firefox, Chrome, Opera, Safari, e  Microsoft Edge. 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 8–10.)
  • Um editor gráfico, como o  GIMPPaint.NET, ou Photoshop, para fazer imagens para suas páginas.
  • Um sistema de controle de versão, para controlar arquivos em servidores, 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 e o GitHub como o hospedeiro do codígo, baseado no Git, também é muito popular.
  • 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 ou o Gulp, 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 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 Brackets, que é um editor gratuito que oferece dicas de código e pre-visualização instantânea.

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.

 

Instalando um server web local

Alguns exemplos deveram ser executados pelo servidor web para que ele funcione corretamente. Você pode ver como fazer isso em Como eu configuro um servidor de teste localmente?

 

Neste módulo

Etiquetas do documento e colaboradores

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