ТОП-5 навыков и умений успешного веб-разработчика

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

Конечно, без технологических знаний никуда, но эти знания весьма специфичны. Некоторые из них постоянны – это киты веба: HTML, CSS, JavaScript, HTTP, базы данных. Некоторые меняются слишком быстро, как популярные JS-библиотеки. В каждом сезоне – новая мода, уследить за ними непросто.

Если вы незнакомы с основами, наши материалы помогут вам составить общее представление о мире веб-разработки:.

• TOP-8 компьютерных терминов для новичков;
• Супершпаргалка по верстке для веб-разработчика;
• 20 советов для написания современного CSS;
• Разбираем по косточкам компьютерные сети: HTTP, TCP, REST;
• Простыми словами: бэкенд, фронтенд и их взаимодействие;
• Платформа Node.js: руководство по эксплуатации.

Технологии появляются, исчезают, подбираются под конкретный проект, заменяют или дополняют друг друга. Успешные веб-разработчики обладают совершенно разными технологическими навыками, потому что работают с разными стеками.

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

Навык #1. Понимать пользователя

Почему это важно?

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

Чему учиться?

Проектированию

Начинать нужно уже на этапе проектирования приложения. Следует продумывать дизайн, наполнение и пользовательские пути еще до приступления к реализации.

UX

Пользовательский опыт – важнейший аспект продукта. Чем удобнее интерфейсы, тем довольнее клиенты.

Обращайте особое внимание на доступность для пользователей с ограниченными возможностями. Соблюдение требований доступности – великолепная практика, в некоторых странах поддерживаемая законом. Здесь вы можете проверить ваше приложение на соответствие стандартам "раздела 508".

Работая с ошибками системы, не показывайте пользователю непонятные технические сообщения, но при этом объясните ситуацию.

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

Полезные ссылки:

• Обзор WAI-ARIA;
• Книга Не заставляйте меня думать от гения юзабилити Стива Круга;
• MobiForge – полезные статьи для веб-разработчика.

SEO-оптимизации

Поисковые системы – необъятный источник клиентов, поэтому SEO нельзя пренебрегать. Правильно составленный robots.txt, карта сайта, грамотная перелинковка – важные условия успеха.

Полезные ссылки:

• JavaScript SEO;
• Google Webmaster Tools.

Аналитике

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

Собирать основные клиентские показатели помогают инструменты аналитики, такие как Google Analytics. Обязательно научитесь с ними работать.

Навык #2. Работать качественно

Почему это важно?

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

Чему учиться?

Тонкостям JavaScript и верстки

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

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

Полезные ссылки:

• Валидатор разметки W3C;
• Спецификации W3C;
• Чек-лист идеального сайта.

Тестированию

Проверять свой код с помощью тестов – самая лучшая практика программирования. 80% всего времени программист поддерживаете когда-то написанный код, поэтому пишите его как следует. Облегчить эту тяжелую работу помогут специальные библиотеки и фреймворки, например, Selenium.

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

Максимально автоматизируйте тестирование, ведь это не самый увлекательный на свете процесс. Возможно, вам пригодятся инструменты непрерывной интеграции вроде Jenkins со множеством полезных плагинов.

Полезные ссылки:

• Улучшаем свой скилл дебаггинга;
• 6 книг по тестированию ПО;
• Лучшие практики производительности от Yahoo;
• Google page speed – проверка оптимизации веб-страницы.

Git

Система контроля версий позволяет виртуозно управлять проектами любого размера. Благодаря организованности и надежности git (или аналогичной системы) вы можете создавать качественный продукт.

Полезные ссылки:

• Git-мастер
• Отладка кода с Git

Навык#3. Помнить о безопасности

Почему это важно?

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

Чему учиться?

Если вы всерьез подходите к обеспечению безопасности веб-приложений, ознакомьтесь с открытым проектом OWASP (Open Web Application Security Project)

Изучите различные виды атак и будьте в курсе новых уязвимостей:

• Межсайтовый скриптинг (XSS);
• Внедрение SQL-кода (SQL injection);
• Межсайтовая подделка запроса (CSRF);
• Кликджекинг;
• Hijacking.

Используйте лучшие практики веб-безопасности:

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

Полезные ссылки:

• Руководство по безопасности браузера Google.
• Руководство веб-хакера.

Навык #4. Держать руку на пульсе

Почему это важно?

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

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

Чему учиться?

Выбирать источники

Некоторые статьи, книги или видеоуроки стоят десятка других, но найти их нелегко.

Учитесь постоянно мониторить IT-сектор веба в поисках качественных материалов.

• Регулярно просматривайте новые статьи, выходящие на крупных порталах.
• Подпишитесь на интересные рассылки, это очень удобный способ получения информации.
• Слушайте подкасты, смотрите выступления профессионалов, скринкасты, мастер-классы.

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

Полезные ссылки:

• Путь JavaScript Middle: лучшие ресурсы для расширения знаний;
• Подборка YouTube-каналов по изучению PHP;
• Hackernoon;
• SmashingMagazine;
• FreeCodeCamp.

Взаимодействовать с разработчиками

Отвечайте на вопросы на StackOverflow, Github и прочих IT-форумах. Обобщение, систематизация, обоснование концепций помогут вам глубже разобраться в теме.

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

По мере возможностей посещайте конференции и митапы по вашей специальности. Можно даже выступить на них, рассказав о своем опыте.

Навык #5. Уметь отдыхать

Необычайно важный навык, о котором всегда забывают.

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

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

• Научитесь планировать свое время и расставлять приоритеты.
• Выполняйте сначала самые "горящие" задачи.
• Переложите рутинную работу на машину, вы ведь программист!
• Помните о правиле 80/20, перестаньте совершать времязатратные, но неэффективные действия.
• Будьте "ленивым" работником – делайте так, чтобы не нужно было переделывать.

А какие навыки вы считаете самыми важными для веб-разработчика? Делитесь своими ТОП-5 в комментариях.