JavaScript заметки

Работа с JSON: сериализация и десериализация данных в JavaScript Работа с JSON является неотъемлемой частью разработки веб-приложений на JavaScript. JSON представляет собой формат обмена данными, основанный на тексте, который легко читается и создаётся как человеком, так и компьютером. Сериализация и десериализация данных в JSON являются ключевыми процессами при работе с данными в JavaScript. Сериализация - это процесс преобразования объекта или структуры данных в строку JSON, чтобы его можно было передать или сохранить. Десериализация, в свою очередь, выполняет обратную операцию - преобразует строку JSON обратно в объект или структуру данных. В данном примере мы создаем объект person, содержащий информацию о человеке. Затем мы используем метод JSON.stringify() для сериализации объекта в строку JSON. Результат выводится в консоль. Затем мы используем метод JSON.parse() для десериализации строки JSON обратно в объект. Результат также выводится в консоль. #полезное

Подружим Sentry и Mattermost быстро и просто через адаптер Когда я столкнулся с проблемой, я начал искать готовые решения или хотя бы туториалы по интеграции этих инструментов, но не нашел ничего и решил это исправить, написав гайд и возможно, сэкономив кому-то пару часов, а может и дней жизни. Код сервиса будет максимально простой, главная идея статьи - показать один из способов решения проблемы и направить в какую сторону копать, надеюсь кому-то пригодится. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Использование классов для создания карусели Здесь класс Carousel используется для создания простой карусели изображений. #классы

Создание мини игр и анимации в Online редакторе Collagen_2 Collagen позволяет создавать тестовую анимацию управляемую с клавиатуры, имеется редактор уровней который позволяет создавать слои, перемещать камеру вида а также управлять анимацией персонажа. Также вы его можете использовать для создания чатов в игровом формате или мини социальных игр в связке с node.js и sokcet.io #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Использование классов для моделирования геометрических фигур Здесь класс Shape представляет базовую геометрическую фигуру, а класс Circle наследует его и добавляет функциональность для работы с кругами. #классы

Event Loop в деталях В данной статье поговорим о том, почему Event Loop вообще был создан, как с ним работать и почему про него спрашивают на собесах. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Использование классов для работы с мультимедиа Класс AudioPlayer может использоваться для управления воспроизведением аудиофайлов на веб-странице. #классы

Web Accessibility в рассказе «A11Y от 0 до NaN» Данной статьёй я планирую рассказать про интересные случаи и про то, в каких ситуациях можно оказаться, постигая новые горизонты, но не собираюсь даже пытаться заменить справочники по aria-атрибутам и эталонным примерам доступных компонентов. Стандарт W3C полон полезной информации, которая сдержанно подаёт только нужное. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

💻 Ты разработчик, который хочет зарабатывать больше? В IT важно не просто кодить, а разбираться в архитектуре, понимать бизнес и грамотно выстраивать свою карьеру. Иначе через пару лет ты окажешься в толпе мидлов, которым ИИ уже подбирает замену. 📌 В своем канале Саня об IT я говорю не про «как войти в IT», а как не застрять в нём. • Какие технологии будут востребованы в 2025? • Реальные кейсы: разбор IT-трендов без маркетинговой шелухи. • Карьерный рост: как перейти из мидлов в сеньоры, а дальше – хоть в техлиды. 🚀 Подписывайся, если хочешь развиваться, а не топтаться на месте! 👉 https://t.me/+H9vwTlcoCZpiMDUy

Использование классов для создания часов Класс Clock создает объект, который отображает текущее время и обновляет его каждую секунду. #классы

JavaScript. WebRTC. Соединение браузеров напрямую без сервера, peer-to-peer WebRTC позволяет браузерам обмениваться информацией напрямую без сервера. Можно передавать видео, звук и данные. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Работа с Web-сокетами (WebSockets) Этот код демонстрирует, как устанавливать WebSockets-соединение с сервером, отправлять и получать сообщения в режиме реального времени. WebSockets широко используются для создания интерактивных и мгновенных веб-приложений. #полезное

Next JS и Nginx Решил сделать небольшую инструкцию как запустить проект Next JS на сервере. Я использовал Ubuntu 22.04 и Nginx. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Работа с регулярными выражениями (RegExp) Регулярные выражения позволяют проверять и извлекать текст, соответствующий определенным шаблонам. #полезное

Fusor vs React Моя работа состоит в написании кода на React. Несмотря на то, что мне нравится React, при разработке на нем я столкнулся с некоторыми его недостатками. В связи с этим, я решил создать свою библиотеку, Fusor, чтобы исправить эти недостатки и вот что из этого получилось. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Манипуляция стилями CSS Этот код позволяет изменять стили элементов страницы динамически с использованием JavaScript. #полезное

Service Workers против медленного интернета: Кэширование и улучшение UX Плохой интернет, когда нужно загрузить картинку весом как чугунный мост. В эпоху очень быстрого интернета мы стали забывать о том, что в некоторых локациях нашего мира нет хорошей сети (например, когда вы едете в поезде по нашей необъятной стране). Эту проблему довольно хорошо решают Service Workers, о которых я вам сейчас расскажу. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Работа с Promise Этот код создает и использует промис для асинхронной обработки данных и управления успешными и неуспешными результатами. #полезное

Интересные трюки JS Небольшая подборка нестандартных вариантов использования HTML/JS/CSS, где каждый найдёт что-то интересное. Если информация окажется полезной, будем собирать эти хаки на постоянной основе и публиковать по мере накопления. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Использование JavaScript FileReader API для чтения файлов на стороне клиента FileReader API позволяет веб-приложениям читать содержимое файлов на стороне клиента без необходимости отправлять файлы на сервер. Это может быть полезно, например, для загрузки и обработки текстовых файлов, изображений и других медиафайлов. #полезное