Изучаем один из по популярных редакторов кода для сайтов и приложений - Sublime Text. Скачать его можно с официального сайта. Сайт на английском, кнопка скачивания есть на главной странице - она должна автоматически определить какая у вас система стоит на компьютере - мне она предложила установить на mac. Также есть кнопка в меню - Download

Sublime Text 3 скачивается к вам на компьютер и устанавливается стандартно. После установки запустите Sublime.

Прежде всего настроим Sublime Text для работы с сайтом, установим плагины:

Программа аналог - Brackets - у нее есть лайв просмотр всех изменений. Раньше мы использовали для работы с кодом: Dreamweaver, Блокнот (стандартная программа на Windows), Notepad++

Плагины для установки на Sublime: Emmet, AutoFileName, BracketHighlighter
Sublime настроен - силу плагинов мы поймем уже на этапе работы с HTML и CSS кодом. А теперь давайте рассмотрим работу с файлами в Sublime Text, создадим свои первый файлы, просмотрим их на своем компьютере, загрузим на сервер на сайт.

(не забывайте включать качество 720 в ютубе, чтобы лучше видеть мелкий код)

Upd: На Windows, чтобы открыть папку воспользуйтесь меню File->Open Folder

Что такое горячие клавиши - это сочетание клавиш на вашей клавиатуре, которые сильно ускоряют Вашу работу. Для простоты использования - зажимаете первую кнопку, держите ее, зажимаете следующую и так далее - пытаться нажать одновременно все 2 или 3 клавиши не нужно.

Ctrl+N - создать новый файл
Ctrl+O - открыть файл или папку
Ctrl+S - сохранить
Ctrl+Alt+S - сохранить все файлы
Ctrl+F - поиск
Ctrl+Shift+F - искать и заменять во всех файлах
Ctrl+W - закрытие вкладки
Alt+Tab - переход между открытыми программами на компьютере