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

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

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

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

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

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

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

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

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

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

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

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

  • Collectives by Codrops
  • Hackernoon
  • SmashingMagazine
  • FreeCodeCamp
  • CodyHouse
  • Twitter
  • Web Fundamentals by Google

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

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

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

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

  • Awwwards
  • CSS Design Awards
  • FWA
  • Codepen

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

// I don’t know Rick
mySuperFunctionAddRemoveCreateEarth( $string, $purpose1, $bool) {
  $var1 = true;
  while($var1) {
   addNewHumans++;
  } else {
   heregoesnothing();

  }
}

12345678910 // I don’t know RickmySuperFunctionAddRemoveCreateEarth( $string, $purpose1, $bool) {  $var1 = true;  while($var1) {   addNewHumans++;  } else {   heregoesnothing();   }}

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

/*
* Handler to create the planet system
*/
Class Planet {

   public $name;

/*
   * Set the name of the instancied planet
   * <a href=»http://twitter.com/var»>@var</a> STRING $new_name Contain only a string to name the planet
   */
   function set_name(string $new_name) {
       $this-&gt;name = $new_name;
   } 
 
   /*
   * Function to access the name of the planet
   * <a href=»http://twitter.com/var»>r</a>eturn STRING $this-&gt;name Contain only a string with the name
   * of the planet
   */
   function get_name() {       
      return $this-&gt;name;      
   }

}

12345678910111213141516171819202122232425 /** Handler to create the planet system*/Class Planet {    public $name; /*   * Set the name of the instancied planet   * <a href=»http://twitter.com/var»>@var</a> STRING $new_name Contain only a string to name the planet   */   function set_name(string $new_name) {       $this-&gt;name = $new_name;   }      /*   * Function to access the name of the planet   * <a href=»http://twitter.com/var»>r</a>eturn STRING $this-&gt;name Contain only a string with the name    * of the planet   */   function get_name() {              return $this-&gt;name;          } }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • Развитие в IT: 12 полезных привычек и 1 плохая
  • 6 полезных привычек, которые научат программировать
  • 35 вредных привычек разработчиков

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

Просмотров:

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

Adblock
detector