профессия
сложность
Фронтенд собирает то, что видит человек. Экран, блок, показ, скрыть.
Фронтенд-разработчик думает экраном: что написано на кнопке, виден ли блок, сколько пунктов в меню, что будет если флаг ноль.
Молодые студенты всё чаще идут во фронтенд. У джуна около 100 000 ₽ в месяц, у мидла около 225 000 ₽, у сеньора около 360 000 ₽.
В этом курсе шаги через учебный терминал. Те же команды, что в Python, только слова про экран. Язык пары - HTML: там разметка, здесь логика показа.
Профессию нельзя начать сразу. Её открывают вместе с HTML. 32 блока. После курса вы спокойно собираете учебный экран и объясняете состояние вслух.
32 блока · 320 уроков
Профессию нельзя начать бесплатно. Откройте её вместе с HTML навсегда или возьмите подписку на все курсы.
прогресс
0%
блок 1
Кто такой фронтенд-разработчик. Одна команда. Живой скрипт.
Кто пишет программу
Слово как сигнал
Другое слово
Две строки
Сигнал отказа
Край документа
Шапка и край
Три строки
Повтор слова
Собрать сигнал
Проверка блока
блок 2
Число без кавычек. Это не текст. Это количество.
Число как есть
Другое число
Ноль
Два числа
Слово и число
Число и край
Шапка, число, край
Два количества
Три числа
Короткий лист
Проверка блока
блок 3
Число кладут в имя. Потом показывают имя. Так цифру не теряют.
Положить число
Другое имя
Сначала слово
Две коробки
Поменять значение
Имя документа
Рабочий лист
Текст в коробке дважды
Три имени
Собрать смену
Проверка блока
блок 4
Блоков редко бывает один. Их кладут в список.
Два значения
Другой список
Один элемент
Три числа
Список слов
Пустой список
Шапка и список
Список и край
Два списка
Рабочий столбец
Проверка блока
блок 5
len считает элементы. Сколько пунктов в списке, столько и длина.
Длина двух
Длина трёх
Длина одного
Длина пустого
Длина слов
Длина через имя
Шапка и длина
Длина и край
Два списка, две длины
Рабочий размер
Проверка блока
блок 6
Сложить два числа. Это ещё не средний. Это сумма двух клеток.
Сложить рядом
Другая пара
Плюс через имена
Вычесть
Умножить
Разделить
Сумма и шапка
Сумма и край
Три слагаемых
Итог смены
Проверка блока
блок 7
Больше, меньше, равно. Ответ True или False. Это ещё не ветка.
Больше
Меньше
Равно
Не равно
Не меньше
Сравнение имён
Подпись сравнения
Ложное сравнение
Два вопроса
Проверка плана
Проверка блока
блок 8
if решает. Условие правда - делаем шаг. Иначе этот шаг пропускаем.
Если больше
Если равно
Если не сработало
Число внутри if
Две строки в теле
Порог из задачи
Сначала подготовка
Слово-ключ
Документ если
Собрать решение
Проверка блока
блок 9
else это вторая дверь. Если if не случился, случится else.
Две двери
Когда сработал if
План выполнен
План не выполнен
Текст или текст
Показать число в else
Шапка всегда
Две проверки подряд
Имена в сравнении
Решение смены
Проверка блока
блок 10
print с запятой. Слово и число в одной строке. Между ними пробел сам.
Слово и число
Другая подпись
Подпись из имени
Две подписи
Итог с подписью
Подпись внутри if
Шапка и подпись
Подпись и край
Три куска
Строка отчёта
Проверка блока
блок 11
for берёт каждый элемент. Один шаг - один элемент. Так читают столбец.
Пройти два числа
Другой список
Три шага
Слова
Список в имени
Шапка и обход
Обход и край
Подпись каждого
Один элемент
Столбец смены
Проверка блока
блок 12
Ноль в начале. В цикле прибавляют. После цикла одно число. Это итог столбца.
Сумма цикла
Другие слагаемые
Три слагаемых
Счётчик штук
Сумма одного
Шапка и сумма
Сумма и край
Подписанный итог
Не печатать внутри
Итог смены
Проверка блока
блок 13
В цикле if. Печатают не всех. Только тех, кто проходит порог. Это отдельный навык.
Только больше
Другой порог
Не меньше порога
Счётчик отфильтрованных
Сумма отфильтрованных
Слово вместо числа
Шапка и фильтр
Фильтр и край
Равно как фильтр
Отбор смены
Проверка блока
блок 14
range даёт номера. 0, 1, 2. Так нумеруют строки, шаги, попытки. Это новый урок. Раньше range не было.
Что такое range
Три номера
Один номер
Номер и слово
Номер с подписью
Шапка и номера
Номера и край
Счётчик кругов
Пустой range
Нумерация смены
Проверка блока
блок 15
def прячет шаги под именем. return отдаёт число. Потом имя вызывают. Это новый урок.
Пустая команда с return
Другое имя
Счёт внутри
Команда печатает сама
Два вызова
Команда и шапка
Команда с циклом
if внутри команды
Команда и край
Рабочая команда
Проверка блока
блок 16
Словарь держит пары. Ключ и значение. Как строка журнала фронтенд-разработчик: имя поля и цифра.
Одна пара
Другая пара
Две пары
Пустой словарь
Словарь слов
Длина словаря
Длина через имя
Шапка и словарь
Словарь и край
Карточка смены
Проверка блока
блок 17
Из списка достают по номеру. Из словаря - по ключу. Номер с нуля. Ключ это слово.
Первый элемент
Второй элемент
Один элемент
Номер и шапка
Ключ словаря
Другой ключ
Ключ из имени
Подпись и поле
Два поля
Поле смены
Проверка блока
блок 18
in спрашивает: лежит ли это внутри. Для списка - элемент. Для словаря - ключ. Не значение. Это новый урок.
Слово в списке
Не нашли
Число в списке
Если есть
Ключ в словаре
Чужого ключа нет
Достать если есть
Отказ если нет
Шапка и поиск
Поиск смены
Проверка блока
блок 19
В словарь можно положить новое поле. Или затереть старое. Это отдельный урок. Раньше только читали.
Положить в пустой
Другое поле
Два поля подряд
Затереть
Прибавить к полю
Записать если нет
Шапка и запись
Запись и край
Подпись записанного
Карточка смены
Проверка блока
блок 20
while крутит, пока условие правда. Сами увеличиваете счётчик. Иначе круг не кончится. Это новый урок.
Два круга
Три круга
Печатать номер
Вниз
Один круг
Ноль кругов
Подпись круга
Шапка и while
Накопитель в while
Попытки смены
Проверка блока
блок 21
В скобках def можно написать имя входа. Тогда одну команду вызывают с разными числами. Это новый урок.
Печать входа
Другой вызов
Два вызова
Вернуть вход
Счёт с входом
if внутри с входом
Вызов из цикла
Команда и шапка
Подпись входа
Рабочая команда
Проверка блока
блок 22
and просит два условия сразу. or просит хотя бы одно. Это новый урок. Раньше спрашивали по одному.
Два сразу
Одно ложное
and в if
and не прошёл
План и факт вместе
Что такое or
or оба ложные
or в if
or и край
Два ключа смены
Проверка блока
блок 23
not переворачивает. True становится False. False становится True. Это новый урок. Раньше not не было.
Перевернуть True
Перевернуть False
not перед сравнением
not в if
not и in
Ключа нет
not и else
Ноль как ложь
Шапка и not
Отказ смены
Проверка блока
блок 24
elif в этом курсе нет. Второе правило пишут внутри else. Это новый урок. Вложенный if раньше не собирали.
Два порога
Когда верхний if
Когда среднее
Когда нижний
Три слова про план
Число в средней двери
and на верхнем
Шапка вокруг трёх дверей
Текст вместо числа
Правило смены
Проверка блока
блок 25
Два списка одной длины. Номер i достаёт пару. range(len) даёт эти номера. Это новый урок.
Номера длины
Элемент по номеру
Два списка
Подпись соседа
Фильтр по соседу
Сумма соседа
and на паре
Шапка и пары
Пары и край
Таблица смены
Проверка блока
блок 26
Словарь цен и список имён. По имени достают цену. for по словарю идёт по ключам. Это новый урок.
Ключи словаря
Значение по ключу цикла
Ключ и цена
Чек по прайсу
Сумма чека
Повтор в чеке
Нет в прайсе
Строки таблицы
Фильтр строк
Прайс смены
Проверка блока
блок 27
В скобках def можно два имени через запятую. Вызов тоже с двумя числами. Это новый урок.
Сложить два входа
Произведение
Два вызова
Печать двух входов
if с двумя входами
and на двух входах
Вызов из цикла
Две команды
Шапка и два входа
Рабочая пара
Проверка блока
блок 28
Иногда нужен только первый подходящий. Флаг done. Пока 0 - ещё ищем. Это новый урок.
Флаг
Нашли - единица
Первый больше порога
Первое слово
Ничего не нашли
Нашли - отказ молчит
Первый ключ
Шапка и первый
Первый и край
Поиск смены
Проверка блока
блок 29
Сначала проверяют вход. Пустой список, нет ключа, ноль. Без охраны программа врёт или падает. Это новый урок как привычка, не новая команда.
Пустой список
Вход правда пуст
Нет ключа - ноль
Ключ на месте
Ноль в списке
Сумма только живых
После сита пусто
Команда с охраной
Шапка проверки
Охрана смены
Проверка блока
блок 30
Рабочий документ собирают из уже известных кусков. Новых команд нет. Шапка, данные, край.
Только рамка
Карточка внутри
Столбец внутри
Итог внутри
Фильтр внутри
Подписанный итог
План-факт
План не закрыт
Команда документа
Лист смены
Проверка блока
блок 31
На собеседовании просят коротко. Одна мысль - одна программа. Новых команд нет. Есть привычка объяснять.
Текст или число
Положить и показать
len не сумма
Одно равно или два
Дверь else
Сумма циклом
Фильтр вслух
Словарь вслух
Команда вслух
Минута у доски
Проверка блока
блок 32
Итоговая смена фронтенд-разработчик. Новых команд нет. Собираете документ, который можно показать на работе и на собеседовании.
Открыть смену
Прайс дня
Журнал дня
Счётчик дня
Отбор дня
Попытки дня
Команда дня
План дня
Поиск поля
Полная смена
Проверка блока