ШПАРГАЛКИ

Этот раздел делал в первую очередь для себя. Это своего рода памятка для различных ситуаций, мои наработки, поэтому они достаточно краткие и не досконально расписанные. Видео не снимаю, так как это отнимает очень много времени. Если и буду снимать видео уроки, то для них будет отведен свой раздел на сайте.

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

ВЕРСТКА

Шпаргалки по Верстке. Начальные шаблоны и типовые блоки. Начинаем работу с HTML + CSS. Базовые шаблоны.

СКРИПТЫ

Шпаргалки по Скриптам. Примеры некоторых скриптов, а также интересные разработки полезные для сайта, как собственные, так и где то подсмотренные.

ЭФФЕКТЫ

Шпаргалки по Эффектам. Различные эффекты для сайтов, анимации, скроллинг, видимость, и т.п. Расходящиеся круги от кнопки, постепенное появление блоков и др.

ЭЛЕМЕНТЫ

Шпаргалки по Элементам. Код элементов для сайта, примеры, как собственные разработки, так и типовые, стандартные.

MODX

Шпаргалки по ModX. Установка, натяжка верстки, а так же прочие полезные советы и скрипты по разработке сайта на этой CMS.

WORDPRESS

Шпаргалки по WordPress. Установка, натяжка верстки, а так же прочие полезные советы и скрипты по разработке сайта на этой CMS.

OPENCART

Шпаргалки по OpenCart. Установка, натяжка верстки, а так же прочие полезные советы и скрипты по разработке сайта на этой CMS.

PROCESSWIRE

Шпаргалки по ProcessWire. Установка, натяжка верстки, а так же прочие полезные советы и скрипты по разработке сайта на этой CMS.

BITRIX

Шпаргалки по Bitrix. Установка, натяжка верстки, а так же прочие полезные советы и скрипты по разработке сайта на этой CMS.

YII2

Шпаргалки по Yii2. Установка, натяжка верстки, а так же прочие полезные советы и скрипты по разработке сайта на этом фреймворке.

VUEJS

Шпаргалки по VueJS. Подключение, базовые скрипты, принципы работы. Создание и связь компонентов. Натяжка верстки, разработка сайта или SPA на этом фреймворке.

ОТРЫВКИ КОДА

Шпаргалки отрывки кода. Приводятся примеры непростых проектов, отрывки кода из практики, сложные и интересные решения.

PHOTOSHOP

Шпаргалки по Photoshop. Начальные настройки, плагины и шаблоны. Представлены работы и описаны текстом последовательность действий.

ПОСЛЕДНИЕ ДОБАВЛЕННЫЕ

Обрезаем текст в контентной части WordPress

Пример того, как можно в WordPress обрезать текст контентной части страницы. Это часто используется при описаниях статей, новостей, или товаров и т.п.

Выводим атрибуты вариативных товаров

Выводим атрибуты вариативных товаров на примере вывода размера в select.

Создаем Breadcrumbs на WP

Создаем Breadcrumbs (хлебные крошки) для WooCommerce на моем примере с сайта RussianWool. Плюс примеры различных настроек для этого элемента.

Дополнительное поле редактор для категорий WooCommerce

Добавляем поле редактор для категорий и подкатегорий WooCommerce, а так же выводим его в нужном месте на страницах. Плюс мой пример с сайта RussianWool.

Выводим все категории товаров на страницу в случайном порядке

Выводим все категории товаров на страницу в случайном порядке, ограничиваем вывод категорий. Плюс пример, как я это все осуществил на сайте RussianWool.

Директивы VueJS. Создание и работа со своей директивой

Директивы VueJS. Создание своей директивы, взаимодействие с элементом, жизненный цикл директивы, параметры в директивах, аргументы в директивах, модификаторы, локальная регистрация.

Делаем новостной раздел на сайте под управление ModX

Делаем новостной раздел на сайте под управление ModX. Установка карусели, размещения блока на главной, переход на страницы новости. В примере представлен код, который я писал для сайта МосКонвейер.

Выводим все категории и подкатегории товаров на страницу

Выводим все категории и подкатегории товаров на страницу. Плюс пример осуществленный на сайте RussianWool. Плюс сложный вариант - Тройная вложенность меню. Пример левого меню сделанного аккордеоном.

Расходящиеся круги от кнопки

Пример написания эффекта расходящиеся круги от кнопки HTML/CSS.

Сложение TV в ModX

Пример сложения TV полей в ModX.

Делаем недоступным нажатие кнопки "Оформить заказ" в WooCommerce

Описан один из простых способов сделать недоступным нажатие кнопки "Оформить заказ" в WooCommerce

Меняем вид оформления заказа WooCommerce

Один из простых способов изменить вид страницы оформления заказа на сайте под управлением WooCommerce. Примеры стилизации для страницы оформления заказа.

Меняем вид корзины WooCommerce

Один из простых способов изменить вид страницы корзины на сайте под управлением WooCommerce. Примеры стилизации. Пример после обновления WooCommerce 12-2023.

Как отследить клик вне элемента на JQuery

Как отследить клик вне элемента на JQuery. А так же несколько примеров.

Слайдеры и карусели на Bootstrap 4

Простые примеры нескольких видов каруселей на Bootstrap 4. Слайдеры для ваших сайтов. Примеры сделанных мной слайдеров.

Пример простой формы обратной связи на WordPress

Пример простой формы обратной связи на WordPress. Установка плагина, создание формы, защита от спама, стилизация формы.

Отправка файлов через формы FormIt

Отправка файлов через формы FormIt в ModX. Пример создания, плюс стилизация input type="file". Проверяем, заполнено ли поле с файлом.

Защита от спама, установка reCAPTCHA на контактные формы WordPress

Установка reCAPTCHA на контактные формы WordPress. Защита от спама. В этой шпаргалке приведены способы и примеры защиты от спама на сайтах с CMS WordPress.

О масках и слоях в Photoshop

О масках и слоях в Photoshop, что, как, для чего, где и зачем.

WooCommerce работаем с id категории товара

WooCommerce работаем с id категории товара. Получаем id категории товара, делаем выборки на основе id категории товара.

Пример вывода категорий, записей, постов на WordPress

Пример вывода категорий, записей, постов на WordPress при помощи query_posts. Как вывести несколько постов, записей. Как вывести рандомно записи из определенного поста, как вывести страницы или записи из определенной категории, и т.п.

Пример шаблона карточки товара на WooCommerce

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

Подключение фреймворка UIKit к VueJS как плагин

Подключаем UIKit фреймворк к VueJS. Показаны примеры его использования во всех компонентах VueJS проекта.

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

www.vk.com/udnlx www.ok.ru/udnlx

Для связи со мной можно воспользоваться любой социальной сетью,
или написать на почту:

Udnlx@yandex.ru

С моим резюме можно ознакомиться по ссылке:

https://penza.hh.ru