Vytváření webových stránek mimo Khan Academy

Zde v Khan academy pro tebe máme programovací editor zabudovaný přímo v prohlížeči. Díky tomu můžeš jednoduše vyzkoušet HTML, získat okamžitou zpětnou vazbu a sdílet svoji práci.

Náš programovací editor ti však neumožní zkusit všechno - jednak z bezpečnostních důvodů a také proto, že je obtížné mít plně vybavený editor na tak malém prostoru jako je webová stránka.

Jakmile se zde naučíš HTML/CSS, pravděpodobně budeš chtít vyvíjet webové stránky ve vybavenějším editoru, než je ten náš. Takový editor by měl navíc funkce jako například práci s více soubory, hledání souborů a vlastní pluginy. Ať už použiješ jakýkoliv editor, vždy se ujisti, že ukládáš svoje soubory s názvem, který končí ".html"— to je přípona souboru, která se používá pro všechny HTML stránky, aby se zajistilo, že editor i prohlížeč tyto soubory pozná.

Jednou z možností je použít nějaký editor online, podobný našemu ale s rozšířenou funkcionalitou. To je vhodné zvláště ve chvíli, kdy na svém počítači nemáš práva instalovat vlastní aplikace, anebo chceš používat stejný editor a nastavení na více různých počítačích. Mezi populární online editory patří JSBin, Repl.it, Glitch, a CodePen. Pokud používáš Chromebook, můžeš si nainstalovat webovou aplikaci, třeba Caret nebo Zed. Zde je videoukázka editace webové stránky v Cloud9:

Jinou možností je desktopový editor. Stáhneš si program/aplikaci na svůj počítač a nainstaluješ ji. Takových editorů je spousta, záleží na tvém operačním systému a na tom, zda za něj něco můžeš zaplatit. Populární jsou třeba Visual Studio Code, Atom, Sublime Text, Adobe Brackets a Notepad++ (poslední pouze pro Windows). Zde je videoukázka editace webové stránky v programu Sublime Text:

Třetí možností je použití editoru v příkazovém řádku. Pokud ještě nejsi obeznámen s příkazovým řádkem, tak tuhle možnost nejspíš nebudeš chtít použít, protože by ses toho musel nejdříve hodně naučit o příkazovém řádku. Na druhou stranu, pokud máš rád psaní a navigaci pomocí své klávesnice namísto myši, možná si nástroje příkazového řádku oblíbíš. Dva populární editory v příkazovém řádku jsou Emacs a Vim a jsou často již nainstalované na systémech založených na Unixu, jako je například Mac a Linux. Zde je videoukázka editace stránky použitím Vim:

Který z nich si vybrat? No, můžeš prozatím používat editor HTML/CSS zde na Khan Academy. Nakonec ale bude dobré ovládat alespoň jeden jiný editor. Můžeš zkusit několik různých editorů a vybrat ten, který se ti bude nejvíce líbit. Můžeš se taky poptat a zjistit, jaké editory používají tvoji přátelé a kolegové. Často je užitečné použít jakýkoliv editor, který je nejpopulárnější mezi vrstevníky, protože je pak můžeš požádat o pomoc.

Následující graf ukazuje, které editory využívají mí kolegové v Khan Academy. Někteří ale nepíší kód v HTML/CSS, takže jejich editor pro tebe nemusí být vhodný.

Pokud už nějaký editor využíváš, můžeš se podělit o své zkušenosti pod článkem v sekci Tipy. Pokud máš nějaký oblíbený plugin nebo nástroj v prohlížeči, napiš jej tam také, ostatním to může pomoci. 😊