Написание кода сайта: 4 способа улучшить свой код в 2016 году

Написание кода сайта: 4 способа улучшить свой код в 2016 году

От автора: front-end разработчиков часто ставят между молотом и наковальней: они сталкиваются с постоянно изменяющимися технологиями и наборами инструментов и все время стремятся к уже знакомому комфорту и старым привычкам. Итак, в данной статье мы поговорим о написании кода сайта: 4 способа улучшить свой код в 2016 году.

Но если все оставить так, как есть, то не будет никакого прогресса. Ключевые моменты хорошей разработки постоянно отражаются на рабочем процессе: изменение привычек, что сдерживают нас, а также появление новых моделей поведения, ускоряющих процесс разработки и творчества. Именно по этой причине мы составили список из четырех способов, как улучшить рабочий процесс в 2016:

1. Проверяйте свой код

Линтинг – любой процесс проверки кода на целостность и возможные ошибки. В более широком смысле, проверенный код соответствует общепринятой совокупности объявлений имен, расстановке отступов и стилизации. Такой подход имеет большое значение при работе в команде – хорошо проверенным кодом легко делиться и интегрировать в другие программы. Также данный подход полезен, если вы работаете один: написание кода в последовательном порядке по принятому набору стандартов означает, что в прошлом была проделана огромная справочная работа.

Проверка может принимать разные формы:

Для HTML проверка это, скорее, валидация. Однако проверка может включать в себя соответствие общему принципу объявлений: к примеру, общий стандарт отступа во вкладках. Это может быть разрешение на использование семантической HTML5 разметки (теги main и figure), а не тегов div, или же использование правильного шрифта для основного текста.

С проверкой CSS все не так радужно; хорошая новость в том, что многие препроцессоры, такие как Sass, уже имеют встроенные средства проверки (или их можно интегрировать). CSS линтинг варьируется от проверки на правильность объявления (пара свойство/значение по отдельности, отступы строк, алфавитный порядок) до совместимости (проверка, каким свойствам до сих пор требуются вендорные префиксы в стилях); и сверху всего этого объявление стилей в ООП CSS системах разработки, таких как BEM.

Для JavaScript также есть мощные средства проверки — ESLint.

По началу такая новая привычка, как проверка кода, немного замедляет процесс разработки, однако данное вложение в скором времени окупается; основная задача добиться полной управляемости объявлением имен в коде и придерживаться данных стандартов.

2. Заведите дневник разработчика

Разработчики, как правило, настолько заняты кодом, что вся их работа за год воспринимается как должное. К сожалению, при таком подходе забывается часть уже пройденных вещей. Чтобы ничего не забывать, заведите журнал открытий, которые вы сделали во время разработки. Самый лучший способ это блог: таким образом вы делитесь своими наработками с сообществом. Многие разработчики не горят желанием писать блоги, так как написание хорошей статьи отнимает значительное количество времени, а также не все хотят публиковать свою работу. Но существует множество альтернатив: интересный код можно сохранять в gist или в простые платформы блоггинга типа CodePen.

Также бывает полезно записывать ошибки: сделанные допущения или то, что вас смутило. Когда чувствуете, что что-то не так, сразу записывайте это. Данный подход позволяет учиться на своих ошибках, а не загонять все «под ковер».

3. Вооружитесь стилевым гидом

Стилевые гиды для сайтов это установка внешнего вида и поведения всех компонентов сайта – по-настоящему стали популярны в прошлом году. Устоявшееся представление это гигантские тома по определенной дисциплине, которые падают с высоких полок на головы разработчиков. Однако на самом деле стилевые гиды уже преобразовались в живые, динамические цифровые документы, которые могут значительно ускорить процесс разработки, а также сделать страницы более цельными.

4. Заботьтесь о себе

Регулярные физические упражнения и здоровая диета, скажете вы, отвлекают от работы. На самом деле это инвестиции, усиливающие ваш организм, что позволяет писать более продуктивный код и работать дольше (если в этом есть необходимость).

Делайте регулярные перерывы. Пусть на вашем столе всегда будет здоровая еда, составляйте график упражнений, все это позволит держать ваше тело и разум в тонусе. Не важно, воспользуетесь ли вы этими советами или своими, необходимо менять привычный режим жизни для того, чтобы расти и развиваться.

Источник: http://thenewcode.com/

Редакция: Команда webformyself.

Верстка сайта для начинающих

Прямо сейчас научитесь верстать сайты с нуля.

Смотреть курс

Метки:

Комментарии Вконтакте:

Комментарии Facebook:

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Я не робот.

Spam Protection by WP-SpamFree