Korzystanie z innych edytorów kodu

Teraz kiedy już widziałeś jak programować strony internetowe poza Khan Academy z pomocą ProcessingJS, jesteś już gotowy do eksperymentowania z innymi edytorami kodu - oczywiście, jeśli tylko chcesz.

Jakiegokolwiek edytora użyjesz, pamiętaj aby zapisywać swoje pliki z rozszerzeniem ".html" — takiego rozszerzenia używa się dla stron HTML, by zarówno przeglądarka jak i edytory kodu rozpoznały zawartość pliku. Jeśli chcesz oddzielić swój kod JavaScript od strony HTML (co gorąco polecam: separacja struktury od kodu JS), wtedy zapisz plik z rozszerzeniem ".js" i umieść do niego wskazanie w kodzie HTML w tagu <script>.

Jedną z możliwości jest użycie webowego edytora kodu, podobnego do naszego lecz z dodatkowymi funkcjonalnościami. Możesz chcieć rozważyć użycie webowego edytora, jeśli masz komputer który nie pozwala na ściągnięcie aplikacji lub gdy chcesz używać tego samego edytora z różnych komputerów. Popularnymi edytorami webowymi są JSBin, Glitch, czy Repl.it. Jeśli korzystasz z komputera marki ChromeBook możesz zainstalować dodatek do przeglądarki chrome: Caret lub Zed

Poniżej jest film na którym edytuję stronę internetową w Cloud9 (z naszego kursu tworzenia stron internetowych):

Inną opcją jest użycie lokalnego edytora. Aplikacja jest ściągana na twój komputer i pliki są zapisywane na twój lokalny dysk twardy. W zależności od systemu operacyjnego i ceny masz do wyboru szeroki wachlarz edytorów. Niektóre popularne edytory to (dla Windows): Notepad++, czy działające na różnych systemach operacyjnych: Atom, Sublime Text, Adobe Brackets, czy Visual Studio Code.

Tu jest film na którym edytuje stronę internetową w Sublime Text (z naszego kursu tworzenia stron internetowych):

Trzecią opcją jest korzystanie z edytora w wierszu poleceń. Jeśli nie pracowałeś nigdy z wierszem poleceń prawdopodobnie nie będziesz chciał pracować z tego typu edytorami, bo wymagają sporej wiedzy i obycia w środowisku tekstowym danej konsoli. Z drugiej strony, jeśli kochasz pracę wyłącznie za pomocą klawiatury być może pokochasz także edytory pracujące w wierszu poleceń. Istnieją dwa popularne edytory: Emacs i Vim. Z reguły są już zainstalowane na systemach z rodziny Unix tj. Mac i Linux.

Poniżej jest film na którym edytuję stronę internetową w Vim (z naszego kursu tworzenia stron internetowych):

Którego używać? Oczywiście teraz możesz pozostać przy korzystaniu z edytora na Khan Academy. Jednakże możesz w końcu zdecydować się nauczyć komfortowo posługiwać jakimś innym edytorem. Bardzo pomaga programistom zapoznanie się z kilkoma edytorami, ponieważ możesz być zmuszony używać jakiegoś edytora na zajęciach w szkole, albo w pracy.

Możesz wypróbować kilku różnych darmowych opcji by rozeznać się która z nich najbardziej ci się spodoba. Możesz również spytać znajomych, przyjaciół i kolegów ze szkoły z których edytorów oni korzystają. Często warto korzystać z tych narzędzi z których korzystają rówieśnicy, bo wtedy w razie potrzeby możesz prosić ich o pomoc.

Na przykład, tu jest wykres przedstawiający preferencje moich kolegów z Khan Academy:

Jeśli czytasz to, ale już już używasz innego edytora możesz się tym podzielić wpisując komentarz w poniższej sekcji wskazówki. Co więcej podziel się z innymi wskazówkami tworzenia programów z użyciem ProcessingJS w twoim ulubionym edytorze.