Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

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

961 views

Published on

Published in: Technology

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

  1. 1. Признаки хорошего кода Что делает ваш код хорошим и почему его нужно делать таковым?
  2. 2. Свойства хорошего кода: 1. 2. 3. 4. Работоспособность Гибкость Скорость Поддержка
  3. 3. Работоспособность 1. Решает задачу клиента 2. Позволяет продать продукт 3. Сильный аргумент в споре 1. Не зависит от качества кода 2. Является необходимым минимумом
  4. 4. Гибкость 1. Наиболее важный признак хорошего кода 2. Баланс: простота или универсальность 3. Структура: модульность и гибкая основа 4. HTML: поиск простого решения 5. CSS: лучший подход на сегодня
  5. 5. Пример того, как могло бы быть <nav class=”nav-calendar”> <a class=”nav-calendar-item”>январь</a> <a class=”nav-calendar-item”>февраль</a> <a class=”nav-calendar-item”>март</a> ... </nav>
  6. 6. гибкая структура и планирование дальнейшего развития
  7. 7. Как должно быть <ul> <li class=”service”> <h2 class=”service-header”>Mental Training</h2> <p class=”service-text”><img src=”...”>... <a href=”...”></a></p> </li> … </ul>
  8. 8. .nav .item a {...}
  9. 9. Поддержка 1. 2. 3. 4. 5. Понять ближнего своего Верстаем по стандартам w3c Решение задачи важней технологий Используем теги по назначению Понятные названия классов
  10. 10. Скорость 1. сокращаем DOM 2. быстрые CSS-селекторы 3. оптимизируем изображения 4. сокращаем количество запросов 5. соблюдаем стандарты

×