Вырабатываем правильные привычки веб-разработчика
В данной статье рассматриваем правильные привычки веб-разработчика, которые помогут начинающим специалистам побыстрее освоиться в профессии.
Данная статья рассчитана на начинающих специалистов, но может заинтересовать всех, т. к. рассказывает о том, как создать правильные привычки веб-разработчиков.
Итак, правильная привычка № 1.
1. Следите за технологиями. КАК МОЖНО ЧАЩЕ!
Следить за технологиями – значит оставаться в курсе последних событий выбранной отрасли.
Добавить тут особо нечего. Быть в курсе последних новостей и читать профильные материалы – это наиболее важные привычки веб-разработчика, позволяющие научиться чему-то новому. Даже если вы не поймете всех нюансов или не научитесь выполнять трюки, заявленные в статье, то, по крайней мере, будете знать, что такие вещи существуют. И это главное.
Сейчас в вашем распоряжении есть множество онлайн-сервисов и инструментов. Пользуйтесь ими – это первоисточник информации и новых идей, доступных на ежедневной, еженедельной или ежемесячной основе.
Инструменты по типу Netvibes помогают сэкономить время – вы мониторите все технологические новшества в одном месте. Плюс рекомендуем следить за новостями по выбранной теме, к примеру, только по понедельникам и вторникам, а не каждый день.
Подборка сайтов/форумов, которые стоят вашего внимания:
- Collectives by Codrops
- Hackernoon
- SmashingMagazine
- FreeCodeCamp
- CodyHouse
- Web Fundamentals by Google
При использовании средств для мониторинга контента старайтесь уделять внимание только тому, что напрямую связано с желаемыми навыками.
В интернете так легко потеряться и переключиться с одной темы на другую. Да, последняя статья о новом криптовалютном 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