Студенты бывают разными. Одни легко воспринимают новую информацию, а другим это дается сложнее. Если студентам сложно, они начинают нервничать, переживать и быстро уставать. Такие ситуации негативно влияют на обучение. Задача автора курса — сделать так, чтобы как можно меньше студентов испытывали подобные чувства. И это возможно с помощью специальных подходов к объяснениям.
Сегодня мы разберемся, как еще на этапе проектирования урока избавиться от таких проблем. Мы научим подходам, с помощью которых можно правильно и размеренно подавать теорию, а также понятно и легко доносить знания до студентов.
Какие подходы к объяснению мы используем
Подходов для объяснения новых знаний достаточно много. Каждый образовательный проект использует свои проверенные способы. Мы в Хекслете советуем подходить к объяснению материала через три подхода:
- От простого к сложному
- От знакомого к незнакомому
- От общего к частному
Каждый из этих подходов, помогает правильно структурировать урок, а во время написания текста распутывать м��сли и подавать их логично. Разберем их подробнее.
От простого к сложному
Если начинать теорию со сложных понятий и процессов, это может помешать обучению. Студент уже с самого начала будет напряженным и уставшим. Чтобы максимально избежать перегрузки, нужно использовать принцип объяснения «от простого к сложному». Сначала нам нужно показать простые примеры и понятия, а потом постепенно повышать уровень сложности, добавляя новые вводные.
Например, мы хотим рассказать про проводной тип соединения компьютеров. Мы знаем, что чем меньше компьютеров в сети, тем проще она выглядит. Поэтому здесь логично начать с сети из двух компьютеров, а продолжить по мере увеличения устройств.
Структура теории урока в этом случае будет такой:
## Что такое проводной тип соединения
- Рассказываем, с помощью чего происходит проводное соединение сети
### Соединяем два компьютера
- Показываем, как выглядит сеть из двух компьютеров
- Рассказываем про стандарт RJ-45, который описывает как устройства подключаются, какие разъемы используются
- Рассказываем, что присоединяется патч-кордом
### Соединяем больше двух компьютеров
- Показываем, как выглядит сеть из 2+ компьютеров
- Рассказываем, что для этого используют дополнительные устройства — коммутатор или свитч
### Соединяем сотни компьютеров
- Показываем, как выглядит сеть из сотни компьютеров
- Рассказываем, что в этом случае нужно соединить несколько коммутаторов друг с другом
С помощью подхода «от простого к сложному» мы повышаем уровень сложности составляющих урока по ходу текста. Так мы снижаем когнитивную нагрузку на студента.
От знакомого к незнакомому
Этот подход похож на предыдущий. Там мы объясняем от простого, а простое — это часто знакомое. Если объяснять через уже известное студенту, то можно облегчить восприятие информации. Например, можно отталкиваться от фоновых знаний, предыдущих уроков, бытовых примеров из жизни. Потом переходим к непривычным терминам и абстрактным примерам.
Допустим, мы хотим рассказать, что такое HTTP-протокол. Нам нужно понять, через что мы будем объяснять эту сущность:
- Смотрим определение HTTP — это набор правил, по которым передается запрос на получение гипертекста
- Определение выше содержит термин «гипертекст». Понимаем, что для новичков это может звучать сложно. Делаем вывод, что новое понятие нужно будет объяснить
- Ищем что-то знакомое студенту, через что можно было бы объяснить термин «гипертекст». Вспоминаем более известный термин «гиперссылка»
- Думаем, как объяснить термин «гиперссылка» через что-то знакомое. Вспоминаем, что человек сталкивается с гипертекстами почти на любой странице в интернете
- Придумываем конкретный пример из реальной жизни: студент зайдет на страницу курса, кликнет на гиперссылку и перейдет из курса в отдельный урок
Так мы составили список «от сложного к простому». Теперь перевернем его и получим такую структуру теории:
Что такое HTTP
- Предлагаем студенту представить страницу курса на Хекслете
- Показываем, что на странице курса есть ссылки на отдельные уроки
- Объясняем, что ссылки на другие уроки — это и есть гиперссылки
- Говорим, что текст с этими гиперссылками называется гипертекстом. Добавляем, что так устроена почти любая страница в интернете
- Делаем вывод, что раз в интернете так часто встречается гипертекст, значит он должен работать по каким-то правилам. Так мы подходим к термины HTTP — это набор правил, по которым передается запрос на получение гипертекста
В итоге студент будет изначально понимать, о чем идет речь, так как он уже сталкивался с гипертекстом, даже если не понимал этого. Мы связали сложные термины и абстрактную теорию с реальностью. Так информация будет восприниматься легче.
От общего к частному
Иногда у объясняемого процесса или понятия бывает несколько составляющих. И все нужно объяснить, так как без них не будет видно полной картины. Но таких составляющих может быть очень много, и будет не понятно, в каком порядке это объяснять.
В этом случае можно применить подход «от общего к частному» — сперва даем информацию для общего понимания темы, а потом рассказываем о специфичных случаях, типах, деталях и нюансах.
Представим, что нам нужно рассказать о домене и его составляющих. В этом случае будем действовать по такому алгоритму:
- Показываем общую картину — как выглядит домен: ru.hexlet.io
- Выделяем на общей картине отдельные элементы — ru, hexlet и io
- Объясняем каждый отдельный элемент — каждую часть домена
В итоге структура теории нашего урока получится следующей:
## Что такое домен
- Показываем, как выглядит домен целиком
- Выделяем основные составляющие, которые будем объяснять подробнее
### Домен первого уровня
- Рассказываем, что такое домен первого уровня и за что он отвечает
### Домен второго уровня
- Рассказываем, что такое домен первого уровня и за что он отвечает
### Домен третьего уровня
- Рассказываем, что такое домен первого уровня и за что он отвечает
В итоге студент проходит новую тему постепенно:
- Сначала видит общую картинку
- Потом раскладывает ее на элементы
- В итоге разбирается, как работает каждый элемент
Так он не перегружается информацией и с меньшей тревожностью принимать новую тему.
Выводы
Сегодня мы разобрались, как еще на этапе проектирования урока не сделать его слишком сложным, большим и запутанным. Мы познакомились с подходами, с помощью которых можно правильно и размеренно подавать теорию, а также понятно и легко доносить знания до студентов. Это подходы:
- От простого к сложному
- От знакомого к незнакомому
- От общего к частному
Такие принципы объяснения помогут рассказать тему урока так, чтобы студент получал знания размеренно. Ему будет удобнее учиться и перенимать ваши знания.
<!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 18:29:22 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="Pl_4eTfJImVwX_UXVrQKq4990d3c4augof8QsrU9cC_RjjNOxbePBcYc0Y9au_rcT3T8d9TWVQIcH4rm5zqXQQ";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/how-to-explain/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/how-to-explain/theory_unit">
<meta name="csrf-param" content="authenticity_token" />
<meta name="csrf-token" content="8iHcOPoAeYJRqJ75TAfkBL4noVoy6MQRa6cFqps0_tcd8BcPCH7U4ufrumFACBRzfi6M8DrfOrPWR5_-yTMZuQ" />
<script src="/vite/assets/inertia-DfXos102.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-BrRXra1y.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-cb8xch9l.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-26T18:29:22.344Z","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":"OiOQV_NCGpE4d8gUT1isFZXzAF4x8nmelxX_kSv4Y3bV8ltgATy38Y407IxDV1xiVfot9DnFhzwq9WXFef-EGA","topics":[],"lesson":{"exercise":null,"units":[{"id":7471,"name":"theory","url":"/courses/awesome-text-structure/lessons/how-to-explain/theory_unit"},{"id":7968,"name":"quiz","url":"/courses/awesome-text-structure/lessons/how-to-explain/quiz_unit"}],"links":[],"ordered_units":[{"id":7471,"name":"theory","url":"/courses/awesome-text-structure/lessons/how-to-explain/theory_unit"},{"id":7968,"name":"quiz","url":"/courses/awesome-text-structure/lessons/how-to-explain/quiz_unit"}],"id":3332,"slug":"how-to-explain","state":"approved","name":"Подходы к объяснению","course_order":180,"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\n* Рассказываем, с помощью чего происходит проводное соединение сети\n\n\\### Соединяем два компьютера\n\n* Показываем, как выглядит сеть из двух компьютеров\n* Рассказываем про стандарт RJ-45, который описывает как устройства подключаются, какие разъемы используются\n* Рассказываем, что присоединяется патч-кордом\n\n\\### Соединяем больше двух компьютеров\n\n* Показываем, как выглядит сеть из 2+ компьютеров\n* Рассказываем, что для этого используют дополнительные устройства — коммутатор или свитч\n\n\\### Соединяем сотни компьютеров\n\n* Показываем, как выглядит сеть из сотни компьютеров\n* Рассказываем, что в этом случае нужно соединить несколько коммутаторов друг с другом\n\nС помощью подхода «от простого к сложному» мы повышаем уровень сложности составляющих урока по ходу текста. Так мы снижаем когнитивную нагрузку на студента.\n\n### От знакомого к незнакомому\n\nЭтот подход похож на предыдущий. Там мы объясняем от простого, а простое — это часто знакомое. Если объяснять через уже известное студенту, то можно облегчить восприятие информации. Например, можно отталкиваться от фоновых знаний, предыдущих уроков, бытовых примеров из жизни. Потом переходим к непривычным терминам и абстрактным примерам.\n\nДопустим, мы хотим рассказать, что такое HTTP-протокол. Нам нужно понять, через что мы будем объяснять эту сущность:\n\n1. Смотрим определение HTTP — это набор правил, по которым передается запрос на получение гипертекста\n2. Определение выше содержит термин «гипертекст». Понимаем, что для новичков это может звучать сложно. Делаем вывод, что новое понятие нужно будет объяснить\n3. Ищем что-то знакомое студенту, через что можно было бы объяснить термин «гипертекст». Вспоминаем более известный термин «гиперссылка»\n4. Думаем, как объяснить термин «гиперссылка» через что-то знакомое. Вспоминаем, что человек сталкивается с гипертекстами почти на любой странице в интернете\n5. Придумываем конкретный пример из реальной жизни: студент зайдет на страницу курса, кликнет на гиперссылку и перейдет из курса в отдельный урок\n\nТак мы составили список «от сложного к простому». Теперь перевернем его и получим такую структуру теории:\n\n## Что такое HTTP\n\n* Предлагаем студенту представить страницу курса на Хекслете\n* Показываем, что на странице курса есть ссылки на отдельные уроки\n* Объясняем, что ссылки на другие уроки — это и есть гиперссылки\n* Говорим, что текст с этими гиперссылками называется гипертекстом. Добавляем, что так устроена почти любая страница в интернете\n* Делаем вывод, что раз в интернете так часто встречается гипертекст, значит он должен работать по каким-то правилам. Так мы подходим к термины HTTP — это набор правил, по которым передается запрос на получение гипертекста\n\nВ итоге студент будет изначально понимать, о чем идет речь, так как он уже сталкивался с гипертекстом, даже если не понимал этого. Мы связали сложные термины и абстрактную теорию с реальностью. Так информация будет восприниматься легче.\n\n### От общего к частному\n\nИногда у объясняемого процесса или понятия бывает несколько составляющих. И все нужно объяснить, так как без них не будет видно полной картины. Но таких составляющих может быть очень много, и будет не понятно, в каком порядке это объяснять.\n\nВ этом случае можно применить подход «от общего к частному» — сперва даем информацию для общего понимания темы, а потом рассказываем о специфичных случаях, типах, деталях и нюансах.\n\nПредставим, что нам нужно рассказать о домене и его составляющих. В этом случае будем действовать по такому алгоритму:\n\n1. Показываем общую картину — как выглядит домен: ru.hexlet.io\n2. Выделяем на общей картине отдельные элементы — ru, hexlet и io\n3. Объясняем каждый отдельный элемент — каждую часть домена\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/how-to-explain/theory_unit","version":"8f286f6358a90a7bef2263b3a6edf5a90a94fa42","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>
<ul>
<li>От простого к сложному</li>
<li>От знакомого к незнакомому</li>
<li>От общего к частному</li>
</ul>
<p>Каждый из этих подходов, помогает правильно структурировать урок, а во время написания текста распутывать мысли и подавать их логично. Разберем их подробнее.</p>
<h3 id="heading-3-2">От простого к сложному</h3>
<p>Если начинать теорию со сложных понятий и процессов, это может помешать обучению. Студент уже с самого начала будет напряженным и уставшим. Чтобы максимально избежать перегрузки, нужно использовать принцип объяснения «от простого к сложному». Сначала нам нужно показать простые примеры и понятия, а потом постепенно повышать уровень сложности, добавляя новые вводные.</p>
<p>Например, мы хотим рассказать про проводной тип соединения компьютеров. Мы знаем, что чем меньше компьютеров в сети, тем проще она выглядит. Поэтому здесь логично начать с сети из двух компьютеров, а продолжить по мере увеличения устройств.</p>
<p>Структура теории урока в этом случае будет такой:</p>
<p>## Что такое проводной тип соединения</p>
<ul>
<li>Рассказываем, с помощью чего происходит проводное соединение сети</li>
</ul>
<p>### Соединяем два компьютера</p>
<ul>
<li>Показываем, как выглядит сеть из двух компьютеров</li>
<li>Рассказываем про стандарт RJ-45, который описывает как устройства подключаются, какие разъемы используются</li>
<li>Рассказываем, что присоединяется патч-кордом</li>
</ul>
<p>### Соединяем больше двух компьютеров</p>
<ul>
<li>Показываем, как выглядит сеть из 2+ компьютеров</li>
<li>Рассказываем, что для этого используют дополнительные устройства — коммутатор или свитч</li>
</ul>
<p>### Соединяем сотни компьютеров</p>
<ul>
<li>Показываем, как выглядит сеть из сотни компьютеров</li>
<li>Рассказываем, что в этом случае нужно соединить несколько коммутаторов друг с другом</li>
</ul>
<p>С помощью подхода «от простого к сложному» мы повышаем уровень сложности составляющих урока по ходу текста. Так мы снижаем когнитивную нагрузку на студента.</p>
<h3 id="heading-3-3">От знакомого к незнакомому</h3>
<p>Этот подход похож на предыдущий. Там мы объясняем от простого, а простое — это часто знакомое. Если объяснять через уже известное студенту, то можно облегчить восприятие информации. Например, можно отталкиваться от фоновых знаний, предыдущих уроков, бытовых примеров из жизни. Потом переходим к непривычным терминам и абстрактным примерам.</p>
<p>Допустим, мы хотим рассказать, что такое HTTP-протокол. Нам нужно понять, через что мы будем объяснять эту сущность:</p>
<ol>
<li>Смотрим определение HTTP — это набор правил, по которым передается запрос на получение гипертекста</li>
<li>Определение выше содержит термин «гипертекст». Понимаем, что для новичков это может звучать сложно. Делаем вывод, что новое понятие нужно будет объяснить</li>
<li>Ищем что-то знакомое студенту, через что можно было бы объяснить термин «гипертекст». Вспоминаем более известный термин «гиперссылка»</li>
<li>Думаем, как объяснить термин «гиперссылка» через что-то знакомое. Вспоминаем, что человек сталкивается с гипертекстами почти на любой странице в интернете</li>
<li>Придумываем конкретный пример из реальной жизни: студент зайдет на страницу курса, кликнет на гиперссылку и перейдет из курса в отдельный урок</li>
</ol>
<p>Так мы составили список «от сложного к простому». Теперь перевернем его и получим такую структуру теории:</p>
<h2 id="heading-2-4">Что такое HTTP</h2>
<ul>
<li>Предлагаем студенту представить страницу курса на Хекслете</li>
<li>Показываем, что на странице курса есть ссылки на отдельные уроки</li>
<li>Объясняем, что ссылки на другие уроки — это и есть гиперссылки</li>
<li>Говорим, что текст с этими гиперссылками называется гипертекстом. Добавляем, что так устроена почти любая страница в интернете</li>
<li>Делаем вывод, что раз в интернете так часто встречается гипертекст, значит он должен работать по каким-то правилам. Так мы подходим к термины HTTP — это набор правил, по которым передается запрос на получение гипертекста</li>
</ul>
<p>В итоге студент будет изначально понимать, о чем идет речь, так как он уже сталкивался с гипертекстом, даже если не понимал этого. Мы связали сложные термины и абстрактную теорию с реальностью. Так информация будет восприниматься легче.</p>
<h3 id="heading-3-5">От общего к частному</h3>
<p>Иногда у объясняемого процесса или понятия бывает несколько составляющих. И все нужно объяснить, так как без них не будет видно полной картины. Но таких составляющих может быть очень много, и будет не понятно, в каком порядке это объяснять.</p>
<p>В этом случае можно применить подход «от общего к частному» — сперва даем информацию для общего понимания темы, а потом рассказываем о специфичных случаях, типах, деталях и нюансах.</p>
<p>Представим, что нам нужно рассказать о домене и его составляющих. В этом случае будем действовать по такому алгоритму:</p>
<ol>
<li>Показываем общую картину — как выглядит домен: ru.hexlet.io</li>
<li>Выделяем на общей картине отдельные элементы — ru, hexlet и io</li>
<li>Объясняем каждый отдельный элемент — каждую часть домена</li>
</ol>
<p>В итоге структура теории нашего урока получится следующей:</p>
<p>## Что такое домен</p>
<ul>
<li>Показываем, как выглядит домен целиком</li>
<li>Выделяем основные составляющие, которые будем объяснять подробнее</li>
</ul>
<p>### Домен первого уровня</p>
<ul>
<li>Рассказываем, что такое домен первого уровня и за что он отвечает</li>
</ul>
<p>### Домен второго уровня</p>
<ul>
<li>Рассказываем, что такое домен первого уровня и за что он отвечает</li>
</ul>
<p>### Домен третьего уровня</p>
<ul>
<li>Рассказываем, что такое домен первого уровня и за что он отвечает</li>
</ul>
<p>В итоге студент проходит новую тему постепенно:</p>
<ul>
<li>Сначала видит общую картинку</li>
<li>Потом раскладывает ее на элементы</li>
<li>В итоге разбирается, как работает каждый элемент</li>
</ul>
<p>Так он не перегружается информацией и с меньшей тревожностью принимать новую тему.</p>
<h2 id="heading-2-6">Выводы</h2>
<p>Сегодня мы разобрались, как еще на этапе проектирования урока не сделать его слишком сложным, большим и запутанным. Мы познакомились с подходами, с помощью которых можно правильно и размеренно подавать теорию, а также понятно и легко доносить знания до студентов. Это подходы:</p>
<ul>
<li>От простого к сложному</li>
<li>От знакомого к незнакомому</li>
<li>От общего к частному</li>
</ul>
<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/how-to-explain/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/how-to-explain/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-Bukl1lYy.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-BrRXra1y.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>