Výběr editoru

Doba čtení: cca 2 min

HTML soubor je v jádru jen textový soubor s příponou .html. Technicky ho můžeš napsat i v Poznámkovém bloku ve Windows nebo v TextEditu na Macu. V praxi ti ale dobrý editor ušetří spoustu času a chyb. Tato lekce ti pomůže vybrat ten správný.

Proč specializovaný editor?

Dobrý kódový editor nabízí funkce, které při psaní HTML skutečně pomáhají:

  • Zvýrazňování syntaxe – různé části kódu jsou barevně odlišeny (tagy, atributy, hodnoty). To usnadňuje orientaci a odhalování chyb.
  • Automatické doplňování – editor navrhuje tagy a atributy při psaní.
  • Automatické uzavírání tagů – napíšeš <p> a editor automaticky přidá </p>.
  • Formátování kódu – automatické odsazení kódu pro lepší přehlednost.
  • Zvýrazňování párů závorek – vidíš, kde se otevírají a zavírají párové tagy.
  • Živý náhled – někteří editory umí zobrazit, jak stránka vypadá v prohlížeči.

Populární editory

Visual Studio Code (VS Code)

Nejrozšířenější editor pro webový vývoj. Je zdarma, k dispozici pro macOS, Windows i Linux. Má obrovskou komunitu a tisíce rozšíření. Výborná podpora pro HTML, CSS i JavaScript hned po instalaci.

Vhodný pro: začátečníky i pokročilé, Windows i Mac.

Nova

Moderní editor pro macOS od firmy Panic. Navržený s důrazem na výkon a nativní macOS zážitek. Plně podporuje VoiceOver – je to editor, který sám používám pro psaní HTML na crazy-mac.cz.

Vhodný pro: uživatele Macu, kteří chtějí nativní aplikaci s dobrou přístupností.

BBEdit

Osvědčený macOS editor s dlouhou historií. Solidní podpora VoiceOveru, stabilní a spolehlivý. Verze zdarma má většinu potřebných funkcí.

Vhodný pro: uživatele Macu, kteří preferují klasický přístup.

Sublime Text

Rychlý a lehký editor. Funguje na macOS, Windows i Linuxu. Výborný výkon i na starších počítačích.

Vhodný pro: uživatele, kteří potřebují rychlý editor i na slabším hardware.

Editory a přístupnost

Pro nevidomé a slabozraké vývojáře je přístupnost editoru zásadní. Ne všechny editory fungují dobře s odečítači obrazovky:

  • Nova – dobrá podpora VoiceOveru na macOS, srozumitelné rozhraní.
  • BBEdit – solidní podpora VoiceOveru, konzistentní chování.
  • VS Code – lze používat s VoiceOverem, ale rozhraní je komplexní a vyžaduje zvyk. Na Windows s NVDA nebo JAWS funguje lépe než na Macu s VoiceOverem.

Pokud používáš VoiceOver, doporučuji začít s Novem nebo BBEditem. VS Code je výkonný, ale jeho přístupnost na Macu není ideální.

Tip od Zdeňka

Zdeněk radí: Já píšu HTML v Nove. Je to nativní macOS aplikace, VoiceOver v ní funguje spolehlivě a rozhraní je přehledné. Nemusíš ale začínat s tím nejlepším editorem – začni s tím, co ti vyhovuje, a měň ho, až budeš vědět, co ti chybí. Nejlepší editor je ten, ve kterém opravdu píšeš.