JavaScript заметки
8.51K subscribers
2.78K photos
4 videos
1.29K links
Регулярные заметки по практическому JavaScript. Обучащию посты позволят прокачать навыки во Frontend-разработке.

Можно почитать пока компилируется проект :)

Сотрудничество: @noname_media

Канал на бирже: telega.in/channels/notesjs/card?r=Wj7h1mbl
Download Telegram
Использование JavaScript Proxy для реализации обработчиков событий

Proxy может быть использован для создания оберток вокруг DOM-элементов, позволяя добавлять обработчики событий напрямую к элементам при установке свойств.

#полезное
Kysely.js типизированный sql builder

Kysely.js – это библиотека, позволяющая писать типизированные SQL запросы. Библиотека делает работу с SQL в вашем проекте более безопасной, избавляя от таких ошибок как опечатки в названиях колонок или таблиц и неправильное использование SQL операторов в коде (код не скомпилируется). Ко всему прочему она делает работу с SQL более удобной, предоставляя при написании запросов автодополнения для таблиц, колонок, алиасов и других сущностей. Kysely имеет незначительный слой абстракции над SQL для того чтобы можно было пользоваться всей мощью SQL и при этом не изучать множество дополнительных сущностей. Библиотека поддерживает MySQL, PostgreSQL, SQLite, PlanetScale, D3, SurrealDB и другие.

#статья

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

👉 Читать статью
👍2
Использование JavaScript SharedArrayBuffer для работы с разделяемой памятью между потоками

SharedArrayBuffer позволяет нескольким потокам JavaScript обмениваться данными напрямую без использования сообщений.

#полезное
JavaScript. WebRTC. Соединение браузеров напрямую без сервера, peer-to-peer

WebRTC позволяет браузерам обмениваться информацией напрямую без сервера. Можно передавать видео, звук и данные.

#статья

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

👉 Читать статью
Использование JavaScript Proxy для создания виртуальных объектов

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

#полезное
👍2
Создаем мини-игру с капельным эффектом и движущимися кружками

В первой части было сделано базовое перемещение кружочков по странице. А в сегодняшнем уроке мы сделаем анимацию “взрыва” и поглощения кружочков.

#статья

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

👉 Читать статью
👍4
Использование JavaScript Intl API для форматирования и интернационализации дат

Intl API предоставляет возможность форматировать даты в соответствии с различными языками и культурами.

#полезное
👍4
Создание конвертера JSON в Typescript с помощью React, NodeJS и ChatGPT

Любой программист, часто работающий с API, может сэкономить массу времени, если использует ChatGPT для автоматизации преобразования JSON в интерфейсы Typescript. 

#статья

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

👉 Читать статью
👍3
Использование JavaScript Canvas API для рисования графики на веб-странице

Canvas API предоставляет возможность рисовать графику на веб-странице с использованием JavaScript, что позволяет создавать различные визуальные эффекты и интер

#полезное
4
Создание мини игр и анимации в Online редакторе Collagen_2

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

#статья

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

👉 Читать статью
👍3
Использование JavaScript Service Workers для кэширования ресурсов и улучшения производительности

Service Workers используются для кэширования статических ресурсов, таких как HTML, CSS и JavaScript файлы, что позволяет улучшить производительность и доступность веб-приложения.

#полезное
👍2
Как работает JavaScript Proxy

Раскройте для себя возможности JavaScript Proxy, углубившись в настройку операций с объектами и контроль над ними. Используя JavaScript Proxy, вы будете создавать надежные и безопасные приложения.

#статья

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

👉 Читать статью
👍1
Использование JavaScript Web Crypto API для генерации и проверки цифровых подписей

Web Crypto API используется для выполнения криптографических операций, таких как генерация и проверка цифровых подписей, обеспечивая безопасное хранение и передачу данных.

#полезное
👍3
Web API для Angular

Веб — богатая экосистема с массой мощных API, которая только пополняется. В нашем распоряжении уже знакомые инструменты — Canvas или Intersection Observer, но в 2023 мы также имеем Web MIDI API, Speech Recognition и даже такие экзотические штуки, как геймпады и VR прямо в браузере. Естественно, эти API сложно использовать в Angular из-за разницы парадигм нативного JavaScript и декларативного Angular. 

#статья

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

👉 Читать статью
👍1
Под капотом анимаций в React Native

В интернете часто сталкиваюсь с мнением, что на RN невозможно сделать красивые и стабильные анимации: их трудно делать и они ужасно лагают. По моему опыту всё обстоит совсем не так — вопрос именно в том, как их готовить. Хочу поделиться опытом, что сделать, чтобы у вас анимации не лагали, и по возможности восстановить репутацию React Native в глазах комьюнити.

#статья

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

👉 Читать статью
👍1
Явное управление ресурсами

В этой статье я хочу на примерах разобрать эту фичу — в том виде, в котором она сейчас доступна в TypeScript 5.2.0-beta с полифиллом disposablestack. Я рассмотрю синхронные и асинхронные ресурсы, DisposableStack/AsyncDisposableStack, а также приведу пример неочевидного бага, в который попался я сам. По пути я также коснусь нескольких других нововведений Node.js, про которые, возможно, ещё знают не все. Весь код доступен в репозитории.

#статья

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

👉 Читать статью
1👍1
Использование JavaScript Web Speech API для распознавания и синтеза речи

Web Speech API позволяет распознавать и синтезировать речь в браузере, что может быть использовано для создания голосовых интерфейсов и веб-приложений.

#полезное
👍5
Синхронизация между Notion и календарем

Делимся статьей, где автор демонстрирует интеграцию календаря из Notion в Google Calendar через ics. Таким способом события из календаря Notion можно добавить в любой календарь, поддерживающий ics формат.

#статья

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

👉 Читать статью
👍1
Использование JavaScript Web MIDI API для работы с MIDI-устройствами

Web MIDI API предоставляет возможность веб-приложениям взаимодействовать с MIDI-устройствами, такими как музыкальные инструменты и контроллеры, через браузер.

#полезное
👍1
Прощай, Ramda

Несмотря на свои сильные стороны, Ramda не всегда подходит для написания эффективного и понятного кода. Рассмотрим случаи, когда стоит придерживаться современного нативного JavaScript и Lodash.

#статья

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

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