В 2017 году ИНТЕРВОЛГА уже публиковала свою матрицу компетенций веб-разработчика. По сей день это самый обширный и подробный план развития специалиста в нашей отрасли.

В 2020 году мы собрали отзывы и пожелания по матрице и аттестациям, посмотрели как поменялся технологический стек. Разработчики и руководители потратили много времени на поиск истины.

Мы готовы опубликовать новую матрицу компетенций вместе с планом развития. Мы считаем что это и есть ответ на вопрос “как из новичка стать гуру веб-разработки”. Итак, поехали.

У каждого программиста в ИНТЕРВОЛГЕ есть файл “Матрица компетенций”. В ней отражен текущий статус и история развития по уровням.

Таблица разделена на грейды (стажер, junior, middle, senior). Каждый грейд содержит набор уникальных компетенций. Вопросы сгруппированы по областям знаний (PHP, SQL, Frontend, …). общий вид матрицы компетенций Есть столбец “Опционально” для специальных вопросов конкретного отдела. Компетенции из этого столбца учитываются в освоении грейда, но не входят в 100%. То есть, например, можно освоить стажера на 120%.

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

Стажер

На старте стажер должен быть способен:
  • уверенно отличать куки от сессий;
  • понимать на сервере или в браузере происходит конкретная операция;
  • написать на PHP без серверных фреймворков несложную задачу управления данными. Например “ведение БД групп и студентов с редактированием, удалением, созданием и выводом”;
  • прилично оформить результат своей работы.
Стажер учится. Его главная задача – набираться знаний, решать задачи под присмотром, и – набивать шишки. Почти каждый стажер удаляет базу, промахивается окном или решает заново давно закрытую задачу.

Ошибки – нормальная часть обучения.

Какие знания PHP требуются на уровне стажера?

Какие вопросы задаются?

Синтаксис языка PHP

  • открывающие / закрывающие теги (+короткие +альтернативный синтаксис);
  • объяснить поведение include-require + once.

"Типы данных", переменные

  • перечислить все типы данных (7);
  • инициализация массива (новый и старый синтаксис, ассоциативный и последовательный);
  • правила именования переменных в php;
  • как работают и зачем нужны ссылки на переменные (можно на примере preg_match).

Глобальные переменные

  • какие существуют предопределенные (перечислить все, объяснить в какой что хранится).

Выражения и операторы

  • что такое выражение (определение);
  • что такое арность с примерами (унарный, бинарный, тернарный + с сокращенным синтаксисом);
  • условные операторы и циклы;
  • как работает $$.

Побитовые операторы

  • объяснить как работает объединение флагов при вызове error_reporting (самому написать проверку наличия двух флагов в аргументе).

Функции

  • синтаксис;
  • ограничения типов аргументов, что будет если передать не тот тип;
  • аргументы по умолчанию;
  • анонимные функции: зачем нужны + пример.

Классы

  • каким оператором можно проверить тип;
  • что такое класс;
  • что такое объект;
  • что может быть членом класса;
  • что такое инициализация.

Отображение ошибок

  • где в php / apache / битриксе управлять отображением (конкретные параметры и функции) ошибок (с приоритетами);
  • где искать логи ошибок на сервере.

Авторизация на сайте

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

Junior

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

Что практически должен уметь Junior на старте

  • переписать (а значить досконально понимать) авторизацию на сайте;
  • уверенно править настройками и кодом фреймворка работу каталогов, ленты новостей, формы;
  • собирать простые интерфейсы управления данными и целые сайты на фреймворке;
  • писать простую интеграцию с внешним API.
Покажем что должен знать Junior веб-разработчик по SQL.

Select со всеми конструкциями, включая Join

  • синтаксис select-а (смысловой порядок);
  • второй способ выбрать данные из нескольких таблиц кроме join и почему его не надо использовать;
  • where-having;
  • limit;
  • вывести для каждого пользователя количество групп в которых он состоит.

Типы данных MySQL

  • перечислить все типы;
  • разница в хранении.

Типы join-ов

  • продемонстрировать работу двух основных типов join-ов на таблицах (хуже на кружках);
  • что такое "cross join".

Типы таблиц Mysql

  • транзакции (где есть, зачем нужны, как запустить/завершить/отменить).

Применение Alter

  • как переименовать таблицу;
  • как задать значение по умолчанию для столбца.

Отношение многие ко многим

  • как реализуется на физическом уровне.

Индексы, оптимизация

  • проведите аналогию с реальным миром: бд = библиотека, что будет индексами?;
  • на какие типы данных можно создавать;
  • тебе нужно самому запрограммировать индексы: primary, unique, index какие переменные/структуры данных для этого нужны;
  • почему в CIBlockElement::GetList нужно обязательно указывать IBLOCK_TYPE (см. cookbook по инфоблокам).

Работа с СУБД в консоли

  • как выбрать бд при подключении и как сменить после;
  • вывести список баз и список таблиц в базе;
  • посмотреть список всех процессов бд (кто висит).
Полную версию матрицы компетенций вы можете скачать по ссылке. middle веб-программист

Middle

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

Вот что спрашивают наставники на уровне middle по Javascript

  • ООП в JS;
  • работа с JS фреймворком кроме JQuery (d3);
  • работа с БЭМ;
  • Front-end оптимизация;
  • написание своего плагина для jQuery;
  • NPM (зачем нужен; основные команды (установка/обновление/запуск скрипта); package.json: зачем нужен, какой параметр отвечает за точку входа, как описываются скрипты/команды);
  • Современные фреймворки (опыт работы с react/vue; управление состоянием: объяснить 3 основных принципа redux).

Полную версию матрицы компетенций вы можете  скачать по ссылке.

senior веб-разработчик

Senior

Senior знает “свой стек” досконально, с готовностью изучает и применяет новые технологии, и работает как наставник. Вот например, что сам Senior должен знать и уметь по блоку “Работа с серверами и Linux”.
  • сборка нетиповой системы выкатки изменений;
  • работа с микросервисами;
  • организация нагрузочного тестирования;
  • настройка continuous integration;
  • синхронизация файлов и репликация данных;
  • сборка отказоустойчивого и высоконагруженного кластера на Bitrix Framework и без него;
  • ELK / другие системы логирования и аналитики;
  • серверы очередей Gearman / RabbitMQ и построение распределенных систем.
Как правило, Senior играет роль технического лидера группы разработчиков.

Architect

Архитектор – следующий уровень развития специалиста, когда он продумывает архитектуры крупных проектов и руководит их реализацией. Он не только технический, но и проектный руководитель.

Такие специалисты играют ключевую роль в технически и организационно сложных проектах.

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

Управление развитием программиста

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

Во время таких встреч мы вместе определяем приоритеты развития — сдать лабораторную, экзамен 1С-Битрикс или устный экзамен по нашим компетенциям.

Как устроена проверка уровня (аттестация) в ИНТЕРВОЛГЕ?

Как мы проверяем знания

Что такое «аттестация»?

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

В результате аттестации в вашей матрице компетенций появляются “Да” напротив подтвержденных компетенций. От этого увеличивается ваш грейд, например, «Стажер-54%» → «Junior-27%».

аттестация знаний

Зачем нужна аттестация?

  1. Возможности компании зависят от вас. Мы хотим, чтобы вы приобретали навыки, которые приносят наибольшую пользу для наших клиентов.
  2. Ваша зарплата растет вместе с квалификацией. Мы измеряем квалификацию с помощью матрицы компетенций. Чтобы ЗП была повышена, нужно подтвердить квалификацию.
  3. Интересные задачи – это сложные задачи. Повышение уровня позволит работать самостоятельнее и решать сложные задачи.

Как проходит аттестация?

Аттестация включает теорию (устный экзамен) и практику (лабораторные работы). Цель – “закрыть” несколько компетенций в матрице, подтвердить уровень, получить новые задачи и повысить зарплату.

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

Многие блоки матрицы компетенций закрываются практикой и теоретических вопросов по ним нет.

Теория. Устный экзамен

Компетенции, не покрытые лабораторными работами нужно подтвердить на устном экзамене.

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

Практика. Лабораторные работы

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

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

Примерные формулировки заданий

Мы разработали около 20 заданий лабораторные работы. Несколько – опубликуем.

Вот примеры простых заданий.

Задание 2а. Базовый web на PHP, CRUD.

Компетенции:

  • PHP: Аутентификация и авторизация на сайте

  • PHP: Обработка форма обратной связи с сохранением данных и валидацией

  • Фронт: Создание форм на html

  • Фронт: Синтаксис и селекторы CSS, общее представление о весах селекторов

  • SQL: Основы Mysql

  • SQL: Типы данных

  • PHP: Синтаксис языка PHP

  • Оформление кода (локальный документ)

Суть:

  • завести репозиторий на bitbucket и выполнять в нем;

  • сразу сделать ветку и pull request;

  • в PhpStorm установить плагин Statistic, максимальное кол-во строк на всю лабу — 1500 (см. столбец Source Code Lines, на скриншоте ниже — 862):

  • через PhpStorm создать необходимые таблицы и заполнить их данными;

  • сделать страницу аутентификации;

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

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

  • все красиво сверстать, показать пример использования основных типов селекторов: id, class, attribute, pseudo-class, pseudo-element;

  • обе формы должны обрабатываться без JS;

  • проверить через PhpStorm, что данные добавляются в таблицу.

Проверка:

  • проверяется качество декомпозиции php, js, css;

  • умение выделить ответственность и установить правильные зависимости между компонентами MVC/ECB;

  • безопасность (доступ);

  • безопасность (XSS, SQL injection);

  • корректность редиректов;

  • единство стиля оформления кода.

Развитие задания

Задание 2б. Базовый web на PHP, CRUD (часть 2).

Компетенции:

  • 3 способа подключения скрипта

  • Создание форм на html

  • Синтаксис и селекторы CSS, общее представление о весах селекторов

  • JS: операторы, функции

  • Отладка JS с помощью консоли браузера

  • Основы Mysql

  • Типы данных

  • TODO: оформление кода

Суть — продолжаем работу над сайтом из задания 2а:

  • сделать мини-админку:

    • список отправленных форм обратной связи;

    • список должен быть отсортирован по дате отправки, новые - сначала;

    • список можно “обновить”, это делается с помощью AJAX;

    • совет: для интерактивного тестирования запросов к БД используйте консоль БД в PhpStorm;

    • отправленную форму можно удалить из админки, все на AJAX;

    • таким образом продемонстрировать все способы подключения JS;

    • отправленные данные можно отредактировать (использовать уже разработанную форму, без AJAX);

    • можно использовать jQuery.

  • открыть инструменты разработчика (желательно Firefox):

    • найти источник запроса из лога запросов;

    • установить точку останова, спровоцировать выполнение кода, изучить пошаговое выполнение кода;

    • во время пошагового выполнения просмотреть значения переменных через соответствующий инспектор;

    • добавить watch;

    • воспользоваться консолью для доступа к переменным в текущей области видимости.

Проверка:

  • проверяется качество декомпозиции php, js, css;

  • умение выделить и установить правильные зависимости между компонентами MVC/ECB;

  • безопасность (доступ);

  • безопасность (XSS, SQL injection);

  • единство стиля оформления кода;

  • все пункты по использованию инструментов разработчика продемонстрировать.

Вот пример “средней сложности”

Задание 10. Парсинг сайтов

Компетенции:

  • Регулярные выражения

  • HTTP-запросы с сервера, cURL

  • TODO: написание консольных утилит (и одноразовых скриптов) на кодовой базе Bitrix Framework

  • TODO: добавить CRON

Суть:

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

  • Распарсить сайт _______ в эти структуры 

  • Оформить в виде CLI-скрипта

  • Настройками реализовать возможность парсить не все подряд, а только то, что нужно пользователю

Проверка:

  • корректность CLI-окружения

  • декомпозиция регулярных выражений

  • экономичность по запросам

  • обработка ошибок

  • возможность параллельного парсинга нескольких объектов сразу

  • Работа в консольном и интерактивном режиме

  • *работа в режиме внешнего сервиса, доступного по HTTP, с поддержкой очередей


Все “лабораторные работы” с методикой их выполнения и проверки доступны нашим сотрудникам.

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

продвижение по матрице

Итого

Вы хотите стать профессиональным программистом? Мы готовы вам помочь. Подготовьтесь, пройдите собеседование и приходите к нам в команду. Сначала – стажером. Через несколько лет вы сильно вырастете.

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

Статьи по теме

О бедном стажере замолвите слово: автоматическая проверка Академии 1С-Битрикс Суть статьи одним предложением Мы разработали модуль, который проверяет часть практических заданий уроков обучающего курса Академия 1С-Битрикс. Как ...
Товарная дистрибуция 30 лет спустя. Как программисты изменили продажи крупного бизнеса «Я думал, что буду строить банк, а на самом деле построил ИТ-компанию» Олег Тиньков, безработный Есть такая штука — товарная дистри...
Как выглядит импортозамещение ПО «из нашего окопчика» в солнечном Волгограде Привет читателям! Меня зовут Степан, я руководитель ИНТЕРВОЛГИ. Мы (в основном) находимся в Волгограде и пишем коммерческие сервисы для средних и крупных к...
Матрица компетенций программиста 1С1С-программисты — это такие же программисты, что создают сайты и разрабатывают личные кабинеты, но они работают на другой платформе и на другом языке программир...
Путь веб-разработчика. ИНТЕРВОЛГА – "точка роста" ИНТЕРВОЛГА умеет развивать веб-программистов с “почти нуля” до уровня уверенного профессионала (Senior / Архитектор). Это происходит постоянно. Для воспроиз...
Мы работаем по одному из двух форматов:
  • аренда команды (от 2 человек, не менее 3 месяцев);
  • итерации с фиксированной ценой (1-3 месяца длительностью).
ИНТЕРВОЛГА предоставляет:
  • регулярные онлайн-планерки с заказчиком;
  • квалифицированных специалистов;
  • организованную команду (находятся в одном помещении, что упрощает решение рабочих вопросов);
  • полную прозрачность и регулярность отчетов о результатах.
Ключевые услуги:
  • нагруженный интернет-магазин;
  • личный кабинет;
  • оптовые продажи — B2B-платформа;
  • маркетплейс;
  • технический аудит сайта;
  • Битрикс24 — корпоративные HR-порталы;
  • Битрикс24 — построение CRM-системы;
  • Битрикс24 — личные кабинеты сотрудников;
  • Битрикс24 — аудит портала;
  • 1С — интеграция с другими системами;
  • 1С — доработка системы;
  • маркетинг — комплексное интернет-продвижение;
  • маркетинг — продвижение для B2B.
Хотите получать лучшие статьи от INTERVOLGA раз в месяц?
Подпишитесь на рассылку — спамить не будем