Desenvolvendo páginas web fora da Khan Academy

Nós fornecemos um editor de códigos no navegador para você aqui na Khan Academy para que seja mais fácil você experimentar HTML, ter um feedback imediato e compartilhar seu trabalho.

Contudo, nosso editor de códigos não o deixa tentar de tudo — por razões de segurança e porque é difícil hospedar um editor completo em um espaço tão pequeno!

Quando tiver aprendido HTML/CSS aqui, provavelmente você irá querer desenvolver páginas web em um editor mais completo fora da Khan Academy, que deve ter mais recursos como múltiplos arquivos, procura de arquivos e plugins personalizados. Em qualquer editor que use, tenha certeza que você salve seu arquivo com um nome terminado em ".html"— essa é a extensão do arquivo que é usada para toda página em HTML, para ter certeza que ambos os editores e navegadores saibam o que elas são.

Uma opção é usar um editor on-line, semelhante ao nosso, mas com funcionalidades adicionais. Você pode usar um editor on-line se você tem um computador que não permite que você baixe aplicativos ou se você quer usar o mesmo editor em vários computadores. Editores populares são o JSBin, Repl.it, Glitch e CodePen. Se você estiver usando um Chromebook, você pode instalar um aplicativo como o Caret ou Zed. Temos aqui um vídeo no qual eu edito uma página web usando Cloud9:

Outra opção é usar um editor de desktop, um aplicativo que você baixa em seu computador e salva os arquivos em seu disco rígido. Há vários editores de desktop para escolher, dependendo do SO e do preço que você quer. Alguns editores de desktop populares são: Visual Studio Code, Atom, Sublime Text, Adobe Brackets e Notepad++ (para Windows). Temos aqui um vídeo no qual eu edito uma página web usando Sublime Text:

Uma terceira opção é usar um editor de linha de comando. Se você não estiver familiarizado com a linha de comando, você provavelmente não vai querer seguir esse caminho, já que primeiro você vai precisar aprender muita coisa sobre linhas de comando. Por outro lado, se você gosta de digitar e navegar com seu teclado (ao invés de usar o mouse), você pode amar ferramentas de linha de comando. Dois editores de linha de comando populares são o Emacs e o Vim, e eles geralmente já vêm instalados em sistemas Unix, como Macs e Linux. Temos aqui um vídeo no qual eu estou editando uma página web usando Vim:

Qual editor você deve escolher? Bem, por enquanto você pode simplesmente continuar usando o editor HTML/CSS da Khan Academy. Contudo, cedo ou tarde você vai querer aprender a usar pelo menos um editor. Você pode experimentar algumas opções gratuitas e ver de qual você gosta mais. Você também pode perguntar qual editor seus amigos e colegas usam. Geralmente é útil usar a ferramenta mais popular entre seus amigos, porque você pode pedir a ajuda deles.

Por exemplo, aqui está um gráfico do que meus colegas da Khan Academy usam. Alguns deles não escrevem código HTML/CSS, então o editor favorito deles pode não ser uma boa opção pra você.

Se você está lendo isso e já usa um editor diferente para desenvolver páginas da Web, você pode compartilhar o que você está usando e por que você gosta dele nas dicas abaixo. Se você tem um editor de plugins favorito ou ferramentas para desenvolvimento pra navegadores, compartilhe também. Compartilhar é se importar. 😊