ШПАРГАЛКИ

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

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

ВЕРСТКА

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

СКРИПТЫ

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

ЭФФЕКТЫ

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

ЭЛЕМЕНТЫ

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

MODX

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

WORDPRESS

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

OPENCART

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

PROCESSWIRE

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

BITRIX

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

YII2

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

VUEJS

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

ОТРЫВКИ КОДА

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

PHOTOSHOP

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

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

Слайдеры и карусели на 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 проекта.

Передача параметров между компонентами VueJS

Передача параметров от дочернего компонента, передача функции как параметр, cвязь дочерних компонентов, использование event emitter, передача HTML компоненту.

ModX создаем страницу галерею

ModX создаем страницу галерею на примере "Наши работы".

Многоязычность приложения на VueJS при помощи плагина Vue-l18n

Как сделать приложение на VueJS многоязычным при помощи плагина Vue-l18n. Подключение настройка управление. Константы перевода с применением HTML. Выносим все настройки по мультиязычности сайта в отдельный JS файл. Выносим переменные перевода в json. Как менять HTML компонента при определенной локализации.

Делаем раздел Услуги на основе вкладок BootStrap

Делаем раздел Услуги на основе вкладок BootStrap 4 версии, под управлением этого раздела из CMS ModX.

Правка синтаксиса VueJS при помощи ESLint, EditorConfig и JSHint

Правка синтаксиса VueJS при помощи ESLint. Подключение, настройка, зависимости для использования ESLint проверки синтаксиса VueJS проекта. Правка синтаксиса VueJS при помощи EditorConfig и JSHint.

Меняем стандартный шаблон для записей WordPress

Редактируем стандартный шаблон для записей.

Как вывести записи на страницу из определенной рубрики в WordPress

Как вывести записи на страницу из определенной рубрики в WordPress. Вывод записей из рубрик WordPress без плагина.

Компоненты VueJS

Зачем нужны компоненты, локальная и глобальная регистрация, названия компонентов, регистрация компонентов в .vue, передача параметров компоненту при помощи props, валидация входящих параметров.

ModX вывод контента при определенных условиях tv

Вывод контента при отмеченном tv.checkbox.

Создание приложения, посадка верстки на Vue 3

Шаги по начальной работе над проектом. Пример посадки верстки на Vue 3 приложение.

Делаем раздел Ответ-Вопрос на основе аккордеона BootStrap

Делаем раздел Ответ-Вопрос на основе аккордеона BootStrap 4 версии, под управлением этого раздела из CMS ModX.

Как добавить категории и теги страницам в WordPress

Как добавить категории и теги страницам в WordPress, простой метод.

Делаем магазин на WordPress (WooCommerce) часть 3

Как добавить вариативный товар, как добавить категории и теги страницам, выводим на страницу каталога наши категории.

Vue CLI and Webpack. Создание проекта на Vue

Vue CLI – это система для быстрой разработки и создания прототипов Vue.js. Она состоит из различных компонентов. В этой шпаргалке рассмотрены установка и создание проекта на VueJS2 и VueJS3.

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

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

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

Udnlx@yandex.ru

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

https://penza.hh.ru