Бессерверное приложение

Делимся статьей, где автор демонстрирует создание бессерверного приложения, используя Netlify. Будет приниматься ссылка на веб-сайт в качестве аргумента. Для предоставления содержимого сайта используется Mozilla Readability API.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Рекомендации по Core Web Vitals

На протяжении многих лет Google давали веб-разработчикам множество рекомендаций по повышению производительности. Хотя каждая из этих рекомендаций по отдельности может повысить производительность многих сайтов, полный набор рекомендаций слишком обширный. Делимся статьей, где автор дает рекомендации по Core Web Vitals на 2023 год.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Преобразовать любое значение в Boolean

Это будет особенно полезно, если вы не хотите послать в бэкенд значение null или undefined.

#полезно

Цифровые часы

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

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Отслеживание закрытия браузера

Закрытие вкладки или окна в браузере можно обнаружить с помощью события beforeunload. Это можно использовать для предупреждения пользователя в случае, если некоторые данные на странице не сохранены или пользователь по ошибке ушел с текущей страницы, закрыв вкладку или браузер. Благодаря этой статье ты научишься отслеживать событие закрытия браузера.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Многопользовательский чат

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

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Копирование в JavaScript

Не все копии в JavaScript одинаковы. Когда ты копируешь переменную в JavaScript, она классифицируется как поверхностная или глубокая копия. Делимся статьей, где автор наглядно демонстрирует разницу между поверхностной и глубокой копией.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Визуализация с D3.js

D3 (Data-Driven Documents) представляет собой библиотеку JavaScript, которая позволяет отображать данные и помогает с проверкой и управлением DOM. Благодаря этой статье ты научишься визуализации с помощью D3.js.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Проверить вхождение определённого значения в массив

Метод includes также полезен, если требуется сравнить несколько значений сразу.

#полезно

Создание кроссбраузерного расширения

Делимся статьей, где автор рассказывает про создание кроссбраузерного расширения. Ты узнаешь про различные проблемы кроссбраузерности; из чего состоит расширение. Также ты познакомишься с фреймворком Plasmo.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Использование оператора опциональной последовательности (optional chaining operator)

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

Но теперь, в версии ES11, код после оператора опциональной последовательности выполнится, только если обращение по предыдущей ссылке не привело к undefined или null.

Так что использование этого оператора сократит ваш код и сделает его более понятным.

#операторы

Ошибки с промисами

В данной статье продемонстрированы самые распространенные ошибки при работе с промисами. К ним относятся: использование блока try/catch внутри промиса; неправильное использование Promise.race(); злоупотребление промисами.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Замена IIFEs блоками

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

#полезно

Операторы логического присваивания

Javascript поддерживает возможность комбинировать логические операции и операцию присваивания с помощью операторов &&=, ||= и ??=. До ES2021 составные операторы присваивания были возможны только с математическими и побитовыми операциями. Данная статья познакомит тебя с операторами логического присваивания.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

Стрелочные функции

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

#полезно

Введение в прототипы

Прототипы — это механизм, с помощью которого объекты JavaScript наследуют свойства друг друга. Благодаря этой статье ты узнаешь, что такое прототипы, как ими пользоваться и для чего они могут пригодиться.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью

.includes( )

Чтобы обозначить ограничение строки, мы можем просто использовать .includes(), который вернет логическое значение, вместо проверки > -1

#строки