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

Подробнее познакомимся с терминологией и особенностями работы 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