🛑 Перестань зависеть от IDE

Ты настолько привык к подсказкам и автоисправлениям в IDE, что без неё чувствуешь себя беспомощным?

👉 Совет: иногда пиши код в обычном текстовом редакторе или терминале. Это развивает навык писать без костылей, лучше понимать язык и замечать ошибки раньше. Профессионал не зависит от инструментов — он просто использует их для удобства.

🚀 Разработка Telegram Mini App с помощью React

Статья объясняет, как создать Telegram Mini App с использованием React. Рассматриваются шаги разработки, от настройки проекта до интеграции с мессенджером, для создания веб-приложений внутри Telegram.

Читать...

👩‍💻 Недостатки JavaScript

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

Читать...

👩‍💻 Задачка по NodeJS

Напишите скрипт, который создаёт HTTP-сервер. При запросе на сервер он должен возвращать текст "Hello, World!".

• Сервер запускается на порту 3000.
• При обращении к http://localhost:3000 в браузере или через curl возвращается строка "Hello, World!".

Решение задачи ⬇️

const http = require('http');

const server = http.createServer((req, res) => {
res.writeHead(200, { 'Content-Type': 'text/plain' });
res.end('Hello, World!');
});

server.listen(3000, () => {
console.log('Сервер запущен на http://localhost:3000');
});

➡️ Самые интересные статьи за последние дни:

• Интеграция внешнего файлового сервера https://min.io в фулстек приложение на NestJS и Angular

• Разработка Telegram Mini App с помощью React

• Почему мы выбрали gRPC вместо tRPC?

• Разворачиваем приложение Next.js с базой данных PostgreSQL и задачей Cron на облачном сервере Ubuntu Linux

• Создаём современные npm-пакеты и преодолеваем трудности совместимости ESM и CJS

👩‍💻 Как работает маршрутизация Express

Как в приложении Node.js происходит обработка клиентских запросов? Какая функция помогает обрабатывать тот или иной запрос? Чтобы ответить на эти вопросы, заглянем в "закулисье" маршрутизации фреймворка Express.

Читать...

👩‍💻 Задачка по NodeJS

Напишите скрипт, который принимает название города и выводит текущую температуру в этом городе, используя бесплатный API OpenWeatherMap.

Пример использования:

node weather.js London
Текущая температура в London: 15°C

Решение задачи ⬇️

const https = require('https');

const city = process.argv[2];
const apiKey = 'your_openweathermap_api_key'; // Замените на свой API-ключ

if (!city) {
console.error('Пожалуйста, укажите город.');
process.exit(1);
}

const url = `https://api.openweathermap.org/data/2.5/weather?q=${city}&units=metric&appid=${apiKey}`;

https.get(url, (res) => {
let data = '';

res.on('data', (chunk) => {
data += chunk;
});

res.on('end', () => {
const weather = JSON.parse(data);
if (weather.main) {
console.log(`Текущая температура в ${city}: ${weather.main.temp}°C`);
} else {
console.error(`Не удалось получить данные о погоде для города: ${city}`);
}
});
}).on('error', (err) => {
console.error('Ошибка:', err.message);
});

🔎 Подборка вакансий для джунов

Backend-разработчик
🟢Node.js, Nest.js, TypeScript, PostgreSQL, Redis, Docker, BigQuery
🟢от 1 200 до 1 500 $ | 1–3 года

Backend Developer (Node.js)
🟢Node.js, ES6, Git, RabbitMQ, Redis, PostgreSQL, MySQL
🟢Уровень дохода не указан | 1–3 года

Node.js разработчик Junior+ (удаленно)
🟢Node.js, TypeScript, JavaScript, Express, PostgreSQL, Redis, Prisma, Docker, GitLab CI/CD
🟢от 100 000 ₽ | Без опыта

⚙️ Используем ShakaPlayer в LightningJS

Хотите интегрировать ShakaPlayer в приложение Lightning для управления воспроизведением? Изучите краткое руководство по расширению стандартного медиаплеера в Lightning и использованию его с ShakaPlayer.

Читать...

⚙️ Модульные CSS-архитектуры в Next.js: BEM, SMACSS, OOCSS и их применение

Статья объясняет использование модульных CSS-архитектур, таких как BEM, SMACSS и OOCSS, в проектах на Next.js. Рассматриваются подходы к созданию масштабируемой и организованной структуры стилей.

Читать...

⚙️ Заметки по grammY

Бэкенд-инженер на Scala решил превратить экспериментальный пет-проект в реальный сервис. В статье он делится опытом разработки Telegram-бота для общения за плату и анализирует рынок подобных решений.

Читать...

👩‍💻 Упрощённый API для управления заметками

Создайте минимальный API на Node.js с использованием Express, который позволяет:

• Получить список всех заметок.
• Добавить новую заметку.

Требования:

1. Маршруты API:
• GET /notes: Возвращает массив всех заметок.
• POST /notes: Добавляет новую заметку (передаётся в теле запроса).
2. Хранилище данных:
• Используйте массив в памяти. Каждая заметка должна содержать поля:

{
  "id": "уникальный идентификатор",
  "content": "текст заметки"
}

3. Требования к корректности:
• Заголовок заметки (content) должен быть строкой и не быть пустым.

Решение задачи🔽

const express = require('express');
const { v4: uuidv4 } = require('uuid');

const app = express();
app.use(express.json());

let notes = [];

// Получить все заметки
app.get('/notes', (req, res) => {
res.json(notes);
});

// Добавить новую заметку
app.post('/notes', (req, res) => {
const { content } = req.body;
if (!content || typeof content !== 'string') {
return res.status(400).json({ error: 'Invalid content' });
}

const newNote = { id: uuidv4(), content };
notes.push(newNote);
res.status(201).json(newNote);
});

// Запуск сервера
const PORT = 3000;
app.listen(PORT, () => {
console.log(`Server running on http://localhost:${PORT}`);
});

👩‍💻 Как ускорить создание компонентов с помощью Plop-генератора или автоматизация рутинных задач в React

В статье рассказывается о крупной фронтенд-команде, которая работает с микросервисами и общей дизайн-системой. Несмотря на стандарты, возникали проблемы, и статья подробно раскрывает, как они были решены.

Читать...

📈 Подборка статей для вашей карьеры

• Заяц не вырастет в акулу. Или секреты гибкой инженерной культуры от Александра Бындю

• Все, пора увольняться: что я поняла после работы в токсичных командах

• Чем Cloud-инженер отличается от DevOps-инженера и что между ними общего

• Базовое программирование, или Почему джуны не могут пройти к нам собеседование

• Я стал аналитиком, потому что не смог быть программистом

💻 Ты разработчик, который хочет зарабатывать больше?

В IT важно не просто кодить, а разбираться в архитектуре, понимать бизнес и грамотно выстраивать свою карьеру. Иначе через пару лет ты окажешься в толпе мидлов, которым ИИ уже подбирает замену.

📌 В своем канале Саня об IT я говорю не про «как войти в IT», а как не застрять в нём.
• Какие технологии будут востребованы в 2025?
• Реальные кейсы: разбор IT-трендов без маркетинговой шелухи.
• Карьерный рост: как перейти из мидлов в сеньоры, а дальше – хоть в техлиды.

🚀 Подписывайся, если хочешь развиваться, а не топтаться на месте!
👉 https://www.tgoop.com/+iANNIV0b65k3MWEy

👩‍💻 Введение в AI Selfie Background Remover с использованием TensorFlow.js для React-приложений

В статье рассматривается "React Selfie AI Background Remover" — компонент, использующий TensorFlow.js для удаления фона в браузере. Основные фишки: точная сегментация с MediaPipe, легкая интеграция в React и live demo.

Читать...

👩‍💻 Как работает система событий и EventEmitter в Node.js?

В Node.js события обрабатываются с помощью объекта EventEmitter. Этот объект позволяет объявлять события и реагировать на них с помощью подписок. Когда событие происходит, вызываются все функции, подписанные на него. Это важный механизм для асинхронной архитектуры.

➡️ Пример:

const EventEmitter = require('events');
const emitter = new EventEmitter();

emitter.on('event', () => {
  console.log('Событие произошло!');
});

emitter.emit('event'); // "Событие произошло!"

🗣️ EventEmitter широко используется в Node.js для асинхронной обработки и реакции на различные события в системе.

👩‍💻 Освоение безопасной для типов JSON-сериализации в TypeScript

Предлагаем руководство по использованию TypeScript для безопасной для типов сериализации и десериализации данных в формате JSON. Освоение этой стратегии позволит своевременно обнаруживать потенциальные ошибки во время разработки приложения.

Читать...

🔍 Делай код ревью для себя

Тебе кажется, что ты написал чистый код, но как только отправляешь его на ревью — коллеги находят кучу недочётов?

👉 Совет: перед коммитом пройди свой код, как будто проверяешь его впервые. Представь, что это не твоя работа, а код чужого человека. Такой взгляд со стороны помогает находить нелогичности и улучшать качество кода.

👩‍💻 База, которую нужно знать про JSON Schema

Сегодня мы рассмотрим одну из тем, которая, как ни странно, остаётся недооценённой — JSON Schema. Если ты аналитик (или хочешь им быть) и в твоей работе часто мелькают JSON-файлы, то наверняка знаешь, как сложно порой бывает держать всё это под контролем. В этой статье мы разберём всё, что тебе нужно знать про JSON Schema.

Читать...