JS | Справочник по операторам

Джош Комо создал отличный сайт под названием Operator Lookup, который объясняет, как работают операторы JavaScript. Есть несколько примеров кода, объясняющих, что они делают, добавлены ссылки на MDN с подробным описанием работы оператора.

Сохраняйте в закладки, освежайте знания.

Как правильно задавать вопросы, или «Проблема XY»

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

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

Зачастую XY-проблема возникает, когда люди зацикливаются на мелких деталях своей проблемы и на том, что они сами считают решением проблемы. В итоге они не могут отступить на шаг назад и объяснить проблему комплексно.

О том как избежать этой проблемы, читайте в статье.

JS | Как получить информацию из профиля инстаграм

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

CSS | Геометрические фигуры, наглядно

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

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

JS | Оформляем ввод данных банковских карт

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

Даже опытные разработчики на php часто не знают разницы между composer install и composer update.

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

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

Таким образом, composer install гарантирует, что у всех участников проекта будут установлены одинаковые версии зависимостей.

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-адресу