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

Содержание блога

1. Все примеры из книги Мацуды и Ли в песочнице JSFiddle
2. Рисование точки заданного размера
3. Передача координаты точки из главной программы в программу вертексного шейдера
4. WebGL 1.0. Рисование точек в цикле по кругу по формулам
5. WebGL 2.0. Рисование точек в цикле по кругу по формулам
6. WebGL 1.0. Передача цвета точки из главной программы в программу фрагментного шейдера
7. WebGL 1.0. Передача цвета точки из главной программы в программу фрагментного шейдера
8. WebGL. 1.0. Рисование точки с применением буферного объекта (VBO - Vertex Buffer Object)

...

Содержание блога

Простой треугольник без трансформаций. Для трансформаций можно использовать glMatrix, как в примере: https://plnkr.co/edit/qT6ZTwvncLPRamK5?preview

На русском:

На английском:

Исходники примера:

• GitHub
• Plunker

Node.js стал одной из самых популярных платформ для микросервисной архитектуры не случайно. Его неблокирующая однопоточная модель и событийно-ориентированный подход делают его идеальным для высоконагруженных систем с интенсивным вводом/выводом. Хотя ранее я скептически относился к JavaScript на сервере, сейчас это мой основной инструмент для построения распределенных систем, обрабатывающих...

Содержание блога

Используется порт Box2D v2 под названием @box2d/core - пакет NPM. Загрузил документацию Box2D v2 на Netlify: https://box2d-v2-docs.netlify.app/ Документацию Box2D v2 можно скачать с официального репозитория с этой страницы: Final release of version 2

Box2D v3 заменил v2, но @box2D/core проще в изучении, чем Box2D-WASM v3, так как код проще. По v2 много туториалов.

В релизе рисование коллайдеров...

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

Содержание блога

Erin Catto (автор Box2D) переписал с нуля Box2D v2 с С++ на Си и появилась версия Box2D v3. Birch-san собрал Box2D v3 в WebAssembly (WASM), чтобы можно было использовать Box2D v3 на JavaScript.

В этом примере я объединил Box2D-WASM v3 и Three.js, чтобы можно было видеть коллайдеры. Для прямоугольников Box2D-WASM...

Если вы когда-нибудь посещали собеседования на позицию Node.js разработчика, почти наверняка слышали заезженную фразу: "Node.js - однопоточная платформа". Звучит как неоспоримый факт, который заучивают наизусть. Но действительно ли это правда? Скажу сразу: это упрощение, граничащее с заблуждением. Давайте разберем архитектуру. В основе Node.js лежит V8 - движок JavaScript от Google, и libuv - библиотека асинхронного ввода-вывода....

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

localeCompare без указания локали для сравнения строк под капотом использует Intl.Collator , который работает согласно Unicode Collation Algorithm (UCA), согласно этому алгоритму происходит нормализация строк с учётом особенностей языка и символов или можно по другому сказать имитация алфовитного порядка,...

Node.js представляет собой среду выполнения JavaScript, построенную на движке V8 от Google Chrome. Но называть его просто "средой выполнения" - все равно что назвать швейцарский нож "штукой с лезвием". За кулисами Node.js работает сложный механизм, объединяющий в себе движок V8, асинхронную библиотеку libuv, внутренние API и многочисленные модули. Когда разработчик пишет console.log('Hello World'), он взаимодействует лишь с верхушкой...

Express.js заслуженно остаётся одним из самых популярных инструментов для создания бэкенда, но даже он не застрахован от проблем с производительностью. Многие разработчики сталкиваются с ситуацией, когда на локальной машине всё летает, а на продакшене под реальной...

Каждому разработчику рано или поздно приходится сталкиватся с техническими собеседованиями - этим стрессовым испытанием, где решается судьба карьерного роста и зарплатных ожиданий. В этой статье я собрал более 30 реальных вопросов, которые чаще всего встречаются на собеседованиях по Node.js различного уровня — от стажера до архитектора. Для каждого вопроса я привожу не просто сухой ответ, а...

JavaScript — пожалуй, самый неоднозначный язык программирования в мире веб-разработки. Часто его хвалят за гибкость и универсальность, но при этом ругают за странные особенности поведения и непредсказуемость. Однако за многими "странностями" JavaScript скрывается...

JavaScript — язык со множеством интересных и мощных особенностей, но есть одна концепция, которая заставляет начинающих разработчиков морщить лоб, а опытных — улыбаться с пониманием дела. Замыкания (closures) — один из тех механизмов, который сначала кажется чудом, потом...

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

В веб-разработки синхронный код — настоящая головная боль. Когда операции выполняются последовательно,...

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

Выбор правильного технологического стека определяет успех веб-проекта. Laravel и Vue.js формируют отличную комбинацию для создания современных приложений. Laravel — это PHP-фреймворк с элегантным синтаксисом и обширным набором инструментов для бэкенда. Vue.js — прогрессивный JavaScript-фреймворк, который упрощает создание динамичных пользовательских интерфейсов. Объединение этих технологий...

JavaScript появился в 1995 году как творение Брендана Эйха и быстро стал основой интерактивности в вебе. За свою историю он прошел путь от простого языка для манипуляций с DOM до полноценной платформы, способной работать на фронтенде, бэкенде (Node.js), в мобильной разработке (React Native) и даже в игровой индустрии.

TypeScript же появился значительно позже – в 2012 году, когда команда Microsoft во главе с Андерсом Хейлсбергом (создателем C#) решила адресовать...

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

Сегодня прочитал статью тут о расходах памяти в JS, ее утечках и т.п. И вот что вспомнил из своей недавней практики. Может, кому пригодится. Хотя, в той статье об этом тоже есть.
Дело в том, что я какое-то время назад сделал для себя редактор WYSIVYG для html-текстов. Пользуюсь - не нарадуюсь. Даже в итоге как-то обратил внимание, что гораздо реже стал применять Word. Он, если и нужен теперь, то, разве что, для редактирования/просмотра, в основном, чужих документов или для...

Масштабирование приложений для обработки тысяч и миллионов запросов — обыденная задача для многих команд. Node.js, благодаря своей асинхронной событийно-ориентированной архитектуре, стал популярной платформой для создания высокопроизводительных серверных приложений. Но даже у этой технологии есть свои ограничения,...

Node.js изменил подход к разработке веб-приложений, позволив использовать JavaScript не только на стороне клиента, но и на сервере. Созданный в 2009 году Райаном Далем, этот открытый, кроссплатформенный runtime превратился в основной инструмент современного веб-разработчика. Сегодня трудно представить веб-разработку без Node.js — от стартапов до крупных корпораций вроде Netflix, PayPal или LinkedIn,...

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

Работа с изображениями в веб-разработке нередко выходит за рамки простого отображения картинки. Современные задачи требуют глубокого понимания структуры файлов и умения манипулировать их внутренними данными. Особое место здесь занимает формат JPEG с его богатыми возможностями метаданных, в частности – EXIF.

Что такое EXIF и почему это важно

EXIF (Exchangeable Image File Format) – стандарт, определяющий формат хранения...

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

...

За последнее десятилетие Node.js стал абсолютным лидером среди JavaScript-рантаймов и фактическим стандартом для серверной разработки на JavaScript. Но в 2018 году тот же разработчик, который создал Node.js — Райан Даль — представил новый проект: Deno. Интересно, что сам Даль назвал Deno "исправлением ошибок", допущенных при создании...

Но что такое бессерверные вычисления на самом деле? По сути, это модель облачных вычислений, где разработчик фокусируется исключительно на создании бизнес-логики, не тратя время на настройку серверов, обновление ПО и мониторинг инфраструктуры. При таком подходе...

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

...

В фронтенд-разработке Vue 3 выделяется своим прагматичным подходом. В отличие от React с его минималистичной философией "всё — JavaScript" или Angular с его всеобъемлющим корпоративным подходом, Vue предлагает золотую середину: структурированный, но не перегруженный синтаксис, мощную реактивность из коробки и отличную производительность....

JavaScript занимает первые позиции среди языков веб-разработки, но его распространенность делает его привлекательной целью для злоумышленников. Межсайтовый скриптинг (XSS), межсайтовая подделка запросов (CSRF) и SQL-инъекции — три наиболее опасные уязвимости, которые могут...