Jeśli widzisz tę wiadomość oznacza to, że mamy problemy z załadowaniem zewnętrznych materiałów na naszej stronie internetowej.

If you're behind a web filter, please make sure that the domains *.kastatic.org and *.kasandbox.org are unblocked.

Główna zawartość

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>.

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):
Filmy wideo na Khan Academy
Editing a webpage in an online editorZobacz transkrypcję filmu

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):
Filmy wideo na Khan Academy
Editing webpages in a desktop editorZobacz transkrypcję filmu

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):
Filmy wideo na Khan Academy
Editing a webpage from a command line editorZobacz transkrypcję filmu

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:
Wyniki ostatniej ankiety z czerwca 2018. Preferencję edytorów często się zmieniają.
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
Rozumiesz angielski? Kliknij tutaj, aby zobaczyć więcej dyskusji na angielskiej wersji strony Khan Academy.