Vue.js | Делаем свой слайдер

Для начинающих или интересующихся Vue.js - пример реализации простого слайдера, стрелки, пагинация, свайп, бесконечная прокрутка.

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

Как сделать версионирование баз данных удобным и понятным всем участникам процесса разработки? Научитесь управлять миграциями БД на экспресс-курсе OTUS.

19 декабря вместе с Юрием Дворжецким, ведущим разработчиком, за 8 часов вы пройдете теорию и практику, после которых сможете:
— Использовать инструменты Flyway или Liquibase
— Быстро создавать любое окружение с точки зрения базы данных
— Применять практику DBVC к уже существующей базе.

Успейте оставить заявку, пока действует спец.цена.

Количество мест ограничено https://otus.pw/Pkex/

Функциональное программирование в PHP

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

Один из самых частых вариантов использования функций как аргументов - различная работа с массивами.

CSS | Фильтры, немного фотошопа не выходя из браузера

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

Postman

REST API - самый популярный вариант взаимодействия клиентского приложения с серверной частью. Клиентским приложением может быть как сайт, так и мобильное приложение.

Во время разработки необходимо тестировать запросы и ответы от сервера. Для этого отлично подходит приложение Postman.

JS | Храним данные в браузере, localStorage

localStorage - это хранилище данных в браузере, в котором можно записывать, получать и удалять записи по ключу. Данные сохраняются даже после перезагрузки страницы.

У браузера существует клон localStorage, который называется sessionStorage. Их разница в том, что последний хранит данные только для одной вкладки (сессии) и очистится как только мы закроем вкладку

Пример использования:
//Добавляем или изменяем значение:
localStorage.setItem('myKey', 'myValue'); //теперь у вас в localStorage хранится ключ "myKey" cо значением "myValue"

//Выводим его в консоль:
var localValue = localStorage.getItem('myKey');
console.log(localValue); //"myValue"

//удаляем:
localStorage.removeItem("myKey");

//очищаем все хранилище
localStorage.clear()

JS | Определяем местоположение пользователя

Geolocation API позволяет пользователю предоставлять свое местоположение web-приложению. При вызове метода navigator.geolocation.getCurrentPosition() браузер запросит разрешение на передачу данных о геолокации, в случае разрешения будет вызван первый колбэк, в случае отказа - второй.

В примере реализовано получение координат пользователя через Geolocation API и если геолокация не доступна - используется сервис определения местоположения по ip-адресу

JS | Рисуем графики с morris.js

Morris — это легковесный плагин с открытым исходным кодом, который для работы требует jQuery и Raphaël и строит с их помощью графики на простой сетке горизонтальных линий.

Плагин позволяет строить четыре вида графиков:
- ломаная
- диаграмма
- столбчатая диаграмма
- круговая диаграмма

Все необходимые подробности употребления API изложены в первоисточнике достаточно подробно — подглядывать в открытый исходник, скорее всего, не потребуется.

CSS | Зачеркиваем блоки, универсальный способ

Рано или поздно встанет задача нарисовать перечеркнутый прямоугольник, и если с квадратами проблем не возникает, то прямоугольники неизвестной, или динамической ширины перечеркнуть кажется сложно. В примере перечеркивание реализуется через градиенты и ключевые слова с направлением заливки.

JS | Делаем свой курсор для сайта

В примере подробно разобран принцип реализации кастомных курсоров для сайта, выполнено на чистом js и css.

Разбор JSON в PHP

Для разбора JSON в PHP есть встроенная функция json_decode.

В случае ошибки, json_decode возвращает null. Однако, строка "null" - это тоже валидный JSON. Поэтому, если json_decode вернул null, это еще не значит что что-то пошло не так.

Чтобы избежать ошибочных ситуаций можно прибегнуть к нескольким методам:

1) После выполнения json_decode() вызвать json_last_error() или json_last_error_msg(). Эти функции возвращают код и сообщение об ошибке разбора JSON соответственно
2) Если вы используете PHP 7.3 или новее, то можно передать 4ым параметром JSON_THROW_ON_ERROR
3) Использовать json_decode из пакета guzzle

Во втором и третьем вариантах, в случае ошибки, будет выброшено исключение.

JS | Конвертация цветов с помощью фильтров

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