Этот раздел делал в первую очередь для себя. Это своего рода памятка для различных ситуаций, мои наработки, поэтому они достаточно краткие и не досконально расписанные. Видео не снимаю, так как это отнимает очень много времени. Если и буду снимать видео уроки, то для них будет отведен свой раздел на сайте.
Если этот раздел будет кому то полезен и так же как и мне удобен, то пожалуйста, можете пользоваться.
Шпаргалки по Верстке. Начальные шаблоны и типовые блоки. Начинаем работу с HTML + CSS. Базовые шаблоны.
Шпаргалки по Скриптам. Примеры некоторых скриптов, а также интересные разработки полезные для сайта, как собственные, так и где то подсмотренные.
Шпаргалки по Эффектам. Различные эффекты для сайтов, анимации, скроллинг, видимость, и т.п. Расходящиеся круги от кнопки, постепенное появление блоков и др.
Шпаргалки по Элементам. Код элементов для сайта, примеры, как собственные разработки, так и типовые, стандартные.
Шпаргалки по ModX. Установка, натяжка верстки, а так же прочие полезные советы и скрипты по разработке сайта на этой CMS.
Шпаргалки по WordPress. Установка, натяжка верстки, а так же прочие полезные советы и скрипты по разработке сайта на этой CMS.
Шпаргалки по OpenCart. Установка, натяжка верстки, а так же прочие полезные советы и скрипты по разработке сайта на этой CMS.
Шпаргалки по ProcessWire. Установка, натяжка верстки, а так же прочие полезные советы и скрипты по разработке сайта на этой CMS.
Шпаргалки по Bitrix. Установка, натяжка верстки, а так же прочие полезные советы и скрипты по разработке сайта на этой CMS.
Шпаргалки по Yii2. Установка, натяжка верстки, а так же прочие полезные советы и скрипты по разработке сайта на этом фреймворке.
Шпаргалки по VueJS. Подключение, базовые скрипты, принципы работы. Создание и связь компонентов. Натяжка верстки, разработка сайта или SPA на этом фреймворке.
Шпаргалки отрывки кода. Приводятся примеры непростых проектов, отрывки кода из практики, сложные и интересные решения.
Шпаргалки по Photoshop. Начальные настройки, плагины и шаблоны. Представлены работы и описаны текстом последовательность действий.
HTACCESS по умолчанию для ModX, правильный HTACCESS для ModX, правильное перенаправление для ModX. Если проблемы с HTTPS.
Скрипт, который выцапает из URL значение после хештега и по нему переключает на определенную вкладку в табах, и производит скролл к этим вкладкам. Скрипт на JQuery.
Стилизуем оценку рейтинга звездами. Представлены два варианта, где срабатывает клик на label и где не срабатывает.
Несколько примеров эффекта поворотов карточек на html, css, js. Поворот карточек 2D, поворот карточек 3D.
Шпаргалка по технике частотного разложения в Photoshop, Dodge and Burn (Осветления и Затемнения).
Роутинг с vue-router на VueJS3 часть вторая. Вложенные роуты, передача параметров через URL, хэш и скролл, редирект, 404 страницы, защита роутов, ленивая загрузка.
Валидация формы на JavaScript. Пример разработки проверки формы перед отправкой на чистом JavaScript.
Была задача с 19:10 до 10:30 следующего дня менять на сайте цены в +10%. Задача усложнялась тем, что данные которые нужно было изменять добывались парсингом.
Снег на сайт. Используем библиотеку snowfall.js. Несколько вариантов.
Роутинг с vue-router на VueJS3. Установка и начальная настройка vue-router, создание навигации, обозначение активной ссылки, динамические роуты, программная навигация.
Добавляем рейтинг записей к родной системе комментирования WordPress. Пишем собственный плагин, который позволяет в комментариях к постам пользователям проставлять рейтинг, затем этот рейтинг отображать в административной части, позволять его редактировать и рассчитывать средний рейтинг поста.
Делаем ajax пагинацию страниц на главной странице WordPress которая будет позволят на главной странице сайта осуществлять пагинацию по постам без перезагрузки страницы и без смены URL. Все будет делаться в определенном блоке.
Делаем пагинацию страниц на WordPress на примере страницы отзывов, которая берет записи из постов. Используем плагин PageNavi. Ajax Пагинация отдельного блока на главной странице сайта.
Валидация форм с vuelidate во VueJS. Установка и настройка проекта, визуальное отображение ошибок, валидация пароля, отправка форм во VueJS.
Пример главной страницы сайта VseSkupki. На главной странице идет иерархический вывод заголовков и линков к каждой родительской странице ее подчиненных страниц. В примере показано как это мной осуществлено. Сайт на WordPress.
Простой способ вывести наименование, ссылки, id и прочую информацию всех страниц в любом месте сайта WordPress. Как бы содержание всех страниц сайта. Пример как вывести список дочерних страниц от определенного родителя.
Стилизуем и настраиваем личный кабинет (Мой аккаунт) на сайте с WooCommerce. Привожу пример как я это сделал на сайте RussianWool.
Работа с формами во VueJS. Текстовый input, checkbox, radiobutton, select и использование других элементов в проекте на Vue.
Пример страницы товара сайта RussianWool. Показаны примеры как на странице товара получать атрибуты товара, размеры, контент и т.п. Сайт работает на WordPress WooCommerce.
Небольшая инструкция о том, как склеить фотографии в Photoshop.
Фильтры и миксины VueJS. Создание простых фильтров, фильтрация списков, использование миксинов.
Стилизуем checkbox и radio элементы. Пример того как мной осуществлено это на сайте RusWool.
Выводим на странице информацию о наличии товара. Пример того, как можно в WordPress вывести на странице информацию о наличии товара. Это часто используется в карточках товаров или на странице товара. Выводим количество оставшегося товара.