👩‍💻 Упрощённый 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 https://localhost:${PORT}`);
});

➡️ Как внедрить наблюдаемость в микросервисное приложение с помощью OpenTelemetry, Jaeger и Prometheus

Статья рассказывает, как наблюдаемость помогает выявлять проблемы в микросервисных приложениях. Описаны метрики, логи, трассировки и инструменты для анализа производительности системы.

Читать...

👩‍💻 Паттерны для эффективного манипулирования DOM с ванильным JavaScript

В руководстве рассматриваются такие шаблоны работы с DOM на JavaScript, как выбор правильного querySelector, кэширование элементов и улучшение обработки событий.

Читать...

📝 Подборка вакансий для сеньоров

Senior Backend Developer (Node.js)
• Node.js, TypeScript, NestJS, PostgreSQL, Docker, Apache Kafka
• Уровень дохода не указан | 3+ года

Full stack developer
• PHP 8, MySQL, JavaScript, Node.js, Git, React, Laravel, jQuery, Symfony, Yii framework
• от 2 000 до 4 000 $ | 3–5 лет

Разработчик SharePoint
• JavaScript, ASP.NET, SharePoint, SSOM, CSOM, JSOM, MS SQL Server Reporting Services, MS Analysis Services
• Уровень дохода не указан | 3+ года

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

• ИТ-шники: разновидности, отличительные черты

• Софт-скиллы для инженеров: готовим новое поколение специалистов техподдержки

• Движение вверх: как стать CTO — на примере пяти историй ИТ-директоров

• Какие айтишники будут востребованы в 2035г, а какие – нет?

• Как мы помогаем развиваться web3 front-end разработчикам благодаря нашей Карте развития в 2024 году

➡️ HTTP-запросы: структура, методы, строка статуса и коды состояния

Статья объясняет базовые элементы HTTP: структуру запросов, методы для выполнения операций, строку статуса и коды состояния, помогающие понять результат взаимодействия с сервером.

Читать...

⚙️ Что такое Intersection Observer в JavaScript и зачем он используется?

Intersection Observer — это API, которое позволяет отслеживать, когда элемент входит или выходит из области видимости (viewport). Оно полезно для оптимизации ленивой загрузки изображений, бесконечной прокрутки или анимаций при прокрутке.

➡️ Пример:

// Целевой элемент для наблюдения
const target = document.querySelector('.observe-me');

// Callback-функция для обработки пересечений
const observerCallback = (entries, observer) => {
  entries.forEach(entry => {
    if (entry.isIntersecting) {
      console.log('Элемент видим:', entry.target);
      observer.unobserve(entry.target); // Останавливаем наблюдение
    }
  });
};

// Настройки наблюдателя
const observerOptions = {
  root: null, // Вся область видимости
  threshold: 0.5 // 50% видимости элемента
};

// Создаем наблюдатель
const observer = new IntersectionObserver(observerCallback, observerOptions);

// Начинаем наблюдение за элементом
observer.observe(target);

🗣️ В этом примере API отслеживает, когда .observe-me становится видимым на 50%. Intersection Observer делает прокрутку более производительной, так как избавляет от необходимости использовать события scroll.

🖥 Подробнее тут

⚙️ Интеграция и сохранение выбранного языка пользователя в базу данных в фулстек-приложении на «Angular» и «NestJS»

Пример миграции базы данных для нового поля и добавления функционала на бэкенде и фронтенде. Пошаговый разбор: обновление схемы, логика на сервере и интерфейс для изменения данных.

Читать...

⚙️ Хост директивы: ключ к декомпозиции

Directive Composition API в Angular 15: hostDirectives в @Component/@Directive позволяет автоматически добавлять standalone-директивы, упрощая декомпозицию логики и внедряя новые подходы.

Читать...

📚 Не учи всё подряд — изучай по необходимости

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

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

🔎 Подборка зарубежных вакансий

Senior Backend Developer (Node.js), Billing Team
🟢Node.js, TypeScript, Kafka, PostgreSQL, Redis, Elasticsearch, ClickHouse, Docker
🟢от 3 800 до 6 300 $ | 6+ лет

Fullstack Developer (Vue.js + Nest.js)
🟢Vue.js, Nest.js, TypeScript, Webpack, Vite, Git, Nuxt 3
🟢Уровень дохода не указан | 3–6 лет

Full Stack Developer (Node.js, TypeScript, SQL)
🟢Node.js, Express.js, React, TypeScript, SQL, RESTful API, Apache Airflow, AWS
🟢Уровень дохода не указан | 5+ лет

⚙️ Как узнать у клиента мнение о товарах и доставке при помощи SMS и Node JS

Как автоматизировать SMS-опросы для обратной связи? Статья показывает, как отправлять SMS с помощью Node.js и Exolve SMS API, чтобы оперативно собирать мнения клиентов о товарах и услугах.

Читать...

👩‍💻 Чтение ввода и преобразование в верхний регистр

Напишите скрипт на Node.js, который читает строки из стандартного ввода и выводит их в верхнем регистре. Если пользователь вводит "exit", программа завершается.

Пример:

hello
HELLO
world
WORLD
exit

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

process.stdin.setEncoding('utf8');

process.stdin.on('data', (data) => {
const lines = data.trim().split('\n');
for (const line of lines) {
if (line.toLowerCase() === 'exit') {
process.exit(0);
} else {
console.log(line.toUpperCase());
}
}
});

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

• Без головы — лучше! Разворачиваем собственную Headless CMS Directus в облаке

• Пишем Realtime для Multiple-page application в микросервисной архитектуре

• Как написать Google Calendar на коленке? Обзор FullCallendar

• Как внедрить наблюдаемость в микросервисное приложение с помощью OpenTelemetry, Jaeger и Prometheus

• Поддержка временных зон в фулстек-приложении на основе NestJS и Angular: работа с REST и WebSockets

👩‍💻 ES2025: Атрибуты импорта JavaScript

Понимание нового синтаксиса атрибутов импорта и причин, по которым нельзя полагаться только на расширения файлов.

Читать...

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

Junior Full Stack Developer
🟢Vue.js, Node.js (Express), HTML, CSS (SCSS), JavaScript, TypeScript, PostgreSQL, MongoDB, Prisma
🟢от 75 000 до 90 000 ₽ | 1–3 года опыта

Junior Web-разработчик
🟢TypeScript, JavaScript, HTML, CSS, Three.js, React, Angular
🟢от 60 000 ₽ | 1–3 года опыта

Node.js backend разработчик (Nest.js)
🟢Node.js, Nest.js, TypeScript, TypeORM, Docker, RabbitMQ, Git, Elasticsearch, Logstash, Kibana, Grafana
🟢Уровень дохода не указан | 1–3 года опыта

➡️ Пишем Realtime для Multiple-page application в микросервисной архитектуре

Статья рассказывает, как в MPA на микросервисной архитектуре избежать потерь сообщений при перезагрузке страницы. Рассматривается метод повторной отправки пропущенных WebSocket-сообщений.

Читать...

⚙️ Как работает деструктуризация объектов и массивов в JavaScript?

Деструктуризация — это удобный синтаксис в JavaScript, который позволяет извлекать значения из массивов и объектов и присваивать их переменным. Это делает код более лаконичным и удобным, особенно при работе с объектами с множеством свойств.

➡️ Пример:

// Деструктуризация объекта
const user = { name: 'Alice', age: 25 };
const { name, age } = user;
console.log(name); // 'Alice'
console.log(age);  // 25

// Деструктуризация массива
const colors = ['red', 'green', 'blue'];
const [firstColor, secondColor] = colors;
console.log(firstColor);  // 'red'
console.log(secondColor); // 'green'

🗣️ Деструктуризация полезна для удобного доступа к значениям из объектов и массивов, минимизируя дублирование кода и делая его более читаемым.

🖥 Подробнее тут

📝 Подборка вакансий для мидлов

JavaScript FullStack Developer
• JavaScript, TypeScript, Node.js, RabbitMQ, Docker, React, Vue.js
• до 220 000 ₽ на руки | 3–6 лет

Middle Fullstack Developer (NodeJS)
• Node.js, TypeScript, SQL, Docker, CI/CD
• до 180 000 ₽ на руки | 1–3 года

Разработчик Node.js («Управление складскими процессами»)
• Node.js, TypeScript, NestJS, Apache Kafka, MongoDB, Redis, ClickHouse, Elasticsearch
• Уровень дохода не указан | 3–6 лет

⚙️ Что читали на Хабре в 2024 году: анализ статей с Node.js, Google Sheets и каплей ChatGPT

Рассматриваем анализ данных Хабра за 2024 год: популярные статьи, скрытые тренды и интересные находки. Node.js, нейросети и Google Таблицы в деле!

Читать...