Когда мы сформировали программу курса и определили цели и образовательные результаты, можно составлять план урока.
Сегодня мы разберем, что такое план урока и в чем его польза. Также изучим структуру урока и научимся составлять план. В этом уроке мы покажем только составляющие структуры, а далее в курсе разберем каждую часть подробнее.
Зачем нужен план
Когда автор садится писать урок без подготовки, у него в голове может быть хаос из большого количества мыслей. В этот момент сложно понять, с чего начинать писать, как должен выглядеть урок, какие особенности стоит упомянуть. Особенно такие проблемы возникают у тех, кто пишет впервые. По этой причине и нужно составлять план урока, ведь он помогает сосредоточиться.
По сути, план урока — это список основных мыслей и тезисов урока. Автор будущего урока кратко записывает все мысли, выстраивает их последовательность, проверяет логическую структуру. Такой проработанный план помогает представить, что именно писать и в каком порядке. Также он помогает не забыть важные составляющие урока.
Благодаря плану нам будет проще сохранить логичную структуру урока, сделать его целостным.Также у него есть еще ряд положительных сторон:
- Экономит время работы над уроком. С планом нам с меньшей вероятностью придется менять структуру, дописывать или убирать текст. С более подробным планом урок пишется быстрее, так как автору остается раскрыть и переформулировать мысли
- Делает текст связным. На этапе плана мы заранее продумываем, как логически будут связаны части урока
- Фокусирует на теме урока и не дает отклоняться на смежные, которые могут испортить урок
Польза плана ясна, но он может оказаться бессмысленным, если не знать, из чего состоит структура урока. Разберемся с этим подробнее.
Из чего состоит урок
В каждом образовательном проекте своя структура урока. Она должна быть единой внутри курса. Так студент привыкает к одной структуре, что делает учебу продуктивнее. Если все уроки написаны по одной структуре, студенту проще воспринимать текст, поэтому у него остается больше сил на обработку новой информации по теме урока.
Мы в Хекслете придерживаемся в текстовых уроках такой структуры:
- Введение — краткое и вовлекающее описание темы урока
- Теория — сам рассказ о теме урока
- Выводы — подведение итогов
- Дополнительные ссылки — список ссылок, которые помогут студенту глубже погрузиться в тему
Каждый из этих блоков играет важную роль в уроке. Далее мы разберем их наполнение и ценность подробнее, а пока обсудим общие советы, которые помогут составить план.
Как составлять план
Планы бывают разными. Они могут отличаться объемами, стилем записи, подробностями. Здесь мы рассмотрим этот процесс по шагам.
Шаг 1. Составляем тезисный план
В начале работы над планом у автора уже есть несколько известных вводных:
- Тема урока
- Цель урока и образовательные результаты
- 2-3 подтемы, которые надо упомянуть
Для примера возьмем урок по Git. Такие вводные есть у автора в самом начале:
- Тема: Отмена изменений в рабочей директории
- Цель: Научить студента отменять изменения
- Образовательные результаты: студент может отменять изменения
- Подтемы: отмена неотслеживаемых файлов, отмена измененных файлов, работа с файлами, подготовленными к коммиту (отмена изменения и отмена индексации)
На первом этапе мы берем эту информацию, продумываем главные заголовки и перечисляем ключевые тезисы каждого блока. Немного расширим вводные так, чтобы начать создавать план. Знаком # обозначим уровни заголовков:
## Введение
- Здесь надо будет сказать, что отмена — важная функция гита
## Как отменять неотслеживаемые файлы
- Описываем бытовую ситуацию — добавили ненужные файлы в репозиторий
- Это исправляется командой git clean
- Показываем на примере, как работает команда
## Как отменять измененные файлы в рабочей директории
- Описываем бытовую ситуацию — поменяли файл, но оказалось, что не надо
- Это исправляется командой git restore
- Показываем на примере, как работает команда (возьму пример из...)
- Не забыть сказать, что Git сам напоминает о проверке статуса
## Как отменять изменения, подготовленные к коммиту
- Описываем бытовую ситуацию — уже подготовили изменения к коммиту, но надо откатить обратно
- Говорим, что есть два способа
## Как отменить само изменение
- Описываем, когда используется именно этот способ (уточнить у...)
- Даем команду, которая это делает + краткое описание работы команды
- Показываем на примере, как работает команда
## Как отменить индексацию коммита
- Описываем, когда используется именно этот способ
- Даем команду, которая это делает и краткое описание работы команды
- Показываем на примере, как работает команда
## Выводы
- Собираем ключевые мысли из всего урока
## Дополнительные материалы
- Тут дадим ссылку на официальную документацию гита (найти, где-то было в закладках)
Теперь стало понятно, какие мысли будут в каждом блоке, какие темы надо упомянуть. Как видите, этот план похож на разговор автора с самим собой — здесь есть заметки, что надо поискать и откуда взять информацию. Такие заметки помогают ничего не забыть и упрощают работу над уроком.
На этом можно закончить работу над планом и начать писать урок. Но есть и авторы, которым удобнее работать с планом-черновиком. Это следующий этап, на котором автор прописывает целые куски чернового текста, вставляет ссылки на источники, кратко описывает иллюстрации. Текст в таком плане может быть кривым, сложным, несвязным. Его можно переформулировать уже на этапе написания и редактуры урока.
Советы по работе с планом
Если у проекта нет четких правил по типу плана, то вы можете работать, как вам удобно. Но есть и общие основные правила, которые помогут большинству авторов и сделают почти любой план лучше.
Не оставляйте пустые места в плане
В каждом пункте плана нужно раскрыть как минимум основную мысль. Также можно задать вопрос, на который дается ответ в этой части. В плане не должно оставаться пустых блоков, когда мы переходим к написанию урока. План с «проплешинами» не выполняет своей полезной функции, а только усложняет работу автору.
Делите основные блоки заголовками
Чтобы студентам было проще воспринимать урок, его нужно структурировать и выделять блоки заголовками. Это делается еще на этапе составления плана. Это упрощает работу автору, так как заголовки показывают основные блоки урока и помогают не пропустить важные мысли.
Называйте блоки в едином формате
Важно, чтобы заголовки одного уровня были в едином формате. Так урок выглядит более структурированным и организованным — студенту легко в нем ориентироваться.
Возьмем для примера план урока, в котором есть такие блоки:
- ## Как отменить коммит
- ## Изменение коммита
Эти заголовки одного уровня, но в разных форматах — это неудобно. Лучше заменить на единый формат, чтобы они выглядели так:
- ## Как отменить коммит
- ## Как изменить коммит
Заголовки лучше прописывать через действие или в вопросительной форме:
- ## Отменяем коммит
- ## Как отменить коммит
Такие заголовки точнее раскрывают, чему студент научится в этом блоке и какие навыки получит. Заголовки через существительные часто менее эффективны, но иногда через них легче сформулировать мысль блока.
Указывайте в плане ссылки и картинки
Если в процессе написания урока используются сторонние источники, то лучше вставлять ссылку на них в план. Так будет проще находить нужный материал, а не искать и отвлекаться во время написания урока. Так уроки пишутся быстрее.
Также в план можно вставлять иллюстрации или их описание. Описывать процесс по картинке — еще один способ облегчить написание урока. Если картинки еще нет, тогда можно описать ее текстом, чтобы ориентироваться.
Еще на этапе плана добавляйте в блок «Дополнительный материалы» полезные ссылки. Так вы увеличите шансы, что не забудете их потом. Возможно, у вас есть ценные материалы, которыми вы хотите поделиться. План создан для того, чтобы не отвлекаться на лишние действия во время написания и не забывать ничего важного.
Выводы
В этом уроке мы разобрали, что такое план урока и в чем его польза. Также изучили структуру урока. Теперь мы знаем, как составить план, который сделает урок эффективным, полезным и простым для восприятия. Еще такой план облегчит работу автора.
Дадим еще один практический совет. Чтобы план получился логичным и структурированным, постоянно задавайте себе вопросы и рассуждайте. Так мысль блока будет плавно перетекать в другой.
Допустим, нам нужно написать урок про коммиты, которые нас не устраивают. Там будет два основных блока - как отменить коммит и как его изменить. Кажется, что здесь порядок не важен — эти действия можно сделать в любое время. Но нужно подумать, как будет логичней. Возможно, у нас есть практика с такими командами в реальной жизни и мы знаем, как обычно бывает.
Всегда нужно находить объяснение выбранного способа подачи урока, а не пускать всё на самотек. Подробнее о способах подачи обучающего материала поговорим в следующих уроках.
<!DOCTYPE html>
<html class="h-100" data-bs-theme="light" data-mantine-color-scheme="light" lang="ru" prefix="og: https://ogp.me/ns#">
<head>
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="IE=Edge" http-equiv="X-UA-Compatible">
<link crossorigin="true" href="https://cdn.hexlet.io" rel="preconnect">
<link href="https://mc.yandex.ru" rel="preconnect">
<meta content="aa2vrdtq64dub8knuf83lwywit311w" name="facebook-domain-verification">
<link href="/favicon.ico" rel="icon" sizes="any">
<link href="/favicon.svg" rel="icon" type="image/svg+xml">
<link href="/apple-touch-icon.png" rel="apple-touch-icon">
<link href="/manifest.webmanifest" rel="manifest">
<script>
//<![CDATA[
window.gon={};gon.ym_counter="25559621";gon.is_bot=true;gon.applications={};gon.current_user={"id":null,"last_viewed_notification_id":null,"email":null,"state":null,"first_name":"","last_name":"","created_at":"2026-02-26 16:45:36 UTC","current_program":null,"current_team":null,"full_name":"","guest":true,"can_use_paid_features":false,"is_hexlet_employee":false,"sanitized_phone_number":"","can_subscribe":true,"can_renew_education":false};gon.token="W1nwH9tv76fd9E29PtvyTehP5cw-TmQr8HfxA1zRdz-0iDsoKRFCx2u3aSUy1AI6KEbIZjZ5molNl2tXDtaQUQ";gon.locale="ru";gon.language="ru";gon.theme="light";gon.rails_env="production";gon.mobile=false;gon.google={"analytics_key":"UA-1360700-51","optimize_key":"GTM-5QDVFPF"};gon.captcha={"google_v3_site_key":"6LenGbgZAAAAAM7HbrDbn5JlizCSzPcS767c9vaY","yandex_site_key":"ysc1_Vyob5ZPPUdPBsu0ykt8bVFdzsfpoVjQChLGl2b4g19647a89","verification_failed":null};gon.social_signin=false;gon.typoreporter_google_form_id="1FAIpQLSeibfGq-KvWQ2Fyru-zkFFRVTLBuzXAHAoEyN1p49FtDmNoNA";
//]]>
</script>
<meta charset="utf-8">
<title>План урока | Как проектировать классные уроки</title>
<meta name="description" content="План урока / Как проектировать классные уроки: Разбираемся, зачем составлять план и как это делать">
<link rel="canonical" href="https://ru.hexlet.io/courses/awesome-text-structure/lessons/lesson-plan/theory_unit">
<meta name="robots" content="noarchive">
<meta property="og:title" content="План урока">
<meta property="og:title" content="Как проектировать классные уроки">
<meta property="og:description" content="План урока / Как проектировать классные уроки: Разбираемся, зачем составлять план и как это делать">
<meta property="og:url" content="https://ru.hexlet.io/courses/awesome-text-structure/lessons/lesson-plan/theory_unit">
<meta name="csrf-param" content="authenticity_token" />
<meta name="csrf-token" content="S6gK2FI22mwGkWyIVivNPy8f6TgdhkMbSwneJJ5Iaz-kecHvoEh3DLDSSBBaJD1I7xbEkhWxvbn26URwzE-MUQ" />
<script src="/vite/assets/inertia-INZxX8jp.js" crossorigin="anonymous" type="module"></script><link rel="modulepreload" href="/vite/assets/chunk-DsPFFUou.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/preload-helper-BJ4cLWpC.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/init-nkZBEvfU.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/ahoy-DrlRQ-1D.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/analytics-6pOtQ3OW.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/ErrorFallbackBlock-naDSYSy9.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/Surface-DL2bpZA-.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/gon-D3e4yh1x.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/mantine-CGMYrt2Y.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/utils-DRqSHbQE.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/routes-CCH8ilKF.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/extends-C-EagtpE.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/inheritsLoose-BBd-DCVI.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/objectWithoutPropertiesLoose-DRHXDhjp.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/index.esm-DAqKOkZ0.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/Button-CGPUux8l.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/CloseButton-D1euiPao.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/Group-BX48WcuU.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/Loader-BQEY8g6v.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/Modal-Cy3HByv7.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/OptionalPortal-1Hza5P2w.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/Stack-CtjJzfw4.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/Textarea-Ck64llAy.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/Box-B5-OOzBf.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/DirectionProvider-Dc9zdUke.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/events-DJQOhap0.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/use-reduced-motion-D2owz4wa.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/use-disclosure-zKtK5W1r.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/use-hotkeys-Cnc_Rwkb.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/random-id-DOQyszCZ.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/notifications.store-C-3AFSMn.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/exports-C_MrNx_T.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/axios-BEvgo0ym.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/dayjs.min-BkKovM-s.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/i18next-BlSq9s7B.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/client-U9M77rxp.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/react-dom-DaLxUz_h.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/useTranslation-Bx1Cdrkz.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/compiler-runtime-6XxiPFnt.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/jsx-runtime-CwjcCKJi.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/react-CkL4ZRHB.js" as="script" crossorigin="anonymous">
<link rel="stylesheet" href="/vite/assets/application-BqhCP46M.js" />
<script src="/vite/assets/application-Df9RExpe.js" crossorigin="anonymous" type="module"></script><link rel="modulepreload" href="/vite/assets/chunk-DsPFFUou.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/autocomplete-VMNbxKGl.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/routes-CCH8ilKF.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/createPopper-C3aM9r1M.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/js.cookie-D1-O8zkX.js" as="script" crossorigin="anonymous"><link rel="stylesheet" href="/vite/assets/application-C8HjmMaq.css" media="screen" />
<script>
window.ym = function(){(ym.a=ym.a||[]).push(arguments)};
window.addEventListener('load', function() {
setTimeout(function() {
ym.l = 1*new Date();
ym(window.gon.ym_counter, "init", {
clickmap: true,
trackLinks: true,
accurateTrackBounce: true,
webvisor: true
});
// Загружаем скрипт
var k = document.createElement('script');
k.async = 1;
k.src = 'https://mc.yandex.ru/metrika/tag.js';
document.head.appendChild(k);
ym(window.gon.ym_counter, 'getClientID', function(clientID) {
window.ymClientId = clientID;
});
}, 1500);
});
</script>
<!-- Google Tag Manager - deferred -->
<script>
// dataLayer stub сразу — пуши работают до загрузки скрипта
window.dataLayer = window.dataLayer || [];
// Сам скрипт — отложенно после load
window.addEventListener('load', function() {
setTimeout(function() {
dataLayer.push({'gtm.start': new Date().getTime(), event: 'gtm.js'});
var j = document.createElement('script');
j.async = true;
j.src = 'https://www.googletagmanager.com/gtm.js?id=GTM-WK88TH';
document.head.appendChild(j);
}, 1500);
});
</script>
<!-- End Google Tag Manager -->
</head>
<body>
<noscript>
<div>
<img alt="" src="https://mc.yandex.ru/watch/25559621" style="position:absolute; left:-9999px;">
</div>
</noscript>
<header class="sticky-top bg-body">
<nav class="navbar navbar-expand-lg">
<div class="container-xxl">
<a class="navbar-brand" href="/"><img alt="Логотип Хекслета" height="24" src="https://ru.hexlet.io/vite/assets/logo_ru_light-BpiEA1LT.svg" width="96">
</a><button aria-controls="collapsable" aria-expanded="false" aria-label="Меню" class="navbar-toggler border-0 mb-0 mt-1" data-bs-target="#collapsable" data-bs-toggle="collapse">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="collapsable">
<ul class="navbar-nav mb-lg-0 mt-lg-1">
<li class="nav-item dropdown">
<button aria-haspopup class="btn nav-link" data-bs-toggle="dropdown" type="button">
Все курсы
<span class="bi bi-chevron-down align-middle ms-1"></span>
</button>
<ul class="dropdown-menu">
<li>
<a class="dropdown-item d-flex py-2" href="/courses"><div class="fw-bold me-auto">Все что есть</div>
<div class="text-muted">117</div>
</a></li>
<li>
<hr class="dropdown-divider">
</li>
<li class="dropdown-item">
<b>Популярные категории</b>
</li>
<li>
<a class="dropdown-item py-2" href="/courses_devops">Курсы по DevOps
</a></li>
<li>
<a class="dropdown-item py-2" href="/courses_data_analytics">Курсы по аналитике данных
</a></li>
<li>
<a class="dropdown-item py-2" href="/courses_programming">Курсы по программированию
</a></li>
<li>
<a class="dropdown-item py-2" href="/courses_testing">Курсы по тестированию
</a></li>
<li>
<hr class="dropdown-divider">
</li>
<li class="dropdown-item">
<b>Популярные курсы</b>
</li>
<li>
<a class="dropdown-item py-2" href="/programs/devops-engineer-from-scratch">DevOps-инженер с нуля
</a></li>
<li>
<a class="dropdown-item py-2" href="/programs/go">Go-разработчик
</a></li>
<li>
<a class="dropdown-item py-2" href="/programs/java">Java-разработчик
</a></li>
<li>
<a class="dropdown-item py-2" href="/programs/python">Python-разработчик
</a></li>
<li>
<a class="dropdown-item py-2" href="/programs/qa-auto-engineer-java">Автоматизатор тестирования на Java
</a></li>
<li>
<a class="dropdown-item py-2" href="/programs/data-analytics">Аналитик данных
</a></li>
<li>
<a class="dropdown-item py-2" href="/programs/frontend">Фронтенд-разработчик
</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<button aria-haspopup class="btn nav-link" data-bs-toggle="dropdown" type="button">
О Хекслете
<span class="bi bi-chevron-down align-middle"></span>
</button>
<ul class="dropdown-menu bg-body">
<li>
<a class="dropdown-item py-2" href="/pages/about">О нас
</a></li>
<li>
<a class="dropdown-item py-2" href="/blog">Блог
</a></li>
<li>
<span class="dropdown-item py-2 external-link" data-href="https://special.hexlet.io/hse-research" role="button">Результаты (Исследование)
</span></li>
<li>
<span class="dropdown-item py-2 external-link" data-href="https://career.hexlet.io" role="button">Хекслет Карьера
</span></li>
<li>
<a class="dropdown-item py-2" href="/testimonials">Отзывы студентов
</a></li>
<li>
<span class="dropdown-item py-2 external-link" data-href="https://t.me/hexlet_help_bot" role="button">Поддержка (В ТГ)
</span></li>
<li>
<span class="dropdown-item py-2 external-link" data-href="https://special.hexlet.io/referal-program/?promo_creative=priglasite-druzei&promo_name=referal-program&promo_position=promo_position&promo_start=010724&promo_type=link" role="button">Реферальная программа
</span></li>
<li>
<span class="dropdown-item py-2 external-link" data-href="https://special.hexlet.io/certificate" role="button">Подарочные сертификаты
</span></li>
<li>
<span class="dropdown-item py-2 external-link" data-href="https://hh.ru/employer/4307094" role="button">Вакансии
</span></li>
<li>
<span class="dropdown-item d-flex external-link" rel="noopener noreferrer nofollow" data-href="https://b2b.hexlet.io" data-target="_blank" role="button">Компаниям
</span></li>
<li>
<span class="dropdown-item d-flex external-link" rel="noopener noreferrer nofollow" data-href="https://hexly.ru/" data-target="_blank" role="button">Колледж
</span></li>
<li>
<span class="dropdown-item d-flex external-link" rel="noopener noreferrer nofollow" data-href="https://hexlyschool.ru/" data-target="_blank" role="button">Частная школа
</span></li>
</ul>
</li>
<li><a class="nav-link" href="/subscription/new">Подписка</a></li>
</ul>
<ul class="navbar-nav flex-lg-row align-items-lg-center gap-2 ms-auto">
<li>
<a class="nav-link" aria-label="Переключить тему" href="/theme/switch?new_theme=dark"><span aria-hidden="true" class="bi bi-moon"></span>
</a></li>
<li>
<span data-target="_self" class="nav-link external-link" data-href="/u/new" role="button"><span>Регистрация</span>
</span></li>
<li>
<span data-target="_self" class="nav-link external-link" data-href="https://ru.hexlet.io/session/new" role="button"><span>Вход</span>
</span></li>
</ul>
</div>
</div>
</nav>
</header>
<div class="x-container-xxxl">
</div>
<main class="mb-6 min-vh-100 h-100">
<div id="app" data-page="{"component":"web/courses/lessons/theory_unit","props":{"errors":{},"locale":"ru","language":"ru","httpsHost":"https://ru.hexlet.io","host":"ru.hexlet.io","colorScheme":"light","auth":{"user":{"id":null,"last_viewed_notification_id":null,"email":null,"state":null,"first_name":"","last_name":"","created_at":"2026-02-26T16:45:36.921Z","current_program":null,"current_team":null,"full_name":"","guest":true,"can_use_paid_features":false,"is_hexlet_employee":false,"sanitized_phone_number":"","can_subscribe":true,"can_renew_education":false}},"cloudflareTurnstileSiteKey":"0x4AAAAAAA15KmeFXzd2H0Xo","vkIdClientId":"51586979","yandexIdClientId":"88d071f1d3384eb4bd1deb37910235c7","formAuthToken":"A1aQHqlC5TQEAR652lTd-iouQWElDcMzdbaffgZFY7_sh1spWzxIVLJCOiHWWy2N6idsyy06PZHIVgUqVEKE0Q","topics":[],"lesson":{"exercise":null,"units":[{"id":7602,"name":"theory","url":"/courses/awesome-text-structure/lessons/lesson-plan/theory_unit"},{"id":7966,"name":"quiz","url":"/courses/awesome-text-structure/lessons/lesson-plan/quiz_unit"}],"links":[],"ordered_units":[{"id":7602,"name":"theory","url":"/courses/awesome-text-structure/lessons/lesson-plan/theory_unit"},{"id":7966,"name":"quiz","url":"/courses/awesome-text-structure/lessons/lesson-plan/quiz_unit"}],"id":3379,"slug":"lesson-plan","state":"approved","name":"План урока","course_order":160,"goal":"Разбираемся, зачем составлять план и как это делать","self_study":"Составьте структуру урока по теме, которую выбрали. На этом этапе достаточно выделить с помощью заголовков основные блоки урока и расставить их в нужном порядке. Действуйте согласно следующему алгоритму:\n\n1. Вспомните основные вводные урока, которые у вас уже есть: тема, цель, образовательные результаты и подтемы\n2. С помощью вводной информации продумывайте главные заголовки — основные блоки урока. Выстройте их в правильном порядке\n","theory_video_provider":null,"theory_video_uid":null,"theory":"Когда мы сформировали программу курса и определили цели и образовательные результаты, можно составлять план урока.\n\nСегодня мы разберем, что такое план урока и в чем его польза. Также изучим структуру урока и научимся составлять план. В этом уроке мы покажем только составляющие структуры, а далее в курсе разберем каждую часть подробнее.\n\n## Зачем нужен план\n\nКогда автор садится писать урок без подготовки, у него в голове может быть хаос из большого количества мыслей. В этот момент сложно понять, с чего начинать писать, как должен выглядеть урок, какие особенности стоит упомянуть. Особенно такие проблемы возникают у тех, кто пишет впервые. По этой причине и нужно составлять план урока, ведь он помогает сосредоточиться.\n\nПо сути, **план урока** — это список основных мыслей и тезисов урока. Автор будущего урока кратко записывает все мысли, выстраивает их последовательность, проверяет логическую структуру. Такой проработанный план помогает представить, что именно писать и в каком порядке. Также он помогает не забыть важные составляющие урока.\n\nБлагодаря плану нам будет проще сохранить логичную структуру урока, сделать его целостным.Также у него есть еще ряд положительных сторон:\n\n* Экономит время работы над уроком. С планом нам с меньшей вероятностью придется менять структуру, дописывать или убирать текст. С более подробным планом урок пишется быстрее, так как автору остается раскрыть и переформулировать мысли\n* Делает текст связным. На этапе плана мы заранее продумываем, как логически будут связаны части урока\n* Фокусирует на теме урока и не дает отклоняться на смежные, которые могут испортить урок\n\nПольза плана ясна, но он может оказаться бессмысленным, если не знать, из чего состоит структура урока. Разберемся с этим подробнее.\n\n## Из чего состоит урок\n\nВ каждом образовательном проекте своя структура урока. Она должна быть единой внутри курса. Так студент привыкает к одной структуре, что делает учебу продуктивнее. Если все уроки написаны по одной структуре, студенту проще воспринимать текст, поэтому у него остается больше сил на обработку новой информации по теме урока.\n\nМы в Хекслете придерживаемся в текстовых уроках такой структуры:\n\n* Введение — краткое и вовлекающее описание темы урока\n* Теория — сам рассказ о теме урока\n* Выводы — подведение итогов\n* Дополнительные ссылки — список ссылок, которые помогут студенту глубже погрузиться в тему\n\nКаждый из этих блоков играет важную роль в уроке. Далее мы разберем их наполнение и ценность подробнее, а пока обсудим общие советы, которые помогут составить план.\n\n## Как составлять план\n\nПланы бывают разными. Они могут отличаться объемами, стилем записи, подробностями. Здесь мы рассмотрим этот процесс по шагам.\n\n### Шаг 1. Составляем тезисный план\n\nВ начале работы над планом у автора уже есть несколько известных вводных:\n\n* Тема урока\n* Цель урока и образовательные результаты\n* 2-3 подтемы, которые надо упомянуть\n\nДля примера возьмем урок по Git. Такие вводные есть у автора в самом начале:\n\n* Тема: Отмена изменений в рабочей директории\n* Цель: Научить студента отменять изменения\n* Образовательные результаты: студент может отменять изменения\n* Подтемы: отмена неотслеживаемых файлов, отмена измененных файлов, работа с файлами, подготовленными к коммиту (отмена изменения и отмена индексации)\n\nНа первом этапе мы берем эту информацию, продумываем главные заголовки и перечисляем ключевые тезисы каждого блока. Немного расширим вводные так, чтобы начать создавать план. Знаком `#` обозначим уровни заголовков:\n\n\\## Введение\n\n* Здесь надо будет сказать, что отмена — важная функция гита\n\n\\## Как отменять неотслеживаемые файлы\n\n* Описываем бытовую ситуацию — добавили ненужные файлы в репозиторий\n* Это исправляется командой git clean\n* Показываем на примере, как работает команда\n\n\\## Как отменять измененные файлы в рабочей директории\n\n* Описываем бытовую ситуацию — поменяли файл, но оказалось, что не надо\n* Это исправляется командой git restore\n* Показываем на примере, как работает команда (возьму пример из...)\n* Не забыть сказать, что Git сам напоминает о проверке статуса\n\n\\## Как отменять изменения, подготовленные к коммиту\n\n* Описываем бытовую ситуацию — уже подготовили изменения к коммиту, но надо откатить обратно\n* Говорим, что есть два способа\n\n\\## Как отменить само изменение\n\n* Описываем, когда используется именно этот способ (уточнить у...)\n* Даем команду, которая это делает + краткое описание работы команды\n* Показываем на примере, как работает команда\n\n\\## Как отменить индексацию коммита\n\n* Описываем, когда используется именно этот способ\n* Даем команду, которая это делает и краткое описание работы команды\n* Показываем на примере, как работает команда\n\n\\## Выводы\n\n* Собираем ключевые мысли из всего урока\n\n\\## Дополнительные материалы\n\n* Тут дадим ссылку на официальную документацию гита (найти, где-то было в закладках)\n\nТеперь стало понятно, какие мысли будут в каждом блоке, какие темы надо упомянуть. Как видите, этот план похож на разговор автора с самим собой — здесь есть заметки, что надо поискать и откуда взять информацию. Такие заметки помогают ничего не забыть и упрощают работу над уроком.\n\nНа этом можно закончить работу над планом и начать писать урок. Но есть и авторы, которым удобнее работать с **планом-черновиком**. Это следующий этап, на котором автор прописывает целые куски чернового текста, вставляет ссылки на источники, кратко описывает иллюстрации. Текст в таком плане может быть кривым, сложным, несвязным. Его можно переформулировать уже на этапе написания и редактуры урока.\n\n## Советы по работе с планом\n\nЕсли у проекта нет четких правил по типу плана, то вы можете работать, как вам удобно. Но есть и общие основные правила, которые помогут большинству авторов и сделают почти любой план лучше.\n\n### Не оставляйте пустые места в плане\n\nВ каждом пункте плана нужно раскрыть как минимум основную мысль. Также можно задать вопрос, на который дается ответ в этой части. В плане не должно оставаться пустых блоков, когда мы переходим к написанию урока. План с «проплешинами» не выполняет своей полезной функции, а только усложняет работу автору.\n\n### Делите основные блоки заголовками\n\nЧтобы студентам было проще воспринимать урок, его нужно структурировать и выделять блоки заголовками. Это делается еще на этапе составления плана. Это упрощает работу автору, так как заголовки показывают основные блоки урока и помогают не пропустить важные мысли.\n\n### Называйте блоки в едином формате\n\nВажно, чтобы заголовки одного уровня были в едином формате. Так урок выглядит более структурированным и организованным — студенту легко в нем ориентироваться.\n\nВозьмем для примера план урока, в котором есть такие блоки:\n\n* `## Как отменить коммит`\n* `## Изменение коммита`\n\nЭти заголовки одного уровня, но в разных форматах — это неудобно. Лучше заменить на единый формат, чтобы они выглядели так:\n\n* `## Как отменить коммит`\n* `## Как изменить коммит`\n\nЗаголовки лучше прописывать через действие или в вопросительной форме:\n\n* `## Отменяем коммит`\n* `## Как отменить коммит`\n\nТакие заголовки точнее раскрывают, чему студент научится в этом блоке и какие навыки получит. Заголовки через существительные часто менее эффективны, но иногда через них легче сформулировать мысль блока.\n\n### Указывайте в плане ссылки и картинки\n\nЕсли в процессе написания урока используются сторонние источники, то лучше вставлять ссылку на них в план. Так будет проще находить нужный материал, а не искать и отвлекаться во время написания урока. Так уроки пишутся быстрее.\n\nТакже в план можно вставлять иллюстрации или их описание. Описывать процесс по картинке — еще один способ облегчить написание урока. Если картинки еще нет, тогда можно описать ее текстом, чтобы ориентироваться.\n\nЕще на этапе плана добавляйте в блок «Дополнительный материалы» полезные ссылки. Так вы увеличите шансы, что не забудете их потом. Возможно, у вас есть ценные материалы, которыми вы хотите поделиться. План создан для того, чтобы не отвлекаться на лишние действия во время написания и не забывать ничего важного.\n\n## Выводы\n\nВ этом уроке мы разобрали, что такое план урока и в чем его польза. Также изучили структуру урока. Теперь мы знаем, как составить план, который сделает урок эффективным, полезным и простым для восприятия. Еще такой план облегчит работу автора.\n\nДадим еще один практический совет. Чтобы план получился логичным и структурированным, постоянно задавайте себе вопросы и рассуждайте. Так мысль блока будет плавно перетекать в другой.\n\nДопустим, нам нужно написать урок про коммиты, которые нас не устраивают. Там будет два основных блока - как отменить коммит и как его изменить. Кажется, что здесь порядок не важен — эти действия можно сделать в любое время. Но нужно подумать, как будет логичней. Возможно, у нас есть практика с такими командами в реальной жизни и мы знаем, как обычно бывает.\n\nВсегда нужно находить объяснение выбранного способа подачи урока, а не пускать всё на самотек. Подробнее о способах подачи обучающего материала поговорим в следующих уроках.\n"},"lessonMember":null,"courseMember":null,"course":{"start_lesson":{"exercise":null,"units":[{"id":7470,"name":"theory","url":"/courses/awesome-text-structure/lessons/intro/theory_unit"}],"links":[],"ordered_units":[{"id":7470,"name":"theory","url":"/courses/awesome-text-structure/lessons/intro/theory_unit"}],"id":3331,"slug":"intro","state":"approved","name":"Введение","course_order":100,"goal":"Обсудим темы курса","self_study":null,"theory_video_provider":null,"theory_video_uid":null,"theory":"После составления программы курса автор переходит к этапу проектирования уроков. Здесь мы составляем план каждого урока. Этот этап важен и его не стоит пропускать, так как он помогает подготовиться к написанию текста, чтобы тот получился понятным и наполненным только важными моментами.\n\nВ этом курсе мы разберем, как спроектировать урок так, чтобы он получился максимально эффективным и довел студента до необходимого результата.\n\n## Какие темы будем изучать на курсе\n\nПеред составлением плана урока, автору нужно определиться с его целью. Это первая тема, которую мы затронем на курсе. Мы узнаем, почему важно формулировать цель до начала проектирования и написания урока. Также научимся формулировать цель с помощью образовательных результатов студента.\n\nДалее нам предстоит составить план урока. Для этого мы должны понять, из каких основных частей он будет состоять и что входит в каждую из них. Мы разберем, что такое план урока и в чем его польза. Также изучим структуру урока и научимся составлять план. А еще узнаем, как основные составляющие урока повышают образовательные результаты студента и помогают ему лучше усваивать новое.\n\nВо время проектирования урока нам нужно сразу определиться, как мы будем объяснять теорию. Для этого мы разберем основные подходы к объяснению, которые мы используем в Хекслете. Мы разберем, как еще на этапе проектирования сделать урок максимально понятным. Мы научим подходам, с помощью которых можно правильно и размеренно подавать теорию, а также понятно и легко доносить знания до студентов.\n\nТакже мы расскажем о таких подходах к объяснению, как наглядные примеры. Мы научимся разбавлять ими теорию, тем самым сможем лучше вовлекать студента. Так ему будет проще соотносить абстрактные темы с реальной жизнью.\n\nЕще на этапе проектирования можно начать работать с важной составляющей урока — визуализацией. Здесь мы не будем рассказывать о том, как должны выглядеть иллюстрации к тексту. На этапе проектирования урока важно понять, где нужна визуализация и сможет ли она помочь лучше понять теорию. Мы разберем, зачем визуализировать урок, и в каких случаях это нужно делать, а в каких нет.\n\nВ конце курса мы расскажем о том, как работать с практикой в рамках каждого урока. Мы разберем, какие виды практик стоит использовать и можно ли их совмещать. Также рассмотрим, как сделать практику эффективной с помощью трех правил.\n\n## Вывод\n\nЭтот курс стоит проходить после того, как вы узнали о принципах обучения и составили программу курса. Он подойдет для экспертов любого уровня. Главное — желание поделиться своими экспертными знаниями и навыками.\n\nВ этом курсе мы разберем основные методические принципы проектирования уроков, которых придерживаемся в Хекслете. А практики после каждого урока помогут закрепить полученные знания и навыки, поэтому их не стоит пропускать. Далее вы приступите к написанию уроков. Этот этап пройдет максимально просто, если вы будете применять рекомендации, которые получили в этом курсе.\n"},"id":286,"slug":"awesome-text-structure","challenges_count":0,"name":"Как проектировать классные уроки","allow_indexing":true,"state":"approved","course_state":"finished","pricing_type":"free","description":"В этом курсе вы научитесь проектировать уроки на технические темы. Вы узнаете, как построить план урока и написать текст по нему. Вы научитесь раскладывать по полочкам сложные темы и дополнять абстрактную теорию примерами, кейсами и практическими заданиями. После курса вы сможете делиться своими знаниями с новичками в доступной и увлекательной форме.","kind":"additional","updated_at":"2026-01-20T11:44:27.960Z","language":"other","duration_cache":9360,"skills":["Создавать уроки с высокой образовательной ценностью","Доступно и увлекательно рассказывать о сложных вещах","Передавать свои знания новичкам"],"keywords":[],"lessons_count":9,"cover":"https://hexlet.io/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsiZGF0YSI6NzA5NywicHVyIjoiYmxvYl9pZCJ9fQ==--60f284baa05503be36b99005302b1c030efc7758/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2ZpbGwiOls2MDAsNDAwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--25b4ee73052eb43df9a50f4a4459ce26d57b6a5d/image.png"},"recommendedLandings":[],"lessonMemberUnit":null,"accessToLearnUnitExists":true,"accessToCourseExists":true},"url":"/courses/awesome-text-structure/lessons/lesson-plan/theory_unit","version":"0b0c6d4ebbd40fd58630a0dd89cc25544ccdf24e","encryptHistory":false,"clearHistory":false}"><style data-mantine-styles="true">:root, :host{--mantine-font-family: Arial, sans-serif;--mantine-font-family-headings: Arial, sans-serif;--mantine-heading-font-weight: normal;--mantine-radius-default: 0rem;--mantine-primary-color-filled: var(--mantine-color-indigo-filled);--mantine-primary-color-filled-hover: var(--mantine-color-indigo-filled-hover);--mantine-primary-color-light: var(--mantine-color-indigo-light);--mantine-primary-color-light-hover: var(--mantine-color-indigo-light-hover);--mantine-primary-color-light-color: var(--mantine-color-indigo-light-color);--mantine-spacing-xxl: calc(4rem * var(--mantine-scale));--mantine-font-size-xs: 12px;--mantine-font-size-sm: 14px;--mantine-font-size-md: 16px;--mantine-font-size-lg: clamp(16.0000px, calc(15.2727px + 0.2273vw), 18.0000px);--mantine-font-size-xl: clamp(16.0000px, calc(14.5455px + 0.4545vw), 20.0000px);--mantine-font-size-display-3: clamp(32.0000px, calc(26.1818px + 1.8182vw), 48.0000px);--mantine-font-size-display-2: clamp(36.0000px, calc(25.8182px + 3.1818vw), 64.0000px);--mantine-font-size-display-1: clamp(40.0000px, calc(25.4545px + 4.5455vw), 80.0000px);--mantine-font-size-h1: clamp(28.0000px, calc(23.6364px + 1.3636vw), 40.0000px);--mantine-font-size-h2: clamp(24.0000px, calc(21.0909px + 0.9091vw), 32.0000px);--mantine-font-size-h3: clamp(20.0000px, calc(17.0909px + 0.9091vw), 28.0000px);--mantine-font-size-h4: clamp(16.0000px, calc(13.0909px + 0.9091vw), 24.0000px);--mantine-font-size-h5: clamp(16.0000px, calc(14.5455px + 0.4545vw), 20.0000px);--mantine-font-size-h6: 1rem;--mantine-primary-color-0: var(--mantine-color-indigo-0);--mantine-primary-color-1: var(--mantine-color-indigo-1);--mantine-primary-color-2: var(--mantine-color-indigo-2);--mantine-primary-color-3: var(--mantine-color-indigo-3);--mantine-primary-color-4: var(--mantine-color-indigo-4);--mantine-primary-color-5: var(--mantine-color-indigo-5);--mantine-primary-color-6: var(--mantine-color-indigo-6);--mantine-primary-color-7: var(--mantine-color-indigo-7);--mantine-primary-color-8: var(--mantine-color-indigo-8);--mantine-primary-color-9: var(--mantine-color-indigo-9);--mantine-color-red-0: #ffeaea;--mantine-color-red-1: #fed4d4;--mantine-color-red-2: #f4a7a8;--mantine-color-red-3: #ec7878;--mantine-color-red-4: #e55050;--mantine-color-red-5: #e03131;--mantine-color-red-6: #e02829;--mantine-color-red-7: #c71a1c;--mantine-color-red-8: #b21218;--mantine-color-red-9: #9c0411;--mantine-color-violet-0: #fce9ff;--mantine-color-violet-1: #f1cfff;--mantine-color-violet-2: #e09bff;--mantine-color-violet-3: #d16fff;--mantine-color-violet-4: #be37fe;--mantine-color-violet-5: #b51afe;--mantine-color-violet-6: #b009ff;--mantine-color-violet-7: #9b00e4;--mantine-color-violet-8: #8a00cc;--mantine-color-violet-9: #7800b3;--mantine-color-indigo-0: #edecff;--mantine-color-indigo-1: #d6d5fe;--mantine-color-indigo-2: #aaa9f4;--mantine-color-indigo-3: #7b79eb;--mantine-color-indigo-4: #5451e4;--mantine-color-indigo-5: #3b37e0;--mantine-color-indigo-6: #2d2adf;--mantine-color-indigo-7: #1f1ec7;--mantine-color-indigo-8: #1819b2;--mantine-color-indigo-9: #0c149e;--mantine-color-cyan-0: #dffdff;--mantine-color-cyan-1: #caf5ff;--mantine-color-cyan-2: #99e8ff;--mantine-color-cyan-3: #64daff;--mantine-color-cyan-4: #3ccffe;--mantine-color-cyan-5: #24c8fe;--mantine-color-cyan-6: #00c2ff;--mantine-color-cyan-7: #00ade4;--mantine-color-cyan-8: #009acd;--mantine-color-cyan-9: #0085b5;--mantine-color-green-0: #e9fdec;--mantine-color-green-1: #d7f6dc;--mantine-color-green-2: #b0eab9;--mantine-color-green-3: #86df94;--mantine-color-green-4: #62d574;--mantine-color-green-5: #4ccf5f;--mantine-color-green-6: #3fcc54;--mantine-color-green-7: #2fb344;--mantine-color-green-8: #25a03b;--mantine-color-green-9: #138a2e;--mantine-color-yellow-0: #fff7e2;--mantine-color-yellow-1: #ffeecd;--mantine-color-yellow-2: #ffdc9c;--mantine-color-yellow-3: #ffc966;--mantine-color-yellow-4: #feb93a;--mantine-color-yellow-5: #feae1e;--mantine-color-yellow-6: #ffa90f;--mantine-color-yellow-8: #ca8200;--mantine-color-yellow-9: #af7000;--mantine-h1-font-size: clamp(28.0000px, calc(23.6364px + 1.3636vw), 40.0000px);--mantine-h1-font-weight: normal;--mantine-h2-font-size: clamp(24.0000px, calc(21.0909px + 0.9091vw), 32.0000px);--mantine-h2-font-weight: normal;--mantine-h3-font-size: clamp(20.0000px, calc(17.0909px + 0.9091vw), 28.0000px);--mantine-h3-font-weight: normal;--mantine-h4-font-size: clamp(16.0000px, calc(13.0909px + 0.9091vw), 24.0000px);--mantine-h4-font-weight: normal;--mantine-h5-font-size: clamp(16.0000px, calc(14.5455px + 0.4545vw), 20.0000px);--mantine-h5-font-weight: normal;--mantine-h6-font-size: 1rem;--mantine-h6-font-weight: normal;}
:root[data-mantine-color-scheme="dark"], :host([data-mantine-color-scheme="dark"]){--mantine-color-anchor: var(--mantine-color-text);--mantine-color-dimmed: #495057;--mantine-color-dark-filled: var(--mantine-color-dark-5);--mantine-color-dark-filled-hover: var(--mantine-color-dark-6);--mantine-color-dark-light: rgba(105, 105, 105, 0.15);--mantine-color-dark-light-hover: rgba(105, 105, 105, 0.2);--mantine-color-dark-light-color: var(--mantine-color-dark-0);--mantine-color-dark-outline: var(--mantine-color-dark-1);--mantine-color-dark-outline-hover: rgba(184, 184, 184, 0.05);--mantine-color-gray-filled: var(--mantine-color-gray-5);--mantine-color-gray-filled-hover: var(--mantine-color-gray-6);--mantine-color-gray-light: rgba(222, 226, 230, 0.15);--mantine-color-gray-light-hover: rgba(222, 226, 230, 0.2);--mantine-color-gray-light-color: var(--mantine-color-gray-0);--mantine-color-gray-outline: var(--mantine-color-gray-1);--mantine-color-gray-outline-hover: rgba(241, 243, 245, 0.05);--mantine-color-red-filled: var(--mantine-color-red-5);--mantine-color-red-filled-hover: var(--mantine-color-red-6);--mantine-color-red-light: rgba(236, 120, 120, 0.15);--mantine-color-red-light-hover: rgba(236, 120, 120, 0.2);--mantine-color-red-light-color: var(--mantine-color-red-0);--mantine-color-red-outline: var(--mantine-color-red-1);--mantine-color-red-outline-hover: rgba(254, 212, 212, 0.05);--mantine-color-pink-filled: var(--mantine-color-pink-5);--mantine-color-pink-filled-hover: var(--mantine-color-pink-6);--mantine-color-pink-light: rgba(250, 162, 193, 0.15);--mantine-color-pink-light-hover: rgba(250, 162, 193, 0.2);--mantine-color-pink-light-color: var(--mantine-color-pink-0);--mantine-color-pink-outline: var(--mantine-color-pink-1);--mantine-color-pink-outline-hover: rgba(255, 222, 235, 0.05);--mantine-color-grape-filled: var(--mantine-color-grape-5);--mantine-color-grape-filled-hover: var(--mantine-color-grape-6);--mantine-color-grape-light: rgba(229, 153, 247, 0.15);--mantine-color-grape-light-hover: rgba(229, 153, 247, 0.2);--mantine-color-grape-light-color: var(--mantine-color-grape-0);--mantine-color-grape-outline: var(--mantine-color-grape-1);--mantine-color-grape-outline-hover: rgba(243, 217, 250, 0.05);--mantine-color-violet-filled: var(--mantine-color-violet-5);--mantine-color-violet-filled-hover: var(--mantine-color-violet-6);--mantine-color-violet-light: rgba(209, 111, 255, 0.15);--mantine-color-violet-light-hover: rgba(209, 111, 255, 0.2);--mantine-color-violet-light-color: var(--mantine-color-violet-0);--mantine-color-violet-outline: var(--mantine-color-violet-1);--mantine-color-violet-outline-hover: rgba(241, 207, 255, 0.05);--mantine-color-indigo-filled: var(--mantine-color-indigo-5);--mantine-color-indigo-filled-hover: var(--mantine-color-indigo-6);--mantine-color-indigo-light: rgba(123, 121, 235, 0.15);--mantine-color-indigo-light-hover: rgba(123, 121, 235, 0.2);--mantine-color-indigo-light-color: var(--mantine-color-indigo-0);--mantine-color-indigo-outline: var(--mantine-color-indigo-1);--mantine-color-indigo-outline-hover: rgba(214, 213, 254, 0.05);--mantine-color-blue-filled: var(--mantine-color-blue-5);--mantine-color-blue-filled-hover: var(--mantine-color-blue-6);--mantine-color-blue-light: rgba(116, 192, 252, 0.15);--mantine-color-blue-light-hover: rgba(116, 192, 252, 0.2);--mantine-color-blue-light-color: var(--mantine-color-blue-0);--mantine-color-blue-outline: var(--mantine-color-blue-1);--mantine-color-blue-outline-hover: rgba(208, 235, 255, 0.05);--mantine-color-cyan-filled: var(--mantine-color-cyan-5);--mantine-color-cyan-filled-hover: var(--mantine-color-cyan-6);--mantine-color-cyan-light: rgba(100, 218, 255, 0.15);--mantine-color-cyan-light-hover: rgba(100, 218, 255, 0.2);--mantine-color-cyan-light-color: var(--mantine-color-cyan-0);--mantine-color-cyan-outline: var(--mantine-color-cyan-1);--mantine-color-cyan-outline-hover: rgba(202, 245, 255, 0.05);--mantine-color-teal-filled: var(--mantine-color-teal-5);--mantine-color-teal-filled-hover: var(--mantine-color-teal-6);--mantine-color-teal-light: rgba(99, 230, 190, 0.15);--mantine-color-teal-light-hover: rgba(99, 230, 190, 0.2);--mantine-color-teal-light-color: var(--mantine-color-teal-0);--mantine-color-teal-outline: var(--mantine-color-teal-1);--mantine-color-teal-outline-hover: rgba(195, 250, 232, 0.05);--mantine-color-green-filled: var(--mantine-color-green-5);--mantine-color-green-filled-hover: var(--mantine-color-green-6);--mantine-color-green-light: rgba(134, 223, 148, 0.15);--mantine-color-green-light-hover: rgba(134, 223, 148, 0.2);--mantine-color-green-light-color: var(--mantine-color-green-0);--mantine-color-green-outline: var(--mantine-color-green-1);--mantine-color-green-outline-hover: rgba(215, 246, 220, 0.05);--mantine-color-lime-filled: var(--mantine-color-lime-5);--mantine-color-lime-filled-hover: var(--mantine-color-lime-6);--mantine-color-lime-light: rgba(192, 235, 117, 0.15);--mantine-color-lime-light-hover: rgba(192, 235, 117, 0.2);--mantine-color-lime-light-color: var(--mantine-color-lime-0);--mantine-color-lime-outline: var(--mantine-color-lime-1);--mantine-color-lime-outline-hover: rgba(233, 250, 200, 0.05);--mantine-color-yellow-filled: var(--mantine-color-yellow-5);--mantine-color-yellow-filled-hover: var(--mantine-color-yellow-6);--mantine-color-yellow-light: rgba(255, 201, 102, 0.15);--mantine-color-yellow-light-hover: rgba(255, 201, 102, 0.2);--mantine-color-yellow-light-color: var(--mantine-color-yellow-0);--mantine-color-yellow-outline: var(--mantine-color-yellow-1);--mantine-color-yellow-outline-hover: rgba(255, 238, 205, 0.05);--mantine-color-orange-filled: var(--mantine-color-orange-5);--mantine-color-orange-filled-hover: var(--mantine-color-orange-6);--mantine-color-orange-light: rgba(255, 192, 120, 0.15);--mantine-color-orange-light-hover: rgba(255, 192, 120, 0.2);--mantine-color-orange-light-color: var(--mantine-color-orange-0);--mantine-color-orange-outline: var(--mantine-color-orange-1);--mantine-color-orange-outline-hover: rgba(255, 232, 204, 0.05);--app-cta-gradient: linear-gradient(90deg, var(--mantine-color-blue-9) 0%, var(--mantine-color-cyan-7) 100%);--app-color-surface: #2e2e2e;}
:root[data-mantine-color-scheme="light"], :host([data-mantine-color-scheme="light"]){--mantine-color-anchor: var(--mantine-color-text);--mantine-color-dimmed: #495057;--mantine-color-red-light: rgba(224, 40, 41, 0.1);--mantine-color-red-light-hover: rgba(224, 40, 41, 0.12);--mantine-color-red-outline-hover: rgba(224, 40, 41, 0.05);--mantine-color-violet-light: rgba(176, 9, 255, 0.1);--mantine-color-violet-light-hover: rgba(176, 9, 255, 0.12);--mantine-color-violet-outline-hover: rgba(176, 9, 255, 0.05);--mantine-color-indigo-light: rgba(45, 42, 223, 0.1);--mantine-color-indigo-light-hover: rgba(45, 42, 223, 0.12);--mantine-color-indigo-outline-hover: rgba(45, 42, 223, 0.05);--mantine-color-cyan-light: rgba(0, 194, 255, 0.1);--mantine-color-cyan-light-hover: rgba(0, 194, 255, 0.12);--mantine-color-cyan-outline-hover: rgba(0, 194, 255, 0.05);--mantine-color-green-light: rgba(63, 204, 84, 0.1);--mantine-color-green-light-hover: rgba(63, 204, 84, 0.12);--mantine-color-green-outline-hover: rgba(63, 204, 84, 0.05);--mantine-color-yellow-light: rgba(255, 169, 15, 0.1);--mantine-color-yellow-light-hover: rgba(255, 169, 15, 0.12);--mantine-color-yellow-outline-hover: rgba(255, 169, 15, 0.05);--app-color-surface: #f1f3f5;--app-cta-gradient: linear-gradient(90deg, var(--mantine-color-blue-filled) 0%, var(--mantine-color-cyan-5) 100%);}</style><style data-mantine-styles="classes">@media (max-width: 35.99375em) {.mantine-visible-from-xs {display: none !important;}}@media (min-width: 36em) {.mantine-hidden-from-xs {display: none !important;}}@media (max-width: 47.99375em) {.mantine-visible-from-sm {display: none !important;}}@media (min-width: 48em) {.mantine-hidden-from-sm {display: none !important;}}@media (max-width: 61.99375em) {.mantine-visible-from-md {display: none !important;}}@media (min-width: 62em) {.mantine-hidden-from-md {display: none !important;}}@media (max-width: 74.99375em) {.mantine-visible-from-lg {display: none !important;}}@media (min-width: 75em) {.mantine-hidden-from-lg {display: none !important;}}@media (max-width: 87.99375em) {.mantine-visible-from-xl {display: none !important;}}@media (min-width: 88em) {.mantine-hidden-from-xl {display: none !important;}}</style><div style="position:absolute;top:0rem" class=""></div><div style="max-width:var(--container-size-xl);height:100%;min-height:0rem" class=""><style data-mantine-styles="inline">.__m__-_R_5ub_{--grid-gutter:0rem;}</style><div style="height:100%;min-height:0rem" class="m_410352e9 mantine-Grid-root __m__-_R_5ub_"><div class="m_dee7bd2f mantine-Grid-inner" style="height:100%"><style data-mantine-styles="inline">.__m__-_R_rdub_{--col-flex-grow:auto;--col-flex-basis:91.66666666666667%;--col-max-width:91.66666666666667%;}@media(min-width: 48em){.__m__-_R_rdub_{--col-flex-grow:auto;--col-flex-basis:83.33333333333334%;--col-max-width:83.33333333333334%;}}</style><div style="min-width:0rem;height:100%;min-height:0rem;display:flex" class="m_96bdd299 mantine-Grid-col __m__-_R_rdub_"><style data-mantine-styles="inline">.__m__-_R_6qrdub_{margin-top:0rem;padding-inline:var(--mantine-spacing-xs);width:100%;}@media(min-width: 48em){.__m__-_R_6qrdub_{margin-top:var(--mantine-spacing-xl);width:80%;}}@media(min-width: 62em){.__m__-_R_6qrdub_{padding-inline:var(--mantine-spacing-xl);}}</style><div style="margin-inline:auto;max-width:var(--mantine-breakpoint-xl)" class="__m__-_R_6qrdub_"><div style="color:var(--mantine-color-dimmed)" class="m_4451eb3a mantine-Center-root" data-inline="true"><div style="--ti-size:var(--ti-size-xs);--ti-bg:transparent;--ti-color:var(--mantine-color-indigo-light-color);--ti-bd:calc(0.0625rem * var(--mantine-scale)) solid transparent;margin-inline-end:calc(0.125rem * var(--mantine-scale));color:inherit" class="m_7341320d mantine-ThemeIcon-root" data-variant="transparent" data-size="xs"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-lock "><path d="M5 13a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v6a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-6"></path><path d="M11 16a1 1 0 1 0 2 0a1 1 0 0 0 -2 0"></path><path d="M8 11v-4a4 4 0 1 1 8 0v4"></path></svg></div><p style="font-size:var(--mantine-font-size-sm)" class="mantine-focus-auto m_b6d8b162 mantine-Text-root">Как проектировать классные уроки</p></div><h1 style="--title-fw:var(--mantine-h1-font-weight);--title-lh:var(--mantine-h1-line-height);--title-fz:var(--mantine-h1-font-size);margin-bottom:var(--mantine-spacing-xl)" class="m_8a5d1357 mantine-Title-root" data-order="1">Теория: План урока</h1><script type="application/ld+json">{"@context":"https://schema.org","@type":"LearningResource","name":"План урока","inLanguage":"ru","isPartOf":{"@type":"LearningResource","name":"Как проектировать классные уроки"},"isAccessibleForFree":"False","hasPart":{"@type":"WebPageElement","isAccessibleForFree":"False","cssSelector":".paywalled"}}</script><div class=""><div style="--alert-color:var(--mantine-color-indigo-light-color);margin-bottom:var(--mantine-spacing-lg);font-size:var(--mantine-font-size-lg)" class="m_66836ed3 mantine-Alert-root" id="mantine-_R_remqrdub_" role="alert" aria-describedby="mantine-_R_remqrdub_-body" aria-labelledby="mantine-_R_remqrdub_-title"><div class="m_a5d60502 mantine-Alert-wrapper"><div class="m_667f2a6a mantine-Alert-icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-rocket "><path d="M4 13a8 8 0 0 1 7 7a6 6 0 0 0 3 -5a9 9 0 0 0 6 -8a3 3 0 0 0 -3 -3a9 9 0 0 0 -8 6a6 6 0 0 0 -5 3"></path><path d="M7 14a6 6 0 0 0 -3 6a6 6 0 0 0 6 -3"></path><path d="M14 9a1 1 0 1 0 2 0a1 1 0 1 0 -2 0"></path></svg></div><div class="m_667c2793 mantine-Alert-body"><div class="m_6a03f287 mantine-Alert-title"><span id="mantine-_R_remqrdub_-title" class="m_698f4f23 mantine-Alert-label">Полный доступ к материалам</span></div><div id="mantine-_R_remqrdub_-body" class="m_7fa78076 mantine-Alert-message"><div style="--group-gap:var(--mantine-spacing-md);--group-align:center;--group-justify:space-between;--group-wrap:wrap" class="m_4081bf90 mantine-Group-root"><p class="mantine-focus-auto m_b6d8b162 mantine-Text-root">Зарегистрируйтесь и получите доступ к этому и десяткам других курсов</p><a style="--button-height:var(--button-height-xs);--button-padding-x:var(--button-padding-x-xs);--button-fz:var(--mantine-font-size-xs);--button-bg:linear-gradient(45deg, var(--mantine-color-blue-filled) 0%, var(--mantine-color-cyan-filled) 100%);--button-hover:linear-gradient(45deg, var(--mantine-color-blue-filled) 0%, var(--mantine-color-cyan-filled) 100%);--button-color:var(--mantine-color-white);--button-bd:none" class="mantine-focus-auto mantine-active m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root" data-variant="gradient" data-size="xs" href="/u/new"><span class="m_80f1301b mantine-Button-inner"><span class="m_811560b9 mantine-Button-label">Зарегистрироваться</span></span></a></div></div></div></div></div><div class="paywalled m_d08caa0 mantine-Typography-root"><p>Когда мы сформировали программу курса и определили цели и образовательные результаты, можно составлять план урока.</p>
<p>Сегодня мы разберем, что такое план урока и в чем его польза. Также изучим структуру урока и научимся составлять план. В этом уроке мы покажем только составляющие структуры, а далее в курсе разберем каждую часть подробнее.</p>
<h2 id="heading-2-1">Зачем нужен план</h2>
<p>Когда автор садится писать урок без подготовки, у него в голове может быть хаос из большого количества мыслей. В этот момент сложно понять, с чего начинать писать, как должен выглядеть урок, какие особенности стоит упомянуть. Особенно такие проблемы возникают у тех, кто пишет впервые. По этой причине и нужно составлять план урока, ведь он помогает сосредоточиться.</p>
<p>По сути, <strong>план урока</strong> — это список основных мыслей и тезисов урока. Автор будущего урока кратко записывает все мысли, выстраивает их последовательность, проверяет логическую структуру. Такой проработанный план помогает представить, что именно писать и в каком порядке. Также он помогает не забыть важные составляющие урока.</p>
<p>Благодаря плану нам будет проще сохранить логичную структуру урока, сделать его целостным.Также у него есть еще ряд положительных сторон:</p>
<ul>
<li>Экономит время работы над уроком. С планом нам с меньшей вероятностью придется менять структуру, дописывать или убирать текст. С более подробным планом урок пишется быстрее, так как автору остается раскрыть и переформулировать мысли</li>
<li>Делает текст связным. На этапе плана мы заранее продумываем, как логически будут связаны части урока</li>
<li>Фокусирует на теме урока и не дает отклоняться на смежные, которые могут испортить урок</li>
</ul>
<p>Польза плана ясна, но он может оказаться бессмысленным, если не знать, из чего состоит структура урока. Разберемся с этим подробнее.</p>
<h2 id="heading-2-2">Из чего состоит урок</h2>
<p>В каждом образовательном проекте своя структура урока. Она должна быть единой внутри курса. Так студент привыкает к одной структуре, что делает учебу продуктивнее. Если все уроки написаны по одной структуре, студенту проще воспринимать текст, поэтому у него остается больше сил на обработку новой информации по теме урока.</p>
<p>Мы в Хекслете придерживаемся в текстовых уроках такой структуры:</p>
<ul>
<li>Введение — краткое и вовлекающее описание темы урока</li>
<li>Теория — сам рассказ о теме урока</li>
<li>Выводы — подведение итогов</li>
<li>Дополнительные ссылки — список ссылок, которые помогут студенту глубже погрузиться в тему</li>
</ul>
<p>Каждый из этих блоков играет важную роль в уроке. Далее мы разберем их наполнение и ценность подробнее, а пока обсудим общие советы, которые помогут составить план.</p>
<h2 id="heading-2-3">Как составлять план</h2>
<p>Планы бывают разными. Они могут отличаться объемами, стилем записи, подробностями. Здесь мы рассмотрим этот процесс по шагам.</p>
<h3 id="heading-3-4">Шаг 1. Составляем тезисный план</h3>
<p>В начале работы над планом у автора уже есть несколько известных вводных:</p>
<ul>
<li>Тема урока</li>
<li>Цель урока и образовательные результаты</li>
<li>2-3 подтемы, которые надо упомянуть</li>
</ul>
<p>Для примера возьмем урок по Git. Такие вводные есть у автора в самом начале:</p>
<ul>
<li>Тема: Отмена изменений в рабочей директории</li>
<li>Цель: Научить студента отменять изменения</li>
<li>Образовательные результаты: студент может отменять изменения</li>
<li>Подтемы: отмена неотслеживаемых файлов, отмена измененных файлов, работа с файлами, подготовленными к коммиту (отмена изменения и отмена индексации)</li>
</ul>
<p>На первом этапе мы берем эту информацию, продумываем главные заголовки и перечисляем ключевые тезисы каждого блока. Немного расширим вводные так, чтобы начать создавать план. Знаком <code style="margin-bottom:var(--mantine-spacing-lg)" class="m_dfe9c588 mantine-InlineCodeHighlight-inlineCodeHighlight m_e597c321 mantine-CodeHighlight-codeHighlight m_dfe9c588 mantine-InlineCodeHighlight-inlineCodeHighlight">#</code> обозначим уровни заголовков:</p>
<p>## Введение</p>
<ul>
<li>Здесь надо будет сказать, что отмена — важная функция гита</li>
</ul>
<p>## Как отменять неотслеживаемые файлы</p>
<ul>
<li>Описываем бытовую ситуацию — добавили ненужные файлы в репозиторий</li>
<li>Это исправляется командой git clean</li>
<li>Показываем на примере, как работает команда</li>
</ul>
<p>## Как отменять измененные файлы в рабочей директории</p>
<ul>
<li>Описываем бытовую ситуацию — поменяли файл, но оказалось, что не надо</li>
<li>Это исправляется командой git restore</li>
<li>Показываем на примере, как работает команда (возьму пример из...)</li>
<li>Не забыть сказать, что Git сам напоминает о проверке статуса</li>
</ul>
<p>## Как отменять изменения, подготовленные к коммиту</p>
<ul>
<li>Описываем бытовую ситуацию — уже подготовили изменения к коммиту, но надо откатить обратно</li>
<li>Говорим, что есть два способа</li>
</ul>
<p>## Как отменить само изменение</p>
<ul>
<li>Описываем, когда используется именно этот способ (уточнить у...)</li>
<li>Даем команду, которая это делает + краткое описание работы команды</li>
<li>Показываем на примере, как работает команда</li>
</ul>
<p>## Как отменить индексацию коммита</p>
<ul>
<li>Описываем, когда используется именно этот способ</li>
<li>Даем команду, которая это делает и краткое описание работы команды</li>
<li>Показываем на примере, как работает команда</li>
</ul>
<p>## Выводы</p>
<ul>
<li>Собираем ключевые мысли из всего урока</li>
</ul>
<p>## Дополнительные материалы</p>
<ul>
<li>Тут дадим ссылку на официальную документацию гита (найти, где-то было в закладках)</li>
</ul>
<p>Теперь стало понятно, какие мысли будут в каждом блоке, какие темы надо упомянуть. Как видите, этот план похож на разговор автора с самим собой — здесь есть заметки, что надо поискать и откуда взять информацию. Такие заметки помогают ничего не забыть и упрощают работу над уроком.</p>
<p>На этом можно закончить работу над планом и начать писать урок. Но есть и авторы, которым удобнее работать с <strong>планом-черновиком</strong>. Это следующий этап, на котором автор прописывает целые куски чернового текста, вставляет ссылки на источники, кратко описывает иллюстрации. Текст в таком плане может быть кривым, сложным, несвязным. Его можно переформулировать уже на этапе написания и редактуры урока.</p>
<h2 id="heading-2-5">Советы по работе с планом</h2>
<p>Если у проекта нет четких правил по типу плана, то вы можете работать, как вам удобно. Но есть и общие основные правила, которые помогут большинству авторов и сделают почти любой план лучше.</p>
<h3 id="heading-3-6">Не оставляйте пустые места в плане</h3>
<p>В каждом пункте плана нужно раскрыть как минимум основную мысль. Также можно задать вопрос, на который дается ответ в этой части. В плане не должно оставаться пустых блоков, когда мы переходим к написанию урока. План с «проплешинами» не выполняет своей полезной функции, а только усложняет работу автору.</p>
<h3 id="heading-3-7">Делите основные блоки заголовками</h3>
<p>Чтобы студентам было проще воспринимать урок, его нужно структурировать и выделять блоки заголовками. Это делается еще на этапе составления плана. Это упрощает работу автору, так как заголовки показывают основные блоки урока и помогают не пропустить важные мысли.</p>
<h3 id="heading-3-8">Называйте блоки в едином формате</h3>
<p>Важно, чтобы заголовки одного уровня были в едином формате. Так урок выглядит более структурированным и организованным — студенту легко в нем ориентироваться.</p>
<p>Возьмем для примера план урока, в котором есть такие блоки:</p>
<ul>
<li><code style="margin-bottom:var(--mantine-spacing-lg)" class="m_dfe9c588 mantine-InlineCodeHighlight-inlineCodeHighlight m_e597c321 mantine-CodeHighlight-codeHighlight m_dfe9c588 mantine-InlineCodeHighlight-inlineCodeHighlight">## Как отменить коммит</code></li>
<li><code style="margin-bottom:var(--mantine-spacing-lg)" class="m_dfe9c588 mantine-InlineCodeHighlight-inlineCodeHighlight m_e597c321 mantine-CodeHighlight-codeHighlight m_dfe9c588 mantine-InlineCodeHighlight-inlineCodeHighlight">## Изменение коммита</code></li>
</ul>
<p>Эти заголовки одного уровня, но в разных форматах — это неудобно. Лучше заменить на единый формат, чтобы они выглядели так:</p>
<ul>
<li><code style="margin-bottom:var(--mantine-spacing-lg)" class="m_dfe9c588 mantine-InlineCodeHighlight-inlineCodeHighlight m_e597c321 mantine-CodeHighlight-codeHighlight m_dfe9c588 mantine-InlineCodeHighlight-inlineCodeHighlight">## Как отменить коммит</code></li>
<li><code style="margin-bottom:var(--mantine-spacing-lg)" class="m_dfe9c588 mantine-InlineCodeHighlight-inlineCodeHighlight m_e597c321 mantine-CodeHighlight-codeHighlight m_dfe9c588 mantine-InlineCodeHighlight-inlineCodeHighlight">## Как изменить коммит</code></li>
</ul>
<p>Заголовки лучше прописывать через действие или в вопросительной форме:</p>
<ul>
<li><code style="margin-bottom:var(--mantine-spacing-lg)" class="m_dfe9c588 mantine-InlineCodeHighlight-inlineCodeHighlight m_e597c321 mantine-CodeHighlight-codeHighlight m_dfe9c588 mantine-InlineCodeHighlight-inlineCodeHighlight">## Отменяем коммит</code></li>
<li><code style="margin-bottom:var(--mantine-spacing-lg)" class="m_dfe9c588 mantine-InlineCodeHighlight-inlineCodeHighlight m_e597c321 mantine-CodeHighlight-codeHighlight m_dfe9c588 mantine-InlineCodeHighlight-inlineCodeHighlight">## Как отменить коммит</code></li>
</ul>
<p>Такие заголовки точнее раскрывают, чему студент научится в этом блоке и какие навыки получит. Заголовки через существительные часто менее эффективны, но иногда через них легче сформулировать мысль блока.</p>
<h3 id="heading-3-9">Указывайте в плане ссылки и картинки</h3>
<p>Если в процессе написания урока используются сторонние источники, то лучше вставлять ссылку на них в план. Так будет проще находить нужный материал, а не искать и отвлекаться во время написания урока. Так уроки пишутся быстрее.</p>
<p>Также в план можно вставлять иллюстрации или их описание. Описывать процесс по картинке — еще один способ облегчить написание урока. Если картинки еще нет, тогда можно описать ее текстом, чтобы ориентироваться.</p>
<p>Еще на этапе плана добавляйте в блок «Дополнительный материалы» полезные ссылки. Так вы увеличите шансы, что не забудете их потом. Возможно, у вас есть ценные материалы, которыми вы хотите поделиться. План создан для того, чтобы не отвлекаться на лишние действия во время написания и не забывать ничего важного.</p>
<h2 id="heading-2-10">Выводы</h2>
<p>В этом уроке мы разобрали, что такое план урока и в чем его польза. Также изучили структуру урока. Теперь мы знаем, как составить план, который сделает урок эффективным, полезным и простым для восприятия. Еще такой план облегчит работу автора.</p>
<p>Дадим еще один практический совет. Чтобы план получился логичным и структурированным, постоянно задавайте себе вопросы и рассуждайте. Так мысль блока будет плавно перетекать в другой.</p>
<p>Допустим, нам нужно написать урок про коммиты, которые нас не устраивают. Там будет два основных блока - как отменить коммит и как его изменить. Кажется, что здесь порядок не важен — эти действия можно сделать в любое время. Но нужно подумать, как будет логичней. Возможно, у нас есть практика с такими командами в реальной жизни и мы знаем, как обычно бывает.</p>
<p>Всегда нужно находить объяснение выбранного способа подачи урока, а не пускать всё на самотек. Подробнее о способах подачи обучающего материала поговорим в следующих уроках.</p></div></div></div></div><style data-mantine-styles="inline">.__m__-_R_1bdub_{--col-flex-grow:auto;--col-flex-basis:8.333333333333334%;--col-max-width:8.333333333333334%;}@media(min-width: 48em){.__m__-_R_1bdub_{--col-flex-grow:auto;--col-flex-basis:16.666666666666668%;--col-max-width:16.666666666666668%;}}</style><div style="min-width:0rem;height:100%;min-height:0rem" class="m_96bdd299 mantine-Grid-col __m__-_R_1bdub_"><div style="margin-inline:var(--mantine-spacing-xs)" class="mantine-visible-from-sm"><a style="--button-color:var(--mantine-color-white);margin-bottom:var(--mantine-spacing-lg);text-decoration:none" class="mantine-focus-auto m_849cf0da mantine-focus-auto m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root m_b6d8b162 mantine-Text-root mantine-Anchor-root" data-underline="hover" href="/courses/awesome-text-structure/lessons/lesson-plan/finish_unit?unit=theory" data-disabled="true" data-block="true" disabled=""><span class="m_80f1301b mantine-Button-inner"><span class="m_811560b9 mantine-Button-label"><span style="margin-inline-end:var(--mantine-spacing-xs)" class="mantine-focus-auto m_b6d8b162 mantine-Text-root">Дальше</span>→</span></span></a><a style="padding-inline:0rem" class="mantine-focus-auto m_f0824112 mantine-NavLink-root m_87cf2631 mantine-UnstyledButton-root"><span class="m_690090b5 mantine-NavLink-section" data-position="left"><div style="--ti-size:var(--ti-size-sm);--ti-bg:transparent;--ti-color:var(--mantine-color-indigo-light-color);--ti-bd:calc(0.0625rem * var(--mantine-scale)) solid transparent;color:inherit" class="m_7341320d mantine-ThemeIcon-root" data-variant="transparent" data-size="sm"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-list-numbers "><path d="M11 6h9"></path><path d="M11 12h9"></path><path d="M12 18h8"></path><path d="M4 16a2 2 0 1 1 4 0c0 .591 -.5 1 -1 1.5l-3 2.5h4"></path><path d="M6 10v-6l-2 2"></path></svg></div></span><div class="m_f07af9d2 mantine-NavLink-body"><span class="m_1f6ac4c4 mantine-NavLink-label">Навигация по теме</span><span class="m_57492dcc mantine-NavLink-description">Теория</span></div><span class="m_690090b5 mantine-NavLink-section" data-position="right"></span></a><div style="margin-block:var(--mantine-spacing-lg)" class="m_3eebeb36 mantine-Divider-root" data-orientation="horizontal" role="separator"></div><div style="margin-block:var(--mantine-spacing-lg)" class=""><div style="justify-content:space-between;margin-bottom:calc(0.1875rem * var(--mantine-scale));color:var(--mantine-color-dimmed);font-size:var(--mantine-font-size-xs)" class="m_8bffd616 mantine-Flex-root __m__-_R_qimrbdub_"><p style="font-size:var(--mantine-font-size-xs)" class="mantine-focus-auto m_b6d8b162 mantine-Text-root">Завершено</p><p style="font-size:var(--mantine-font-size-xs)" class="mantine-focus-auto m_b6d8b162 mantine-Text-root">0 / 9</p></div><div style="--progress-size:var(--progress-size-sm)" class="m_db6d6462 mantine-Progress-root" data-size="sm"><div style="--progress-section-size:0%;--progress-section-color:var(--mantine-color-gray-filled)" class="m_2242eb65 mantine-Progress-section" role="progressbar" aria-valuemax="100" aria-valuemin="0" aria-valuenow="0" aria-valuetext="0%"></div></div></div><div style="--toc-bg:var(--mantine-color-blue-light);--toc-color:var(--mantine-color-blue-light-color);--toc-size:var(--mantine-font-size-sm);--toc-radius:var(--mantine-radius-sm);margin-top:var(--mantine-spacing-xl)" class="m_bcaa9990 mantine-TableOfContents-root" data-variant="light" data-size="sm"></div></div><div class="mantine-hidden-from-sm"><div style="--stack-gap:0rem;--stack-align:stretch;--stack-justify:flex-start" class="m_6d731127 mantine-Stack-root"><a style="--button-color:var(--mantine-color-white);margin-bottom:var(--mantine-spacing-xs);padding:0rem;text-decoration:none" class="mantine-focus-auto m_849cf0da mantine-focus-auto m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root m_b6d8b162 mantine-Text-root mantine-Anchor-root" data-underline="hover" href="/courses/awesome-text-structure/lessons/lesson-plan/finish_unit?unit=theory" data-disabled="true" data-block="true" disabled=""><span class="m_80f1301b mantine-Button-inner"><span class="m_811560b9 mantine-Button-label">→</span></span></a><button style="--ai-size:var(--ai-size-sm);--ai-bg:transparent;--ai-hover:var(--mantine-color-indigo-light-hover);--ai-color:var(--mantine-color-indigo-light-color);--ai-bd:calc(0.0625rem * var(--mantine-scale)) solid transparent;padding-block:var(--mantine-spacing-lg);color:inherit;width:100%" class="mantine-focus-auto m_8d3f4000 mantine-ActionIcon-root m_87cf2631 mantine-UnstyledButton-root" data-variant="subtle" data-size="sm" data-disabled="true" type="button" disabled=""><span class="m_8d3afb97 mantine-ActionIcon-icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-list-numbers "><path d="M11 6h9"></path><path d="M11 12h9"></path><path d="M12 18h8"></path><path d="M4 16a2 2 0 1 1 4 0c0 .591 -.5 1 -1 1.5l-3 2.5h4"></path><path d="M6 10v-6l-2 2"></path></svg></span></button></div></div></div></div></div></div></div>
</main>
<footer class="bg-dark fw-light text-light px-3 py-5">
<div class="row small">
<div class="col-12 col-sm-6 col-md-3">
<div class="h5 mb-3">Хекслет</div>
<ul class="list-unstyled">
<li>
<a class="nav-link link-light py-1 ps-0" href="/pages/about">О нас</a>
</li>
<li>
<a class="nav-link link-light py-1 ps-0" href="/testimonials">Отзывы</a>
</li>
<li>
<span class="nav-link link-light py-1 ps-0 external-link" data-href="https://b2b.hexlet.io" role="button">Корпоративное обучение</span>
</li>
<li>
<a class="nav-link link-light py-1 ps-0" href="/blog">Блог</a>
</li>
<li>
<a class="nav-link link-light py-1 ps-0" href="/qna">Вопросы и ответы</a>
</li>
<li>
<a class="nav-link link-light py-1 ps-0" href="/glossary">Глоссарий</a>
</li>
<li>
<span class="nav-link link-light py-1 ps-0 external-link" data-href="https://help.hexlet.io" data-target="_blank" role="button">Справка</span>
</li>
<li>
<a class="nav-link link-light py-1 ps-0" target="_blank" rel="noopener noreferrer" href="/map">Карта сайта</a>
</li>
</ul>
</div>
<div class="col-12 col-sm-6 col-md-3">
<div class="h5 fw-normal mb-3">Направления</div>
<ul class="list-unstyled">
<li>
<a class="nav-link link-light py-1 ps-0" href="/courses_devops">DevOps
</a></li>
<li>
<a class="nav-link link-light py-1 ps-0" href="/courses_data_analytics">Аналитика
</a></li>
<li>
<a class="nav-link link-light py-1 ps-0" href="/courses_backend_development">Бэкенд
</a></li>
<li>
<a class="nav-link link-light py-1 ps-0" href="/courses_programming">Программирование
</a></li>
<li>
<a class="nav-link link-light py-1 ps-0" href="/courses_testing">Тестирование
</a></li>
<li>
<a class="nav-link link-light py-1 ps-0" href="/courses_front_end_dev">Фронтенд
</a></li>
</ul>
</div>
<div class="col-12 col-sm-6 col-md-3">
<div class="h5">Профессии</div>
<ul class="list-unstyled">
<li>
<a class="nav-link link-light py-1 ps-0" href="/programs/devops-engineer-from-scratch">DevOps-инженер с нуля</a>
</li>
<li>
<a class="nav-link link-light py-1 ps-0" href="/programs/go">Go-разработчик</a>
</li>
<li>
<a class="nav-link link-light py-1 ps-0" href="/programs/java">Java-разработчик</a>
</li>
<li>
<a class="nav-link link-light py-1 ps-0" href="/programs/python">Python-разработчик </a>
</li>
<li>
<a class="nav-link link-light py-1 ps-0" href="/programs/data-analytics">Аналитик данных</a>
</li>
<li>
<a class="nav-link link-light py-1 ps-0" href="/programs/qa-engineer">Инженер по ручному тестированию</a>
</li>
<li>
<a class="nav-link link-light py-1 ps-0" href="/programs/php">РНР-разработчик</a>
</li>
<li>
<a class="nav-link link-light py-1 ps-0" href="/programs/frontend">Фронтенд-разработчик</a>
</li>
</ul>
</div>
<div class="col-12 col-sm-6 col-md-3">
<div class="h5">Навыки</div>
<ul class="list-unstyled">
<li>
<a class="nav-link link-light py-1 ps-0" href="/programs/python-django-developer">Django</a>
</li>
<li>
<a class="nav-link link-light py-1 ps-0" href="/programs/docker">Docker</a>
</li>
<li>
<a class="nav-link link-light py-1 ps-0" href="/programs/php-laravel-developer">Laravel</a>
</li>
<li>
<a class="nav-link link-light py-1 ps-0" href="/programs/postman">Postman</a>
</li>
<li>
<a class="nav-link link-light py-1 ps-0" href="/programs/js-react-developer">React</a>
</li>
<li>
<a class="nav-link link-light py-1 ps-0" href="/programs/js-rest-api">REST API в Node.js</a>
</li>
<li>
<a class="nav-link link-light py-1 ps-0" href="/programs/spring-boot">Spring Boot</a>
</li>
<li>
<a class="nav-link link-light py-1 ps-0" href="/programs/typescript">Typescript</a>
</li>
</ul>
</div>
</div>
<hr>
<div class="row">
<div class="col-12 col-sm-4 col-md-2">
<div class="fs-4">
<ul class="list-unstyled d-flex">
<li class="me-3">
<a aria-label="Telegram" target="_blank" class="link-light" rel="noopener noreferrer nofollow" href="https://t.me/hexlet_ru"><span class="bi bi-telegram"></span>
</a></li>
<li>
<a aria-label="Youtube" target="_blank" class="link-light" rel="noopener noreferrer nofollow" href="https://www.youtube.com/user/HexletUniversity"><span class="bi bi-youtube"></span>
</a></li>
</ul>
</div>
<div class="mb-2 d-flex flex-column">
<a class="link-light text-decoration-none" rel="nofollow" href="mailto:support@hexlet.io">support@hexlet.io</a>
<a class="link-light text-decoration-none py-2" target="_blank" href="https://t.me/hexlet_help_bot">t.me/hexlet_help_bot</a>
</div>
<ul class="list-unstyled d-flex">
<li class="me-3">
<span class="link-light text-decoration-none opacity-50 x-font-size-18 external-link" rel="nofollow" data-href="https://hexlet.io/locale/switch?new_locale=en" data-target="_self" role="button"><span class="my-auto">EN</span>
</span></li>
<li class="me-3">
<span class="link-light text-decoration-none opacity-50 x-font-size-18 opacity-100 external-link" rel="nofollow" data-href="https://ru.hexlet.io/locale/switch?new_locale=ru" data-target="_self" role="button"><span class="my-auto">RU</span>
</span></li>
<li class="me-3">
<span class="link-light text-decoration-none opacity-50 x-font-size-18 external-link" rel="nofollow" data-href="https://kz.hexlet.io/locale/switch?new_locale=kz" data-target="_self" role="button"><span class="my-auto">KZ</span>
</span></li>
</ul>
</div>
<div class="col-12 col-sm-4 col-md-3">
<ul class="list-unstyled fs-4">
<li class="mb-3">
<a class="link-light text-decoration-none" href="tel:8%20800%20100%2022%2047">8 800 100 22 47</a>
<span class="d-block opacity-50 small">бесплатно по РФ</span>
</li>
<li>
<a class="link-light text-decoration-none" href="tel:%2B7%20495%20085%2021%2062">+7 495 085 21 62</a>
<span class="d-block opacity-50 small">бесплатно по Москве</span>
</li>
</ul>
</div>
<div class="col-12 col-sm-4 col-md-3">
<div class="small mb-3">Образовательные услуги оказываются на основании Л035-01298-77/01989008 от 14.03.2025</div>
<ul class="list-unstyled small">
<li>
<a class="nav-link link-light py-1 ps-0" href="/pages/legal">Правовая информация</a>
</li>
<li>
<a class="nav-link link-light py-1 ps-0" href="/pages/offer">Оферта</a>
</li>
<li>
<a class="nav-link link-light py-1 ps-0" href="/pages/license">Лицензия</a>
</li>
<li>
<a class="nav-link link-light py-1 ps-0" href="/pages/contacts">Контакты</a>
</li>
</ul>
</div>
<div class="col-12 col-sm-12 col-md-4 small">
<div class="mb-2">
<div>ООО «<a href="/" class="text-decoration-none link-light">Хекслет Рус</a>»</div>
<div>108813 г. Москва, вн.тер.г. поселение Московский,</div>
<div>г. Московский, ул. Солнечная, д. 3А, стр. 1, помещ. 20Б/3</div>
<div>ОГРН 1217300010476</div>
<div>ИНН 7325174845</div>
</div>
<hr>
<div>АНО ДПО «<a href="/" class="text-decoration-none link-light">Учебный центр «Хекслет</a>»</div>
<div>119331 г. Москва, вн. тер. г. муниципальный округ</div>
<div>Ломоносовский, пр-кт Вернадского, д. 29</div>
<div>ОГРН 1247700712390</div>
<div>ИНН 7736364948</div>
</div>
</div>
</footer>
<div id="root-assistant-offcanvas"></div>
<script src="/vite/assets/assistant-CdBlNCiQ.js" crossorigin="anonymous" type="module"></script><link rel="modulepreload" href="/vite/assets/chunk-DsPFFUou.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/init-nkZBEvfU.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/ErrorFallbackBlock-naDSYSy9.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/MarkdownBlock-DbyKWoR_.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/gon-D3e4yh1x.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/mantine-CGMYrt2Y.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/shiki-V011pkdv.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/utils-DRqSHbQE.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/routes-CCH8ilKF.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/lib-XR8Qr8kR.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/dist-GCHh59xr.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/Box-B5-OOzBf.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/notifications.store-C-3AFSMn.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/useIsomorphicEffect-HJ6VK0D3.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/lib-KSp6QbZ0.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/axios-BEvgo0ym.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/classnames-l6ipYlLR.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/dayjs.min-BkKovM-s.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/debounce-jMQ_Cf4f.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/i18next-BlSq9s7B.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/client-U9M77rxp.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/react-dom-DaLxUz_h.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/useTranslation-Bx1Cdrkz.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/compiler-runtime-6XxiPFnt.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/jsx-runtime-CwjcCKJi.js" as="script" crossorigin="anonymous">
<link rel="modulepreload" href="/vite/assets/react-CkL4ZRHB.js" as="script" crossorigin="anonymous">
<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v67327c56f0bb4ef8b305cae61679db8f1769101564043" integrity="sha512-rdcWY47ByXd76cbCFzznIcEaCN71jqkWBBqlwhF1SY7KubdLKZiEGeP7AyieKZlGP9hbY/MhGrwXzJC/HulNyg==" data-cf-beacon='{"version":"2024.11.0","token":"d11015b65d11429ea6b4a2ef37dd7e0b","server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
</body>
</html>