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

• Настраиваем аутентификацию по SMS и через мессенджеры для самых мобильных пользователей

• Система оценивания для проведения экзаменов, срезов в СПО

• Правильный инструмент для аналитики нагрузочного тестирования

• 5 способов избежать сбоев в работе интернет-магазина и перестать считать упущенную прибыль

• Nestjs, Firebase, GCloud. Как быстро поднять API backend на TypeScript

👩‍💻 Гайд по Giphy API: как создать анимированный текст в GIF с ReactJS

В этом туториале ты научишься делать приложение на ReactJS, которое генерит крутой анимированный текст в формате GIF с помощью Giphy API.

Читать...

👩‍💻 Лучшие фреймворки Node.js

Node.js – популярная программная платформа с открытым исходным кодом, превращающая JavaScript из узкоспециализированного инструмента для веба в универсальный язык программирования для создания кросс-платформенных приложений. В небольшом обзоре рассмотрим написанные для этой платформы фреймворки.

Читать...

👩‍💻 Что такое EventEmitter?

const Emitter = require("events");
let emitter = new Emitter();
let eventName = "greet";

emitter.on(eventName, function(){
  console.log("Hello all!");
});
 
emitter.on(eventName, function(){
  console.log("Привет!");
});
 
emitter.emit(eventName);
// Hello all!
// Привет!

➡️ EventEmitter - это класс, предоставляющий своим экземплярам API для генерации и обработки событий.

🗣️ Подавляющее большинство функционала Node.js применяет асинхронную событийную архитектуру, которая использует специальные объекты - эмиттеры для генерации и обработки различных событий. Все объекты, которые генерируют события, представляют экземпляры класса EventEmitter.

✔️С помощью функции eventEmitter.on() к определенному событию по имени цепляется функция-обработчик. Причем для одного события можно указать множество обработчиков. Когда объект EventEmitter генерирует событие, происходит выполнение всех этих обработчиков.

👩‍💻 Рефы в React: как они упрощают доступ к DOM и управляют элементами

React — удобный инструмент для разработки веб-приложений, и его возможности можно еще больше расширить с помощью рефов (Ref или Reference). Эти ссылки на элементы React кода позволяют легко решать сложные задачи, связанные с доступом к DOM и управлением элементами.

Читать...

👩‍💻 7 легендарных уравнений на JavaScript

Математика и компьютерные науки идут рука об руку. Подобрали 7 математических формул разного уровня сложности для проверки — сможете ли вы их реализовать? И на всякий случай снабдили статью нашими решениями.

Читать...

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

Создайте приложение на Node.js, которое принимает два числа в качестве аргументов командной строки и проверяет, являются ли они взаимно простыми (не имеют общих делителей, кроме 1). Если числа взаимно просты, приложение выводит true, иначе false.

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

function gcd(a, b) {
return b === 0 ? a : gcd(b, a % b);
}

const num1 = parseInt(process.argv[2], 10);
const num2 = parseInt(process.argv[3], 10);

const areCoprime = gcd(num1, num2) === 1;
console.log(areCoprime);

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

• Понимание спецификации ECMAScript

• Один день из жизни JavaScript разработчика и его техлида

• Добавление базы данных Postgres в проект и запуск миграций через Flyway для NestJS-mod приложения

• Клиент-серверная архитектура. SA для самых маленьких

• От «Junior runner -» до «Junior runner» или «Как долго вы готовы стучаться в закрытую дверь»

🚀 6 главных шаблонов для React

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

Читать...

👩‍💻 Напишите функцию isStrongPassword(password), которая проверяет надежность введенного пароля.

Функция принимает строковое значение пароля password и возвращает значение true, если пароль является надежным и false в противном случае.

Пароль является надежным, если:

• длина пароля не менее 8 символов
• содержит хотя бы одну строчную букву
• содержит хотя бы одну заглавную. букву
• содержит хотя бы одну цифру

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

function isStrongPassword(password) {
// Проверяем длину пароля
if (password.length < 8) {
return false;
}

// Проверяем наличие строчной буквы
const hasLowerCase = /[a-z]/.test(password);
// Проверяем наличие заглавной буквы
const hasUpperCase = /[A-Z]/.test(password);
// Проверяем наличие цифры
const hasDigit = /\d/.test(password);

// Пароль надежный, если все условия выполнены
return hasLowerCase && hasUpperCase && hasDigit;
}

// Примеры использования:
console.log(isStrongPassword("Password123")); // true
console.log(isStrongPassword("password")); // false
console.log(isStrongPassword("PASSWORD123")); // false
console.log(isStrongPassword("Pass123")); // false

⚙️ 8 инструментов для разработчиков, которые стоит попробовать в 2024 году

В 2024 году были выделены восемь впечатляющих инструментов, которые каждый разработчик должен рассмотреть. Хотя может показаться, что это просто очередной список, на самом деле, эти инструменты действительно заслуживают внимания.

Читать...

🤔 Разбираемся с API: 10 концепций с примерами

API служит связующим звеном, которое принимает запросы от приложения, получает необходимые данные с сервера, а затем возвращает обработанные данные приложению.

Читать...

📊 Группировка Массивов в JavaScript: Новые Фичи 2024

Группировка массивов — штука, с которой многие уже сталкивались в JavaScript. В этой статье рассказывается о новых фишках для группировки массивов, которые появились в 2024 году — Object.groupBy и Map.groupBy.

Читать...

👩‍💻 Что такое npm и его преимущества?

npm (Node Package Manager) — это инструмент, который используется для работы с пакетами кода в Node.js.

Он помогает разработчикам быстро находить нужные пакеты, делиться ими и использовать их в своих проектах. Среди его преимуществ — удобное управление зависимостями, контроль версий, единое хранилище для пакетов и простая интеграция с проектами на Node.js.

➡️ 5 ведущих веб-фреймворков

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

Читать...

🖥 Как построить надежную фронтенд-архитектуру

Что такое дизайн «Feature Sliced» во фронтенд-архитектуре? Рассмотрим особенности и результаты применения дизайна, его достоинства и недостатки.

Читать...

👩‍💻 5 важных моментов из JavaScript, которые помогут избегать ошибок

JavaScript - сложный язык, способный загнать в тупик не только новичков, но и опытных разработчиков. Предлагаемые рекомендации помогут принимать правильные решения при написании JS-кода, чтобы избежать многих ошибок.

Читать...

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

Создайте приложение на 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);
process.exit(1);
}

const words = data.toLowerCase().match(/\b\w+\b/g);
const wordCounts = {};

words.forEach(word => {
wordCounts[word] = (wordCounts[word] || 0) + 1;
});

const sortedWordCounts = Object.entries(wordCounts).sort((a, b) => b[1] - a[1]);

sortedWordCounts.forEach(([word, count]) => {
console.log(`${word}: ${count}`);
});
});

👩‍💻 5 мелких, но крутых React-библиотек

Мы нашли несколько небольших, но очень полезных React-библиотек. Они простые, удобные и могут серьезно облегчить жизнь разработчику.

Читать...

👩‍💻 7 интересных, но редко используемых элементов HTML

Перебрав, казалось, бесконечную вереницу HTML-элементов, я нашел несколько очень полезных, но при этом редко используемых.

Читать...