Курс «HTML и CSS»: вёрстка с нуля прямо в браузере
Бесплатный курс по вёрстке с погружением: теги и структура страницы, селекторы, flexbox и grid, адаптивность. Задания решаются в браузере с мгновенной проверкой.
Курс переписан заново 19 сентября 2026 года: уроки, задания и подачи теперь другие. То, что ниже, описывает прежнюю его редакцию.
Платформа открылась курсом, с которого проще всего начать знакомство с любой разработкой. HTML и CSS не требуют установки программ, не спрашивают про алгоритмы и дают результат сразу: написал строку — увидел изменение на экране.
Что внутри
Курс проходит путь от пустого файла до готовой страницы. Сначала разбирается сам документ: почему у страницы есть скелет, зачем нужны заголовки по уровням, чем абзац отличается от переноса строки. Затем появляется оформление: селекторы и их специфичность, цвет и типографика, отступы и рамки, а вместе с ними и блочная модель — то место, где новички спотыкаются чаще всего.
Вторая половина курса про раскладку. Flexbox для рядов и колонок, grid для сеток, позиционирование для того немногого, что нужно вырвать из потока. Заканчивается всё адаптивностью: как одна и та же страница остаётся читаемой и на мониторе, и на телефоне.
Как устроены занятия
Задания решаются прямо в браузере. Человек пишет разметку или правило, тут же видит результат и получает проверку — не «правильно или нет» вообще, а разбор: что именно не сходится и почему. Есть задания с выбором ответа для быстрой проверки понимания, есть разбор чужих ошибок, есть полноценные задачи с кодом.
Курс разделён на ступени и возрастные группы. Ребёнок, подросток и взрослый идут по одному материалу, но берут из него разный объём: младшим достаются базовые задачи и короткие уроки, взрослым — полная нагрузка с контрольными по разделам и итоговой аттестацией. Прогресс у каждой ветки свой, и переход между ними ничего не обнуляет.
Кому подойдёт
Тем, кто никогда не программировал и хочет понять, нравится ли ему это вообще. Тем, кто делает сайт на конструкторе и упирается в «а вот это подвинуть нельзя». Тем, кто работает рядом с разработкой — дизайнерам, маркетологам, контент-менеджерам, — и устал объяснять на пальцах то, что можно поправить самому.
Никакой подготовки не нужно: хватит браузера и желания разобраться.
Ещё в блоге
Какие задачи можно решать с нейросетью: таблица с примерами
Примеры задач для нейросети в таблице: что можно поручить смело, что — только с проверкой, а что не доверять вовсе. С объяснением, почему так, и примерами для учёбы, работы и дома.
Тайм-менеджмент: вышли второй и третий уровни с учебным планировщиком
У курса «Тайм-менеджмент» вышли второй и третий уровни: неделя в часах, оценки с поправкой, проекты, цели и чужое время. Практика — в учебном планировщике прямо в браузере.
Приведи друга — уровень курса в подарок навсегда
Акция Lil Teach: пригласите друга, и когда он сдаст первую домашнюю работу, получите второй или третий уровень любого курса навсегда. Подарков 10.
Второй и третий уровни: продолжение 20 курсов
У 20 курсов Lil Teach вышли второй и третий уровни — углублённое продолжение с учебными средами, домашними работами и сертификатом.