Frontendlab: Признаки хорошего кода - Роман Братченко
1 like1,080 views
Документ описывает признаки хорошего кода, обращая внимание на его свойства, такие как работоспособность, гибкость, скорость и поддержка. Он подчеркивает важность решения задач клиентов и использования стандартов в коде. Также приводятся примеры структурирования HTML и CSS для достижения лучшего результата.
Frontendlab: Признаки хорошего кода - Роман Братченко
- 1. Признаки хорошего кода Что делает ваш код хорошим и почему его нужно делать таковым?
- 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. соблюдаем стандарты