10 правил продуктивности веб-разработчика

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

1. Используйте готовые фреймворки

Хорошие фреймворки:

1. это грамотные решения основных проблем веб-проектирования (сюда входят и стандартные макеты страниц, и функции для работы с веб-формами, и исправления совместимости с браузерами);
2. уже протестированы другими веб-разработчиками на предмет ошибок, безопасности и целевой аудитории;
3. делают повторное использование кода проще из-за постоянного API(набора готовых классов, процедур, функций, структур и констант, предоставляемых библиотекой для использования во внешних программных продуктах.);
4. имеют специальные расширения и инструменты, которые значительно повышают эффективность веб-разработки;
5. кроме всего прочего представляют собой передовой опыт, какие-то сложнейшие структуры, в которые разработчику можно даже не вникать – просто брать и использовать;
6. имеют сообщество разработчиков и пользователей, к которым Вы можете обратиться за помощью или для совместной работы;
7. для начинающих проще в использовании, чем разработка с нуля;

Все вышеперечисленные пункты значительно сэкономят Вам время на разработку и улучшат качество выполняемой Вами работы.

Существует множество типов фреймворков, которые Вы можете использовать:

• полноценные веб-приложения (такие как Ruby and Rails или CakePHP); или такие JavaScript фреймворки как jQuery, MooTools и многие другие;
• если Вам надо как можно быстрее создать хороший макет станицы, то можете использовать CSS фреймворк (к примеру Toast) или такие готовые макеты, как 960 Grid System.
• если Вам надо быстро создать и внедрить системы управления контентом, то тут помогут специализированные фреймворки, такие как Drupal;
• также существуют фреймворки для мобильных веб-приложений;

Но будьте внимательны, готовые фреймворки содержат большое количество функций, которые Вам скорее всего не потребуются. Чем они могут помешать? Они будут  замедлять загрузку сайта и производительность. Так что в лишний раз подумайте, что Вам дороже: выгода от использования подобных фреймворков или же затраты на его использование.

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

2. Создайте библиотеку из фрагментов кода

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

Конечно, Вы можете по старинке сохранять текстовые файлы с кодами на жестком диске Вашего компьютера. Но есть и более продвинутая технология: редактор исходного кода, который позволяет сохранять фрагменты кода. К примеру в Notepad++ есть специальный плагин, который так и называется SnippetPlus; в Dreamweaver есть встроенная Snippets-панель, которая дает возможность использовать уже готовые «расфасованные» фрагменты кода.

Еще возможен такой вариант: использовать snippet-инструмент, такой как Snippet или Snipplr. У него есть одна замечательная особенность: с помощью него можно создать индивидуальное хранилище кода для более полного контроля за исходным кодом. Получается, что фактически  Вы можете вернуться к более старым версиям кода, посмотреть с чего Вы начинали.

Перед тем как выбрать наиболее удобный для себя инструмент сохранения фрагментов кода убедитесь в том, что инструмент обладает:

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

Не забывайте о регулярной проверке, улучшении и обновлении существующих фрагментов.

3. Используйте правильные инструменты

Убедитесь, что точно знаете:

• чем пользуетесь при разработке;
• правильно ли Вы этим инструментом пользуетесь;

К примеру, если Вы занимаетесь непосредственно разработкой дизайна, то Вам вероятнее всего понадобится Photoshop и Illustrator. Если же Вы – разработчик, тогда Ваши инструменты – приложения для веб-разработчика. Да, не забывайте, что программные средства разделяются на две группы: для профессионалов и любителей. Используйте только лицензионный софт, который можно приобрести, например, на https://softmonstr.ru/.

Главное помните, инструмент должен помочь Вам сделать задуманное как можно быстрее.

4. Коллекционируйте и структурируйте ресурсы бесплатных дизайнов

Возможно, Вы заметили, что на просторах Интернета существует множество сайтов, которые бесплатно делятся своими ресурсами. Пользуйтесь ими и в итоге соберете неплохую коллекцию иконок, PSD-шаблонов, векторных изображений, кнопок,  элементов GUI, кистей Photoshop и т.д.

5. Работайте мало, но продуктивно

Занимайтесь разработкой 10-20 минут, потом на длительное время переключитесь на что-то другое и в итоге вернитесь к начатому. Тем самым Вы будете всегда смотреть на разработку свежим взглядом, лишний раз не перегружая свой мозг. Не работайте над чем-то часами: помните, что с течением времени производительность труда падает.

6. Притормозите

Самое главное в предыдущем пункте – уметь вовремя останавливаться. Жизненно необходимо давать мозгу отдыхать. Причем лучше сменить обстановку – выйти на улицу, размяться или (если Вы работаете дома) сходить перекусить на кухню. Только не надо четко регламентировать время работы и отдыха – смотрите по себе.

7. Не переставайте учиться

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

8. Не загадывайте на будущее

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

9. Не бегите вперед паровоза

Да, много планировать – плохо, не планировать совсем – еще хуже. Старайтесь найти золотую середину. Перед тем, как начинать работу над проектом четко узнайте то, что требуется конкретно от Вас. Если дело касается разработки сайта, то у клиента прежде всего нужно узнать:

• цветовую гамму сайта;
• его цель;
• наличие контента или возможность его обеспечить;
• наличие каких-то наработок.

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

10. Не усложняйте

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

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