👩‍💻 Объекты в JavaScript

Изучая JavaScript, в какой-то момент я посмотрел, что означает «объектно-ориентированный». Это было ошибкой.

Читать...

➡️ Нейминг: как давать осмысленные имена переменным

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

Читать...

👩‍💻 Аутентификация и авторизация пользователей в Angular 16 с помощью JWT

Предлагаем руководство по созданию надежной системы аутентификации и авторизации пользователей в Angular 16 с использованием JWT. Интегрировав несколько компонентов в маршрутизацию и конфигурацию модулей приложения, вы обеспечите его пользователям повышенную безопасность и комфортные условия работы.

Читать...

⚙️ Эволюция монолитных систем

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

Читать...

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

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

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

const str = process.argv[2];
const char = process.argv[3];
const count = (str.split(char).length - 1);
console.log(`Символ "${char}" встречается ${count} раз(а) в строке "${str}".`);

node script.js "hello world" "o"
Символ "o" встречается 2 раз(а) в строке "hello world".

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

• Настраиваем аутентификацию по 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 году. С их помощью можно создавать захватывающие и отзывчивые веб-приложения.

Читать...