🛡 Парольная защита статичной HTML-страницы на JS

Как защитить веб-страницы паролем без серверной поддержки? Инструменты StatiCrypt и Portable Secret помогут зашифровать HTML с использованием AES-256. Статические страницы остаются безопасными даже на публичном хостинге.

Читать...

➡️ Создаем Hamster Kombat почти с нуля. Практика по Vue 3 и Telegram Mini Apps

В статье рассказывается, как создать Telegram-тапалку с нуля, используя современный стек технологий. Вы освоите Serverless-подход, разработку на Node.js, Vue, Supabase и деплой проектов в облаке.

Читать...

📚 Читай код, а не только статьи

Учишь новый фреймворк, но чувствуешь, что не до конца понимаешь, как он работает?

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

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

Full Stack Developer (Node.js, TypeScript, SQL)
🟢Node.js, Express.js, React, TypeScript, SQL, RESTful API, SurveySparrow, Apache Airflow, Qualtrics, AWS
🟢Уровень дохода не указан | 3–6 лет опыта

NodeJs Developer
🟢Node.js, Nest.js, TypeScript, PostgreSQL, AWS, Jest, Google Maps API
🟢от 3 000 до 5 000 $ | 3–6 лет опыта

Senior Backend Developer
🟢PHP, Node.js, DocumentDB, AWS
🟢от 5 000 $ | 3–6 лет опыта

👩‍💻 Как за 10 минут создать тестировщик нагрузки для API на Node.js

Почему разработка собственного инструмента для нагрузки на API иногда оказывается лучшим выбором? В статье обсуждается реальный кейс: задачи тестирования производительности, ограничения Postman и сложность JMeter. Узнайте, как и зачем был создан простой и эффективный API-лоадер на Node.js.

Читать...

👩‍💻 Чтение файла и подсчёт строк

Напишите Node.js скрипт, который читает текстовый файл и выводит количество строк в нём. Если файл не существует, скрипт должен выводить сообщение об ошибке.

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

const fs = require('fs');
const filePath = process.argv[2];

if (!filePath) {
console.error('Укажите путь к файлу как аргумент.');
process.exit(1);
}

fs.readFile(filePath, 'utf8', (err, data) => {
if (err) {
console.error('Ошибка чтения файла:', err.message);
return;
}

const lines = data.split('\n').length;
console.log(`Количество строк в файле: ${lines}`);
});

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

• Сравнение Gitlab cache и Gitlab artifacts

• JavaScript: Удобство или Угроза? Размышления о Приватности и Вебе

• Как мы учили немонохромные SVG-логотипы краситься самостоятельно

• Разбираемся с цветами: пространства, иллюзии и квантование

• Как приготовить обфускацию в JavaScript и не сжечь лабораторию: AST, babel, плагины

⚙️ Конвертация даты по временной зоне пользователя в «NestJS», а также ввод и отображение даты в «Angular»

Как добавить новое поле в базу данных и связать его с фронтендом? В статье рассказывается об обновлении таблицы Webhook, создании календаря на Angular и настройке работы с временными зонами и локализацией.

Читать...

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

Создайте приложение на Node.js, которое принимает URL, отправляет запрос к этому URL, и сохраняет заголовки ответа в файл headers.json. Программа должна также уметь выводить заголовки в консоль.

➡️ Пример:

• node app.js fetch https://example.com — выводит заголовки в консоль и сохраняет их в файл headers.json.

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

const https = require('https');
const fs = require('fs');

function fetchHeaders(url) {
https.get(url, (res) => {
const headers = JSON.stringify(res.headers, null, 2);
console.log(headers);
fs.writeFileSync('headers.json', headers);
}).on('error', (err) => console.error('Ошибка:', err));
}

// Использование
const url = process.argv[2];
if (url) fetchHeaders(url);
else console.log('Укажите URL.');

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

Junior Backend-программист NodeJS
🟢Node.js, JavaScript, Express.js, MySQL, Redis, RabbitMQ, RESTful API, Git
🟢от 72 000 ₽ до вычета налогов | Опыт работы: 1–3 года

Веб-программист (Nuxt3, Vue3, Node.Js, NestJs, TypeScript, PostgreSQL)
🟢Nuxt3, Vue3, Node.js, NestJs, TypeScript, PostgreSQL, Git, PhpStorm
🟢Уровень дохода не указан | Без опыта

Junior Frontend разработчик (Vue\Nuxt)
🟢HTML5, CSS3(SCSS), JavaScript, TypeScript, Vue 2/3, Webpack/Vite, Vuex/Pinia, Stylelint/Eslint, GitLab
🟢Уровень дохода не указан | 1–3 года

👩‍💻 Реверс-инжиниринг 128-битного дракона

Как в 16 байтах кода уместился целый дракон? Разбираем, какие трюки позволяют создавать сложные изображения с минимальным объёмом данных, и переносим эту магию в JavaScript.

Читать...

⚙️ Что такое process в Node.js и как получить доступ к аргументам командной строки?

process — это глобальный объект в Node.js, который предоставляет информацию и управление текущим процессом. Через process.argv можно получить массив аргументов командной строки.

➡️ Пример:

// Запуск: node script.js привет мир
const args = process.argv.slice(2); // Убираем первые два аргумента (node и имя файла)
console.log(args); // ['привет', 'мир']

🗣️ В этом примере process.argv позволяет извлечь пользовательские аргументы командной строки, что полезно для CLI-приложени

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

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

PHP, WordPress и Node.js разработчик
• PHP, WordPress, Node.js, MySQL, NoSQL, ООП, Git
• от 1000 до 2500 $ | от 3 лет опыта

Fullstack developer / Фулстэк разработчик
• PHP, PostgreSQL, JavaScript, Redis, Node.js, Laravel, Vue.js, React, TypeScript, Next.js
• от 190 000 ₽ | от 4-5 лет опыта

Backend Developer
• Git, Node.js, NestJS, TypeScript, MongoDB, Jira, Создание архитектуры проектов, Разработка продукта
• от 120 000 ₽ | от 1 года опыта

👩‍💻 Ментальная модель потоков в Node.js

Статья исследует концепцию потоков в Node.js, объясняя их ключевую роль в модулях, таких как fs и http. Рассматриваются основные концепции и ментальная модель, помогающая понять и эффективно использовать потоки.

Читать...

👩‍💻 Поиск самого длинного слова в строке

Напишите функцию, которая принимает строку и возвращает самое длинное слово. Если несколько слов имеют одинаковую длину, вернуть первое из них.

Пример:

const sentence = "JavaScript is an amazing programming language";
const result = findLongestWord(sentence);
console.log(result); 
// Ожидаемый результат: "programming"

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

function findLongestWord(sentence) {
return sentence
.split(' ')
.reduce((longest, word) => (word.length > longest.length ? word : longest), '');
}

// Пример использования:
const sentence = "JavaScript is an amazing programming language";
const result = findLongestWord(sentence);
console.log(result);
// Ожидаемый результат: "programming"

⚙️ Кэширование информации в Redis на NestJS

Статья показывает, как подключить Redis к проекту и настроить кэширование данных с помощью @nestjs-mod/cache-manager. Рассматриваются примеры работы с Docker Compose и Kubernetes для оптимизации запросов.

Читать...

📈 Отслеживание позиций торгового робота Московской биржи через CSV файл

Статья посвящена созданию кроссплатформенного торгового робота для Московской биржи через API брокера. Рассматриваются проблемы готовых решений, таких как QUIK, и преимущества разработки легкого и гибкого инструмента.

Читать...

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

Fullstack разработчик
• Node.js, SQL, Jenkins, MySQL, GitLab, Grafana, DevOps, Puppet
• от 1 500 $ на руки | 3–6 лет

Senior Fullstack Developer (Nest / React)
• TypeScript, Node.js, React, Nest.js, Redux, TypeORM, MySQL, RabbitMQ
• от 3 000 до 4 000 $ на руки | Более 6 лет

Senior Backend Developer (Node.js)
• Node.js, TypeScript, MongoDB, Apache Kafka, ClickHouse, Elasticsearch
• от 3 800 до 6 300 $ на руки | Более 6 лет

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

• Центральный Университет: взгляд магистра изнутри (1 семестр)

• Стартап vs корпорации vs предпринимательство: кому, куда и зачем?

• Почему соискателям не стоит постить нюдсы, что такое culture fit и чем IT-индустрия напоминает подростка

• Лидерами рождаются или становятся? Откуда берутся управленцы и лидеры в IT

• Работать или переработать: как победить в себе заядлого удаленщика

👩‍💻 Отладка JavaScript в Chrome DevTools для начинающих фронтендеров

Рассмотрим встроенные инструменты отладки в браузере, которые помогут ускорить поиск и исправление ошибок в JS. Вместо console.log разберем более мощные техники для анализа и диагностики кода.

Читать...