6 советов по созданию хорошего кода

Давайте рассмотрим несколько способов улучшить общее качество вашего кода.

1. Используйте модули

Один из лучших способов сделать код последовательным, читаемым и организованным, является использование функциональных групп. Например, вместо того что бы писать весь ваш JavaScript в один main.js файле, используйте группировку, разделяя на отдельные файлы, исходя из функциональности кода, и собирая эти файлы в один, только на финальной стадии разработки.

CSS препроцессоры, такие как Sass, позволяют писать отдельные файлы CSS, а затем объединять их в один основной файл при компиляции. Это позволяет писать отдельные файлы CSS для различных компонентов, таких как кнопки, списки, шрифты. В конце концов, они все будут включены в один файл, но используя эти файлы становится намного проще вносить изменения и поддерживать проект в дальнейшем.

Новые технологии, такие как Polymer позволяют писать костомные HTML элементы, так что HTML, CSS, JavaScript могут быть сгруппированы в отдельные компоненты на основе их функциональности. Убедитесь в этом рассмотрев Browserify, он позволяет использовать Node.js стили модулей в браузере.

2. Говоря о препроцессорах …

Препроцессоры не просто помогают вам с написанием модульного кода, они прекрасно подходят для других вещей! Препроцессоры добавят дополнительную функциональность в ваш код, в то время как на выходе будут те же HTML, CSS и Javascript файлы. Как правило, они требуют больше времени на установку и настройку, но это стоит того.

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

Вот наиболее распространенных препроцессоров для CSS, HTML и JavaScript: Sass, Haml и CoffeeScript соответственно.

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

3. Планируйте прежде чем программировать

Когда в последний раз, вы сидели и писали на бумаге как именно вы будете работать над проектом? Какие фреймворки вы планируете использовать, сколько браузеров поддерживать? В начале разработки, вы думаете, что вы точно знаете как и что должно работать, и только на полпути понимаете что вам нужно что то другое, и вы возвращаетесь в самое начало что бы переписать код.

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

4. Используйте контроль версий

Контроль версий это система, которая регистрирует изменения в файле или наборе файлов с течением времени, что позволяет нескольким пользователям редактировать и отслеживать изменения в проекте. Есть много таких систем которые позволяют использовать контроль версий, это Bitbucket, Assembla и GitHub.Самый популярный из них Github, так как он способствует социальному программированию, то есть люди могут делится кодом на Github, улучшая его и узнавая о коде добавленным другими пользователями.

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

5. Проверяйте код делясь им с другими

Это легче сделать, если вы работаете с командой разработчиков, и не трудно если вы работаете один. Основная идея проверки кода является представление кода написанного вами к группе коллег(или начальников), так что бы вы могли объяснить, что написали, научиться писать других лучше, и показать другим технологии которые вы использовали если они с ними не знакомы.

Это лучше всего делать еженедельно, с целью улучшения того что вы уже написали. Если вы не работаете в команде, или вы слишком антиобщественны, jslint и SCSSlint могут вам помочь. Эти инструменты будут проверять ваш код на ошибки, сохраняя при этом ваши файлы аккуратным и чистым.

6. Возьмите кодирования вызовы

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

CodeWars отлично подходит для улучшения ваших знаний в JavaScript, а для практического его применения вам поможет Codepen.

Вывод

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