ШПАРГАЛКИ

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

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

ВЕРСТКА


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

СКРИПТЫ


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

ЭФФЕКТЫ


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

ЭЛЕМЕНТЫ


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

MODX


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

WORDPRESS


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

OPENCART


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

PROCESSWIRE


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

BITRIX


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

YII2


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

VUEJS


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

ОТРЫВКИ КОДА


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

PHOTOSHOP


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

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

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.

Пример главной страницы сайта 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 вывести на странице информацию о наличии товара. Это часто используется в карточках товаров или на странице товара. Выводим количество оставшегося товара.

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

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

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

© 2020-2024 Портфолио Юдина Александра г.Пенза. Все права защищены