​#javascript #api

Как работает Intersection Observer

Вероятно, вы уже не раз пользовались этим замечательным API браузера, но знаете ли вы, как именно работает Наблюдатель? Автор статьи разобрался и готов поделиться своими открытиями с вами.

https://prglb.ru/ye6q

​#api

Порталы - бесшовная навигация в вебе

Новый Portals API совместит в себе лучшее от SPA и классических многостраничных приложений: простоту и плавные переходы между страницами.

https://prglb.ru/dngv

​Что умеют браузеры в 2020?

Современные браузеры - это весьма крутые приложения, которые могут делать много полезных и интересных штук, например, проводить платежи или заставлять ваше мобильное устройство вибрировать.

🤩 Подборка браузерных возможностей: https://prglb.ru/5v77l

В этом репозитории собраны совсем свежие или малоизвестные API браузеров. Пользуйтесь!

#browser #api

Введение в Web Share API

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

С WebShare API для этого вам нужна только одна кнопка!

Подробнее: https://prglb.ru/5svop

#api #web

Почему не стоит использовать LocalStorage

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

Узнать, в каких: https://prglb.ru/4z35j

#browser #api

Как установить местоположение пользователя через JavaScript

Использование Geolocation API на вашем сайте

Читать: https://prglb.ru/dl6g

#browser #api

GitHub авторизация на Node.js

Реализуем авторизацию через github-аккаунт с помощью Node.js и Express

Подробнее: https://prglb.ru/535ln

#node #api

GraphQL

Подробное ведение в GraphQL с примерами кода
https://prglb.ru/4s93s

🤩 + Интерактивный тренажер
https://prglb.ru/5muzb

#database #backend #api

REQRES: эмуляция API для тестирования фронтенда

Начать пользоваться: https://reqres.in/

#tools #testing #api

Методы консоли, о которых вы опять забыли

Метод console.log() - краеугольный камень JS-разработки, это неоспоримо. Но мы прекрасно знаем, что консоль способна на большее. Давайте в очередной раз вспомним, на что именно.

❌ console.error()

Выделенное красным фоном сообщение об ошибке со стеком вызовов, который к ней привел.

⚠️ console.warn()

Выделенное желтым фоном предупреждение со стеком вызовов.

✅ console.assert()

Проверка значения на истинность/ложность. В случае неверного утверждения возвращает Assertion failed и выводит сообщение об ошибке.

💯 console.count(), console.countReset()

Установка, увеличение и очистка счетчика с определенным именем.

📂 console.group(), console.groupEnd()

Группировка сообщений в блоки с заголовками, которые можно свернуть/развернуть.

🗒 console.table()

Красивое и понятное представление объектов и массивов.

⏳ console.time(), console.timeEnd()

Простой способ измерить время выполнения кода.

Источник: https://webdevblog.ru/vyhod-za-predely-console-log-8-console-metodov-kotorye-sleduet-ispolzovat-pri-otladke-javascript-i-node/

#api #javascript #console