Symbiote.js VS LitElement
Мотивация разработчиков библиотек и фреймворков для фронтенда может быть разной. И если вы, являясь таким разработчиком, хотите работать не “в стол” а с расчетом на какое-то признание и пользу для индустрии, вы должны четко понимать, что именно и зачем вы делаете. Если вы хотите сэкономить пользователям пару килобайт трафика или пару миллисекунд отклика - вам будет очень тяжело доказать миру, что ради этого стоит выбрать именно ваше решение. Люди выберут размер комьюнити, богатую экосистему и крупного вендора. Ваш набор аргументов должен быть достаточно веским, чтобы обратить на себя внимание. Сейчас я попытаюсь доказать, что при наличии такого решения как LitElement от гиганта индустрии Google, имеет смысл посмотреть в сторону Symbiote.js.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Мотивация разработчиков библиотек и фреймворков для фронтенда может быть разной. И если вы, являясь таким разработчиком, хотите работать не “в стол” а с расчетом на какое-то признание и пользу для индустрии, вы должны четко понимать, что именно и зачем вы делаете. Если вы хотите сэкономить пользователям пару килобайт трафика или пару миллисекунд отклика - вам будет очень тяжело доказать миру, что ради этого стоит выбрать именно ваше решение. Люди выберут размер комьюнити, богатую экосистему и крупного вендора. Ваш набор аргументов должен быть достаточно веским, чтобы обратить на себя внимание. Сейчас я попытаюсь доказать, что при наличии такого решения как LitElement от гиганта индустрии Google, имеет смысл посмотреть в сторону Symbiote.js.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Использование JavaScript WebRTC для реализации передачи потока данных в реальном времени
WebRTC (Web Real-Time Communication) позволяет веб-приложениям передавать аудио, видео и данные в реальном времени без необходимости установки дополнительных плагинов или расширений.
#полезное
WebRTC (Web Real-Time Communication) позволяет веб-приложениям передавать аудио, видео и данные в реальном времени без необходимости установки дополнительных плагинов или расширений.
#полезное
👍5
Скрытие POI за зданиями
C 2018 года карта на 2gis.ru рендерится при помощи WebGL API для рисования трехмерной графики. Сначала мы в команде веб-карт использовали эту технологию просто как очень быструю рисовалку двухмерных данных с небольшими исключениями в виде 3D-домов и моделей.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
C 2018 года карта на 2gis.ru рендерится при помощи WebGL API для рисования трехмерной графики. Сначала мы в команде веб-карт использовали эту технологию просто как очень быструю рисовалку двухмерных данных с небольшими исключениями в виде 3D-домов и моделей.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
❤1
Использование JavaScript FormData для отправки формы с помощью AJAX
FormData - это объект JavaScript, который позволяет легко собирать данные из формы и отправлять их на сервер с использованием AJAX-запроса.
#полезное
FormData - это объект JavaScript, который позволяет легко собирать данные из формы и отправлять их на сервер с использованием AJAX-запроса.
#полезное
👍1
Видеоредактор, работа с видео и зачем там Canvas
Одной из задач, где мы в Ozon используем Canvas, является обработка видео. Для это у нас реализован минималистичный видеоредактор.
Современные устройства и браузеры развиваются достаточно быстро, но все-равно этого бывает недостаточно для задач со сложными вычислениями. К таким задачам можно отнести обработку видео.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Одной из задач, где мы в Ozon используем Canvas, является обработка видео. Для это у нас реализован минималистичный видеоредактор.
Современные устройства и браузеры развиваются достаточно быстро, но все-равно этого бывает недостаточно для задач со сложными вычислениями. К таким задачам можно отнести обработку видео.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
👍2
Использование JavaScript Proxy для реализации обработчиков событий
Proxy может быть использован для создания оберток вокруг DOM-элементов, позволяя добавлять обработчики событий напрямую к элементам при установке свойств.
#полезное
Proxy может быть использован для создания оберток вокруг DOM-элементов, позволяя добавлять обработчики событий напрямую к элементам при установке свойств.
#полезное
Kysely.js типизированный sql builder
Kysely.js – это библиотека, позволяющая писать типизированные SQL запросы. Библиотека делает работу с SQL в вашем проекте более безопасной, избавляя от таких ошибок как опечатки в названиях колонок или таблиц и неправильное использование SQL операторов в коде (код не скомпилируется). Ко всему прочему она делает работу с SQL более удобной, предоставляя при написании запросов автодополнения для таблиц, колонок, алиасов и других сущностей. Kysely имеет незначительный слой абстракции над SQL для того чтобы можно было пользоваться всей мощью SQL и при этом не изучать множество дополнительных сущностей. Библиотека поддерживает MySQL, PostgreSQL, SQLite, PlanetScale, D3, SurrealDB и другие.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Kysely.js – это библиотека, позволяющая писать типизированные SQL запросы. Библиотека делает работу с SQL в вашем проекте более безопасной, избавляя от таких ошибок как опечатки в названиях колонок или таблиц и неправильное использование SQL операторов в коде (код не скомпилируется). Ко всему прочему она делает работу с SQL более удобной, предоставляя при написании запросов автодополнения для таблиц, колонок, алиасов и других сущностей. Kysely имеет незначительный слой абстракции над SQL для того чтобы можно было пользоваться всей мощью SQL и при этом не изучать множество дополнительных сущностей. Библиотека поддерживает MySQL, PostgreSQL, SQLite, PlanetScale, D3, SurrealDB и другие.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
👍2
Использование JavaScript SharedArrayBuffer для работы с разделяемой памятью между потоками
SharedArrayBuffer позволяет нескольким потокам JavaScript обмениваться данными напрямую без использования сообщений.
#полезное
SharedArrayBuffer позволяет нескольким потокам JavaScript обмениваться данными напрямую без использования сообщений.
#полезное
JavaScript. WebRTC. Соединение браузеров напрямую без сервера, peer-to-peer
WebRTC позволяет браузерам обмениваться информацией напрямую без сервера. Можно передавать видео, звук и данные.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
WebRTC позволяет браузерам обмениваться информацией напрямую без сервера. Можно передавать видео, звук и данные.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Использование JavaScript Proxy для создания виртуальных объектов
Proxy может использоваться для создания виртуальных объектов, которые могут перехватывать доступ к свойствам и выполнять определенные действия при установке или чтении значений.
#полезное
Proxy может использоваться для создания виртуальных объектов, которые могут перехватывать доступ к свойствам и выполнять определенные действия при установке или чтении значений.
#полезное
👍2
Создаем мини-игру с капельным эффектом и движущимися кружками
В первой части было сделано базовое перемещение кружочков по странице. А в сегодняшнем уроке мы сделаем анимацию “взрыва” и поглощения кружочков.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
В первой части было сделано базовое перемещение кружочков по странице. А в сегодняшнем уроке мы сделаем анимацию “взрыва” и поглощения кружочков.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
👍4
Использование JavaScript Intl API для форматирования и интернационализации дат
Intl API предоставляет возможность форматировать даты в соответствии с различными языками и культурами.
#полезное
Intl API предоставляет возможность форматировать даты в соответствии с различными языками и культурами.
#полезное
👍4
Создание конвертера JSON в Typescript с помощью React, NodeJS и ChatGPT
Любой программист, часто работающий с API, может сэкономить массу времени, если использует ChatGPT для автоматизации преобразования JSON в интерфейсы Typescript.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Любой программист, часто работающий с API, может сэкономить массу времени, если использует ChatGPT для автоматизации преобразования JSON в интерфейсы Typescript.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
👍3
Использование JavaScript Canvas API для рисования графики на веб-странице
Canvas API предоставляет возможность рисовать графику на веб-странице с использованием JavaScript, что позволяет создавать различные визуальные эффекты и интер
#полезное
Canvas API предоставляет возможность рисовать графику на веб-странице с использованием JavaScript, что позволяет создавать различные визуальные эффекты и интер
#полезное
❤4
Создание мини игр и анимации в Online редакторе Collagen_2
Collagen позволяет создавать тестовую анимацию управляемую с клавиатуры, имеется редактор уровней который позволяет создавать слои, перемещать камеру вида а также управлять анимацией персонажа. Также вы его можете использовать для создания чатов в игровом формате или мини социальных игр в связке с node.js и sokcet.io
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Collagen позволяет создавать тестовую анимацию управляемую с клавиатуры, имеется редактор уровней который позволяет создавать слои, перемещать камеру вида а также управлять анимацией персонажа. Также вы его можете использовать для создания чатов в игровом формате или мини социальных игр в связке с node.js и sokcet.io
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
👍3
Использование JavaScript Service Workers для кэширования ресурсов и улучшения производительности
Service Workers используются для кэширования статических ресурсов, таких как HTML, CSS и JavaScript файлы, что позволяет улучшить производительность и доступность веб-приложения.
#полезное
Service Workers используются для кэширования статических ресурсов, таких как HTML, CSS и JavaScript файлы, что позволяет улучшить производительность и доступность веб-приложения.
#полезное
👍2
Как работает JavaScript Proxy
Раскройте для себя возможности JavaScript Proxy, углубившись в настройку операций с объектами и контроль над ними. Используя JavaScript Proxy, вы будете создавать надежные и безопасные приложения.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Раскройте для себя возможности JavaScript Proxy, углубившись в настройку операций с объектами и контроль над ними. Используя JavaScript Proxy, вы будете создавать надежные и безопасные приложения.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
👍1
Использование JavaScript Web Crypto API для генерации и проверки цифровых подписей
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.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Веб — богатая экосистема с массой мощных API, которая только пополняется. В нашем распоряжении уже знакомые инструменты — Canvas или Intersection Observer, но в 2023 мы также имеем Web MIDI API, Speech Recognition и даже такие экзотические штуки, как геймпады и VR прямо в браузере. Естественно, эти API сложно использовать в Angular из-за разницы парадигм нативного JavaScript и декларативного Angular.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
👍1
Под капотом анимаций в React Native
В интернете часто сталкиваюсь с мнением, что на RN невозможно сделать красивые и стабильные анимации: их трудно делать и они ужасно лагают. По моему опыту всё обстоит совсем не так — вопрос именно в том, как их готовить. Хочу поделиться опытом, что сделать, чтобы у вас анимации не лагали, и по возможности восстановить репутацию React Native в глазах комьюнити.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
В интернете часто сталкиваюсь с мнением, что на RN невозможно сделать красивые и стабильные анимации: их трудно делать и они ужасно лагают. По моему опыту всё обстоит совсем не так — вопрос именно в том, как их готовить. Хочу поделиться опытом, что сделать, чтобы у вас анимации не лагали, и по возможности восстановить репутацию React Native в глазах комьюнити.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
👍1