Документ описывает признаки хорошего кода, обращая внимание на его свойства, такие как работоспособность, гибкость, скорость и поддержка. Он подчеркивает важность решения задач клиентов и использования стандартов в коде. Также приводятся примеры структурирования HTML и CSS для достижения лучшего результата.

1. Признаки
хорошего кода
Что делает ваш код хорошим и почему
его нужно делать таковым?

2. Свойства хорошего кода:
1.
2.
3.
4.
Работоспособность
Гибкость
Скорость
Поддержка

3. Работоспособность
1. Решает задачу клиента
2. Позволяет продать продукт
3. Сильный аргумент в споре
1. Не зависит от качества кода
2. Является необходимым минимумом

4. Гибкость
1. Наиболее важный признак хорошего кода
2. Баланс: простота или универсальность
3. Структура: модульность и гибкая основа
4. HTML: поиск простого решения
5. CSS: лучший подход на сегодня

7. Пример того, как могло бы быть
<nav class=”nav-calendar”>
<a class=”nav-calendar-item”>январь</a>
<a class=”nav-calendar-item”>февраль</a>
<a class=”nav-calendar-item”>март</a>
...
</nav>

8. гибкая структура и планирование дальнейшего развития

10. Как должно быть
<ul>
<li class=”service”>
<h2 class=”service-header”>Mental Training</h2>
<p class=”service-text”><img src=”...”>... <a
href=”...”></a></p>
</li>
…
</ul>

11. .nav .item a {...}

12. Поддержка
1.
2.
3.
4.
5.
Понять ближнего своего
Верстаем по стандартам w3c
Решение задачи важней технологий
Используем теги по назначению
Понятные названия классов

13. Скорость
1. сокращаем DOM
2. быстрые CSS-селекторы
3. оптимизируем изображения
4. сокращаем количество запросов
5. соблюдаем стандарты