# Дополнительные материалы

Подробнее познакомимся с терминологией и особенностями работы Git, а также научимся создавать понятные всем участникам команды пулреквесты и коммиты.

1. [Редактор для HTML: пишем код, чтобы было удобно](https://htmlacademy.ru/blog/html/how-to-run-html)
2. [Как открыть пулл-реквест в Github и не облажаться](https://isqua.ru/blog/2017/04/12/kak-otkryt-pull-riekviest-v-github-i-nie-oblazhatsia/)
3. [Комментируйте свои пулл-реквесты](https://isqua.ru/blog/2017/04/13/kommientiruitie-svoi-pull-riekviesty/)
4. [Как оформлять коммиты, чтобы потом не было больно](https://habr.com/ru/companies/Voximplant/articles/276695/)
5. [Словарь терминов Git и GitHub](https://github.com/web-standards-ru/dictionary/blob/main/git.md)
6. [Искусство командной строки](https://github.com/jlevy/the-art-of-command-line/blob/master/README-ru.md)
7. [Интерактивное обучение работе с ветками в Git](https://learngitbranching.js.org/?locale=ru_RU)
8. [Коллекция часто задаваемых вопросов по Git](http://firstaidgit.ru/#/)
9. [Основные команды для работы с Git и GitHub через консоль](https://github.com/i1kazantsev/dev-helper/tree/master/cmdline/git)

Общая информация о том, как работает интернет и браузеры, и о том, что нужно сделать, чтобы ваш сайт появился в интернете.

1. [Что происходит, когда пользователь вбивает в браузер адрес google.com](https://htmlacademy.ru/blog/js/brauzer-google)
2. [Принципы работы современных веб-браузеров](https://web.dev/articles/howbrowserswork?hl=ru)
3. [Комикс «как работает DNS»](https://howdns.works/ep1/)
4. [Как зарегистрировать свой домен](https://htmlacademy.ru/blog/soft/how-to-register-domain)
5. [Словарь терминов по фронтенду](https://github.com/web-standards-ru/dictionary/blob/main/dictionary.md)

При разметке важно отличать контентные и декоративные изображения, прописывать хороший альтернативный текст, а так же уметь отличать кнопки от ссылок.

1. [Как отличить контентное изображение от декоративного](https://htmlacademy.ru/blog/html/content-or-decor-img)
2. [Как правильно написать alt-текст](https://htmlacademy.ru/blog/html/alt-text)
3. [Что лучше использовать: ссылки или кнопки](https://htmlacademy.ru/blog/html/links-or-buttons)

Дополнительные материалы:

1. [HTML Шорты: Зачем нужны заголовки](https://htmlacademy.ru/blog/html/short-7)
2. [HTML Шорты: Секции в футере](https://htmlacademy.ru/blog/html/short-3)
3. [HTML Шорты: Ссылки вокруг блоков](https://htmlacademy.ru/blog/html/short-1)
4. [Как читать W3C-спецификации](https://css-live.ru/articles/kak-chitat-w3c-specifikacii.html)
5. [HTML Шорты: W3C или WHATWG](https://htmlacademy.ru/blog/html/short-11)
6. [Список того, что вы можете указать в HEAD](https://html-head.ru/)
7. [Фронтенд-разработчики должны быть в теме всего](https://habr.com/ru/articles/306716/)
8. [Необходимый минимум для фронтенд-разработчика](https://github.com/FrontenderMagazine/a-baseline-for-front-end-developers/blob/master/rus.md)
9. [БЭМ-методология: с чего всё начиналось и зачем это всё нужно](https://habr.com/ru/companies/yandex/articles/276035/)
10. [БЭМантика: пишите осмысленные стили без повторов](https://css-live.ru/articles/bemantika-pishite-osmyslennye-stili-bez-povtorov.html)
11. [Почему Mobile First?](https://habr.com/ru/articles/269419/)
12. [EditorConfig — порядок в текстовых файлах: принципы работы, интеграция в редакторы, автоматизация](https://www.youtube.com/watch?v=wWbDC1C7JEE)
13. [Слова, часто используемые в CSS-классах](https://github.com/yoksel/common-words)
14. [Генератор дерева на основе HTML-разметки](https://yoksel.github.io/html-tree/) — Инструмент генерирует дерево документа в виде вложенных списков и дополнительно выполняет простую проверку БЭМ-нотации и иерархии заголовков.
15. [Культ кар­го CSS](https://web-standards.ru/articles/cargo-cult-css/)
16. [Архитектура CSS](https://web-standards.ru/articles/css-architecture/)

Инструменты веб-разработчика:

1. [Обзор Visual Studio Code](https://htmlacademy.ru/blog/soft/vscode)
2. [Старт в Figma для верстальщика](https://htmlacademy.ru/blog/soft/figma)

На продвинутом курсе при работе с проектом используются Node.js и npm, как на настоящей работе. С их помощью вы сможете установить вспомогательные инструменты, которые позволят писать код аккуратнее и быстрее.

1. [Установка Node.js](https://up.htmlacademy.ru/adaptive/29/prepare/item/10)
2. [Полезные команды для работы с Node.js](https://up.htmlacademy.ru/adaptive/29/prepare/item/11)
3. [Начало работы с Node.js](https://up.htmlacademy.ru/adaptive/29/prepare/item/12)
