Senior frontend developer перевод: Что должен уметь фронтенд-разработчик / Нетология corporate blog / Habr – Что должен знать senior frontend developer? — Хабр Q&A

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

1. Мы не хотим прожить жизнь с клеймом «некомпетентный сотрудник».
2. Мы хотим, чтобы нас уважали коллеги.
3. Мы хотим чувствовать себя умными и совершенными.
4. Мы хотим быть ценными в своей отрасли.

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

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

Задайтесь вопросом: насколько большой вклад вы привносите в свою компанию / стартап / бизнес? Старший программист может навести порядок в команде, использовать свой опыт для получения реальной выгоды и успешного взаимодействия заинтересованных сторон.

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

Главное правило – не стоять на месте. Не нужно зацикливаться на чем-то одном: расширяйте спектр возможностей, изучайте языки, СУБД, IDE, фреймворки, знакомьтесь с принципиально новыми подходами в области программирования, ведь кто знает, чем будут заниматься те же специалисты по машинному обучению через 5 лет? Все меняется, и нужно осваивать умения, позволяющие быстро адаптироваться в новых условиях.

1. Технические навыки

Старшие разработчики используют очень много «Почему» в понимании технологий:

• Почему есть эта проблема?
• Почему существует структура?
• Почему следует использовать именно такое решение?

Как программист, вы должны обладать хорошим представлением обо всех инструментах и идеях, которые могут принести пользу жизненному циклу разработки, а также выбрать инструменты, имеющие наибольший вес в рамках конкретного проекта. Senior Developer всегда задается вопросом: «Что и как можно изменить, чтобы сделать продукт лучше?»

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

Хороший пример mind mapping для JavaScript-программистов:

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

Если ваша специальность никак не связана с компьютерами, начните с изучения структур данных, алгоритмов и других основ. Зачем? Хоть технологии и меняются, базис остается прежним. Новичкам подойдет книга «Алгоритмы. Вводный курс». Хорошим вариантом для тех, кто знает основы, станет книга «Алгоритмические трюки для программистов», а вот профессионалы обязательно оценят «Алгоритмы. Построение и анализ».

Не обходите стороной и подкасты вроде Software Engineering Daily: они позволят вам оставаться в курсе текущих проблем и будущих перспектив всей отрасли.

2. Командные навыки

Данный аспект часто упускается из виду. Как вы работаете со своей командой? Относитесь ли вы к категории дерзких и упрямых, или же проявляете внимательность, охотно сотрудничаете и всячески поощряете членов команды? Senior Developer никому ничего не доказывает. Ему и не нужно: он сразу пишет чистый упрощенный код, а не такой, который  будет выглядеть демонстративным, но совершенно нечитабельным в глазах других программистов. Старший разработчик готов помогать другим и отвечать на все вопросы.

Социальная психология – важный инструмент, и книга «Как завоевывать друзей и оказывать влияние на людей» определенно должна занять вашу книжную полку.

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

3. Навыки клиента/пользователя

Могут ли клиенты или пользователи быть вами услышаны? Когда они что-то предлагают, вы понимаете, с какими проблемами они сталкиваются? Старший разработчик – это также внимательный слушатель, который может предложить дельные советы по решению проблем. Senior Developer отлично справляется с формированием отношений. Он понимает, что обе стороны, – и  клиент, и разработчик, – выигрывают от продуктивного взаимодействия. Прочитайте «Психологию влияния» для улучшения этого навыка.

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

4. Навыки роста

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

Senior Developer не скажет «О, я ненавижу эту библиотеку!». Большинство людей говорят это лишь потому, что не понимают чего-то до конца. Например, не говорите: «Я ненавижу jQuery. Только плохие разработчики все еще используют jQuery». Старший разработчик скажет, что «jQuery сыграл важную роль в развитии Интернета и популярности JavaScript», и он будет прав, ведь действительно разобрался в данном вопросе.

5. Навыки собеседований

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

6. Навыки сообщества

Старшие разработчики вносят огромный вклад в сообщество программистов. Это могут быть и технические переговоры, и выступления, и написание статей. Senior Developer активно обменивается информацией с представителями отрасли. Такие люди не закрываются в ящике только своего рабочего пространства: они выходят и общаются с людьми в других кругах, что позволяет им расширять горизонты. Это похоже на путешествие: чем больше культур вы встречаете, тем больше сходств и различий между людьми вы видите и просто начинаете ценить эту непохожесть.

Развивайте эти навыки, но помните: вам должно нравиться то, что вы делаете. Если вы не находите интересным каждый день изучать информатику и разработку программного обеспечения, вы никогда не станете старшим разработчиком, потому что у вас не будет искреннего стремления совершенствоваться. Если вы когда-либо читали книгу «Хватит мечтать, займись делом!», то понимаете, что страсть к работе должна быть чрезмерной.

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

Новичкам без опыта во Frontend очень сложно найти работу, а как дела обстоят у опытных Senior Developers?

Что 4 года назад не понимал программистов, что сейчас.

Требуется «Senior frontend developer» — Хабр Карьера

Хантфлоу — главный инструмент работы рекрутеров в СНГ. Здесь они ведут базу резюме, историю работы, обсуждают резюме с коллегами, переписываются с кандидатами и делают отчеты. В Хантфлоу ведут подбор крупнейшие компании — Mail.Ru Group, Avito, Leroy Merlin, Selectel и многие другие.

Это, возможно, самый сложный сервис, над которым вам придется работать. У нас 400 b2b-клиентов и более 10 000 пользователей — и при этом всего 2 суппорт-инженера. Мы смогли добиться этого, благодаря высоким требованиям к качеству кода.

В Хантфлоу не просто SPA. У нас сложный интерфейс: на одном экране обрабатываются несколько уровней логической и сущностной вложенности. В Хантфлоу нет разделов с разными сущностями — 99% задач происходит без перезагрузки страницы в одном интерфейсе.

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

Сейчас мы переезжаем с Backbone на Vue.JS, потому что следить за актуальным состоянием интерфейса стало слишком сложной задачей.

——

ПРОЦЕСС РАБОТЫ В ХАНТФЛОУ
Оба сооснователя Хантфлоу из разработки (дизайнер и программист), поэтому ежедневная работа, от которой не тошно — наша высшая ценность.

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

Мы делаем 3-5 релизов в неделю: не дожидаемся окончания спринта, а мерджим и релизим клиентам фичи сразу же после разработки, ревью и тестирования.

Мы ведем разработку на Гитхабе, а задачи трекаем в Джире. У нас внедрен CI (TeamCity/Jenkins), который позволяет прогонять независимые тесты для каждой ветки и поднимать тестовый стенд для каждой фичи, не блокируя тестирование соседних фич.

Для постановки большинства задач дизайнеру в Хантфлоу достаточно подробной формулировки. Например: «Наш обычный дропдаун с этим текстом и второстепенной кнопкой „Закрыть“».

Мы используем компонентный подход и создаем универсальные компоненты, которые легко переиспользовать во всем проекте. Мы хотим полностью контролировать поведение интерфейса и делать его максимально удобным для пользователя, поэтому не используем сторонние библиотеки вроде бутстрапа.

——

С КАКОЙ АРХИТЕКТУРОЙ ПРЕДСТОИТ РАБОТАТЬ?
Хантфлоу — это SAAS. Но для крупных клиентов мы разворачиваем отдельные инстансы — на выделенных серверах в нашем дата-центре или на серверах клиента (on-premise). При этом кодовая база Хантфлоу — общая, а релизы на все инстансы мы делаем практически день-в-день.

В Хантфлоу микросервисная архитектура: легковесный фронтенд-сервер на Python, собирает данные из микросервисов и отдает их на клиент.

——

ИЗ КОГО СОСТОИТ ОТДЕЛ РАЗРАБОТКИ ХАНТФЛОУ
— Дизайнеры интерфейсов
— Бекенд-разработчики
— Фронтенд-разработчики
— Тестировщики
— Девопс
— Проджект-менеджер

——

КОГО МЫ ИЩЕМ
— JavaScript разработчика с Vue.JS и с опытом работы в продуктовых компаниях
— Того, кто будет предлагать улучшения и давать советы по интерфейсу, архитектуре и процессу работы
— Того, кто хочет выбирать как ему работать: в офисе или удаленно из любой точки мира
— Того, кому надоели компромиссы между тем, чтобы сделать хорошо или сделать быстро — мы всегда делаем хорошо, а сроки обсуждаем совместно с командой

——

ЧЕМ ПРЕДСТОИТ ЗАНИМАТЬСЯ В ХАНТФЛОУ
— Разрабатывать новые фичи и улучшать имеющиеся
— Проектировать и разрабатывать внутреннюю систему управления клиентами и продажами
— Проводить code review
— Работать над расширением для браузера, которое позволяет мгновенно сохранять резюме и профили кандидатов из джоб-сайтов и соцсетей. Единая кодовая база упрощает поддержку для всех основных браузеров — Chrome, Mozilla Firefox, Opera и Yandex.Browser. Мы используем для разработки плагина самые современные спецификации языка, так что Babel не понадобится

——

ТЕХНОЛОГИЧЕСКИЙ СТЕК
JavaScript (сейчас переезжаем с Backbone на Vue.JS), БЭМ, LESS, webpack, Python (у нас микросервисная архитектура и фронтенд-сервер написан именно на Python)

——

ЧТО МЫ ПРЕДЛАГАЕМ
— Формат работы — офис в Москве или удаленно. Каждые полгода мы собираем всех в Москве, чтобы вместе потусить
— Полностью белую зарплату
— Свободу влияния на продукт — мы готовы обсуждать любые ваши идеи
— Основатели — дизайнер и разработчик, так что идиотских требований от «бизнеса» и бессмысленных совещаний не будет. Вместо этого — неформальность общения, уважение и открытость

——

КАК ПРОХОДИТ СОБЕСЕДОВАНИЕ
— 20-минутное собеседование с HR Анастасия Василевская
— Собеседование с техническим директором Виталий Глибин

Пишите на почту [email protected] или в Телеграм @vasilevsa

Требуется «Senior Frontend Developer» — Хабр Карьера

Привет! Мы — команда R’n’D по направлению «Digital frontend», в задачи которой входит создание новых цифровых решений для телекома.

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

Мы ищем того, кого не испугает конфигурирование webpack’а. Typescript для него не просто JavaScript со статической типизацией. А Babel единственная любовь всей его жизни. Как же он раньше без него жил. Человека, который в состоянии быстро осваивать новые технологии, а не брюзжать, что паровой двигатель вершина технического прогресса. Человека, который не просто выполняет свои обязанности, а думает как оптимизировать процесс разработки для собственного удобства. Человека, который может отличить Redux от MobX’а, а также в состоянии понять уместность использования той или иной технологии. И, в конце концов, человека, который сегодня готов быть на острие новых технологий в веб-разработке, а завтра уже мечтает строить ракеты вместе с Илоном Маском.

Как всё устроено:

Перед нами стоит задача сделать множество качественных интерфейсов в компании. Для того чтобы не повторяться, и делать все в едином стиле, у нас есть собственная библиотека React компонентов. В ней мы пишем код на Typescript, а тесты на Jest. В остальных продуктах мы используем ES7 + Babel, наш code style контролирует Eslint с конфигом Airbnb, а Prettier автоматически правит мелкие ошибки. Стили мы пишем при помощи SASS, содержим их в порядке используя Stylelint. Для роутинга мы используем последний React Router. Для управления стейтом – MobX. Ну и собираем мы всё это великолепие Webpack’ом.

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

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

К чему нужно быть готовым:

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

Некоторые актуальные сейчас задачи:

• разработка собственной библиотеки React-компонентов на Typescript
• верстка сложных динамических интерфейсов, используя GraphQL

Бонусы

• Белая конкурентная зарплата
• Комфортные условия: гибкий график, свободный дресс-код, бесплатные чай, кофе, горячий шоколад;
• Индивидуальный подход: дополнительные компенсации с возможностью выбора (фитнес, гаджеты, билет/путевка в отпуск, обучение иностранным языкам), пособие при рождении ребенка, поддержка в сложных жизненных ситуациях и др.

Требуется «Senior Frontend Developer (React)» — Хабр Карьера

Whisk is fast-growing company with the objective to «understand» food (recipes, products) and user preferences in order to provide intelligent insights and recommendations. Over several years we have been building knowledge and technology in that area, with great help of Machine Learning.

We are globally distributed and our team lives across the world in different locations – we all work together remotely. Living in a place that makes us happy is important to us.

We recently joined Samsung NEXT — the innovation division of Samsung, which allows us to accelerate our development and hire new talented people

We look for talented and experienced engineer join our team and contribute to range of products including B2C, B2B and internal applications. You will need to make sure that result application meet high-quality standards.

Requirements:

• 3+ years of experience in the field
• Proven, outstanding client-side JS knowledge
• Demonstrated ability to write modular and well-tested code
• Proven experience in project architecture design
• React production experience
• You should have experience with static type-checking (e.g. TypeScript)
  
• Good spoken level of English is desirable 
• Ability to self-organise and efficiently work remotely
  

What we offer:

• Full-time workload
• Remote work
• Long-term project
• Competitive salary based on your skills
  

Бонусы

https://whisk.com/working-at-whisk

1. Direct impact on end product

We encourage people to get energy and motivation from end product, which is a result of their work, rather than beauty and shortness of code.

2. English language

Practice shows that you will inevitably improve your level of English by working with us and using it in (nearly) all internal communication.

3. Working with modern technology

We love all modern tech. …As long as it keeps productive and easy enough for onboard new people.

4. Awareness of company strategy

All employees are free to join to our roadmap meeting and speak freely, which makes everybody aware about how their work contributes to company success.

5. Zero bureaucracy

It is in everybody’s interest to reduce time from good ideas and interesting project to the point when we launch them. That’s why we optimised our flows for efficient collaboration between departments: business, design, tech.

6. Company retreats

Once or twice a year we decide on location where we gonna go as a team and spend week working and exploring new places together. We had great experience in Budapest, Prague, Madrid, Lisbon and Florence. You will be more than welcome to join us.

Дополнительные инструкции

Please, make sure your profile information (career.habr.com or LinkedIn) is up to date and cover letter is appreciated

Требуется «Frontend Developer/ Senior Frontend Developer» — Хабр Карьера

OZON.RU в поиске сильного Frontend разработчика в команду.

Основной проект — полная переработка веб-интерфейса сайта OZON.ru.

Это отличная возможность работать над абсолютно новым фронтендом!

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

Что необходимо:

• Ты работаешь с JavaScript (ECMA 5/6) и понимаешь как устроено прототипное наследование, зачем нужны замыкания и что такое контекст
• Имеешь опыт работы со SPA фреймворками (Angular, Vue.js или React).
• Имеешь опыт работы CSS, HTML
• Знаешь особенности различных браузеров (IE10+)

Желательно:

• Опыт работы с системами контроля версий git
• Опыт с Node.js
• Опыт работы с WebPack или другими сборщиками

Будет большим плюсом, если ты знаешь:

• что такое Virtual DOM (и для чего он нужен)
• какие проблемы решают JS фреймворки
• что такое Reflow, Repaint, Event Loop, Microtask
• различия монолитных и атомарных SPA

Наш стек: Vue.JS/Vuex/Nuxt.JS/Axios

Бонусы

Мы:

• Комфортно трудимся: просторный open-space и рабочие места, прекрасные панорамные виды на город, несколько десятком переговорных, мониторы и компьютеры, парковка в Москва-Сити, частично компенсируемая компанией;
• Вкусно обедаем: на каждом этаже есть кухни, где всегда есть фрукты и овощи, чай и кофе, и, конечно, печеньки J;
• Приятно отдыхаем: большой актовый зал, где проходят корпоративные мероприятия Crazy Fridays, участвуем в meet-ups & TechTalks;
• Заботимся о здоровье: в течение 2 недель после трудоустройства даем отличную программу ДМС, включающую стоматологию, ВЗР, стационар, страховка от несчастных случаев;
• Занимаемся спортом: беговой клуб, йога по вечерам в офисе, теннисные столы, корпоративные программы в World Class, X-Fit, 5 элемент;
• Профессионально развиваемся: в нашем офисе регулярно проходят семинары, тренинги, а также отправляем сотрудников на внешние профессиональные мероприятия;
• Получаем много-много бонусов: корпоративные программы с партнерами BelkaCar, Skyeng, Mybook, Shelly, Райффайзенбанк и Сбербанк, программа «Найди коллегу».