PageSourceSearch

https://4brain.ru/blog/

html 4brain.ru collected 2026-09-24 08:54:22 UTC 43,515 bytes, 594 lines download raw bytes

1<!DOCTYPE html><html class="no-js"><head><title>Блог 4brain.ru</title><meta name="description" content="Тысячи полезных статей о саморазвитии, обучении, soft skills и полезных интеллектуальных навыках. Новые статьи выходят каждый день."><meta name="keywords" content="блог, саморазвитие, soft skills, полезные навыки, интеллект, надпрофессиональные навыки, 4brain, самообразование"><link rel="canonical" href="https://4brain.ru/blog/"><meta property="og:image" content="">    <meta name="twitter:card" content="summary_large_image">
2    <meta name="twitter:title" content="Блог 4brain.ru">
3    <meta name="twitter:description" content="Тысячи полезных статей о саморазвитии, обучении, soft skills и полезных интеллектуальных навыках. Новые статьи выходят каждый день.">
4    <meta name="twitter:image" content="">    <meta name="viewport" content="width=device-width, initial-scale=1.0">
5    <link href="/css/style.css?20241105" rel="stylesheet" type="text/css">
6    <link href="/css/header.css?20250304" rel="stylesheet" type="text/css">
7    <link href="/css/style-typograph.css" type="text/css" rel="stylesheet" />
8    <link href="/css/font-open-sans.css" rel="stylesheet"  type='text/css'>
9    <link href="/css/mark.css?20260718" rel="stylesheet" type="text/css">
10    <link href='/css/font-roboto.css' rel='stylesheet' type='text/css'>
11    <link href="/css/font-ubuntu.css" rel="stylesheet"  type='text/css'>
12    <link href="/css/blog.css?20260718" rel="stylesheet"  type='text/css'>
13    <link rel="stylesheet" href="/fonts/font-awesome/css/font-awesome.min.css?display=swap">
14    
14<script type="text/javascript" defer src="https://4brain.ru/js/all_blog.js?20260915"></script>
14
15<!--Manifest-start-2020-04-06--><link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"><link rel="apple-touch-icon" sizes="180x180" href="/images/favico/apple-touch-icon.png"><link rel="icon" type="image/png" sizes="16x16" href="/images/favico/favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="/images/favico/favicon-32x32.png"><link rel="icon" type="image/png" sizes="48x48" href="/images/favico/favicon-48x48.png"><link rel="icon" type="image/png" sizes="96x96" href="/images/favico/favicon-96x96.png"><link rel="icon" type="image/png" sizes="144x144" href="/images/favico/favicon-144x144.png"><link rel="icon" type="image/png" sizes="192x192"  href="/images/favico/android-chrome-192x192.png"><link rel="icon" type="image/png" sizes="512x512"  href="/images/favico/android-chrome-512x512.png"><link rel="manifest" href="/images/favico/manifest.json"><meta name="msapplication-TileColor" content="#FFFFFF"><meta name="msapplication-TileImage" content="/images/favico/favicon-144x144.png"><meta name="theme-color" content="#ffffff"><meta name="yandex-tableau-widget" content="logo=/images/favico/logo-ya.png, color=#ffffff" />
16<!-- Google Tag Manager -->
17<script>
vendor: 327 bytes, lines 17-21
17(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
18new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
19j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
20'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
21})(window,document,'script','dataLayer','
21GTM-P5NWJV2
vendor: 3 bytes, line 21
21');
21</script>
21
22<!-- End Google Tag Manager -->
23<meta name="apple-mobile-web-app-capable" content="yes">
24<meta name="apple-mobile-web-app-status-bar-style" content="black">
25<meta name="apple-mobile-web-app-title" content="4brain">
26<link rel="apple-touch-icon" href="/images/favico/apple-touch-icon.png">
27
28<!--Manifest-end-->
29<meta property="og:title" content="4brain"><meta property="og:url" content="https://4brain.ru"><meta property="og:site_name" content="4brain.ru"><meta property="og:type" content="website"><meta property="og:image" content="/images/logo-top.png"><meta property="og:image:width" content="1200"><meta property="og:image:height" content="630"></head><body id="blog"><header class="header noburger header_shadow header_size_medium">
30  <div class="header__inner">
31    <div class="container-fluid header__container">
32      <div class="header__leftside">
33	     <button class="header__mobile-burger" data-toggle=".kontainer">
34          <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 7a1 1 0 011-1h16a1 1 0 110 2H4a1 1 0 01-1-1zm0 5a1 1 0 011-1h16a1 1 0 110 2H4a1 1 0 01-1-1zm0 5a1 1 0 011-1h16a1 1 0 110 2H4a1 1 0 01-1-1z"/></svg>
35        </button>
36        <a href="/" class="header__logo" title="4brain">Главная</a>
37      </div>
38      <nav class="header__navbar navbar">
39        <ul class="navbar__list">
40          <li class="navbar__item">
41            <a href="https://4brain.ru/courses.php" class="navbar__link">
42              Все курсы
43            </a>
44          </li>
45		  <li class="navbar__item">
46            <a href="https://4brain.ru/blog/" class="navbar__link">Блог</a>
47          </li>
48
49          <li class="navbar__item">
50            <a href="https://4brain.ru/pronew.php" class="navbar__link pro__btn__header bluegreentextfon"><span>PRO-подписка</span></a>
51          </li>
52
53        </ul>
54      </nav>
55
56      <div class="header__rightside">
57        
57<script id="tg_add_tag" defer src="https://4brain.ru/js/tgsub2.js?20220325"></script>
57
58        <div class="header__button-chat" onclick="showchatnew(false);">
59          <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
60<path d="M7 7H15M7 11H11M5 3H19C20.1046 3 21 3.89543 21 5V15C21 16.1046 20.1046 17 19 17H16L12.3536 20.6464C12.1583 20.8417 11.8417 20.8417 11.6464 20.6464L8 17H5C3.89543 17 3 16.1046 3 15V5C3 3.89543 3.89543 3 5 3Z" stroke="#000000" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>
61        </div>
62        <div class="header__wrap-login">
63        </div>
64        <div class="header__button-dots">
65          <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M10 4.444A2.222 2.222 0 1010 0a2.222 2.222 0 000 4.444zM10 12.222a2.222 2.222 0 100-4.444 2.222 2.222 0 000 4.444zM10 20a2.222 2.222 0 100-4.444A2.222 2.222 0 0010 20z"/></svg>
66        </div>
67      </div>
68    </div>
69  </div>
70  <div class="header__programs">
71    <div class="header__programs-grid">
72      <div class="header__programs-grid-content">
73        <div class="header__programs-list">
74		  <a href="/lnd/?cb=storytelling" class="header__programs-link">Сторителлинг</a>
75          <a href="/lnd/?cb=time" class="header__programs-link">Лучшие техники тайм-менеджмента</a>
76          <a href="/lnd/?cb=prof" class="header__programs-link">Профайлинг</a>
77          <a href="/lnd/?cb=relations" class="header__programs-link">Психология отношений</a>
78          <a href="/lnd/?cb=reg" class="header__programs-link">Психическая саморегуляция</a>
79          <a href="/lnd/?cb=comm" class="header__programs-link">Лучшие техники коммуникации</a>
80		  <a href="/lnd/?cb=ritorika" class="header__programs-link">Современная риторика</a>
81          <a href="/lnd/?cb=smartread" class="header__programs-link">Быстрое чтение</a>
82          <a href="/lnd/?cb=cog" class="header__programs-link">Когнитивистика</a>
83          <a href="/lnd/?cb=health" class="header__programs-link">Здоровье человека</a>
84          <a href="/lnd/?cb=lifelearning" class="header__programs-link">Лучшие техники самообразования</a>
85          <a href="/lnd/?cb=mnemo" class="header__programs-link">Мнемотехники</a>
86          <a href="/lnd/?cb=russian" class="header__programs-link">Русский язык</a>
87          <a href="/lnd/?cb=sam" class="header__programs-link">Самопознание</a>
88          <a href="/lnd/?cb=triz" class="header__programs-link">ТРИЗ на практике</a>
89          <a href="/lnd/?cb=lang" class="header__programs-link">Эффективное изучение иностранного языка</a>
90        </div>
91        <div class="header__programs-footer">
92          <a href="https://4brain.ru/courses.php" class="header__programs-footer-link">
93            <span>Все курсы</span>
94            <p class="header__programs-footer-link-description">Более 60 курсов по различным надпрофессиональным навыкам</p>
95          </a>
96        </div>
97      </div>
98          <div class="header__programs-grid-sidebar">
99            <a href="https://4brain.ru/pronew.php" class="header__banner">
100              <span class="header__banner-badge">Скидка</span>
101              <img class="header__banner-image" src="https://4brain.ru/images/pro/paper.svg">
102              <div class="header__banner-title">Купить все курсы на год</div>
103              <div class="header__banner-text">Получите доступ ко всем курсам с <b>63% скидкой</b></div>
104            </a>
105          </div>
106    </div>
107  </div>
108
109  <div class="header__mobile-menu">
110    <div class="header__mobile-list">
111      <div class="header__mobile-item">
112        <a href="https://4brain.ru/courses.php" class="header__mobile-link">Все курсы</a>
113      </div>
114	  <div class="header__mobile-item">
115        <a href="https://4brain.ru/blog/" class="header__mobile-link">Блог</a>
116      </div>
117      <div class="header__mobile-item">
118        <a href="https://4brain.ru/pronew.php" class="header__mobile-link bluegreentextfon"><span>PRO-подписка</span></a>
119      </div>
120    </div>
121  </div>
122</header>
123<!--
124header_shadow — добавляет тень
125header_size_medium — уменьшает шапку по высоте, по моей логике используется везде кроме главной странице
126header_fixed_mobile — позволяет меню быть фиксированным на мобилках
127noburger - без бургера для левого меню
128nochat - без чата
129-->
130        <div id='blogmaincontainer'>
131
132
133        <!-- НАЧАЛО -->
134        <h1 class='blogmainh1'>Блог о саморазвитии</h1>
135        <p class='blogmaindesc'>Полезные материалы по развитию надпрофессиональных навыков — soft&nbsp;skills. Если хотите получить персональную подборку статей, пройдите <a href='https://4brain.ru/getcourse/' target="_blank">этот&nbsp;тест</a>.</p>
136
137
138        <div class='searchwrapper' id='searchwrapper'>
139          <div id="search-container">
140            <input type="text" placeholder="Поиск по материалам (из 4949)" class="search-input">
141            <select class="category-select">
142              <option value="all">🎓 Все категории</option>
143              <option value="Актерское мастерство">🎭 Актерское мастерство</option>
144              <option value="Бизнес и маркетинг">📈 Бизнес и маркетинг</option>
145              <option value="Внимание и память">🧠 Внимание и память</option>
146              <option value="Дети и родители">👨‍👩‍👧‍👦 Дети и родители</option>
147              <option value="Здоровье и красота">💄 Здоровье и красота</option>
148              <option value="Игрофикация">🎮 Игрофикация</option>
149              <option value="Известные личности">⭐ Известные личности</option>
150              <option value="Книги и учебники">📚 Книги и учебники</option>
151              <option value="Краткие содержания">✍️ Краткие содержания</option>
152              <option value="Креативность">🎨 Креативность</option>
153              <option value="Лидерство и отношения">🤝 Лидерство и отношения</option>
154              <option value="Логика и интеллект">🧩 Логика и интеллект</option>
155              <option value="Непознанное">🛸 Непознанное</option>
156              <option value="Новости и события">📰 Новости и события</option>
157              <option value="Образование">🏫 Образование</option>
158              <option value="Психология">🧘‍♂️ Психология</option>
159              <option value="Риторика и письмо">
159🖋️ Риторика и письмо</option>
160              <option value="Time management">⏰ Тайм-менеджмент</option>
161              <option value="Тесты">📝 Тесты</option>
162              <option value="Цифры и математика">🔢 Цифры и математика</option>
163              <option value="Финансы и деньги">💰 Финансы и деньги</option>
164              <option value="Чтение">📖 Чтение</option>
165            </select>
166          </div>
167          <div class='searchfon'></div>
168          <div class='searchvars'>
169            <a href="/lnd/?cb=neuro" data-category='Психология' target="_blank" class="coursebold">🔥 Мозг и нейронауки: онлайн-курс</a>
170            <a href="/lnd/?cb=storytelling" data-category='Риторика и письмо' target="_blank" class="coursebold">🔥 Сторителлинг: онлайн-курс</a>
171            <a href="/lnd/?cb=triz" data-category='Креативность' target="_blank" class="coursebold">🔥 ТРИЗ на практике: онлайн-курс</a>
172            <a href="/lnd/?cb=russian" data-category='Образование' target="_blank" class="coursebold">🔥 Русский язык: онлайн-курс</a>
173            <a href="/lnd/?cb=smartread" data-category='Внимание и память' target="_blank" class="coursebold">🔥 Быстрое чтение: онлайн-курс</a>
174            <a href="/lnd/?cb=cog" data-category='Логика и интеллект' target="_blank" class="coursebold">🔥 Когнитивистика: онлайн-курс</a>
175            <a href="/lnd/?cb=reg" data-category='Психология' target="_blank" class="coursebold">🔥 Психическая саморегуляция: онлайн-курс</a>
176            <a href="/lnd/?cb=comm" data-category='Коммуникации' target="_blank" class="coursebold">🔥 Лучшие техники коммуникации: онлайн-курс</a>
177            <a href="/lnd/?cb=prof" data-category='Психология' target="_blank" class="coursebold">🔥 Профайлинг: онлайн-курс</a>
178            <a href="/lnd/?cb=critical" data-category='Логика и интеллект' target="_blank" class="coursebold">🔥 Критическое мышление: онлайн-курс</a>
179            <a href="/lnd/?cb=lifelearning" data-category='Образование' target="_blank" class="coursebold">🔥 Лучшие техники самообразования: онлайн-курс</a>
180            <a href="/lnd/?cb=health" data-category='Здоровье и красота' target="_blank" class="coursebold">🔥 Здоровье человека: онлайн-курс</a>
181            <a href="/lnd/?cb=emotions" data-category='Психология' target="_blank" class="coursebold">🔥 Эмоциональный интеллект: онлайн-курс</a>
182            <a href="/lnd/?cb=psycho" data-category='Психология' target="_blank" class="coursebold">🔥 Сам себе психолог: онлайн-курс</a>
183            <a href="/lnd/?cb=ritorika" data-category='Риторика и письмо' target="_blank" class="coursebold">🔥 Современная риторика: онлайн-курс</a>
184            <a href="/lnd/?cb=goals" data-category='Креативность' target="_blank" class="coursebold">🔥 Из мечты в цель: онлайн-курс</a>
185            <a href="/lnd/?cb=relations" data-category='Психология' target="_blank" class="coursebold">🔥 Психология отношений: онлайн-курс</a>
186            <a href="/lnd/?cb=lang" data-category='Образование' target="_blank" class="coursebold">🔥 Эффективное изучение иностранного языка: онлайн-курс</a>
187            <a href="/lnd/?cb=sam" data-category='Психология' target="_blank" class="coursebold">🔥 Самооценка 360°: онлайн-курс</a>
188            <a href="/lnd/?cb=time" data-category='Time management' target="_blank" class="coursebold">🔥 Лучшие техники тайм-менеджмента: онлайн-курс</a>
189            <a href="/lnd/?cb=mnemo" data-category='Внимание и память' target="_blank" class="coursebold">🔥 Мнемотехники: онлайн-курс</a>
190            <!-- Статьи будут загружены тут -->
191          </div>
192        </div><div class='blogcards'>    <a href="https://4brain.ru/blog/vremya-byt-soboj-kak-prinyat-svoj-vozrast-i-vyjti-iz-gonki-s-dvadcatiletnimi/" class="blog-card">
193      <span style="background-image: url(https://4brain.ru/blog/wp-content/uploads/2026/08/vremya-byt-soboj-kak-prinyat-svoj-vozrast-i-vyjti-iz-gonki-s-dvadcatiletnimi.webp);"></span>
194      <strong>Время быть собой: как принять свой возраст и выйти из гонки с двадцатилетними</strong>
195    </a>    <a href="https://4brain.ru/blog/kak-zapominat-hronologiyu-sobytij-i-ne-putatsya-v-posledovatelnosti-faktov/" class="blog-card">
196      <span style="background-image: url(https://4brain.ru/blog/wp-content/uploads/2026/08/kak-zapominat-hronologiyu-sobytij-i-ne-putatsya-v-posledovatelnosti-faktov.webp);"></span>
197      <strong>Как запоминать хронологию событий и не путаться в последовательности фактов</strong>
198    </a>    <a href="https://4brain.ru/blog/enneagramma-9-tipov-lichnosti/" class="blog-card">
199      <span style="background-image: url(https://4brain.ru/blog/wp-content/uploads/2026/09/ehnneagramma-9-tipov-lichnosti.webp);"></span>
200      <strong>Эннеаграмма: 9 типов личности</strong>
201    </a>    <a href="https://4brain.ru/blog/dengi-i-tvorchestvo-kak-stavit-finansovye-celi-ne-ubivaya-iskusstvo/" class="blog-card">
202      <span style="background-image: url(https://4brain.ru/blog/wp-content/uploads/2026/08/dengi-i-tvorchestvo-kak-stavit-finansovye-celi-ne-ubivaya-iskusstvo.webp);"></span>
203      <strong>Деньги и творчество: как ставить финансовые цели, не убивая искусство</strong>
204    </a>    <a href="https://4brain.ru/blog/kakie-psihologicheskie-testy-rabotayut-a-kakie-net/" class="blog-card">
205      <span style="background-image: url(https://4brain.ru/blog/wp-content/uploads/2026/09/kakie-psihologicheskie-testy-rabotayut-kakie-net.webp);"></span>
206      <strong>Какие психологические тесты работают, а какие нет</strong>
207    </a>    <a href="https://4brain.ru/blog/v-teni-chuzhogo-uspekha-kak-perestat-byt-na-vtoryh-rolyah-i-zanyat-svoe-mesto/" class="blog-card">
208      <span style="background-image: url(https://4brain.ru/blog/wp-content/uploads/2026/08/v-teni-chuzhogo-uspeha-kak-perestat-byt-na-vtoryh-rolyah-i-zanyat-svoe-mesto.webp);"></span>
209      <strong>В тени чужого успеха: как перестать быть на вторых ролях и занять свое место</strong>
210    </a>    <a href="https://4brain.ru/blog/kak-chitat-slozhnuyu-literaturu-i-ne-brosat-na-seredine/" class="blog-card">
211      <span style="background-image: url(https://4brain.ru/blog/wp-content/uploads/2026/08/kak-chitat-slozhnuyu-literaturu-i-ne-brosat-na-seredine.webp);"></span>
212      <strong>Как читать сложную литературу и не бросать на середине</strong>
213    </a>    <a href="https://4brain.ru/blog/kak-vernut-sebya-posle-abyuzivnyh-otnoshenij/" class="blog-card">
214      <span style="background-image: url(https://4brain.ru/blog/wp-content/uploads/2026/09/kak-vernut-sebya-posle-abyuzivnyh-otnoshenij.webp);"></span>
215      <strong>Как вернуть себя после абьюзивных отношений</strong>
216    </a>    <a href="https://4brain.ru/blog/kak-perestat-vinit-sebya-za-oshibki-proshlogo/" class="blog-card">
217      <span style="background-image: url(https://4brain.ru/blog/wp-content/uploads/2026/08/kak-perestat-vinit-sebya-za-oshibki-proshlogo.webp);"></span>
218      <strong>Как перестать винить себя за ошибки прошлого</strong>
219    </a>    <a href="https://4brain.ru/blog/pochemu-my-otkladyvaem-dazhe-to-chto-nam-nravitsya-fenomen-prokrastinacii-udovolstviya/" class="blog-card">
220      <span style="background-image: url(https://4brain.ru/blog/wp-content/uploads/2026/08/pochemu-my-otkladyvaem-dazhe-to-chto-nam-nravitsya-fenomen-prokrastinacii-udovolstviya.webp);"></span>
221      <strong>Почему мы откладываем даже то, что нам нравится: феномен прокрастинации удовольствия</strong>
222    </a>    <a href="https://4brain.ru/blog/nejronauki-o-vygoranii-u-lyudej-tvorcheskih-i-pomogayushchih-professij/" class="blog-card">
223      <span style="background-image: url(https://4brain.ru/blog/wp-content/uploads/2026/08/nejronauki-o-vygoranii-u-lyudej-tvorcheskih-i-pomogayushih-professij.webp);"></span>
224      <strong>Нейронауки о выгорании у людей творческих и помогающих профессий</strong>
225    </a>    <a href="https://4brain.ru/blog/chto-delat-esli-mechta-sbylas-a-schastya-net-sindrom-pustogo-piedestala/" class="blog-card">
226      <span style="background-image: url(https://4brain.ru/blog/wp-content/uploads/2026/08/chto-delat-esli-mechta-sbylas-a-schastya-net-sindrom-pustogo-pedestala.webp);"></span>
227      <strong>Что делать, если мечта сбылась, а счастья нет: синдром пустого пьедестала</strong>
228    </a></div>        <div class='blogelse'><span>Ещё статьи...</span></div>
229
230        <!-- КОНЕЦ  -->
231
232      </div><!--Footer start-->
233<div id="ourchat" class="ourchat"></div><link rel="stylesheet" href="/css/chat.css?20240717">
234
235<link href="https://4brain.ru/css/footer.css?20210326" type="text/css" rel="stylesheet" />
236<div id='b-footer'>
237	<div id='b-footer-menu'>
238		<div class='b-rowfooter b-footer-logo'>
239			<a href="/"><img src="https://4brain.ru/about/firstyle/logo-horizontal-white.svg" alt="4brain"></a>
240		</div><div class='b-rowfooter'>
241			<div><strong>Информация</strong></div>
242			<div><a href="https://4brain.ru/about/">О проекте</a></div>
243			<div><a href="https://4brain.ru/about/autors.php">Команда</a></div>
244			<div><a href="https://4brain.ru/about/otzyvyvse.php">Отзывы</a></div>
245			<div><a href="https://4brain.ru/docs/">Правовые документы</a></div>
246			<div><a href="https://4brain.ru/about/itdata.php">IT деятельность</a></div>
247			<div><a href="https://4brain.ru/vocabulary.php">Словарь самообразования</a></div>
248			<div><a href="https://4brain.ru/about/feed.php">Контакты</a></div>
249		</div><div class='b-rowfooter'>
250			<div><strong>Обучение</strong></div>
251			<div><a href="https://4brain.ru/pro.php">Тарифы</a></div>
252			<div><a href="https://4brain.ru/courses.php">Онлайн-курсы</a></div>
253			<div><a href="https://4brain.ru/blog/">Блог</a></div>
254			<div><a href="https://4brain.ru/books/">Книги</a></div>
255            <div><a href="https://4brain.ru/me/journal.php">Дневники</a></div>
256			<div><a href="https://4brain.ru/search/">Поиск</a></div>
257		</div><div class='b-rowfooter'>
258			<div><strong>Сотрудничество</strong></div>
259			<div><a href="https://4brain.ru/programms.php?gift=1">Купить в подарок</a></div>
260			<div><a href="https://4brain.ru/lnd/?cb=b2b">Корп. клиентам <b style="color:rgb(255, 255, 171)">b2b</b></a></div>
261			<div><a href="https://4brain.ru/lnd/?cb=partner">Партнёрам</a></div>
262			<div><a href="https://4brain.ru/about/pravila-perepechatki.php#1">Правила перепечатки</a></div>
263			<div><a href="https://4brain.ru/about/job.php">Вакансии</a></div>
264		</div><div class='b-rowfooter b-footer-copy' >
265			Нашли опечатку? Выделите текст и нажмите <div><strong>ctrl</strong>&nbsp;+&nbsp;<strong>enter</strong></div>
266		</div>
267	</div>
268	<div id="b-footer-soc">
269		<!--<a href="https://www.instagram.com/4brain_ru/" target="_blank" class="in" title="Мы в Instagram">
270		  <img src="/images/main/icon-instagram.svg" alt="Instagram"><span>47 тыс.</span>
271		</a>-->
272		<a href="http://vk.com/4brainru" target="_blank" class="vk" title="Мы Вконтакте">
273		  <img src="/images/main/icon-vk.svg" alt="vk"><span>78 тыс.</span>
274		</a>
275		<a href="tg://resolve?domain=channel4brainru" target="_blank" class="tg" title="Мы в Telegram">
276		  <img src="/images/main/icon-telegram.svg" alt="Telegram"><span>7,6 тыс.</span>
277		</a>
278		<a href="https://dzen.ru/4brain" target="_blank" class="yo" title="Мы в Дзене">
279		  <img src="/images/main/icon-zen.png?1" alt="zen"><span>5000 чел.</span>
280		</a>
281		<a href="https://max.ru/join/5KZ-f4ojwtoGbL3JAUlRpTUb3crEL3vqVcKQHbhglFU" target="_blank" class="mx" title="Мы в мессенджере МАКС">
282		  <img src="/images/main/icon-max.svg" alt="МАКС"><span>new</span>
283		</a>
284		<!--<a href="https://www.facebook.com/4brainru" target="_blank" class="fb" title="Мы на Facebook">
285		  <img src="/images/main/icon-facebook.svg" alt="Facebook"><span>21 тыс.</span>
286		</a>-->
287		<a href="https://www.youtube.com/@buyanoff" target="_blank" class="yo" title="Евгений Буянов на Youtube">
288		  <img src="/images/main/icon-youtube.svg" alt="Youtube"><span>23 тыс.</span>
289		</a>
290		<a href="https://www.tiktok.com/@evgeny.buyanov" target="_blank" class="yo" title="Евгений Буянов на TikTok">
291		  <img src="/images/main/icon-tiktok.svg" alt="TikTok"><span>380 тыс.</span>
292		</a>
293
294    </div>
295	<div id="b-footer-cr"><a href="/">4BRAIN.RU</a> © 2012-2026</div>
296</div>
297<!--Footer end-->      
297<script>
298        document.addEventListener('DOMContentLoaded', () => {
299         const searchInput = document.querySelector('.search-input');
300         const searchFon = document.querySelector('.searchfon');
301         const searchContainer = document.getElementById('searchwrapper');
302         const courseLinks = document.querySelectorAll('.searchvars a.coursebold');
303         const categorySelect = document.querySelector('.category-select');
304         const body = document.body;
305
306         let articlesData = null;
307        window.offset=0;
308         window.tag='all';
309
310
311        const updateSearchActive = () => {
312         if (searchInput.value.trim().length > 0) {
313           body.classList.add('searchactive');
314          } else {
315           body.classList.remove('searchactive');
316          }
317         };
318
319         const fetchArticles = async () => {
320          try {
321           const response = await fetch('articles.json?4949');
322           if (!response.ok) {
323            throw new Error('Network response was not ok');
324           }
325           articlesData = await response.json();
326          } catch (error) {
327           //console.error('Ошибка при загрузке статей:', error);
328           articlesData = [];
329          }
330         };
331
332
333
334         const filterSearchResults = async () => {
335          const query = searchInput.value.trim().toLowerCase();
336          const selectedCategory = categorySelect.value;
337
338          let params = new URLSearchParams(window.location.search);
339          params.set('category',selectedCategory);
340          var newUrl = window.location.origin + window.location.pathname + '?' + params.toString();
341          window.history.replaceState( null, null, newUrl );
342
343          tag = selectedCategory;
344          offset=0;
345          pagination(true);
346
347
348          let visibleCount = 0;
349          let courseVisibleCount = 0;
350          const results = [];
351
352          // Фильтрация курсов
353          courseLinks.forEach(link => {
354           const text = link.textContent.toLowerCase();
355           const category = link.getAttribute('data-category');
356           const matchesText = text.includes(query);
357           const matchesCategory = selectedCategory === 'all' || category === selectedCategory;
358
359           if (matchesText && matchesCategory && courseVisibleCount < 2 && visibleCount < 10) {
360            // Клонируем ссылку, добавляем класс visible и убираем hidden
361            const clone = link.cloneNode(true);
362            clone.classList.add('visible');
363            clone.classList.remove('hidden');
364            results.push(clone.outerHTML);
365            courseVisibleCount++;
366            visibleCount++;
367           }
368          });
369
370          // Фильтрация статей
371          if (query !== '' || selectedCategory !== 'all') {
372           if (!articlesData) {
373            await fetchArticles();
374           }
375
376           if (articlesData) {
377            for (let article of articlesData) {
378             if (visibleCount >= 10)
379              break;
380             const articleText = article.text.toLowerCase();
381             const articleCategory = article.category;
382             const matchesText = articleText.includes(query);
383             const matchesCategory = selectedCategory === 'all' || articleCategory === selectedCategory;
384
385             if (matchesText && matchesCategory) {
386              // Создаем элемент ссылки с классом visible
387              const articleLink = `<a href="${article.href}" data-category='${article.category}' class="visible">${article.text}</a>`;
388              if (!results.some(v => v.includes(article.href))) {
389               results.push(articleLink);
390               visibleCount++;
391              }
392
393
394             }
395            }
396           }
397          }
398
399          // Обновление содержимого searchvars
400          const searchvarsDiv = document.querySelector('.searchvars');
401          searchvarsDiv.innerHTML = results.join('');
402         };
403
404         const scrollToSearchContainer = () => {
405          searchContainer.scrollIntoView({behavior: 'smooth', block: 'start'});
406         };
407
408         const handleInput = async () => {
409          updateSearchActive();
410          await filterSearchResults();
411          scrollToSearchContainer();
412         };
413
414         const handleCategoryChange = async () => {
415          await filterSearchResults();
416         };
417
418         const handleSearchFonClick = () => {
419          body.classList.remove('searchactive');
420          searchInput.value = '';
421          categorySelect.value = 'all';
422          const searchvarsDiv = document.querySelector('.searchvars');
423
424          // Сбросить отображение до первых 2 курсов
425          const visibleCourses = Array.from(courseLinks).filter(link => {
426           const category = link.getAttribute('data-category');
427           return categorySelect.value === 'all' || category === categorySelect.value;
428          }).slice(0, 2); // Показать максимум 2 курса
429
430          const results = visibleCourses.map(link => {
431           const clone = link.cloneNode(true);
432           clone.classList.add('visible');
433           clone.classList.remove('hidden');
434           return clone.outerHTML;
435          });
436
437          searchvarsDiv.innerHTML = results.join('');
438         };
439
440         const handleSearchInputFocus = () => {
441          if (searchInput.value.trim().length > 0) {
442           body.classList.add('searchactive');
443           scrollToSearchContainer();
444          }
445         };
446
447         const handleCategoryLoad = async () => {
448                     //плитки
449         let params = new URLSearchParams(window.location.search);
450         let myParam = params.get('category');
451         if(myParam){
452         $(".category-select option").each(function(){
453          if ($(this).val()==myParam){
454         $('.category-select option[value="' + myParam + '"]').prop('selected', true);
455           tag = $(this).val();
456           pagination(true);
457           }
458          });
459         }
460         }
461
462        const pagination = (pure) => {
463  data = {'tag': tag, 'offset': offset};
464  $.post("https://4brain.ru/blog/blog_api.php", data, function (datas) {
465   if (datas) {
466    datas=JSON.parse(datas);
467    if (pure!==false) {
468     $('.blogcards').empty();
469    }
470    for (let elem of datas) {
471     $('.blogcards').append(`<a href="https://4brain.ru/blog/${elem.url}/" class="blog-card">
472 <span style="background-image: url(${elem.src});">
473 </span><strong>${elem.title}</strong></a>`);
474    }
475   }
476  });
477 }
478       $('.blogelse').on('click touch', function () {
479          offset=offset+12;
480          pagination(false);
481       });
482
483         searchInput.addEventListener('input', handleInput);
484         categorySelect.addEventListener('change', handleCategoryChange);
485         searchFon.addEventListener('click', handleSearchFonClick);
486         searchInput.addEventListener('focus', handleSearchInputFocus);
487
488         // Инициализация отображения при загрузке страницы
489         updateSearchActive();
490         handleSearchFonClick();
491         handleCategoryLoad();
492
493
494
495        });
496      </script>
496<script>
497      document.addEventListener("DOMContentLoaded", function () {
498
499
500
501
502       $(".otvet").click(function () {
503        $(this).next().slideToggle("fast");
504       });
505       function openblock() {
506        $("#toggledivpay").slideToggle("fast");
507       }
508       $('.blogpost a').not("[href^='\#']").not("[href^='https://4brain.ru']").attr("target", "_blank");
509       $(".blogpost img.size-full").height('auto');       $n = $('.rem_form').clone();
510       $('.rem_form').remove();
511       $('.main-container img').filter(':first').after($n);
512       $('.rem_form').show();
513
514
515       $('.z-header__button-dots').on('click touch', function () {
516        $('.z-header__menu__mob').toggleClass('z-header__menu__mob_active');
517       });
518       $('.z-header__menu__mob-closed').on('click touch', function () {
519        if ($('.z-header__menu__mob').hasClass('z-header__menu__mob_active')) {
520         $('.z-header__menu__mob').removeClass('z-header__menu__mob_active');
521        }
522       });
523      });
524    </script>
524<!-- dataLayer -->
525<script>
526  window.dataLayer = window.dataLayer || [];
527</script>
527
528
529<!-- Yandex.Metrika counter -->
529<script type="text/javascript">
vendor: 351 bytes, lines 529-536
529(function (m, e, t, r, i, k, a) {
530    m[i] = m[i] || function () {
531      (m[i].a = m[i].a || []).push(arguments)
532    };
533    m[i].l = 1 * new Date();
534    k = e.createElement(t), a = e.getElementsByTagName(t)[0], k.async = 1, k.src = r, a.parentNode.insertBefore(k, a)
535  })(window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
536  ym(
53613496449
vendor: 136 bytes, lines 536-537
536, "init", {clickmap: true, triggerEvent: true, trackLinks: true, accurateTrackBounce: true, webvisor: true, ecommerce: "dataLayer"});
537  
537ym(13496449, 'getClientID', function(clientID) {
538  if (Number(clientID) !== 'NaN'){
539      data={'yid':clientID, 'do':'set'};
540      $.post( "https://4brain.ru/api/yid.php", data, function( data ) {return true});
541    }
542});
543 </script>
543
544<noscript><div><img src="https://mc.yandex.ru/watch/13496449" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
545
546<!-- /Yandex.Metrika counter -->
547<!-- Top.Mail.Ru counter -->
548<script type="text/javascript">
549var _tmr = window._tmr || (window._tmr = []);
550_tmr.push({id: "3426881", type: "pageView", start: (new Date()).getTime()});
551(function (d, w, id) {
552  if (d.getElementById(id)) return;
553  var ts = d.createElement("script"); ts.type = "text/javascript"; ts.async = true; ts.id = id;
554  ts.src = "https://top-fwz1.mail.ru/js/code.js";
555  var f = function () {var s = d.getElementsByTagName("script")[0]; s.parentNode.insertBefore(ts, s);};
556  if (w.opera == "[object Opera]") { d.addEventListener("DOMContentLoaded", f, false); } else { f(); }
557})(document, window, "tmr-code");
558</script>
558
559<noscript><div><img src="https://top-fwz1.mail.ru/counter?id=3426881;js=na" style="position:absolute;left:-9999px;" alt="Top.Mail.Ru" /></div></noscript>
560<!-- /Top.Mail.Ru counter -->
561
562
563<!-- VK.Metrika counter --><!--
563<script type="text/javascript">!function(){var t=document.createElement("script");t.type="text/javascript",t.async=!0,t.src="https://vk.com/js/api/openapi.js?169",t.onload=function(){VK.Retargeting.Init("VK-RTRG-1005981-git0O"),VK.Retargeting.Hit()},document.head.appendChild(t)}();</script>
563<noscript><img src="https://vk.com/rtrg?p=VK-RTRG-1005981-git0O" style="position:fixed; left:-999px;" alt=""/></noscript>--><!-- /VK.Metrika counter -->
564<!--
564<script type="text/javascript">!function(){var t=document.createElement("script");t.type="text/javascript",t.async=!0,t.src='https://vk.com/js/api/openapi.js?173',t.onload=function(){VK.Retargeting.Init("VK-RTRG-1928141-9OaGz"),VK.Retargeting.Hit()},document.head.appendChild(t)}();</script>
564<noscript><img src="https://vk.com/rtrg?p=VK-RTRG-1928141-9OaGz" style="position:fixed; left:-999px;" alt=""/></noscript>-->
565<!-- VK.Metrika counter Дарья -->
566<!-- 
566<script type="text/javascript">!function(){var t=document.createElement("script");t.type="text/javascript",t.async=!0,t.src='https://vk.com/js/api/openapi.js?173',t.onload=function(){VK.Retargeting.Init("VK-RTRG-1969770-6LPCK"),VK.Retargeting.Hit()},document.head.appendChild(t)}();</script>
566<noscript><img src="https://vk.com/rtrg?p=VK-RTRG-1969770-6LPCK" style="position:fixed; left:-999px;" alt=""/></noscript>-->
567<!-- VK.Metrika + Top.Mail.Ru counter кабинет Димы МКВ -->
568<!-- Top.Mail.Ru counter -->
569<!-- 
569<script type="text/javascript"> var _tmr = window._tmr || (window._tmr = []); _tmr.push({id: "3707877", type: "pageView", start: (new Date()).getTime()}); (function (d, w, id) { if (d.getElementById(id)) return; var ts = d.createElement("script"); ts.type = "text/javascript"; ts.async = true; ts.id = id; ts.src = "https://top-fwz1.mail.ru/js/code.js"; var f = function () {var s = d.getElementsByTagName("script")[0]; s.parentNode.insertBefore(ts, s);}; if (w.opera == "[object Opera]") { d.addEventListener("DOMContentLoaded", f, false); } else { f(); } })(document, window, "tmr-code"); </script>
569 <noscript><div><img src="https://top-fwz1.mail.ru/counter?id=3707877;js=na" style="position:absolute;left:-9999px;" alt="Top.Mail.Ru" /></div></noscript> --> <!-- /Top.Mail.Ru counter -->
570<!-- VK.Metrika + Top.Mail.Ru counter кабинет Дарья -->
571<!-- Top.Mail.Ru counter -->
572<!-- 
572<script type="text/javascript"> var _tmr = window._tmr || (window._tmr = []); _tmr.push({id: "3712970", type: "pageView", start: (new Date()).getTime()}); (function (d, w, id) { if (d.getElementById(id)) return; var ts = d.createElement("script"); ts.type = "text/javascript"; ts.async = true; ts.id = id; ts.src = "https://top-fwz1.mail.ru/js/code.js"; var f = function () {var s = d.getElementsByTagName("script")[0]; s.parentNode.insertBefore(ts, s);}; if (w.opera == "[object Opera]") { d.addEventListener("DOMContentLoaded", f, false); } else { f(); } })(document, window, "tmr-code"); </script>
572 <noscript><div><img src="https://top-fwz1.mail.ru/counter?id=3712970;js=na" style="position:absolute;left:-9999px;" alt="Top.Mail.Ru" /></div></noscript> --> <!-- /Top.Mail.Ru counter -->
573
574
575
576<!-- GOOGLE analytics -->
577<!--
577<script type="text/javascript">
vendor: 329 bytes, line 577
577(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');ga('create', '
577UA-84230537-1
vendor: 11 bytes, line 577
577', 'auto');
577ga(function(tracker) { var clientId = tracker.get('clientId'); document.cookie = "_ga_cid=" + clientId + "; path=/"; ga('set', 'dimension1', clientId);}); ga('send', 'pageview');</script>
577
578--> <!-- /GOOGLE analytics -->
579
580<!-- Rating Mail.ru counter
581<script type="text/javascript">var _tmr = window._tmr || (window._tmr = []);_tmr.push({id: "3221031", type: "pageView", start: (new Date()).getTime(), pid: "USER_ID"});(function (d, w, id) {  if (d.getElementById(id)) return;  var ts = d.createElement("script"); ts.type = "text/javascript"; ts.async = true; ts.id = id;  ts.src = "https://top-fwz1.mail.ru/js/code.js";  var f = function () {var s = d.getElementsByTagName("script")[0]; s.parentNode.insertBefore(ts, s);};  if (w.opera == "[object Opera]") { d.addEventListener("DOMContentLoaded", f, false); } else { f(); }})(document, window, "topmailru-code");</script>
581<noscript><div><img src="https://top-fwz1.mail.ru/counter?id=3221031;js=na" style="border:0;position:absolute;left:-9999px;" alt="Top.Mail.Ru" /></div></noscript>
582 //Rating Mail.ru counter -->
583<!-- Tiktok counter
vendor: 1,012 bytes, lines 584-590
584<script>
585    !function (w, d, t) {
586      w.TiktokAnalyticsObject=t;var ttq=w[t]=w[t]||[];ttq.methods=["page","track","identify","instances","debug","on","off","once","ready","alias","group","enableCookie","disableCookie"],ttq.setAndDefer=function(t,e){t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}};for(var i=0;i<ttq.methods.length;i++)ttq.setAndDefer(ttq,ttq.methods[i]);ttq.instance=function(t){for(var e=ttq._i[t]||[],n=0;n<ttq.methods.length;n++)ttq.setAndDefer(e,ttq.methods[n]);return e},ttq.load=function(e,n){var i="https://analytics.tiktok.com/i18n/pixel/events.js";ttq._i=ttq._i||{},ttq._i[e]=[],ttq._i[e]._u=i,ttq._t=ttq._t||{},ttq._t[e]=+new Date,ttq._o=ttq._o||{},ttq._o[e]=n||{};var o=document.createElement("script");o.type="text/javascript",o.async=!0,o.src=i+"?sdkid="+e+"&lib="+t;var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(o,a)};
587      ttq.load('C3E62PGU4DKTL4QJIO7G');
588      ttq.page();
589    }(window, document, 'ttq');
590  </script>
590
591 //Tiktok counter -->
592<!-- Facebook Pixel Code 
592<script>
vendor: 395 bytes, line 592
592 !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n; n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window, document,'script','https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '
5921806541899452280
vendor: 30 bytes, line 592
592'); fbq('track', "PageView"); 
592</script>
592 <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=1806541899452280&ev=PageView&noscript=1" /></noscript> End Facebook Pixel Code -->
593
594</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.