Frontendlab: Признаки хорошего кода - Роман Братченко

Post on 17-May-2015

449 views 1 download

Transcript of Frontendlab: Признаки хорошего кода - Роман Братченко

Признаки хорошего кода

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

Свойства хорошего кода:

1. Работоспособность2. Гибкость3. Скорость4. Поддержка

Работоспособность

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

1. Не зависит от качества кода2. Является необходимым минимумом

Гибкость

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

Пример того, как могло бы быть<nav class=”nav-calendar”>

<a class=”nav-calendar-item”>январь</a><a class=”nav-calendar-item”>февраль</a><a class=”nav-calendar-item”>март</a>...

</nav>

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

Как должно быть<ul>

<li class=”service”><h2 class=”service-header”>Mental Training</h2><p class=”service-text”><img src=”...”>... <a

href=”...”></a></p></li>…

</ul>

.nav .item a {...}

Поддержка

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

Скорость

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