Główna zawartość
Programowanie
Kurs: Programowanie > Rozdział 4
Lekcja 8: Zaawansowanie narzędzia dla deweloperówKorzystanie 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>
.Edytory Online
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):
Edytory graficzne
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):
Edytory tekstowe
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):
Wybór edytora
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.
Chcesz dołączyć do dyskusji?
Na razie brak głosów w dyskusji