Kódový editor

V knize doporučujeme používat Adobe Brackets, který je zdarma a odkaz na něj můžete nalézt na stránce Ke stažení (odkaz). Existují verze pro všechny systémy.

Zde je několik tipů pro používání Brackets

  1. Brackets automaticky obarvuje kód, aby zdůraznil, o jaký druh kódu se jedná. Když například píšete HTML kód, značky se zobrazí modře, atributy zeleně a jména souborů oranžově.
  2. Kliknutím na tlačítko Live Preview vpravo nahoře se stránka, na které pracujete, otevře v internetovém prohlížeči. Můžete měnit kód a okamžitě v prohlížeči vidět, k jakým změnám dojde. V současnosti Live Preview funguje jen s Google Chrome, a proto ho ke spuštění této funkce musíte mít nainstalovaný.
  3. Když v okně Brackets vyberete část kódu, zvýrazní se odpovídající úsek i v Live Preview. To se obzvláště hodí při programování CCS, protože tak uvidíte všechny části, na které se bude vztahovat.