<MyRusakov.ru />

React JS, Redux, ES2015 с Нуля до Гуру

React JS, Redux, ES2015 с Нуля до Гуру

Данный курс - это обширный курс по JavaScript и фреймворку React, который позволит Вам с нуля создавать мощные современные, динамические JavaScript-приложения.

Вы узнаете о тонкостях работы с "профессиональным" JavaScript, а так же узнаете о нововведениях в его новый стандарт ES2015, Вы узнаете, как организовать профессиональное окружение для FrontEnd, изучите профессиональный фреймворк - ReactJS.

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

Подробнее
Подписка

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Каким движком Вы предпочитаете пользоваться?

Как определить блокировщик рекламы.

Как определить блокировщик рекламы.

Сегодня мы поговорим о плагине, позволяющем определить Adblock и показать об этом уведомление.

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

Для данной задачи есть легкий плагин под названием Adi.js.

Установка

Чтобы установить плагин, выполните следующие шаги:

  • Подключите JQuery
  • Подключите advertisement.js и убедитесь, что JQuery.adblock = false; находится внутри файла
  • Подключите JQuery.adi.js
  • Вызовите $.adi({ /* опции */})

Опции

  • title(string/html) - заголовок окна
  • content(string/html) - описание в окне
  • theme(string) - доступна светлая(light) тема и темная(dark)

Методы

  • active() - функция обратного вызова. Вызывается, когда $.adblock = undefined. Adblock активен
  • inactive() - функция обратного вызова. Вызывается, когда $.adblock = false. Adblock неактивен
  • onOpen() - функция обратного вызова. Вызывается, когда окно находится в document.body и display = block
  • onClose() - функция обратного вызова. Вызывается, когда display = none

Примеры

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

$.adi({
  onClose: function(el) {
   /* обновляйте каждый раз, когда пользователь закрывает окно */
   window.location.reload(true);
  }
});

Перенаправление

$.adi({
 onClose: function(el) {
   window.location = 'http://some-website.com';
 }
});

Добавьте анимацию к окну

$.adi({
  onOpen: function(el) {
   /* анимируйте окно, добавляя css классы */
   el.find('.jquery-adi_content').addClass('animated bounceInDown')
  },
});

Итак, на этом все. Спасибо за внимание!

Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (http://myrusakov.ru)!

Добавляйтесь ко мне в друзья ВКонтакте: http://vk.com/myrusakov.
Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: http://vk.com/rusakovmy.

Если Вы не хотите пропустить новые материалы на сайте,
то Вы можете подписаться на обновления: Подписаться на обновления

Если у Вас остались какие-либо вопросы, либо у Вас есть желание высказаться по поводу этой статьи, то Вы можете оставить свой комментарий внизу страницы.

Порекомендуйте эту статью друзьям:

Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):

  1. Кнопка:

    Она выглядит вот так: Как создать свой сайт

  2. Текстовая ссылка:

    Она выглядит вот так: Как создать свой сайт

  3. BB-код ссылки для форумов (например, можете поставить её в подписи):

Комментарии (1):

Frederico Frederico 25.11.2015 20:21:20

Спасибо за статью! Поставить надо будет на свой сайт http://postroysia.ru/. Когда просматривал сайт через Вебвизор в Яндекс.Метрике, то обнаружил, что у многих просто моя реклама просто не отображается, потому как стоит блокиратор. Тогда проект становится совсем невыгодным. Спасибо еще раз)

Ответить

Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.