Instalando os programas básicos
Em Instalando os programas básicos, mostraremos quais ferramentas você precisa para o desenvolvimento web simples 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 ou notebook rodando Windows, macOS ou Linux.
- Um editor de texto, para escrever código. Pode ser um editor de texto (ex: Visual Studio Code (em inglês), Notepad++ (em inglês), Sublime Text (em inglês), Atom (em inglês), Brackets, GNU Emacs (em inglês) ou VIM (em inglês)), ou um editor hibrído (ex: Dreamweaver ou WebStorm (em inglês)). Editores de documentos do Office não são adequados para esse tipo de uso, pois ele se baseiam em elementos escondidos que interferem com os motores de renderização usados pelos navegadores.
- Navegadores web, para testar os códigos. Atualmente os navegadores mais usados são Firefox, Chrome, Opera, Safari, Internet Explorer e Microsoft Edge. Você também deve testar o desempenho do seu site em dispositivos móveis e navegadores antigos que seu público-alvo ainda esteja usando (como o IE 8–10). O Lynx, um navegador da Web baseado em texto, é ótimo para ver como o site é experimentado por usuários com deficiência.
- Um editor gráfico, como o GIMP (em inglês), Paint.NET (em inglês), Photoshop, or XD , para fazer imagens ou gráficos para suas páginas.
- Um sistema de controle de versão, para gerenciar arquivos em servidores, colaborar em um projeto com uma equipe, compartilhar códigos e ativos, e evitar conflitos de edição. Atualmente, o Git (em inglês) é o sistema de controle de versão mais popular junto com o serviço de hospedagem GitHub (em inglês) ou GitLab (em inglês).
- Um programa de FTP, usado em contas de hospedagem web mais antigas para gerenciar arquivos em servidores (o Git está substituindo cada vez mais o FTP para esse propósito). Existem muitos programas de FTP disponíveis, incluindo o Cyberduck (em inglês), o Fetch (em inglês) e o FileZilla (em inglês).
- Um sistema de automação, como o Grunt (em inglês) ou o Gulp (em inglês), para realizar tarefas repetitivas automaticamente, como por exemplo minificar o 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?
Isso parece uma lista assustadora, mas felizmente, você pode começar a desenvolver web sem saber nada sobre a maioria deles. Neste artigo, vamos apenas configurá-lo com um mínimo — um editor de texto e alguns navegadores 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 (em inglês) e o Mac OS vem com o TextEdit (em inglês). Linux varia; Ubuntu vem com o gedit (em inglês) por padrão.
Para desenvolvimento web, você provavelmente pode ter mais do que o Bloco de Notas ou o TextEdit. Recomendamos começar com o Visual Studio Code (em inglês), que é um editor gratuito, que oferece visualizações ao vivo e dicas de código.
Instalando navegadores web modernos
Por enquanto, instalaremos alguns navegadores da Web para testar nosso código. Escolha seu sistema operacional abaixo e clique nos links relevantes para fazer o download dos instaladores dos seus navegadores favoritos:
- Linux: Firefox, Chrome, Opera, Brave.
- Windows: Firefox, Chrome, Opera, Internet Explorer, Microsoft Edge, Brave (O Windows 10 vem com o Edge por padrão, se você tem o Windows 7 ou acima, você pode instalar o internet explorer 11; caso contrário, você deve instalar um navegador alternativo)
- Mac: Firefox, Chrome, Opera, Safari, Brave (Safari vem no iOS e macOS por padrão)
Antes de continuar, você deve instalar pelo menos dois desses navegadores e tê-los disponíveis para teste.
Nota: O Internet Explorer não é compatível com alguns recursos modernos da web e pode não ser capaz de executar seu projeto.
Instalando um servidor web local
Alguns exemplos precisarão ser executados por um servidor web para funcionar com êxito. Você pode ver como fazer isso em Como eu configuro um servidor de teste localmente?