Frontender Libs - обзор библиотек JS / CSS

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

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()

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

👋 Всем привет! 12 декабря приглашаем в Лекторий Skillbox на воркшоп о том, как реализовать собственный DI-контейнер на Java. Ведущий разработчик IT-компании MediaSoft Павел Андрющенко познакомит со структурой современного Java-приложения корпоративного уровня, разберет ,что такое зависимости, как с ними работать, и какие преимущества дает использование DI-контейнера, а также рассмотрит применение некоторых паттернов проектирования на практике. Подробности и регистрация 👉 https://u.to/1NxlGg

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

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

Как сделать версионирование баз данных удобным и понятным всем участникам процесса разработки? Научитесь управлять миграциями БД на экспресс-курсе OTUS. 19 декабря вместе с Юрием Дворжецким, ведущим разработчиком, за 8 часов вы пройдете теорию и практику, после которых сможете: — Использовать инструменты Flyway или Liquibase — Быстро создавать любое окружение с точки зрения базы данных — Применять практику DBVC к уже существующей базе. Успейте оставить заявку, пока действует спец.цена. Количество мест ограничено https://otus.pw/Pkex/

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

Даже опытные разработчики на php часто не знают разницы между composer install и composer update. composer install устанавливает пакеты в точном соответствии с версиями из файла composer.lock. composer update обновляет пакеты согласно версиям из файла composer.json. Таким образом, composer install гарантирует, что у всех участников проекта будут установлены одинаковые версии зависимостей.

JS | Оформляем ввод данных банковских карт CardInfo.js позволяет по номеру карты получить логотип банка и типа, фирменные цвета и прочие данные. Можно использовать эти данные для создания форм приёма банковских карт.

Стать разработчиком — реально для каждого! Создай собственный продукт на Python! Регистрируйся на бесплатный интенсив Skillbox: 👉 https://clc.to/m4Wtog 💻 Освоишь азы программирования на Python. 💻 Поработаешь с сетью. 💻 Создашь интерфейс мессенджера. ⭐️ Спикер интенсива: Python-разработчик с опытом более 7 лет и технический директор в Lia — Никита Левашов. 🎁 А если войдёшь в тройку авторов с лучшими проектами, выиграешь сертификат на 30 000 рублей для поступления на любой онлайн-курс в Skillbox! Ждем тебя в прямых эфирах с 3 по 5 декабря в 19:00 по московскому времени 😉

CSS | Геометрические фигуры, наглядно Для отображения мелких деталей интерфейсов - стрелок или маркеров не обязательно отрисовывать svg-иконки, всё это можно реализовать на чистом css, существует множество фигур, которые можно сделать с помощью стилей, от самых простых многоугольников, до комплексных иконок. В статье рассмотрены не самые очевидные пути использования самых обычных css-свойств.

JS | Как получить информацию из профиля инстаграм Вывод на сайте фотографий из профиля инстаграм можно сделать своими руками, небольшой скрипт и немного стилей помогут вам с этой задачей, для получения информации используется axios.