If you're seeing this message, it means we're having trouble loading external resources on our website.

Pokud používáš webový filtr, ujisti se, že domény: *.kastatic.org and *.kasandbox.org jsou vyloučeny z filtrování.

Hlavní obsah

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>.

Online editory

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):
Khan Academy video
Editing a webpage in an online editorZobrazit přepis videa

Desktopové editory

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):
Khan Academy video
Editing webpages in a desktop editorZobrazit přepis videa

Editory v příkazovém řádku

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):
Khan Academy video
Editing a webpage from a command line editorZobrazit přepis videa

Výběr editoru

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:
Sloupcový graf oblíbenosti textových editorů: VSCode, Sublime, Emacs, VIM v tomto pořadí
Data z června 2018, popularita jednotlivých editorů se může v čase rychle změnit.
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.

Chceš se zapojit do diskuze?

Zatím žádné příspěvky.
Umíš anglicky? Kliknutím zobrazíš diskuzi anglické verze Khan Academy.