Frontender Libs - обзор библиотек JS / CSS – Telegram
Frontender Libs - обзор библиотек JS / CSS
8.09K subscribers
2.04K photos
735 videos
4 files
247 links
Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront

Купить рекламу: https://telega.in/c/sWebDev
Download Telegram
Даже опытные разработчики на php часто не знают разницы между composer install и composer update.

composer install устанавливает пакеты в точном соответствии с версиями из файла composer.lock.

composer update обновляет пакеты согласно версиям из файла composer.json.

Таким образом, composer install гарантирует, что у всех участников проекта будут установлены одинаковые версии зависимостей.
This media is not supported in your browser
VIEW IN TELEGRAM
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-адресу
Будет ли виден на экране блок .child?
Anonymous Quiz
54%
Да
46%
Нет
Какое значение будет находиться в переменной $c?
Anonymous Quiz
4%
2
41%
Ошибка выполнения
13%
3
41%
1aaa2
JS | Рисуем графики с morris.js

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

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

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

Рано или поздно встанет задача нарисовать перечеркнутый прямоугольник, и если с квадратами проблем не возникает, то прямоугольники неизвестной, или динамической ширины перечеркнуть кажется сложно. В примере перечеркивание реализуется через градиенты и ключевые слова с направлением заливки.
This media is not supported in your browser
VIEW IN TELEGRAM
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

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