V základu umí html, css a javascript, je snadné doinstalovat rozšíření pro php a další jazyky. Nabízím jej jako variantu k editorům, které jsou v repozitáři. Je potřeba mít Chrome, proto je součástí článku návod na jeho instalaci. Práce je podle mne rychlá a snadná, jedná se o plnohodnotný WYSIWYG editor. Program je kompletně lokalizován do češtiny.
Brackets je svobodný editor kódu pro úpravu vzhledu webu a jeho vývoj staví na špičkových webových technologiích jako jsou HTML, CSS a Javascript. Je dostupný pro Linux, Windows and Mac OS X. Tato aplikace byla původně vytvořena Adobe, ale nyní je udržována komunitou.
Domovská stránka projektu je http://brackets.io/. Editor Brackets instalujeme těmito příkazy:
| Příkazy terminálu: |
|---|
| sudo add-apt-repository ppa:webupd8team/brackets |
| sudo apt-get update |
| sudo apt-get install brackets |
Brackets přichází s velmi zajímavými vlastnostmi jako je rychlý editační mód (Ctrl + E), který přináší příslušný CSS pro vybraný tag v hlavním editoru nebo živé náhledy v prohlížeči – změny jsou přenášeny okamžitě do prohlížeče (pouze Chrome), a to bez nutnosti ukládání změn nebo aktualizace stránky (shlédněte video).
Mimoto Brackets pdporuje rozšíření pro přidání zvláštních funkcí – více než stovka rozšíření může být snadno instalována ve vestavěném správci doplňků.
Otevřel jsem složku se šablonou CSS, kliknul jsem v Brackets na soubor index.html, dal Soubor>Živý náhled, otevřel se mi náhled v Chrome, ten jsem si nechal na pozadí a začal jsem přepisovat kód. Náhled je skutečně živý, mění se okamžitě s přepisováním. Přejížděním myší se vám odhalují jednotlivé prvky: obrázky, barvy, jednodušší už si to opravdu neumím představit. Stabilní verzi prohlížeče Chrome instalujeme takto:
| Příkazy terminálu: |
|---|
| wget -q -O – https://dl-ssl.google.com/linux/linux_signing_key.pub | sudo apt-key add – |
| sudo sh -c ‚echo „deb http://dl.google.com/linux/chrome/deb/ stable main“ >> /etc/apt/sources.list.d/google.list‘ |
| sudo apt-get update |
| sudo apt-get install google-chrome-stable |
Cílem článku není někoho učit základy programování webu, ale nabídnout software pro naši platformu těm, kteří ho využijí. Je to věc svobodné volby toho, co chci používat.
*zhlédněte
Můj oblíbený editor HTML / CSS / PHP / JS je Codleobster IDE: http://www.codelobsteride.com