JavaScript заметки

Типы событий в React и TypeScript При работе с React и TypeScript вы часто сталкиваетесь с ошибками... #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Использование JavaScript Web Workers для параллельных вычислений Web Workers позволяют выполнять вычисления в отдельном потоке, не блокируя основной поток браузера. #полезное

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

Использование JavaScript Generators для ленивой загрузки данных Генераторы позволяют лениво загружать данные по требованию, что может быть полезным при работе с большим объемом данных. #полезное

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

Использование JavaScript Proxy для реализации виртуальных свойств Здесь Proxy используется для создания виртуального свойства fullName, которое автоматически обновляет значения firstName и lastName при установке. #полезное

Как появились веб-пуши Apple в Тинькофф Всем привет! Мы — архитектор разработки публичных веб-приложений Борис и разработчик системы-шлюза отправки нотификаций Данила. Расскажем о том, как создавались веб-пуши iOS в Тинькофф, как их настраивали и с какими проблемами столкнулись в процессе разработки. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Использование Proxy для создания виртуальных объектов Proxy позволяет перехватывать и изменять поведение операций с объектами. #полезное

План «Барбаросса» от Vue.js После выхода крайней и достаточно революционной в плане добавления Composition API версии Vue 3.0 более чем три года назад, каких-либо серьезных изменений от команды Evan You в самом фреймворке больше не было. Только стандартные багфиксы, оптимизация и робкие попытки стать с TypeScript ближе. Основное внимание переключилось на экосистему - Vite, Nuxt, VitePress, Pinia и другие. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

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

По заветам кота Вжуха: превращаем веб-приложение в сервис на платформе VK Mini Apps VK Mini Apps — это платформа для создания мини-приложений, работающих внутри ВКонтакте. На ней можно создать продукт любого масштаба — от лендинга до сложного сервиса с множеством функций. А ещё вы можете портировать на площадку ваше веб-приложение, чтобы получить доступ к огромной аудитории VK Mini Apps и новым возможностям монетизации. В этой статье поделюсь пошаговой инструкцией, как превратить в сервис любое веб-приложение — на примере планировщика задач. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

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

Server-side rendering и практики работы с запросами Практики работы с запросами на сервере значительно отличаются от того, к чему привык фронтенд-разработчик, ежедневно разрабатывающий SPA-приложения с клиентским рендерингом. Если не учесть эту разницу при разработке приложения с серверным рендерингом, то можно собрать довольно много граблей. Хочу поделиться опытом и рассказать про три практики, которые использую повседневно, а также о проблемах, предшествующих их появлению. Я буду ссылаться на web-performance и рассчитываю что вы уже знакомы с такими метриками как TTFB, LCP и FCP. #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью

Работа с WebRTC для создания видеочата в браузере WebRTC позволяет веб-приложениям реализовывать видеочаты и аудиоконференции в реальном времени между браузерами. #полезное

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

🤖ИИ больше не живёт только в облаке. Теперь вы можете запускать большие языковые модели - Llama 3, Mistral, Qwen - локально, без внешних API и зависимостей. На открытом уроке вы разберёте, как подключить LLM к вашему Node.js-серверу и создать умный ассистент или чат-приложение. Мы покажем, как работать с Ollama и LM Studio, использовать OpenAI-совместимый API, строить ответы в потоке (SSE), добавлять память и контекст, интегрировать LangChain.js и локальные эмбеддинги. ⚡️Запишитесь на открытый урок в преддверии старта курса “Node.js Developer”. Создайте свой AI-сервер - быстро, локально и под полным контролем: https://tglink.io/144e5e286ab1?erid=2W5zFHt6PgU 🎁Прямо сейчас Отус дарит подарки! Приобретите 3 курса, а именно JavaScript Developer. Basic + Node.js Developer + Vue.js разработчик с выгодой 30%! Заморозьте цены на обучение! Предложение действует до 15 декабря 2025 года. Реклама. ООО "ОТУС ОНЛАЙН-ОБРАЗОВАНИЕ". ИНН 9705100963.

Работа с объектом FormData для отправки данных формы Объект FormData упрощает сбор и отправку данных формы на сервер. #полезное

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

Использование Map для хранения ключ-значение Объект Map предоставляет структуру для хранения уникальных ключей и связанных с ними значений. #полезное

Кулинарный гид по Vue.js: всё о props В этой статье разберемся, как frontend-разработчику готовить на «кухне» props. Выбирайте подходящий уровень сложности: джуны-поварята смогут лучше разобраться в работе и применении props на фреймворке Vue.js, а еще мы затронем тему валидации. Для мидлов и более опытных специалистов — настоящих шеф-поваров мы приготовили продвинутые кулинарные техники props, где можно освежить в памяти некоторые детали или решить проектную проблему, если замылился глаз.  #статья ❤️ Прожимай реакции, если нравится такой формат 👉 Читать статью