wowITwowIT
/

profession

level

2

Фронтенд-разработчик

Frontend builds what a person sees: a screen, a block, show and hide.

monthly pay

junior 100 000 ₽ · mid 225 000 ₽ · senior 360 000 ₽

The job is the screen a person actually uses.

32 blocks · 320 lessons

Open with HTML · 2099 ₽

A profession cannot start free. It opens together with HTML. Every course · 3899 ₽ / month

progress

0%

block 1

Приёмка выгрузки

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

course
  1. 1Акт открытия2099 ₽
  2. 2Пустой файл2099 ₽
  3. 3Живой вход2099 ₽
  4. 4Края файла2099 ₽
  5. 5Утро и вечер2099 ₽
  6. 6Объём совпал?2099 ₽
  7. 7Первая против порога2099 ₽
  8. 8Последняя против порога2099 ₽
  9. 9Размер в рамке2099 ₽
  10. 10Полный акт приёмки2099 ₽
  11. Проверка блока2099 ₽

block 2

Карточка заявки

Одна строка страница это не голое число. Это карточка с полями, статусом и решением по порогу.

course
  1. 1Поле против порога2099 ₽
  2. 2Два поля и решение2099 ₽
  3. 3Статус в карточке2099 ₽
  4. 4Отказная карточка2099 ₽
  5. 5Две карточки, одно сито2099 ₽
  6. 6Подпись и дверь2099 ₽
  7. 7Шапка карточки2099 ₽
  8. 8Остаток в карточке2099 ₽
  9. 9Карточка и край2099 ₽
  10. 10Строка смены2099 ₽
  11. Проверка блока2099 ₽

block 3

Схема строки

Прежде чем считать, фронтенд-разработчик спрашивает: поле вообще есть? Нет ключа — не падать, отдать 0 или скрыт.

course
  1. 1Охрана до порога2099 ₽
  2. 2Чужого ключа нет2099 ₽
  3. 3Охрана и порог вместе2099 ₽
  4. 4Нет ключа — ноль, не порог2099 ₽
  5. 5Слово вместо нуля2099 ₽
  6. 6Два ключа подряд2099 ₽
  7. 7Правка только если ключ есть2099 ₽
  8. 8Чужой ключ не создаём2099 ₽
  9. 9Шапка аудита2099 ₽
  10. 10Акт схемы2099 ₽
  11. Проверка блока2099 ₽

block 4

Столбец смены

Столбец блоков обходят целиком. Фронтенд-разработчик не читает четыре print подряд, когда строк станет сто — сразу сито, счёт, решение.

course
  1. 1Сито смены2099 ₽
  2. 2Слово дня2099 ₽
  3. 3Подпись нарушения2099 ₽
  4. 4Две корзины за проход2099 ₽
  5. 5Документ сита2099 ₽
  6. 6Только больше порога2099 ₽
  7. 7Только не выше порога2099 ₽
  8. 8Счётчик сита2099 ₽
  9. 9Документ столбца2099 ₽
  10. 10Лист эскалации2099 ₽
  11. Проверка блока2099 ₽

block 5

Норма и факт

План смены 30. Факт складывают из столбца. Фронтенд-разработчик не сравнивает «на глаз».

course
  1. 1Сумма столбца2099 ₽
  2. 2План рядом2099 ₽
  3. 3Насколько не хватило2099 ₽
  4. 4План выполнен?2099 ₽
  5. 5Подпись факта2099 ₽
  6. 6Среднее по смене2099 ₽
  7. 7Две смены2099 ₽
  8. 8Шапка плана2099 ₽
  9. 9Факт двух строк2099 ₽
  10. 10Закрыть норму2099 ₽
  11. Проверка блока2099 ₽

block 6

SLA и порог

Порог смены 8. Всё что выше — нарушение. Фронтенд-разработчик считает нарушения, не спорит с порогом.

course
  1. 1Строка против SLA2099 ₽
  2. 2Граница порога2099 ₽
  3. 3Журнал нарушений2099 ₽
  4. 4Сколько нарушений2099 ₽
  5. 5Сколько в норме2099 ₽
  6. 6Метка каждой строки2099 ₽
  7. 7Первое нарушение2099 ₽
  8. 8Порог в шапке2099 ₽
  9. 9Нет нарушений2099 ₽
  10. 10Лист SLA2099 ₽
  11. Проверка блока2099 ₽

block 7

Статус очереди

Очередь это не только числа. Фронтенд-разработчик фильтрует по слову статуса: видно берём, скрыт в разбор.

course
  1. 1Сколько живых2099 ₽
  2. 2Сколько отказов2099 ₽
  3. 3Только живые слова2099 ₽
  4. 4Пара: статус и число2099 ₽
  5. 5Сумма живых2099 ₽
  6. 6Очередь в словарях2099 ₽
  7. 7Пустая очередь2099 ₽
  8. 8Шапка очереди2099 ₽
  9. 9Два кармана2099 ₽
  10. 10Лист очереди2099 ₽
  11. Проверка блока2099 ₽

block 8

Приоритет

Не всё, что живо, берут в работу. Фронтенд-разработчик смотрит порог приоритета и решает: в смену или в хвост.

course
  1. 1Берём или в хвост2099 ₽
  2. 2Очередь по баллам2099 ₽
  3. 3Сколько в работу2099 ₽
  4. 4Статус и балл вместе2099 ₽
  5. 5Отказ режет приоритет2099 ₽
  6. 6Сумма приоритетных2099 ₽
  7. 7Карточка приоритета2099 ₽
  8. 8Первый в работу2099 ₽
  9. 9Лист приоритета2099 ₽
  10. 10Хвост часа2099 ₽
  11. Проверка блока2099 ₽

block 9

Сводка дня

Сводка это несколько метрик рядом: сколько строк, сумма, сколько нарушений. Фронтенд-разработчик не отдаёт одну цифру, если просят лист.

course
  1. 1Три цифры сводки2099 ₽
  2. 2Подписи сводки2099 ₽
  3. 3Сводка и план2099 ₽
  4. 4Среднее в сводке2099 ₽
  5. 5Сводка в словаре2099 ₽
  6. 6Слово по сводке2099 ₽
  7. 7Две выгрузки в сводке2099 ₽
  8. 8Сводка по статусам2099 ₽
  9. 9Шапка сводки2099 ₽
  10. 10Лист дня2099 ₽
  11. Проверка блока2099 ₽

block 10

Журнал строк

Журнал пишет каждую строку с подписью, потом итог. Фронтенд-разработчик не отдаёт только сумму, если просят след.

course
  1. 1Строка журнала2099 ₽
  2. 2Журнал и итог2099 ₽
  3. 3Номера строк2099 ₽
  4. 4Журнал нарушений2099 ₽
  5. 5Пара в журнале2099 ₽
  6. 6Шапка журнала2099 ₽
  7. 7Журнал карточек2099 ₽
  8. 8Итог после журнала карточек2099 ₽
  9. 9Край журнала2099 ₽
  10. 10Журнал смены2099 ₽
  11. Проверка блока2099 ₽

block 11

Накопитель смены

Карман живой: план тает после каждой строки. Фронтенд-разработчик видит, где норму уже съели.

course
  1. 1План тает2099 ₽
  2. 2Стартовый план2099 ₽
  3. 3Бегущий факт2099 ₽
  4. 4Только живой остаток2099 ₽
  5. 5Подпись остатка2099 ₽
  6. 6Факт и остаток рядом2099 ₽
  7. 7Слово когда съели2099 ₽
  8. 8Шапка накопителя2099 ₽
  9. 9Итог после таяния2099 ₽
  10. 10Лист накопителя2099 ₽
  11. Проверка блока2099 ₽

block 12

Годные и брак

Один проход — две корзины. Фронтенд-разработчик не гоняет столбец дважды: годные и брак считают вместе.

course
  1. 1Два счётчика2099 ₽
  2. 2Суммы корзин2099 ₽
  3. 3Печать корзины брака2099 ₽
  4. 4Печать годных2099 ₽
  5. 5Метка корзины2099 ₽
  6. 6Корзины статусов2099 ₽
  7. 7Пустая корзина2099 ₽
  8. 8Шапка корзин2099 ₽
  9. 9Корзина из карточек2099 ₽
  10. 10Лист разбора2099 ₽
  11. Проверка блока2099 ₽

block 13

Окно слотов

Слоты смены нумеруют range. Фронтенд-разработчик не пишет часы руками, когда окно завтра сдвинется.

course
  1. 1Слоты с нуля2099 ₽
  2. 2Окно с часа2099 ₽
  3. 3Слоты по длине2099 ₽
  4. 4Значение слота2099 ₽
  5. 5Человеческий слот2099 ₽
  6. 6Фильтр по номеру2099 ₽
  7. 7Сосед справа2099 ₽
  8. 8Окно часов2099 ₽
  9. 9Шапка окна2099 ₽
  10. 10Лист слотов2099 ₽
  11. Проверка блока2099 ₽

block 14

Правило строки

Одно и то же решение по строке прячут в команду. Фронтенд-разработчик не копирует if на каждую заявку.

course
  1. 1Команда решения2099 ₽
  2. 2Два вызова2099 ₽
  3. 3Правило по столбцу2099 ₽
  4. 4return числа2099 ₽
  5. 5Сумма флагов2099 ₽
  6. 6Правило статуса2099 ₽
  7. 7Пустая команда2099 ₽
  8. 8Шапка и правило2099 ₽
  9. 9return суммы2099 ₽
  10. 10Правило смены2099 ₽
  11. Проверка блока2099 ₽

block 15

Команда с входом

Вход приходит снаружи. Фронтенд-разработчик не зашивает число смены в тело def.

course
  1. 1Вход как факт2099 ₽
  2. 2Надбавка2099 ₽
  3. 3Порог внутри2099 ₽
  4. 4Пакет clip2099 ₽
  5. 5Команда журнала2099 ₽
  6. 6Журнал столбца2099 ₽
  7. 7Вход по умолчанию? Нет2099 ₽
  8. 8Два имени команд2099 ₽
  9. 9Охрана входа2099 ₽
  10. 10Лист команды2099 ₽
  11. Проверка блока2099 ₽

block 16

Карточка метрик

Сводку держат словарём KPI. Фронтенд-разработчик не разбрасывает три голых числа по файлу навсегда.

course
  1. 1Собрать KPI2099 ₽
  2. 2Три KPI2099 ₽
  3. 3Достать один KPI2099 ₽
  4. 4Ключи KPI2099 ₽
  5. 5Ключ и цифра2099 ₽
  6. 6План в карточке2099 ₽
  7. 7Остаток в KPI2099 ₽
  8. 8Слово по KPI2099 ₽
  9. 9Шапка KPI2099 ₽
  10. 10Лист KPI2099 ₽
  11. Проверка блока2099 ₽

block 17

Достать и обновить

KPI живой: поле переписывают. Фронтенд-разработчик не создаёт вторую карточку, если нужно поправить цифру.

course
  1. 1Переписать поле2099 ₽
  2. 2Прибавить к полю2099 ₽
  3. 3Новое поле2099 ₽
  4. 4Два поля после правки2099 ₽
  5. 5Обновить из столбца2099 ₽
  6. 6Счётчик в поле2099 ₽
  7. 7Сбросить поле2099 ₽
  8. 8Копировать поле2099 ₽
  9. 9Шапка после правки2099 ₽
  10. 10Лист обновления2099 ₽
  11. Проверка блока2099 ₽

block 18

Аудит ключа

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

course
  1. 1Есть ли метрика2099 ₽
  2. 2Чужого нет2099 ₽
  3. 3Достать с охраной2099 ₽
  4. 4Живой ключ охраны2099 ₽
  5. 5Правка только если ключ есть2099 ₽
  6. 6Чжой ключ не создаём2099 ₽
  7. 7Два вопроса схемы2099 ₽
  8. 8Слово если схемы нет2099 ₽
  9. 9Шапка аудита KPI2099 ₽
  10. 10Лист аудита2099 ₽
  11. Проверка блока2099 ₽

block 19

Пока очередь жива

while крутит, пока остаток больше 0. Фронтенд-разработчик так разбирает пачку, когда длину заранее не знают — здесь длина известна, но привычка та же.

course
  1. 1Счётчик вниз2099 ₽
  2. 2Пачка смены2099 ₽
  3. 3Копить пока2099 ₽
  4. 4Разбор по одному2099 ₽
  5. 5Флаг очереди2099 ₽
  6. 6Пока и порог2099 ₽
  7. 7Шапка while2099 ₽
  8. 8Итог после while2099 ₽
  9. 9Очередь и край2099 ₽
  10. 10Лист пачки2099 ₽
  11. Проверка блока2099 ₽

block 20

Два параметра правила

Правило смены редко смотрит одно число. Фронтенд-разработчик передаёт величину и порог, или величину и статус.

course
  1. 1Величина и порог2099 ₽
  2. 2Два порога подряд2099 ₽
  3. 3return допуска2099 ₽
  4. 4Сумма допусков2099 ₽
  5. 5Статус и величина2099 ₽
  6. 6Отказ на входе2099 ₽
  7. 7add двух входов2099 ₽
  8. 8Пакет пар2099 ₽
  9. 9Шапка правила2099 ₽
  10. 10Лист двух входов2099 ₽
  11. Проверка блока2099 ₽

block 21

Допуск по двум условиям

and и or — это допуск смены, не украшение. Фронтенд-разработчик говорит вслух: оба порога или хотя бы один.

course
  1. 1Оба порога2099 ₽
  2. 2Хватит одного2099 ₽
  3. 3Сито столбца and2099 ₽
  4. 4Сито or2099 ₽
  5. 5Статус and балл2099 ₽
  6. 6and в команде2099 ₽
  7. 7or в команде2099 ₽
  8. 8Счётчик and2099 ₽
  9. 9Шапка допуска2099 ₽
  10. 10Лист допуска2099 ₽
  11. Проверка блока2099 ₽

block 22

Инверсия отказа

not переворачивает факт. Фронтенд-разработчик так пишет «если ключа нет» и «пока не закрыли» без путаницы в знаках.

course
  1. 1not допуска2099 ₽
  2. 2not сравнения2099 ₽
  3. 3if not2099 ₽
  4. 4not in2099 ₽
  5. 5not in список2099 ₽
  6. 6not и else2099 ₽
  7. 7Флаг not done2099 ₽
  8. 8Сито not2099 ₽
  9. 9Шапка not2099 ₽
  10. 10Лист инверсии2099 ₽
  11. Проверка блока2099 ₽

block 23

Двойное правило

elif в курсе нет. Второе правило кладут в else. Фронтенд-разработчик так сортирует на три корзины: критично, среднее, норма.

course
  1. 1Три корзины2099 ₽
  2. 2Верхняя дверь2099 ₽
  3. 3Средняя дверь2099 ₽
  4. 4Нижняя дверь2099 ₽
  5. 5Число в средней2099 ₽
  6. 6and на верхней2099 ₽
  7. 7Столбец трёх корзин2099 ₽
  8. 8Команда трёх дверей2099 ₽
  9. 9Шапка тройки2099 ₽
  10. 10Лист сортировки2099 ₽
  11. Проверка блока2099 ₽

block 24

Два столбца

Имя и величина одной длины. Один i достаёт пару. Фронтенд-разработчик так читает таблицу без словаря.

course
  1. 1Пройти пары2099 ₽
  2. 2Подпись пары2099 ₽
  3. 3Фильтр по соседу2099 ₽
  4. 4Сумма соседа2099 ₽
  5. 5and на паре2099 ₽
  6. 6Шапка таблицы2099 ₽
  7. 7Пары и край2099 ₽
  8. 8Длина как у соседа2099 ₽
  9. 9Счётчик пар2099 ₽
  10. 10Таблица смены2099 ₽
  11. Проверка блока2099 ₽

block 25

Справочник тарифа

Прайс — словарь цен. Чек — список имён. Фронтенд-разработчик не зашивает сумму, если позиции завтра другие.

course
  1. 1Ключи прайса2099 ₽
  2. 2Цены прайса2099 ₽
  3. 3Чек по прайсу2099 ₽
  4. 4Сумма чека2099 ₽
  5. 5Повтор в чеке2099 ₽
  6. 6Нет в прайсе2099 ₽
  7. 7Строки таблицы2099 ₽
  8. 8Фильтр строк2099 ₽
  9. 9Сумма поля таблицы2099 ₽
  10. 10Прайс смены2099 ₽
  11. Проверка блока2099 ₽

block 26

Пакет решений

Столбец прогоняют через одну команду. Фронтенд-разработчик не копирует if на каждую заявку пакета.

course
  1. 1map через gate2099 ₽
  2. 2Пакет флагов2099 ₽
  3. 3Пакет clip2099 ₽
  4. 4Пакет pay2099 ₽
  5. 5Пакет журнала2099 ₽
  6. 6Пакет карточек2099 ₽
  7. 7Пакет с if внутри2099 ₽
  8. 8Два пакета2099 ₽
  9. 9Шапка пакета2099 ₽
  10. 10Лист пакета2099 ₽
  11. Проверка блока2099 ₽

block 27

Первый инцидент

Нужен первый прошедший, не все. break в курсе нет: Фронтенд-разработчик держит флаг done.

course
  1. 1Флаг поиска2099 ₽
  2. 2Нашли — единица2099 ₽
  3. 3Первое нарушение2099 ₽
  4. 4Первое слово2099 ₽
  5. 5Ничего не нашли2099 ₽
  6. 6Нашли — отказ молчит2099 ₽
  7. 7Первый ключ чека2099 ₽
  8. 8Шапка и первый2099 ₽
  9. 9Первый и край2099 ₽
  10. 10Поиск смены2099 ₽
  11. Проверка блока2099 ₽

block 28

Охрана входа

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

course
  1. 1Пустой список2099 ₽
  2. 2Вход правда пуст2099 ₽
  3. 3Нет ключа — ноль2099 ₽
  4. 4Ключ на месте2099 ₽
  5. 5Нули в столбце2099 ₽
  6. 6Сумма только живых2099 ₽
  7. 7После сита пусто2099 ₽
  8. 8Команда с охраной2099 ₽
  9. 9Шапка проверки2099 ₽
  10. 10Охрана смены2099 ₽
  11. Проверка блока2099 ₽

block 29

Документ смены

Собрать лист: шапка, сырой столбец или сито, метрики, край. Фронтенд-разработчик сдаёт файл, который можно переслать без пояснения.

course
  1. 1Каркас документа2099 ₽
  2. 2Размер в рамке2099 ₽
  3. 3Факт в рамке2099 ₽
  4. 4Три метрики в рамке2099 ₽
  5. 5Журнал в рамке2099 ₽
  6. 6Сито в рамке2099 ₽
  7. 7KPI в рамке2099 ₽
  8. 8План в документе2099 ₽
  9. 9Слово дня в рамке2099 ₽
  10. 10Полный лист2099 ₽
  11. Проверка блока2099 ₽

block 30

Кейс собеседования

На собеседовании дают короткий кейс и ждут рабочий файл, не «я знаю print». Фронтенд-разработчик собирает из уже знакомых кусков.

course
  1. 1Выгрузка жива?2099 ₽
  2. 2План закрыли?2099 ₽
  3. 3Сколько SLA2099 ₽
  4. 4Первый срок2099 ₽
  5. 5Поле или ноль2099 ₽
  6. 6Команда на доске2099 ₽
  7. 7Живые в сумме2099 ₽
  8. 8Тройка на доске2099 ₽
  9. 9Чек на доске2099 ₽
  10. 10Мини-файл интервью2099 ₽
  11. Проверка блока2099 ₽

block 31

Смена как на работе

Последние рабочие жесты перед закрытием: приоритет, две корзины, KPI, охрана. Фронтенд-разработчик уже не учит синтаксис — собирает смену.

course
  1. 1Час работы2099 ₽
  2. 2Две корзины дня2099 ₽
  3. 3KPI дня2099 ₽
  4. 4Остаток дня2099 ₽
  5. 5Охрана дня2099 ₽
  6. 6Пачка gate2099 ₽
  7. 7Первый инцидент дня2099 ₽
  8. 8Таблица дня2099 ₽
  9. 9Касса дня2099 ₽
  10. 10Лист смены2099 ₽
  11. Проверка блока2099 ₽

block 32

Закрытие смены

Последний блок. Фронтенд-разработчик закрывает день как на работе: документ, решение, охрана, край.

course
  1. 1Открыть лист2099 ₽
  2. 2Факт закрытия2099 ₽
  3. 3Норма закрытия2099 ₽
  4. 4SLA закрытия2099 ₽
  5. 5Слово закрытия2099 ₽
  6. 6Охрана закрытия2099 ₽
  7. 7Правило закрытия2099 ₽
  8. 8Касса закрытия2099 ₽
  9. 9Край смены2099 ₽
  10. 10Закрыть смену2099 ₽
  11. Проверка блока2099 ₽