Опубликовано — Оставить комментарий

Promise

Promise – https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Global_Objects/Promise
Разбираемся с промисами в JavaScript (10 февраля 2019) – https://habr.com/ru/post/439746/
Визуализация промисов и Async/Await (13 мая 2020) – https://habr.com/ru/post/501702/
Промисы на примере бургер-вечеринки (2 марта 2017) – https://habr.com/ru/company/nix/blog/323066/
Промисы в ES6: паттерны и анти-паттерны (5 октября 2017) – https://habr.com/ru/company/ruvds/blog/339414/
Познаем промисы на основе Ecmascript спецификации (5 декабря 2019) – https://habr.com/ru/post/478938/
Распространенные ошибки при работе с промисами в JavaScript, о которых должен знать каждый (18 января 2020) – https://habr.com/ru/post/478938/
Элегантное асинхронное программирование с помощью промисов (17 февраля 2020) – https://habr.com/ru/post/488762/
Использование промисов в JavaScript (26 июля 2018) – https://habr.com/ru/company/ruvds/blog/418085/
Руководство по промисам для тех, кто хочет в них разобраться (18 мая 2018) – https://habr.com/ru/company/ruvds/blog/358808/
JavaScript-движки: как они работают? От стека вызовов до промисов — (почти) всё, что вам нужно знать (22 мая 2019) – https://habr.com/ru/company/vk/blog/452906/
У нас проблемы с промисами (26 октября 2015) – https://habr.com/ru/company/vk/blog/269465/
Поиск проблемных промисов в JavaScript (22 ноября 2021) – https://habr.com/ru/company/ruvds/blog/589373/
Поймут даже дети: простое объяснение async/await и промисов в JavaScript (6 ноября 2019) – https://habr.com/ru/post/474726/
Разница между асинхронной функцией и функцией, возвращающей промис (11 ноября 2019) – https://habr.com/ru/post/475260/

Опубликовано — Оставить комментарий

Галерея на базе Magnific Popup

Magnific Popup — jQuery плагин

functions.php
  // magnific-popup.css
  wp_enqueue_style( 'magnific-popup', get_template_directory_uri() . '/css/magnific-popup.css' );
  // magnific-popup.js
  wp_enqueue_script( 'magnific-popup', get_template_directory_uri() . '/js/magnific-popup.js', array('jquery'));

Файлы magnific-popup.css и magnific-popup.js взять здесь – https://dimsemenov.com/plugins/magnific-popup/#mfp-build-tool

Перед подключением magnific-popup.js подключить jQuery

Читать далее Галерея на базе Magnific Popup
Опубликовано — Оставить комментарий

Подчеркивание пункта меню

Чтобы было понятно какой пункт меню активен его надо как-то выделить среди остальных, проще всего оставить подчеркнутым или выделить как-то по другому

Читать далее Подчеркивание пункта меню
Опубликовано — Оставить комментарий

JS ссылки

JavaScript – https://developer.mozilla.org/en-US/docs/Web/JavaScript

Язык JavaScript – https://learn.javascript.ru/js

Основы JavaScript для начинающих разработчиков – https://habr.com/ru/company/ruvds/blog/416375/

Повторное введение в JavaScript (JS учебник) — https://developer.mozilla.org/ru/docs/Web/JavaScript/A_re-introduction_to_JavaScript

Читать далее JS ссылки
Опубликовано — Оставить комментарий

Правила (стандарты кодирования)

Стандарты кодирования НТМL – https://codex.wordpress.org/Стандарты_кодирования_НТМL
Стандарты кодирования CSS – https://codex.wordpress.org/Стандарты_кодирования_CSS
Стандарты кодирования Javascript – https://codex.wordpress.org/Стандарты_кодирования_Javascript
Стандарты кодирования PHP – https://codex.wordpress.org/Стандарты_кодирования_PHP

Standards for developing consistent, flexible, and sustainable HTML and CSS. – https://codeguide.co/#html-practicality

Читать далее Правила (стандарты кодирования)
Опубликовано — Оставить комментарий

Подключение css и js в тему

functions.php – пример подключения стилей и скрипта для кнопки “наверх”

// 
// Подключаем стили и скрипты
// 
add_action( 'wp_enqueue_scripts', 'add_vahro_resources');
function add_vahro_resources() {
	// Подключаем главный файл стилей style.css
	// wp_enqueue_style( 'style', get_stylesheet_uri() );
  wp_enqueue_style( 'fonts-style', get_stylesheet_directory_uri().'/css/fonts.css' );
	wp_enqueue_style( 'scrollup-style', get_stylesheet_directory_uri().'/css/scrollup.css' ); // для кнопки "Наверх"

	// Подключаются скрипты
	wp_enqueue_script( 'scrollup', get_stylesheet_directory_uri().'/js/vahro-js.js' , array('jquery'), null, true );
}
Читать далее Подключение css и js в тему
Опубликовано — Оставить комментарий

Кнопка “наверх”

HTML + CSS простая кнопка – постоянно на экране, мгновенное перемещение в начало страницы

Более сложная кнопка – на этой и всех других страницах сайта HTML+CSS+jQuery
появляется после прокрутки 500px и исчезает если страница находится в начале

Читать далее Кнопка “наверх”