ШПАРГАЛКИ

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

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

ВЕРСТКА

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

СКРИПТЫ

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

ЭФФЕКТЫ

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

ЭЛЕМЕНТЫ

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

MODX

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

WORDPRESS

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

OPENCART

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

PROCESSWIRE

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

BITRIX

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

YII2

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

VUEJS

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

ОТРЫВКИ КОДА

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

PHOTOSHOP

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

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

Пример главной страницы сайта VseSkupki

Пример главной страницы сайта VseSkupki. На главной странице идет иерархический вывод заголовков и линков к каждой родительской странице ее подчиненных страниц. В примере показано как это мной осуществлено. Сайт на WordPress.

Получение списка всех страниц в WordPress

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

Стилизуем и настраиваем личный кабинет на сайте с WooCommerce

Стилизуем и настраиваем личный кабинет (Мой аккаунт) на сайте с WooCommerce. Привожу пример как я это сделал на сайте RussianWool.

Работа с формами во VueJS

Работа с формами во VueJS. Текстовый input, checkbox, radiobutton, select и использование других элементов в проекте на Vue.

Пример страницы товара сайта RussianWool

Пример страницы товара сайта RussianWool. Показаны примеры как на странице товара получать атрибуты товара, размеры, контент и т.п. Сайт работает на WordPress WooCommerce.

Как склеить фотографии в Photoshop

Небольшая инструкция о том, как склеить фотографии в Photoshop.

Фильтры и миксины VueJS

Фильтры и миксины VueJS. Создание простых фильтров, фильтрация списков, использование миксинов.

Стилизуем checkbox и radio элементы

Стилизуем checkbox и radio элементы. Пример того как мной осуществлено это на сайте RusWool.

Выводим на странице информацию о наличии товара

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

Обрезаем текст в контентной части 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. Примеры стилизации.

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

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

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

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

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

Udnlx@yandex.ru

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

https://penza.hh.ru