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

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

1. Редактор для HTML: пишем код, чтобы было удобно

2. Как открыть пулл-реквест в Github и не облажаться

3. Комментируйте свои пулл-реквесты

4. Как оформлять коммиты, чтобы потом не было больно

5. Словарь терминов Git и GitHub

6. Искусство командной строки

7. Интерактивное обучение работе с ветками в Git

8. Коллекция часто задаваемых вопросов по Git

9. Основные команды для работы с Git и GitHub через консоль

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

1. Что происходит, когда пользователь вбивает в браузер адрес google.com

2. Принципы работы современных веб-браузеров

3. Комикс «как работает DNS»

4. Как зарегистрировать свой домен

5. Словарь терминов по фронтенду

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

1. Как отличить контентное изображение от декоративного
2. Как правильно написать alt-текст
3. Что лучше использовать: ссылки или кнопки

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

1. HTML Шорты: Зачем нужны заголовки
2. HTML Шорты: Секции в футере
3. HTML Шорты: Ссылки вокруг блоков
4. Как читать W3C-спецификации
5. HTML Шорты: W3C или WHATWG
6. Список того, что вы можете указать в HEAD
7. Фронтенд-разработчики должны быть в теме всего
8. Необходимый минимум для фронтенд-разработчика
9. БЭМ-методология: с чего всё начиналось и зачем это всё нужно
10. БЭМантика: пишите осмысленные стили без повторов
11. Почему Mobile First?
12. EditorConfig — порядок в текстовых файлах: принципы работы, интеграция в редакторы, автоматизация
13. Слова, часто используемые в CSS-классах
14. Генератор дерева на основе HTML-разметки — Инструмент генерирует дерево документа в виде вложенных списков и дополнительно выполняет простую проверку БЭМ-нотации и иерархии заголовков.
15. Культ кар­го CSS
16. Архитектура CSS

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

1. Обзор Visual Studio Code
2. Старт в Figma для верстальщика

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

1. Установка Node.js
2. Полезные команды для работы с Node.js
3. Начало работы с Node.js