Разбработване на уеб страници извън Кан Академия

Ние в Кан Академия ти осигуряваме редактор за код в браузъра, за да можеш да опитваш своя HTML код по-лесно, да получиш обратна връзка веднага и да споделиш своята работа.

Нашият редактор не ти позволява да опиташ всичко – от гледна точка на сигурност и защото е трудно да съхраняваш напълно функционален редактор на толкова малко пространство!

След като научиш HTML/CSS тук, вероятно ще искаш да започнеш да разработваш уеб страници с редактори с повече функции извън Кан Академия, които ще добавят функционалности като работа с няколко файла, търсене на файлове, плъгини. Увери се, че във всеки редактор, който използваш, запазваш файла си с разширение ".html" – това е разширението, което се използва за всички HTML страници, за да е сигурно, че редакторите и браузърите ще ги разпознаят.

Един вариант е да използваш онлайн редактор, подобен на нашия, но с допълнителни функции. Онлайн редактор може да ти е полезен, когато използваш компютър, който не ти позволява да теглиш приложения, или когато искаш да използваш един и същи редактор на няколко компютъра. Популяни онлайн редактори са JSBin, Repl.it, Glitch и CodePen. Ако използваш ChromeBook, можеш да инсталираш Chrome уеб приложение като Caret или Zed. Ето едно видео, в което редактирам уеб страница в Cloud9.

Друг вариант е да използваш десктоп редактор. Изтегляш си приложението на компютъра и запазваш файловете на хард драйва си. Има много десктоп редактори, от които можеш да избираш, в зависимост от операционната система и цената. Някои популярни десктоп редактори са Visual Studio Code, Atom, Sublime Text, Adobe Brackets и Notepad++ (за Windows). Ето един клип, в който редактирам страница в Sublime Text:

Трета опция е да използваш конзолен редактор. Ако още не познаваш конзолата, вероятно няма да избереш тази опция, защото първо ще трябва да научиш доста за самата конзола. От друга страна, ако обичаш да пишеш и да навигираш през клавиатурата вместо с мишката, може да се окаже, че предпочиташ инструментите на конзолата. Два популярни конзолни редактори са Emacs и Vim, а те често са инсталирани на Unix-базираните системи като Mac и Linux. Ето едно видео за редактиране на уеб страница през Vim:

Кой да избереш? Засега можеш да продължиш да използваш HTML/CSS редактора на Кан Академия. Накрая ще си харесаш поне един редактор. Можеш да опиташ няколко различни безплатни опции и да видиш коя ти харесва най-много. Можеш да разпиташ наоколо и да видиш какво използват твоите приятели и колеги. Често е полезно да използваш инструмент, който е популярен в твоята среда, защото така можеш да получиш повече помощ.

Например ето диаграма на редакторите, които използват колегите в Кан Академия. Някои от тях не пишат на HTML/CSS, така че техният любим редактор може да не е подходящ за теб.

Ако четеш това и използваш друг редактор за разработване на уеб страници, може да споделиш името му и защо ти харесва по-долу в Съвети. Ако имаш любими плъгини за редактор или инструменти за разработка в браузър, сподели и тях. Споделянето е грижа. 😊