Все о разработке backend части на JavaScript (Node JS). А так же: Express JS, Next JS, Nest, Socket.IO Канал на бирже - https://telega.in/c/we_use_js По вопросам рекламы или разработки: @g_abashkin РКН: https://vk.cc/cGhHyj
👩💻 Пользовательские события CustomEvent
JavaScript CustomEvent расширяют функциональность встроенной системы событий. Проще говоря, они позволяют программистам создавать и обрабатывать события, уникальные для их приложения, и в этой статье мы расскажем о них всё.
Читать...
👩💻 4 типичные ошибки разработчиков Node.js
Растущее комьюнити Node.js - свидетельство надежности и эффективности этого инструмента. Однако не всем удается извлечь из него максимальную выгоду. Рассмотрим самые распространенные ошибки разработчиков Node.js.
Читать...
⚙️ Что такое fs.promises
в Node.js и зачем он нужен?
Модуль fs
в Node.js позволяет работать с файловой системой. Начиная с Node 10+, появился fs.promises
, который возвращает Promise
вместо использования колбэков.
Это делает код чище и позволяет писать асинхронные операции через async/await
➡️ Пример:
const fs = require('fs/promises');
async function readFile() {
try {
const data = await fs.readFile('example.txt', 'utf8');
console.log(data);
} catch (err) {
console.error('Ошибка чтения файла:', err);
}
}
readFile();
🗣️ В этом примере файл example.txt читается асинхронно. Ошибки обрабатываются через try/catch, код становится линейным и легко читаемым.
⚙️ Пробуем Junie от JetBrains на реальной задаче (или как я попал в рассказ Азимова)
В этой статье проверяю, как справляется новый AI-ассистент Junie от JetBrains с реальной задачей, и случайно оказываюсь в ситуации из рассказа Азимова.
Читать...
👩💻👩💻👩💻👩💻👩💻👩💻👩💻👩💻👩💻👩💻👩💻
Сливаем вам базу с курсами и книгами от известных онлайн школ по Frontend:
(23 ГБ) — Основы веба
(46 ГБ) — HTML/CSS/Верстка
(53 ГБ) — JavaScript
(31 ГБ) — React
(17 ГБ) — TypeScript
(33 ГБ) — Vue / Angular / Svelte
(56 ГБ) — Webpack / Vite / Git
(43 ГБ) — Next.js / Nuxt.js
(68 ГБ) — Figma и Веб-дизайн
(76 ГБ) — Анимации и UI/UX
(44 ГБ) — WordPress
(37 ГБ) — Архитектура фронтенда
(21 ГБ) — Тестирование фронта
Скачивать ничего не нужно — все выложили в Telegram
⚙️ React vs Vue – подробное сравнение и перспективы
Разберём, как изменились React и Vue за 5 лет, оценим их экосистемы и перспективы на фоне развития LLM и AI-агентов. Будет много сравнений, фактов и личных выводов.
Читать...
🔊 Определение bpm (beats per minute) в браузере
Расскажу, как я сделал браузерный сервис на React для определения bpm по микрофону. Без тапов и сторонних приложений — только звук и алгоритмы.
Читать...
🤔 SSG своими руками
В статье покажу, как собрать статический сайт на React без Next.js и прочих фреймворков. Чистый подход с нуля, если хочется или приходится обойтись без лишней магии.
Читать...
🤔 Я знаю, что ты думал в прошлый дейлик
На входе — обычный push. На выходе — коммит, улучшенный с помощью LLM, сохранённый в векторной базе, доступный для поиска и семантического анализа. Пишем простой MCP-сервер для трекинга изменений ваших проектов.
Читать...
👩💻 8 советов, которые сделают JavaScript-код чище
Проблемный код, даже если он более или менее работает, требует больших затрат на поддержку. Отточить навыки создания чистого кода, хорошо читаемого и легко поддерживаемого, помогут 8 простых советов.
Читать...
Приглашаем на Frontend Mix — бесплатный митап ЮMoney для всех, кто интересуется фронтенд-разработкой 🔥
🕓 24 апреля, в четверг, в 19:00 (мск) приходите на митап в Санкт-Петербурге или подключайтесь онлайн.
Спикеры из ЮMoney и Сбера расскажут, как работают над задачами и улучшают процессы в команде.
Темы докладов:
🟣 Рефакторинг за 10 секунд. Как с помощью консольной утилиты производить автоматизированный рефакторинг крупных приложений за считанные секунды.
🟣 Подходы и практики тестирования во фронтенде. Зачем нужно тестирование во фронтенде, какие стандарты и подходы существуют и как мы применяем их в своей работе.
🟣 Уязвимости фронтенда в финтехе. Топ-3 атаки, или как построить защиту по всем фронтам — от планирования до релиза.
🟣 Анимация до кончиков пальцев. Поговорим про анимацию в целом и на вебе. Рассмотрим все способы сделать анимацию. Узнаем про композитные слои и как их посмотреть в Dev Tools — на примере одинаковых анимаций, но с использованием разных подходов.
Чтобы попасть на митап, нужна регистрация. Все подробности — на сайте Frontend Mix ❤️
🤔 Слабоумие и отвага: как найти ликвидные облигации с доходностью до 40% и ежемесячными фиксированными выплатами
Статья исследует облигации с доходностью до 40% и ежемесячными купонами. Описаны инструменты поиска ликвидных облигаций, риски инвестирования в ВДО и их зависимость от ключевой ставки.
Читать...
➡️ Самые интересные статьи за последние дни:
• Зачем нужен сертифицированный WAF и когда его стоит использовать? Обзор и настройка файрвола веб-приложений
• «Безумный» CSS квиз от гика
• Работа с куки-файлами хуже сапёрного дела
• Воспоминания о GeoCities, предтече социальных сетей из 1990-х годов
• Отслеживание позиций торгового робота Московской биржи через CSV файл
🤖 Как бизнес зарабатывает на ИИ в апреле 2025
• Artisan привлекла $25 млн для развития ИИ-агентов, автоматизирующих задачи в продажах и CRM. Первый агент Ava уже заменяет BDR в компаниях среднего звена .
• Малый бизнес в Великобритании увеличивает продуктивность на 27–133% благодаря ИИ-инструментам для управления персоналом и запасами .
• Microsoft Dynamics 365 внедряет цифровых двойников и генеративный ИИ для оптимизации цепочек поставок и логистики в производстве .
• Google Workspace представляет агентные ИИ-инструменты для автоматизации рабочих процессов и повышения эффективности бизнеса .
• OpenAI объявила о прекращении поддержки GPT-4.5 и рекомендует переход на более экономичный GPT-4.1 к июлю 2025 года .
📁 В этой папке:
/channel/addlist/iVhUYbQyw-0yYThi
— проверенные ИИ-инструменты
— способы монетизации для ИИ- и IT-специалистов
— тренды на 2025 год: что работает, а что устарело
/channel/addlist/iVhUYbQyw-0yYThi
💬 Хочешь попасть в следующую подборку? Напиши: @RyabovaM
👩💻 Когда не стоит использовать метод find() в JavaScript
Немногие знают истинную ценность Map. Между тем, применение этой структуры данных позволяет повысить производительность и улучшить пользовательский опыт. Особенно она полезна при работе со сложными структурами данных или при необходимости получить быстрый доступ к данным.
Читать...
👩💻 8 неэффективных практик JavaScript, которых лучше избегать
Отказавшись от неэффективных практик программирования на JavaScript, вы всегда будете писать удобный и легко читаемый код. Это сэкономит вам и вашей команде много времени и обеспечит долгую жизнь вашим продуктам.
Читать...
Снова радуем вас подборкой самых популярных каналов на тему IT и технологий🤖
В современном мире технологии становятся неотъемлемой частью нашей жизни. В этом посте мы расскажем о ключевых моментах, на которые стоит обратить внимание и представим коллекцию каналов, которые помогут вам оставаться в курсе последних тенденций.
- Технологические достижения
Технологический прогресс стремительно движется вперед. Каждый день мы становимся свидетелями новых прорывов в области IT. Следите за последними новостями и анализами, чтобы понимать, как они могут повлиять на ваш бизнес или личную жизнь.
- Влияние на повседневность
IT делают нашу жизнь проще и удобнее. Персонализированные приложения помогают нам управлять временем, финансами и даже здоровьем. Узнайте, как эти технологии могут улучшить качество вашей жизни и повысить вашу продуктивность.
- Оптимизация бизнеса
Компании по всему миру активно внедряют современные технологии для оптимизации своих процессов. Исследуйте успешные кейсы их использования в различных отраслях и узнайте, как вы можете применить эти решения в своем бизнесе.
- Образование
IT также меняет подход к обучению. Узнайте, как новые технологии помогают студентам и преподавателям достигать лучших результатов и как вы можете использовать их в своем обучении.
- Этические вопросы
С развитием технологий возникают и новые этические вопросы. Как обеспечить безопасность данных пользователей? Как избежать предвзятости алгоритмов? Обсуждение этих тем становится все более актуальным.
- Будущее IT
Технологии продолжают развиваться, и важно следить за новыми трендами. Ознакомьтесь с новыми возможностями и подумайте о том, как они могут изменить ваш бизнес или повседневную жизнь.
Чтобы быть в курсе всех этих изменений подписывайтесь на наши каналы.
Мы собрали лучшие ресурсы, которые помогут вам оставаться на передовой технологических новшеств!
👉 Подписаться на каналы
Следите за новыми трендами в IT! 🌐
⚙️ Как улучшить UX в PWA на React с помощью потокового Backend-Driven UI — личный опыт
В статье показывают три приёма для ускорения интерфейсов с Backend-Driven UI: на демо всё летает, в бою ещё нет, но уже есть что обсудить и куда копнуть глубже.
Читать...
⚙️ CI/CD для чайников — разберитесь, и начните автоматизировать рутину в разработке. Часть 3. Его величество, деплой
Расскажу, как максимально просто организовать автоматический деплой React-приложения через CI/CD: что нужно, какие инструменты понадобятся и как сделать так, чтобы сайт был доступен в интернете.
Читать...
➡️ Самые интересные статьи за последние дни:
• Без головы — лучше! Разворачиваем собственную Headless CMS Directus в облаке
• Пишем Realtime для Multiple-page application в микросервисной архитектуре
• Как написать Google Calendar на коленке? Обзор FullCallendar
• Как внедрить наблюдаемость в микросервисное приложение с помощью OpenTelemetry, Jaeger и Prometheus
• Поддержка временных зон в фулстек-приложении на основе NestJS и Angular: работа с REST и WebSockets
📦 Делай маленькие коммиты
Заливать сразу 500 строк изменений — плохая идея. Потом ни ты, ни ревьюер не найдёте, где именно всё сломалось.
👉 Совет: коммить маленькими логическими порциями. Закончил функцию — зафиксировал. Настроил конфиг — зафиксировал. Так ты облегчаешь себе и ревью, и откаты, и поиск багов.
⚙️ Что такое process.nextTick()
в Node.js и зачем он используется?process.nextTick()
позволяет отложить выполнение функции до следующей итерации цикла событий, но до выполнения других асинхронных операций, таких как таймеры или I/O. Это полезно, когда нужно выполнить код сразу после текущей операции, но асинхронно.
➡️ Пример:
console.log('Начало');
process.nextTick(() => {
console.log('Выполнено в nextTick');
});
console.log('Конец');
🗣️ В этом примере nextTick выполнится между Начало и Конец, несмотря на то что он выглядит асинхронным. Это может быть полезно для инициализации, отложенного выброса ошибок или управления порядком выполнения кода
📈 Подборка статей для вашей карьеры
• Чем стартап отличается от бизнеса и что выбрать
• Как оформить резюме на стажировку, если нет опыта работы
• Прийти на внедренный проект на этапе развития системы: как аналитику быстро погрузиться в процессы
• Как 97 лет назад хитрый менеджер-заяц заставил грозного лентяя сделать то, что тот очень не хотел. Смогли бы так?
• 10 лучших приёмов логирования для разработчиков
👩💻 Cypress + axe-core: быстрый старт тестов на доступность
Показываю, как быстро втащить тесты доступности в проект на Cypress с axe-core и TypeScript. Проверим контраст, aria-label, роли и alt, чтобы сделать интерфейс удобным не только для здоровяков.
Читать...
⚙️ Что такое process.exit()
в Node.js и зачем он нужен?process.exit()
завершает выполнение Node.js-программы вручную. Вы можете указать код завершения — по умолчанию это 0 (успешно), а любое другое значение говорит об ошибке.
➡️ Пример:
if (process.argv.includes('--help')) {
console.log('Это справка по использованию...');
process.exit(0); // Завершаем программу успешно
}
console.error('Ошибка: параметр не указан');
process.exit(1); // Завершаем программу с ошибкой
🗣️ В этом примере process.exit() завершает выполнение в зависимости от условий. Это полезно для CLI-инструментов, обработки ошибок или досрочного завершения скриптов без выполнения остального кода.
⚙️ Профилирование Node.js приложения с помощью Pyroscope (без автоинструментирования)
Покажу, как за пару шагов подключить Node.js к Pyroscope, настроить профилирование и без Grafana увидеть, где зарываются тормоза в коде.
Читать...
👩💻 Какой метод глубокого клонирования в JavaScript наиболее эффективный — исследование
Чтобы выделить "победителя" среди методов глубокого клонирования в JavaScript, необходимо протестировать каждый из них. Предлагаем результаты серии модульных тестов.
Читать...
💬 Как я попала во фронтенд, не имея айтишного образования: честный рассказ Насти Егоровой
История, как девушка без айтишного прошлого ворвалась во фронтенд: маркетинг, первый джоб-оффер, унылые задачи, и почему честность в резюме — не слабость, а сила.
Читать...
📏 Проверяй, что «хорошо» значит одинаково для всех
Когда тебе говорят: «сделай красиво», «пусть будет быстро» или «по уму» — это не задачи, это мифы.
👉 Совет: всегда уточняй ожидания. Что именно значит «быстро» — 500мс или 50мс? Что такое «красиво» — структура данных или UI? Слова — субъективны, а код — нет. Превращай разговор в конкретику.
⚙️ Что такое path
модуль в Node.js и зачем он используется?
Модуль path
встроен в Node.js и используется для работы с путями файловой системы. Он помогает безопасно объединять, нормализовать и парсить пути, независимо от операционной системы.
➡️ Пример:
const path = require('path');
const fullPath = path.join(__dirname, 'images', 'logo.png');
console.log(fullPath); // Абсолютный путь до logo.png
const ext = path.extname(fullPath);
console.log(ext); // .png
🗣️ Здесь path.join() склеивает путь с правильными разделителями (/ или \), а path.extname() извлекает расширение файла. Это упрощает работу с путями и предотвращает ошибки при кроссплатформенной разработке.