Tworzenie stron poza Khan Academy

Zapewniamy edytor wbudowany w przeglądarkę tutaj na Khan Academy, aby ułatwić ci testowanie kodu HTML, otrzymywanie recenzji i uprościć dzielenie się twoją pracą.

Jednakże, nasz edytor nie pozwala na przetestowanie wszystkiego - po pierwsze, ze względów bezpieczeństwa, po drugie, ciężko stworzyć pełnowymiarowy edytor wbudowany w stronę internetową!

Gdy już nauczysz się HTML/CSS, prawdopodobnie zaczniesz tworzyć własne strony internetowe poza Khan Academy w zaawansowanym edytorze, który pozwoli ci na dodanie wielu plików, dodatkowych bibliotek i innych. Upewnij się, że zapisujesz pliki w formacie ".html" - to rozszerzenie strony HTML znane przez wszystkie edytory i przeglądarki internetowe.

Jedną z opcji jest korzystanie z edytora online, takie edytory są podobne do naszego, ale z reguły posiadają dodatkowe funkcjonalności. Edytory internetowe są dobrym rozwiązaniem, gdy korzystasz z komputera, który nie potrafi pobierać plików, lub jeśli chcesz korzystać z tego samego edytora na różnych komputerach. Popularne edytory online to: JSBin, Repl.it, Glitch i CodePen. Jeśli masz ChromeBook, możesz zainstalować jedną a aplikacji Chrome, taką jak Caret lub Zed. Poniżej film prezentujący pracę ze stroną w serwisie Cloud9:

Inną opcją jest korzystanie z edytorów posiadających nakładkę graficzną: aplikacji ściąganych i instalowanych na komputerze. Jest wiele edytorów dostępnych na rynku, wszystko zależy od platformy i ceny. Jedne z najpopularniejszych narzędzi to Visual Studio Code, Atom, Sublime Text, Adobe Brackets, czy Notepad++ (na Windowsy).Poniżej film w którym pracuję nad stroną w edytorze Sublime Text:

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 tymi edytorami, bo wymagają sporej wiedzy o środowisku tekstowym danej konsoli. Z drugiej strony, jeśli kochasz pracę wyłącznie za pomocą klawiatury być może zainteresuje cię ta kategoria. Istnieją dwa popularne edytory: Emacs i Vin, z reguły preinstalowane na systemach z rodziny Unix t.j. Mac i Linux. Poniżej film w którym pracuję nad stroną w Vim:

Który powinieneś wybrać? Cóż, w dalszym ciągu możesz korzystać z edytora HTML/CSS wbudowanego w Khan Academy. Z czasem powinieneś jednak poznać co najmniej jeden edytor. Możesz spróbować jak darmowe edytory się sprawują i który z nich najbardziej ci odpowiada. Możesz popytać wśród znajomych z jakich edytorów korzystają. Często dobrym rozwiązaniem jest korzystanie z edytora popularnego w twoim środowisku, bo więcej osób będzie w stanie ci pomóc.

Na przykład, na tym wykresie zaznaczono edytory używane przez moich kolegów w Khan Academy. Niektórzy z nich nie piszą kodów HTML/CSS, a więc edytory, których używają najchętniej mogą nie być dobrym wyborem dla Ciebie.

Jeśli to czytasz, lecz już używasz innego edytora do tworzenia stron internetowych, proszę podziel się z nami: czemu go używasz i co w nim lubisz? Skorzystaj z poniższej sekcji "Wskazówki i Podziękowania". Jeśli masz inną ulubioną wtyczkę lub narzędzia do tworzenia stron także się z nami podziel. Dzielenie się, to dbanie o innych 😊