Вырабатываем правильные привычки веб-разработчика

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

Данная статья рассчитана на начинающих специалистов, но может заинтересовать всех, т. к. рассказывает о том, как создать правильные привычки веб-разработчиков.

Итак, правильная привычка № 1.

1. Следите за технологиями. КАК МОЖНО ЧАЩЕ!

Следить за технологиями – значит оставаться в курсе последних событий выбранной отрасли.

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

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

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

Подборка сайтов/форумов, которые стоят вашего внимания:

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

В интернете так легко потеряться и переключиться с одной темы на другую. Да, последняя статья о новом криптовалютном ICO крайне интересна… Но важна ли она именно вам? Не отвлекайтесь от главного.

2. Изучайте качественные сайты

Еще одними полезными привычками веб-разработчиков являются поиск и изучение качественных ресурсов. Ниже представлены подборки красивых сайтов, исходников и экспериментов с кодом:

Суть в том, чтобы не просто пролистать их и сказать: «Я так точно не смогу!».

Вы должны спросить себя: «А как бы сделал это я?» Постарайтесь разложить по полочкам все составляющие сайта. Новая технология, новая библиотека JavaScript, неизвестное свойство CSS? Мы живем в мире, в котором каждый день появляется что-то новое, и люди не могут угнаться за темпом развития технологий.

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

И это приводит нас к следующему пункту правильных привычек веб-разработчиков.

3. Учитесь у профессионалов

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

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

Важно понять одно: не бойтесь спрашивать о том, в чем, по вашему мнению, вы совсем не разбираетесь.

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

Еще один способ научиться у лучших – это просмотр (инспекция) кода.

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

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

4. НИКОГДА не забывайте комментировать код

Знаем-знаем, это вы слышали миллионы раз. Важность комментирования муссировалась в интернете, повторялась учителями, начальством...

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

Прекратите уже создавать очередные multiSuperTaskFunction().

// Я не знаю Рика
mySuperFunctionAddRemoveCreateEarth( $string, $purpose1, $bool) {
  $var1 = true;
  while($var1) {
   addNewHumans++;
  } else {
   heregoesnothing();

  }
}

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

/*
* Обработчик для создания системы планет
*/
Class Planet {

   public $name;

/*
   * Задайте имя предполагаемой планеты
   * @var STRING $new_name содержит только строку, чтобы назвать планету
   */
   function set_name(string $new_name) {
       $this->name = $new_name;
   }  
 
   /*
   * Функция доступа к имени планеты
   * возвращает STRING $this->name содержит только строку с именем 
   * планеты
   */
   function get_name() {        
      return $this->name;       
   }

}

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

5. Улучшайте собственный код. Рефакторинг в помощь.

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

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

«Рефакторинг кода – это контролируемый метод улучшения дизайна существующей базы кода. суть в применении серии преобразований, сохраняющих поведение. ИХ кумулятивный эффект значителен. Выполняя это небольшими шагами, вы уменьшаете риск введения ошибок»

Мартин Фаулер, Улучшение существующего кода.

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

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

Нестабильный кусок кода – это как Дамоклов меч, занесенный над головой.

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

Не торопитесь. Проведите работу над ошибками. Так вы избавите себя от лишнего стресса, головной боли и траты времени впустую.

6. Ошибайтесь

Эмм… серьезно?!

Да! Лучше всего учатся на своих ошибках. Когда ошибаются снова и снова. Поверьте, некоторые ошибки почти неизбежны. И это совершенно нормально.

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

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

Перевод статьи Antoine Lechenault:Useful tips to help you create good habits as a web developer

Другие статьи по теме:

ЛУЧШИЕ СТАТЬИ ПО ТЕМЕ