ШПАРГАЛКИ

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

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

ВЕРСТКА

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

СКРИПТЫ

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

ЭФФЕКТЫ

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

ЭЛЕМЕНТЫ

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

MODX

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

WORDPRESS

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

OPENCART

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

PROCESSWIRE

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

BITRIX

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

YII2

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

VUEJS

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

ОТРЫВКИ КОДА

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

PHOTOSHOP

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

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

Автоматически обрезаем часть текста

Автоматически обрезаем контентную часть текста на определенное количество символов и проставляем многоточие в конце если это нужно. При помощи только PHP.

Actions в Photoshop. Создание Action.

Actions в Photoshop. Как создать и как пользоваться Action в Photoshop для автоматизации каких либо однотипных процессов. Пример создания Action по подготовке к частотному разложению.

Работа с сервером и с vue-axios

Работа с сервером и с vue-axios. Настройка приложения, cоздание объектов POST, получение объектов GET, глобальная настройка, интерсопторы.

Примеры меню на Bootstrap 5

Несколько примеров меню на Bootstrap 5. Меню с логотипом, меню без логотипа и другие. Пример того как можно создать меню для сайтов.

Создаем Breadcrumbs для WP и WC

Создаем Breadcrumbs (хлебные крошки) для WordPress и WooCommerce. Рассмотрено два варианта создания хлебных крошек для сайтов на WordPress и WooCommerce.

Проблема с добавлением полей в miniShop

Решение проблемы с добавлением дополнительных в miniShop ModX. На практике был случай, когда в ModX, в модуле MiniShop2 появлялась ошибка с добавлением дополнительных полей.

MiniShop2. Передача параметров в корзину

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

Выводим товары из категории по ID

Определяем категорию по тому на какой странице мы находимся. Выводим все товары из определенной категории по ID.

3 способа узнать текущую категорию в WP

3 способа узнать текущую категорию в WordPress, шпаргалка с примера как можно узнать текущую категорию товара или статьи. Как узнать категории товара на странице карточки товара.

HTACCESS для ModX. Если проблемы с HTTPS.

HTACCESS по умолчанию для ModX, правильный HTACCESS для ModX, правильное перенаправление для ModX. Если проблемы с HTTPS.

Переход на определенную вкладку по # в URL

Скрипт, который выцапает из URL значение после хештега и по нему переключает на определенную вкладку в табах, и производит скролл к этим вкладкам. Скрипт на JQuery.

Стилизуем оценку рейтинга звездами

Стилизуем оценку рейтинга звездами. Представлены два варианта, где срабатывает клик на label и где не срабатывает.

Красивый поворот карточек вокруг своей оси

Несколько примеров эффекта поворотов карточек на html, css, js. Поворот карточек 2D, поворот карточек 3D.

Техника частотного разложения в Photoshop

Шпаргалка по технике частотного разложения в Photoshop, Dodge and Burn (Осветления и Затемнения).

Роутинг с vue-router на VueJS3 часть вторая

Роутинг с vue-router на VueJS3 часть вторая. Вложенные роуты, передача параметров через URL, хэш и скролл, редирект, 404 страницы, защита роутов, ленивая загрузка.

Валидация формы на JavaScript

Валидация формы на JavaScript. Пример разработки проверки формы перед отправкой на чистом JavaScript.

Пересчитываем цены на сайте в определенный период времени

Была задача с 19:10 до 10:30 следующего дня менять на сайте цены в +10%. Задача усложнялась тем, что данные которые нужно было изменять добывались парсингом.

Снег на сайт

Снег на сайт. Используем библиотеку snowfall.js.

Роутинг с vue-router на VueJS3

Роутинг с vue-router на VueJS3. Установка и начальная настройка vue-router, создание навигации, обозначение активной ссылки, динамические роуты, программная навигация.

Добавляем рейтинг записей к родной системе комментирования WordPress

Добавляем рейтинг записей к родной системе комментирования WordPress. Пишем собственный плагин, который позволяет в комментариях к постам пользователям проставлять рейтинг, затем этот рейтинг отображать в административной части, позволять его редактировать и рассчитывать средний рейтинг поста.

Делаем ajax пагинацию страниц на главной странице WordPress

Делаем ajax пагинацию страниц на главной странице WordPress которая будет позволят на главной странице сайта осуществлять пагинацию по постам без перезагрузки страницы и без смены URL. Все будет делаться в определенном блоке.

Делаем пагинацию страниц на WordPress

Делаем пагинацию страниц на WordPress на примере страницы отзывов, которая берет записи из постов. Используем плагин PageNavi. Ajax Пагинация отдельного блока на главной странице сайта.

Валидация форм с vuelidate во VueJS

Валидация форм с vuelidate во VueJS. Установка и настройка проекта, визуальное отображение ошибок, валидация пароля, отправка форм во VueJS.

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

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

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

Udnlx@yandex.ru

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

https://penza.hh.ru