Główna zawartość
Programowanie
Kurs: Programowanie > Rozdział 2
Lekcja 5: Narzędzia webdeveloperskieTworzenie 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.
Edytory Online
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:
Edytory graficzne
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:
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 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:
Wybór edytora
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 😊
Chcesz dołączyć do dyskusji?
- Osobiście polecam kED, prosty i niewielki, też daje radę podobnie jak Brackets.(2 głosy)
- Pewnie to wynika z faktu, że kurs jest dosyć dawno opracowany, ale nie widzę tu Visual Studio Code od Microsoftu. Moim zdaniem to warty polecenia edytor wspierający wszystkie popularne języki stosowane w projektowaniu stron i aplikacji internetowych.(2 głosy)
- Od zawsze korzytałem z N++, moim zdaniem najlepszy(2 głosy)
- Bardzo polecam VS Code. Inteligentny, ładny i funkcjonalny(1 głos)
- VSCode bardzo fajny do pracy(1 głos)
- dziekuje za wspanialy artykuł(1 głos)
- Korzystam z Chromebooka i okazuje się, że na mój laptop już są edytory. Ja polecam Caret, z którego korzystam. Wszystko działa jeśli chodzi o HTML/CSS. Robiłam na nim dość zaawansowane rzeczy i daje radę, ma duży zakres opcji oprócz samego HTML i CSS. Można w nim również pisać w innych językach i w JavaScript. Polecam(0 głosów)
- Myśłe ze dobrym edytorem będzie notepad++(0 głosów)
- Czy do języka CSS możemy dodać język mysql?(0 głosów)
- jeszcze przed Khanacademy pierwsze kroki stawiałem na Bracketsie. Polecam i po przejsciu kursu wracam do niego.(0 głosów)