Научиться программировать спокойно и по шагам

«Первый код» — русскоязычная платформа для начинающих: реальные упражнения, запуск Python и живое превью интерфейсов прямо в браузере, свой темп без гонки. Демоуроки открыты без оплаты и без регистрации, прогресс сохраняется после входа.

Три траектории обучения

• Программирование с нуля — Первые программы, переменные, условия, циклы, списки и свой первый проект. 61 уроков, 12 модулей, 17 бесплатных уроков.
• Интерфейсы и сайты с нуля — Кнопка, карточка, меню игры, своя мини-игра и дизайн, который понятно: результат виден сразу в браузере. 96 уроков, 13 модулей, 20 бесплатных уроков.
• Как объяснить задачу программисту — Научитесь формулировать задачу, описывать результат и проверять работу исполнителя. 26 уроков, 9 модулей, 11 бесплатных уроков.

Бесплатные уроки — начать можно сейчас

• 0.1 Как учиться на этой платформе — Понять, как устроены уроки и как здесь помогают, когда что-то не получается.
• 1.1 Первая программа: команда print — Научиться выводить текст на экран командой print.
• 1.2 Переменные: место для хранения значения — Научиться сохранять значение в переменную и использовать его в программе.
• 1.3 Ввод данных и программа-знакомство — Научиться получать данные от человека командой input.
• 1.4 Проверь себя: что выведет программа — Познакомиться со всеми математическими знаками Python и научиться предсказывать результат вычислений.
• 1.5 Что я теперь умею — своими словами — Сформулировать своими словами, что вы теперь умеете, — и увидеть, где осталась дырка.
• 2.1 Числа и строки — Различать числа и строки и понимать, почему «2 + 3» и «"2" + "3"» дают разное.
• 3.1 Сравнения и логика — Понять, как программа сравнивает значения, получает True или False и соединяет проверки словами and, or, not.
• 4.1 Цикл while — Понять, как работает while: условие, тело цикла, счётчик и остановка. Научиться замечать бесконечный цикл.
• 5.1 Списки — Понять, зачем нужен список, как брать элементы по номеру, считать длину и итоги. Собрать бюджет на покупки.
• 6.1 Зачем нужны функции — Понять, зачем нужны функции: написать действие один раз и вызывать его с разными данными. Собрать функцию для чека со скидкой.
• 7.5 Разбираем чужой код и ищем ошибки — Находить ошибку в готовом коде: читать сообщение, проверять значения, имена и границы, а не менять код наугад.
• 8.1 Первый проект: шаблон и чек-лист — Собрать идею первого проекта по шаблону и проверить её на конкретных числах.
• 9.1 Повторение: переменные, условия, циклы — Закрепить переменные, условия и циклы на задаче о покупках со скидкой.
• 10.1 Таблица — это список одинаковых записей — Понять, что таблица в базе данных — это список словарей с одинаковыми полями.
• 11.1 Чем агент отличается от чата — Понять, из чего состоит ИИ-агент и почему это программа, а не магия.
• 12.1 Песочница, файл и сервер: где живёт код — Понять, чем учебная песочница отличается от настоящей программы и где код живёт в реальной жизни.
• 1.1 Что такое интерфейс и из чего он собран — Понять, что такое интерфейс, чем UI отличается от UX и из каких трёх языков собран любой экран.
• 1.2 Первая страница: заголовок и текст — Написать первый HTML-код, понять теги, вложенность и увидеть результат на экране справа.
• 1.3 Кнопка, на которую хочется нажать — Собрать кнопку: надпись, цвет, скругление, отступы, размер и состояние наведения.
• 1.4 Ссылка, картинка и список — Научиться ставить на страницу ссылку, картинку и список — с обязательными атрибутами и понятным смыслом.
• 1.5 Структура страницы: шапка, main и подвал — Разложить страницу на смысловые части: header, nav, main и footer.
• 1.6 Классы и id: как обратиться к элементу — Понять разницу между классом и id и научиться выбирать элементы в CSS.
• 1.7 Мини-проект: страница-визитка — Собрать первую настоящую страницу из структуры, текста, картинки, списка, ссылки и оформления.
• 1.8 Разбор первой страницы: что поправить — Научиться смотреть на чужую страницу по порядку: структура → смысл → доступность → оформление.
• 2.1 Цвет, размер и скругление — Научиться задавать цвет фона, цвет текста, размер шрифта и скругление — четыре базовые настройки CSS.
• 3.1 Карточка товара: картинка, заголовок и подпись — Собрать карточку с картинкой, заголовком и коротким описанием.
• 4.1 Что такое JavaScript и где он живёт — Понять, зачем нужен JavaScript, и вывести первое сообщение в консоль.
• 5.1 Меню игры: заголовок и три кнопки — Собрать стартовое меню игры — так, как оно выглядит в настоящих играх.
• 6.1 Мини-игра: очки и здоровье врага — Собрать основу игры: удар по врагу добавляет очки и снимает здоровье.
• 7.1 Персонаж — это картинка с прозрачным фоном — Понять, из чего сделан персонаж игры, и собрать карточку героя с картинкой и подписью.
• 8.1 Один главный объект: иерархия экрана — Понять, что на экране должно быть одно главное, и научиться выделять его размером, весом и отступом.
• 9.1 Гештальт: глаз сам собирает группы — Увидеть, что группировка — работа зрения, а не украшение, и научиться собирать группы расстоянием, подобием и замыканием.
• 10.1 Кегль и межстрочный интервал: почему текст читается — Понять, из чего складывается читаемый текст: размер букв, расстояние между строками и плотность крупных заголовков.
• 11.1 Пять вопросов к любому экрану — Научиться находить проблему на готовой странице до того, как менять код.
• 12.1 Подарок, который просит нажать — Собрать коробку, которая трясётся, открывается по нажатию и показывает пожелание.
• 13.1 Стиль — это восемь настроек, а не «красиво» — Увидеть, что стиль меняется значениями переменных, а не переписыванием страницы.
• 1.1 Проблема и решение — в чём разница — Научиться отличать проблему от заранее выбранного решения.
• 1.2 Цель в двух предложениях — Научиться формулировать цель коротко и по делу.
• 1.3 Разбор плохого и хорошего запроса — Научиться писать запрос, который исполнитель поймёт одинаково с вами.
• 2.1 Описать пользователя и сценарий — Научиться описывать, кто именно пользуется системой и что делает.
• 3.1 Обязательное и желательное — Научиться отделять обязательные функции от пожеланий.
• 4.1 Поля, действия, права, ошибки — Описать требования простыми словами и без технических терминов.
• 5.1 Проверяемые условия вместо «красиво» — Научиться писать критерии приёмки, которые можно проверить.
• 6.1 Этапы, уточнения, демонстрации — Научиться договариваться о работе по этапам и отличать новую функцию от ошибки.
• 7.1 Как сообщить об ошибке — Научиться описывать проблему так, чтобы её можно было воспроизвести.
• 8.1 Передача результата — Понять, что проверить при приёмке работы.
• 9.1 Что в просьбе можно сделать, а что нет — Отличать в просьбе то, что решается работой исполнителя, от того, что от него не зависит.

Как устроено обучение

В каждом уроке — цель, объяснение по разделам, пример, упражнение с проверкой, подсказки и эталонное решение. Код запускается прямо в браузере: Python — в учебном интерпретаторе, HTML и CSS — в живом превью. Прогресс виден по каждому модулю, уроки можно повторять в своём темпе, таймеров и рейтингов нет.

Полный доступ — от 650 ₽ в месяц; срок можно взять на месяц, полгода или год. Отдельный тариф «Заказчик» — 350 ₽ в месяц: только траектория «Как объяснить задачу программисту» и конструктор описания задачи. Тарифы и что входит.