SOLID принципы это правила для лучшей организации программного кода, для последующей его удобной доработке (масштабировании)
При использовании стандартной функции get_the_excerpt() мы получаем краткую аннотацию статьи, но без форматирования (без тегов). В данной статье покажу как можно решить данную проблему.
TypeScript существенно упрощает разработку ввиду недостатков JavaScript, а сегодня речь пойдёт про типы данных в typescript.
При разработке крупных и средних приложений становятся очевидными недостатки javascript, одним из которых является отсутствие строгой типизации. Как раз чтобы нивелировать недостатки javascript компания microsoft разработала typescript. В данной…
При написании программы могут возникать глобальные переменные, что является ошибкой. Нужно максимально скрыть служебные переменные от «внешнего мира».
Для этого используется механизм инкапсуляции. Инкапсуляция в js реализуется через функции.
…
Правильным тоном в разработке интерфейсов является проверка полей на валидность до отправки их на сервер.
Данный листинг является примером работы с событиями, в данном коде реализовано перетаскивание элемента по странице js по нажатию на него мыши.
Важной особенностью языка JavaScript является его асинхронность. Это стало возможно благодаря событиям js.
Сейчас мы рассмотрим какие возможности открывает нам препроцессор html pug, рассмотрим структуру проекта с его использованием и практическое применение.
В данной статье речь пойдёт про единицы измерения css для блочных элементов. В css3 у нас расширился инструментарий для работы с блоками такими правилами как: width, height, padding, margin,…
Все единицы измерения в css можно разделить на две группы: абсолютные (например px) и относительные (%). В этой статье мы рассмотрим размеры текста — правило font-size.
Форма сортировки товаров на yii2 (продолжение)
Форма сортировки товаров на yii2
Добавление вариации вывода товаров в виде списка и плиток на yii2
Данная статья посвящена тому как использовать препроцессоры css (на примере SASS и LESS) при написании медиазапросов.
При работе с Gulp вам в скором времени приходится строить сложные выборки файлов по различным признакам. В данной статье мы рассмотрим основные варианты подобных выборок.
В данной статье мы рассмотрим как можно перенастроить терминал git bash в phpStorm. К слову сказать есть возможность выбрать и что-то другое.
Сегодня мы рассмотрим пакетный менеджер Bower, назначение и особенности работы с ним.
В данной статье мы рассмотрим что такое ssh ключи и как создать ssh ключи для удалённого репозитория Bitbaket или Gitgub.
В данной статье мы рассмотрим назначение файла gitignore, случаи когда его необходимо использовать и некоторые нюансы при его использовании.
Часто в своей работе вы прибегаете к копированию каких либо решений из прошлых проектов, но поиск по проектам может затянуться и такой код возможно ещё придётся «чистить» под новый…
Современные сайты требуют использования векторной графики (SVG) в силу особенностей данного формата. В данной статье представлена справочная информация по SVG с примерами.
В данной статье мы разберёмся в каких случаях необходимы css grid, а в каких можно обойтись обычными flexbox.
При проектировании приложений на yii вы можете столкнуться с необходимостью передать параметр в Widget и сейчас мы рассмотрим как это сделать.
В Joomla 3 появилась возможность быстрого редактирования материалов, но данная возможность не всегда нужна, а её отключение ставит в тупик.
В данной статье мы рассмотрим иерархию объектов в javascript. Объекты window и document в JavaScript играют крайне важную роль и понимание их назначения является необходимым для разработчика.
В этой статье мы рассмотрим бесплатный кросс-платформенный редактор для веб-разработки — CodeLobster IDE. Он уже долгое время присутствует на рынке и завоевал очень большое количество пользователей.
Каждая задача в программировании начинается с сбора данных, в данном случае с поиска необходимых элементов dom для последующей работы над ними. В этой статье приведены основные способы обращения к…
Независимо от того какой редактор или ide вы привыкли использовать необходимо знать свой инструментарий. В данной статье мы рассмотрим основные горячие клавиши
phpStorm.
В данной статье мы рассмотрим основы JavaScript, разберёмся с синтаксисом данного языка и различными техниками применения.
Сегодня мы рассмотрим одну из особенностей языка javaScript это замыкание. Замыкание в JavaScript используется крайне часто, поэтому любой уважающий себя программист должен его знать.
Не редко UI требует добавления на сайт блоков с прокруткой, а стандартный её вариант выглядит мягко говоря не очень и портит всё впечатление. В данной статье мы рассмотрим как…
Рассмотрим инструмент который существенно ускорит вёрстку сайта, а именно разберёмся с вопросом что такое smart grid.
Сейчас я покажу какие возможности нам открывают препроцесоры, а именно мы рассмотрим сетки на препроцессоре less.
Подробное руководство по установке npm на компьютер и созданию проекта с использованием gulp
В данной статье мы рассмотрим как сверстать элемент «рейтинг в виде звёзд» на чистом css.
Бывает возникает необходимость подключать скрипт по условию. Давайте рассмотрим как это сделать. Подключение js по условию может выполняться на разных языках:
Синтаксис SASS и CSS в примерах. Разница между SASS и CSS. Что выбрать? Существует два разных синтаксиса SASS и SCSS. Различия в написании кода: SASS синтаксис базируется на отступах,…
Если вам потребовалось отправить форму без перезагрузки страницы, то в это вам поможет ajax. В этом уроке мы рассмотрим как осуществляется отправка формы ajax в yii2.
При добавлении в записей в две связанные таблицы не редко требуется определение id добавленной записи. Для этого в yii 2 не нужно делать запрос к таблице и брать последнюю…
Для реализации концепции mvc необходимо разделять вид и управляющие конструкции, причём необходимо помещать запросы к базе в модель. Сегодня мы разберём как создать запрос в модели yii2.
В данном уроке мы рассмотрим как создать таймер обратного отсчёта на чистом JavaScript.
Популярный редактор кода Sublime Text имеет большое количество расширений, что делает его более гибким. В данной статье мы рассмотрим как удалить расширения из Sublime Text.
Package Control существенно упрощает работу с расширениями в редакторе Sublime Text, поэтому в этой статье мы научимся устанавливать Package Control для Sublime Text.
Сегодня мы рассмотрим что такое reset.css и normalize.css и для чего они нужны. Пренебрегать данными файлами стилей не следует, так как их отсутствие может серьёзно исказить внешний вид сайта…
Как перенести подключение js файлов из конца html документа в начало. В данной статье мы рассмотрим как в yii2 подключить скрипты в head.
В данной статье мы рассмотрим решение для стилизации поля input с типом date — Date Range Picker. данная библиотека позволяет создать календарь bootsrap.
Сегодня мы рассмотрим как сделать динамическое увеличение высоты textatrea в зависимости от его контента. Для этого будем использовать библиотеку Autosize js.
В данной статье мы рассмотрим как создать красивые всплывающие сообщения на js. Для этого мы не будем использовать не «чистый» javascript, а рассмотрим специализированную библиотеку sweetalert js.
Не редко на сайтах встречается меню, пункты которого «прокручивают» страницу до определённых элементов. В данной статье мы рассмотрим как реализовать плавный скролл используя jQuery.
Технология Flexbox признана упростить работу по выравниванию элементов в браузере В этой статье мы рассмотрим как упрощается вёрстка с использованием Flexbox.
Препроцессоры существенно упрощают процесс сборки web проектов, но для этого необходимо знать и правильно использовать основные элементы языка. В этой статье мы рассмотрим синтаксис препроцессора Less.
Препроцессоры существенно упрощают написание css стилей, позволяют избавить от избыточности и превращают привычный нам css в полноценный язык программирования. В данной статье мы рассмотрим как производится установка препроцессора Less.
…
Язык SQL позволяет выполнить множество операций с данными на своей стороне. В этом уроке мы рассмотрим основные функции языка SQL для работы со строками.
Зачастую при работе с базой данных нам требуется сделать выборку данных сразу из нескольких таблиц. Данная статья раскрывает как осуществить объединение таблиц SQL.
Наибольшую популярность в базе данных MySQL получили типы таблиц MyISAM и InnoDB. В данной статье мы постараемся разобраться какой тип следует использовать в той ли иной ситуации.
Ни один крупных сайт не обходится без базы данных. Вывод статей, заголовков, ключевых слов — всё это осуществляется из базы данных. В этой статье мы рассмотрим основные операции SQL.
…
При построении баз данных необходимо следовать определённым правилам. Эти правила получили название нормализации баз данных. Нормализация базы данных является не обязательной, но эти правила существенно упростят работу по составлению…
При создании структуры базы данных крайне важно правильно подобрать типы данных в MySQL чтобы избежать проблем в будущем. Примером такой проблемы является переполнение отведённого диапазона значений, что повлекло за…
В данном уроке приведены основные команды MySQL. MySQL — система управления базами данных (СУБД). MySQL является решением для малых и средних приложений.
Сегодня мы рассмотрим где включается нумерация строк кода в PHPstorm.
Бывают случаи когда доступ к сайту требуется ограничить и сейчас речь идёт не о скрытии от поисковой системы, а именно скрытие сайта от прямого захода по его адресу.
…
В этой статье мы рассмотрим как создать простой запрос к базе в joomla 3 и вывести полученные данные на экран.
Страница списка товаров на yii2
Вывод товаров для категории в yii2
Проектирование базы данных для сайта на yii2
Верстаем страницу каталога и выводим информацию из базы данных
Убираем папку web в yii2 и дорабатываем наши шаблоны
Ни один современных сайт не обходится без использования форм. Сегодня мы рассмотрим как в yii2 создавать элементы форм различных типов.
Некоторая верстка подразумевает под собой наличие у пунктов меню иконок. В данной статье мы разберёмся как использовать иконки fontawesome в yii2, добавив их в widget NavBar.
Большинство современных сайтов предполагают наличие несколько шаблонов и в этой статье мы рассмотрим как добавить шаблон в yii2.
Любой интернет сайт требует использование красивых url адресов. Сегодня мы рассмотрим как включить и настроить чпу в yii2.
Проектирование базы данных для сайта на yii2
Реализуем несколько шаблонов в Yii2 и устанавливаем один только для главной страницы сайта
Разбираемся со структурой и создаём шаблон yii2 для отдельных страниц
Данный курс посвящен разработке интернет-магазина на Yii2. Мы рассмотрим принцип работы и особенности данного популярного фреймворка и создадим полноценный интернет-магазин.
Сегодня речь пойдёт о плагине LiveReload, который позволяет автоматизировать процесс обновления страницы браузера при сохранении документа.
При постоянном наборе одних и тех же тегов html и правил css невольно задумываешься можно ли ускорить данный рутинный процесс.
Если у Вас возникло желание стать web разработчиком, то первое с чем нужно разобраться — это как устроен интернет.
Первое с чего стоит начать при изучении нового фреймворка — это определиться с назначением файлов и папок. Сегодня мы разберём структуру Yii 2.
При создании дизайна сайта в Adobe Photoshop не обойтись без использования какой либо системы сеток. Можно создать модульные сетки самостоятельно, используя направляющие, или воспользоваться готовым решением, а именно, системой…
Вы хотите стать дизайнером? Или вы уже являетесь дизайнером, но не знаете как поймать музу и не отпускать её. Мы подготовили для Вас ТОП-5 сервисов, которые подтолкнут вас к…
В данной статье я хотел поделиться личным опытом, допустим перед вами стоит задача разработать интернет магазин. Первое и самое важное это выбрать ПРАВИЛЬНУЮ cms.
Semantic UI это фреймворк создания адаптивных и удобных веб интерфейсов. Данный фраймеворк ускоряет процесс разработки так как содержит в себе большое число часто используемых компонентов таких как: кнопки, иконки,…
Сайты уже давно не редкость. Сейчас у каждой второй фирмы есть свой сайт. Это хороший инструмент информирования и надежный помощник в развитии бизнеса.
Сегодня хочу вам продемонстрировать скрипт Circular Countdown jQuery Plugin, это скрипт обратного отсчёта с использованием css, html и jQuery. В этой статье вы найдёте описание настроек данного скрипта обратного…
В настоящее время довольно часто попадаются вакансии в которых требуется верстальщик сайтов или разработчик front-end. Причём на первый взгляд кажется, что требования к кандидатам предъявляются одни и те же,…
Если перед вами стоит задача разработать какой-либо проект в команде, то система контроля версий git это первое с чего следует начать работу.
Вопрос на чём написать сайт на framework или cms так или иначе встаёт перед разработчиком. Разумеется пока вы знаете только одну cms вас он мало волнует, так как выбирать…
В данной статье мы рассмотрим решение для ускорения сборки front-end вашего сайта и дальнейшей быстрой его переделки.
Типографика — один из самых сложных и западающих у многих веб-дизайнеров разделов в их профессии. Пугаться этого не стоит, нужно принять свою некомпетентность и постараться заполнить пробелы в знаниях…
28 июня, 2017