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

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

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

Канал на бирже: telega.in/channels/notesjs/card?r=Wj7h1mbl
Download Telegram
Работа с Web-сокетами (WebSockets)

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

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

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

#статья

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

👉 Читать статью
❤1
Группировка данных с помощью reduce

Метод reduce применяется для агрегации значений в массиве. В этом примере, мы используем reduce для вычисления суммы чисел.

#полезное
Как мы заинжектили кнопку на Behance

Дело было год назад, не помню что я там забыл, но мне определенно хотелось скачать какую‑то картинку с behance.net, но как вы знаете — опции скачать там нет. Зная, как работает веб — я без проблем забрал нужное изображение найдя ссылку в HTML коде, но не все готовы так заморачиваться, поэтому я решил автоматизировать этот процесс.

#статья

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

👉 Читать статью
❤2
Простой пример ИИ для управления роботом. TensorFlow + Node Js

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

#статья

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

👉 Читать статью
Использование JavaScript BigInt для работы с большими целыми числами

BigInt в JavaScript предоставляет возможность работать с целыми числами, которые выходят за пределы Number.MAX_SAFE_INTEGER.

#полезное
Использование WebGL для создания интерактивных 3D-график в веб-приложениях

WebGL позволяет создавать интерактивные 3D-графики в веб-приложениях, и библиотека Three.js упрощает этот процесс.

#полезное
👍2
Использование async/await для асинхронных операций

async/await позволяет более чисто и легко работать с асинхронными операциями, такими как HTTP-запросы.

#полезное
React + Three.js. Создаём собственный 3D шутер

В современной веб-разработке границы между классическими и веб-приложениями стираются с каждым днём. Сегодня мы можем создавать не только интерактивные сайты, но и полноценные игры прямо в браузере. Одним из инструментов, который делает это возможным, является библиотека React Three Fiber - мощное средство для создания 3D-графики на основе Three.js с использованием технологии React.

#статья

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

👉 Читать статью
❤2
Добавление WebAuthn в веб-приложение

В этой статье мы научимся добавлять WebAuthn в веб‑приложения со стороны frontend‑разработчика. WebAuthn представляет собой новый метод аутентификации, который обеспечивает более высокий уровень безопасности, заменяя устаревшие пароли и SMS‑подтверждения на аутентификацию на основе публичных ключей. Это не только повышает защиту от несанкционированного доступа, но и упрощает вход для пользователей. Например VK и другие компании уже переходят на подобные технологии, отходя от обычных паролей.

#статья

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

👉 Читать статью
❤1
Webpack vs esbuild — уже можно использовать в production?

Периодически я пробую разные инструменты, и если они стабильно покрывают все необходимые сценарии - включаю в свою экосистему для коммерческих проектов. С третьего подхода за последние 3 года esbuild, наконец, приблизился по функционалу к Webpack. В статье привожу проблемы, с которыми я столкнулся при миграции, и пути их решения.

#статья

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

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