Použití různých editorů kódu

A teď, když už umíš programovat v ProcessingJS na webové stránce mimo Khan Academy, můžeš začít experimentovat s více programovacími editory – samozřejmě pouze pokud chceš.

V jakémkoli editoru, který používáš, je potřeba ujistit se, že ti umožňuje ukládat tvůj hlavní soubor s koncovkou ".html" — toto je přípona souboru, která se používá pro HTML stránky. Tím se pojistí, že editory i prohlížeče vědí, jak se souborem pracovat. Pokud chceš oddělit JavaScript od HTML, můžeš ho uložit pomocí přípony ".js" a odkazovat na něj pomocí tagu <script>.

Jednou z možností je použít online editor, který bude podobný našemu, ale bude obsahovat nějakou rozšířenou funkcionalitu. Toto je vhodné zvláště ve chvíli, kdy ti tvůj počítač nedovoluje stahovat vlastní aplikace, anebo pokud chceš používat stejný editor na více různých počítačích. Mezi populární online editory patří JSBin, Glitch a Repl.it. Pokud používáš ChromeBook, můžeš si nainstalovat Chrome webovou aplikaci, například Caret nebo Zed.

Zde je video, jak děláme úpravy webové stránky v Cloud9 (v našem kurzu o vytváření webových stránek):

Další možností je použít desktopový editor. Stáhneš si na svůj počítač program, který pak ukládá tvé soubory na pevný disk. Takových editorů je spousta, záleží na tvém operačním systému a na tom, kolik za něj chceš zaplatit. Populární desktopové editory jsou třeba Visual Studio Code, Atom, Sublime Text, Adobe Brackets a Notepad++ (pro Windows).

Zde je video, jak děláme úpravy webové stránky v Sublime Text (v našem kurzu o vytváření webových stránek):

Třetí možností je použit editor v příkazovém řádku. Pokud ještě moc neznáš příkazový řádek, tak tato možnost zřejmě nebude pro tebe, protože je potřeba nejdříve se naučit pracovat v příkazovém řádku. Na druhou stranu, pokud máš v oblibě psaní a navigaci pomocí své klávesnice namísto myši, možná se ti budou nástroje příkazového řádku líbit. Dva populární editory s příkazovým řádkem jsou Emacs a Vim a často jsou již nainstalované na systémech založených na Unixu, jako je například Mac a Linux.

Zde je video, jak děláme úpravy webové stránky ve Vim (v našem kurzu o vytváření webových stránek):

Který máš používat? Klidně můžeš prozatím používat editory Khan Academy. Nakonec se však budeš chtít naučit pracovat s alespoň jedním dalším editorem. Pro programátora je důležité, aby uměl programovat ve více editorech, protože je dost možné, že budeš muset v rámci práce či školy používat jiný editor.

Možná by bylo dobré vyzkoušet několik různých editorů zdarma a zjistit, který se ti líbí nejvíce. Můžeš se také zeptat na názor přátel a kolegů. Často je užitečné používat ten nástroj, který je mezi širší veřejností nejoblíbenější, protože pak můžeš snadno požádat o pomoc.

Zde je například graf, který zobrazuje preference kolegů na Khan Academy:

Pokud čteš tento text a používáš nějaký jiný editor, můžeš v tipech níže sdílet, co konkrétně používáš a proč se ti to líbí. Pro bonusové body sdílej jakékoli tipy pro tvorbu ProcessingJS programů ve tvém oblíbeném editoru.