IDE, WYSIWYG, CLI… Veja as opções para criar seus códigos.
Editor de Texto e Código Fonte?
A linguagem HTML (ou outras) pode ser escrita num soft editor de texto simples, como o próprio Notepad (Windows), TextEdit (Macintosh) ou o Gedit (Ubuntu). Ou seja, a partir de qualquer computador podemos escrever nossos códigos.
Porém com um editor de código mais apropriado teremos mais recursos.
Tipos de Editores
Há variações desses softs editores:
– Editor de código.
– Editor de linha de comando.
– WYSIWYG (pronuncia-se “wizzy-wig“).
– Ambiente de Desenvolvimento Integrado (IDE).
Editor de código-fonte
Bluefish.
Um soft Editor de Código HTML específico oferece recursos dedicados. Um editor desse tipo é mais sofisticado que um editor de texto simples _como o Notepad (Bloco de Notas) do Windows, porém, mais simples que um IDE.
Recursos de um editor de código simples pode incluir:
– Syntax highlighting (destaque de sintaxe, realce).
Mostra palavras coloridas, ajudando o programador a ler o código.
Ou seja, esse colorir da sintaxe é útil para identificar o que é comando e o que é nome, por exemplo. No HTML teremos uma cor pra tag, outra pra atributo, etc.
– Numeração das linhas.
– Replace: substituir palavras.
– Autoindent (“auto recuar”, recuo automático).
– Spell checking (verificação ortográfica).
– Where is, search, find: procura por uma palavra.
– Bookmark: cada marcação à esquerda da linha.
– Snippets (trechos): um snippet é um pequeno pedaço de código reutilizável, um pedaço de texto. Esses pedaços de texto podem ser reutilizados de forma rápida. Um bom conjunto de snippets bem escritos economiza tempo de trabalho, pois facilita uma parte da automatização de tarefas repetitivas.
Exemplos de softs:
⚫️ Sublime Text [08].
✏️ Jon Skinner.
🖥️ Linux, macOS, Windows.
📜️ Shareware.
⚫️ Notepad++ [03] .
🔗️ notepad-plus-plus.org
🖥️ Windows;
📜️ GPL-2.0 ou 3.0.
⚫️ Atom.
🇺🇸 GitHub (Microsoft)
🖥️ macOS, Linux, Windows.
FOSS.
📜️ MIT License.
⚫️ Brackets.
🇺🇸 Adobe.
🖥️ macOS, Windows and Linux
Escrito em JavaScript, HTML, CSS, Live Preview;
📜️ MIT, FOSS.
⚫️ VisualStudioCode.
🖥️ Windows, OS X, Linux.
📜️ MIT License, mas também proprietária.
⚫️ Bluefish, anos 90.
✏️ Bluefish Dev Team;
🔗️ sourceforge.net/projects/bluefish
📜️ GPL-2.0 ou 3.0.
Leia também o que é o Bluefish.
🖥️ Android.
Nele é possível escrevermos (e executarmos) códigos pelo próprio celular. O Turbo Editor está disponível na Play Store, e é muito simples de usar. Ele é ótimo pra estudar e praticar HTML, bem como outras linguagens.
⚠️ Alguns desses softwares editores aceitam plugins. Mas note que, com muitos plug-ins um editor de código se torna quase que um IDE.
Acode.
🖥️ Android.
Editor de linha de comando
Neste caso é mais prático quando já estamos trabalhando direto no terminal.
Muitos são antigos… ou seria clássicos?
Ainda sim são utilizados até hoje e há nomes como o Nano (foto), Vim, etc. Veja mais em software de linha de comando.
Soft WYSIWYG
(pronuncia-se “wizzy-wig“).
What You See Is What You Get, o que se vê é o que se obtém.
No WordPress ou no Microsoft Word, por exemplo, se refere a interface onde podemos ver como nosso texto realmente fica com a formatação que vamos dando a ele.
No caso de HTML, permite editar o código enquanto temos a visualização final em tempo real. Isso é bem interessante, pois não é necessário salvar o código e abrir no navegador Firefox (por exemplo) para ver o resultado.
🇺🇸 Macromedia Dreamweaver.
Versões iniciais da época da Macromedia, pois hoje é considerado um IDE.
🇩🇪 LibreOffice.
(The Document Foundation).
Embora seja voltado a escritório, lida com HTML.
TinyMCE Advanced.
Um plugin para WordPress.
BlueGriffon: Editor de código para Ubuntu Linux.
IDE
Veja O que é IDE? E entenda as diferenças entre eles e os editores.
Dicas
Se você é do tipo que gosta de história ou pesquisa, há uma bela lista de editores de texto na Wikipedia passando por nomes como Acme, Arachnophilia, JED, jEdit, Komodo Edit (além do IDE), XEmacs…
-https://en.wikipedia.org/wiki/Comparison_of_text_editors Comparação de editores
-https://youtu.be/mmIycP6egqQ
5 melhores editores CLI: GNU sed, GNU nano, ee, GNU Emacs, Vi (ou Vim).
-https://www.canalwp.com/codigos-wordpress/saiba-como-melhorar-o-wordpress-editor-wysiwyg/
É muito recomendável ler Atalhos do Teclado.
Veja também:
○ Curso Síntese Sonora Ilustrada.
[oes: tit !]
Joe S 