Как учиться

План на ближайший месяц

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

Что понадобится

Редактор кода

Бесплатный VS Code — ставим в первом уроке. Пока не установил, можно писать прямо в песочнице на этом сайте.

Браузер

Любой современный: Chrome, Firefox, Safari, Edge. Он у тебя уже есть — ты сейчас в нём.

Час в день

Примерно 6 часов чтения плюс столько же практики. Один урок в день — и через месяц курс пройден.

Как проходить урок

  1. Прочитай теорию и потрогай примеры

    Код в примерах редактируется. Меняй значения, ломай специально, смотри, что будет — так запоминается быстрее, чем при чтении.

  2. Пройди тест

    Объяснение показывается после ответа — и для верных тоже. Ошибка здесь не оценка, а подсказка, что стоит перечитать.

  3. Сделай задание

    Проверка объясняет по-человечески, что именно не сходится. Не получается после двух попыток — открывается решение, и это нормально.

  4. Повтори у себя в редакторе

    Самый важный шаг. Собери то же самое в своём файле на диске. Пальцы запоминают то, чего не запоминают глаза.

  5. Отметь урок пройденным

    Кнопка справа. Отметка хранится в этом браузере: карта курса подсветится, а на главной появится «продолжить».

Как устроен сайт

Горячие клавиши

⌘K — поиск, ← → — соседний урок, T — тема, M — спокойный режим, ? — весь список.

Спокойный режим

Кнопка в шапке выключает всю анимацию. Если в системе стоит «уменьшить движение», режим включается сам.

Прогресс без регистрации

Всё хранится в твоём браузере и никуда не отправляется. На другом устройстве прогресс начнётся заново.

Частые вопросы

Что делать, если совсем ничего не понятно?

Вернись на урок назад и переделай задание оттуда. Почти всегда непонимание тянется с предыдущей темы. И не пропускай практику: чтение без набора кода не работает.

Обязательно проходить уроки по порядку?

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

Можно ли пользоваться сайтом с телефона?

Читать — да, всё адаптировано. Но задания удобнее делать с клавиатурой: набирать код на телефоне мучительно.

Как сбросить прогресс?

На странице «Прогресс» внизу есть кнопка сброса с подтверждением.

Сайт открывается без JavaScript?

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

Готов?

Первый урок начинается с того, что такое браузер

Начать