🚀 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-элементов, я нашел несколько очень полезных, но при этом редко используемых.

Читать...

👩‍💻 Как поменять CSS-стили с помощью JavaScript

Самый очевидный способ изменить CSS-стили — просто подправить CSS-файл. Иногда после этого еще нужно будет скомпилировать проект.

Читать...

👩‍💻 Что такое process.nextTick() в Node.js?

console.log("Начало");

process.nextTick(() => {
  console.log("Выполняется в nextTick");
});

console.log("Конец");

// Вывод:
// Начало
// Конец
// Выполняется в nextTick

➡️ process.nextTick() - это специальная функция в Node.js, которая позволяет отложить выполнение функции до следующей итерации цикла событий (event loop), но до выполнения операций ввода-вывода или таймеров.

🗣️ process.nextTick() используется, когда нужно выполнить код после текущей операции, но до того, как произойдет переход к следующей фазе цикла событий. Это может быть полезно для обработки ошибок, выполнения асинхронных задач или завершения текущей работы, прежде чем позволить другим событиям в очереди исполниться.

✔️ В приведенном примере process.nextTick() гарантирует, что переданная функция выполнится после завершения текущей операции, но перед тем, как Node.js перейдет к другим событиям в цикле. Вывод программы демонстрирует, что сообщение "Выполняется в nextTick" появляется после "Конец", но до любой другой асинхронной операции.

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

• От любви до ненависти с process.send

• «Удаленный» этикет. Про штаны, котов и все такое прочее

• Как я создал систему поиска недооцененных американских акций, используя данные Яху Финанс: мой путь к разумному выбору

• Автоматизировать LinkedIn за месяц без команды разработчиков? Легко! Делюсь своей историей

• Как организовать работу с API в Nuxt 3 без шума и пыли

⚙️ REST API CRUD в Laravel 11 с лучшими практиками

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

Читать...

⚠️ 10 распространённых ошибок в коде и как их избежать

Устраняя эти ошибки и заранее принимая меры, вы сможете писать чистый, удобный и эффективный код. Такой код не только будет отлично работать сейчас, но и упростит вашу работу в будущем.

Читать...

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

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

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

const inputString = process.argv[2];
const vowels = inputString.match(/[aeiou]/gi);
const count = vowels ? vowels.length : 0;
console.log("Количество гласных:", count);

⚙️ Гайд по верстке HTML странички. Объяснение принципов, а не примеров

В данной статье я попробую охватить сценарии использования HTML и CSS, которые закроют 80% ваших задач, а также аргументирую, почему создание страничек сайта при помощи верстки не уступает по сложности использованию конструкторов сайта (разница только в скорости).

Читать...

👩‍💻 Шпаргалка по регулярным выражениям в JavaScript

Разбираемся в особенностях написания регулярных выражений и способах их применения в JavaScript.

Читать...