Привет! Если вы как и я вечно теряет свои заметки по тем или иным технологиям - возрадуйтесь, вы не одиноки

И так, наконец-то у меня дошли руки до написания небольшого гайда по постгресу, потому что я постоянно забываю команды. Короче приступаем!

---

Шаг 1

Так как у меня PG уже установлен эта информация больше тебя тебя читатель:

1. Установка PostgreSQL на Windows
   Перейдите и скачать на официальный сайт PostgreSQL:https://www.postgresql.org/download/windows/ .

2. Установка PostgreSQL на Linux

sudo apt update
sudo apt install postgresql postgresql-contrib
sudo systemctl start postgresql
sudo systemctl status postgresql
sudo -u postgres psql

3. Установка PostgreSQL на macOS
   Скачайте установщик с официального сайта: https://www.postgresql.org/download/macosx/ .

Или через brew

brew install postgresql
brew services start postgresql
psql postgres

Если все отлично, то переходим к следующему шагу

---

Шаг 2 - Подключение

Начнём с малого: откроем терминал и установим соединение с PostgreSQL при помощи клиента psql. Для этого введите в окне терминала команду:

psql postgres

Оно думаю в любом случае подключится, но теперь нам необходимо создать пользователя, БД и выдать на все это дело права.
По этом всего скорее вы увидите ошибку:

По умолчанию psql может пытаться подключиться к самому PostgreSQL не через пользователя postgres, а через вашего текущего. По этому проверяем:

whoami

После введенной команды вы увидите какой текущий пользователей.

Решение:

sudo -u postgres psql

долбимся через sudo указывая пользователя напрямую.

И так у нас должно пройти все гладко, и идем дальше

---

Шаг 3 - Создаем пользователя

Надеюсь вы вошли и у вас получилось как и у меня зайти под юзером postgres, теперь начнем вводить команды:

CREATE USER test PASSWORD '1234';

Еще один важный момент, всегда ставьте точку с запятой после команды иначе ничего не произойдет при нажатии enter. Я вечно забываю про ;.

Или же можно создать роль (тот же пользователь только круче), если в этом есть необходимость, если нету то забейте и переходите к шагу №4.
Если все же интересно, то вот:

CREATE ROLE имя_роли WITH LOGIN PASSWORD 'пароль';

Полный пример:

CREATE ROLE admin_role WITH LOGIN PASSWORD 'admin_password' SUPERUSER;

Здесь можно указать дополнительные атрибуты:

LOGIN — разрешает роль подключаться к базе данных.
SUPERUSER — предоставляет роль права суперпользователя.
CREATEDB — позволяет создавать базы данных.
CREATEROLE — позволяет создавать и изменять другие роли.
INHERIT — роль наследует права других ролей, к которым она принадлежит.
REPLICATION — роль может использоваться для репликации.

Я попробовал, и сделал роль admin_role, вводим команду \du и смотрим чего там у нас по пользователям:

---

Шаг 4 - Создание баз данных

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

CREATE DATABASE test

Сразу присвоим пользователя:

CREATE DATABASE test OWNER test;

Лично я сразу делаю пользователя, а то потом еще вспоминай какая там команда для присвоения

Вот и все))

Кстати если кому интересно, вот полный синтаксис:

CREATE DATABASE имя_базы
    [WITH [OWNER = имя_владельца]
          [TEMPLATE = шаблон]
          [ENCODING = кодировка]
          [LC_COLLATE = локаль_сортировки]
          [LC_CTYPE = локаль_типов_символов]
          [TABLESPACE = табличное_пространство]
          [ALLOW_CONNECTIONS = true|false]
          [CONNECTION LIMIT = лимит_подключений]];

Проверить чо у нас там по БД можно командой \l:

---

Шаг 5 - Привилегии и доступы

Ну что приступим к самому важному! После создания БД, привязки владельца через OWNER НЕ ВЫХОДИТЕ И НЕ ПЕРЕКЛЮЧАЙТЕСЬ НА САМУ БД, так как права можно выдать только через супер-пупер пользователя.
И так, вот наша первая команда:

-- 1. Предоставляем права на базу данных
GRANT ALL PRIVILEGES ON DATABASE test TO test;

-- 2. Переходим в базу данных
\c test

-- 3. Предоставляем право использования схемы public
GRANT USAGE ON SCHEMA public TO test;

-- 4. Предоставляем права на существующие таблицы
GRANT ALL PRIVILEGES ON ALL TABLES IN SCHEMA public TO test;

-- 5. Предоставляем права на существующие последовательности
GRANT ALL PRIVILEGES ON ALL SEQUENCES IN SCHEMA public TO test;

-- 6. Предоставляем права на существующие функции
GRANT ALL PRIVILEGES ON ALL FUNCTIONS IN SCHEMA public TO test;

-- 7. Назначаем права на будущие таблицы
ALTER DEFAULT PRIVILEGES IN SCHEMA public GRANT ALL PRIVILEGES ON TABLES TO test;

-- 8. Назначаем права на будущие последовательности
ALTER DEFAULT PRIVILEGES IN SCHEMA public GRANT ALL PRIVILEGES ON SEQUENCES TO test;

-- 9. Назначаем права на будущие функции
ALTER DEFAULT PRIVILEGES IN SCHEMA public GRANT ALL PRIVILEGES ON FUNCTIONS TO test;

-- 10. Делаем пользователя владельцем базы данных
ALTER DATABASE test OWNER TO test;

Вот и все, все права выданы, можно приступать к работе с БД.

Ну и для проверки закрепим, выйдем из psql и попробуем подключиться к базе при помощи команды:

psql -d test -U test -h localhost -W

Если все прошло успешно, увидим следующее:

И еще для закрепления! Давайте попробуем создать таблицу (Мы в базе под нужным пользователем)

Все работает, красотища то какая! Можно наконец-то брать node или go и бежать писать сервак!
Всем спасибо за внимание, если есть вопросы - пишите в комменты.

При работе с MODX Revolution вы можете столкнуться с ошибкой в консоли админки: 0 is not a valid integer and may not be passed to makeUrl().
Разберемся, как её исправить.

---

Причины возникновения ошибки

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

1. Ссылка с пустым/нулевым плейсхолдером:

   <a href="[[~[[+id]]]]">Ссылка</a>

Если [[+id]] равен 0 или не определен, MODX не может сгенерировать URL.

2. Прямая ссылка на ID 0:

   <a href="[[+0]]">Ссылка</a>

Ресурс с ID 0 не существует, что вызывает ошибку.

---

Решение: диагностика через модификацию ядра

Если проблемный код не удается найти вручную, выполните следующие шаги:

1. Резервная копия
Создайте бэкап файла core/model/modx/modx.class.php — мы будем его модифицировать.

2. Добавление трейса ошибки
Найдите в файле блок:

} else {
    $this->log(modX::LOG_LEVEL_ERROR, '`' . $id . '` is not a valid integer and may not be passed to makeUrl()');
}
return $url;

Замените его на:

} else {
    $this->log(modX::LOG_LEVEL_ERROR, '`' . $id . '` is not a valid integer and may not be passed to makeUrl()');
    try {
        throw new Exception('Trace error');
    } catch (Exception $e) {
        $this->log(modX::LOG_LEVEL_ERROR, $e->getTraceAsString());
    }
}
return $url;

3. Провоцируем ошибку
Перейдите на страницы сайта, где может возникать ошибка.
Затем проверьте логи MODX (Управление → Логи ошибок).

---

Анализ логов

В логах появится трейс ошибки, например:

[2023-10-05 14:30:00] (ERROR @ /index.php) `[[+id]]` is not a valid integer and may not be passed to makeUrl()
[2023-10-05 14:30:00] (ERROR @ /index.php)
#0 /site/core/model/modx/modparser.class.php(765): modX->makeUrl('[[+id]]', '', '', -1)
#1 /site/core/model/modx/modparser.class.php(385): modLinkTag->process(NULL)
#2 /site/core/model/modx/modparser.class.php(164): modParser->processTag(Array, false)
#3 /site/core/model/modx/modchunk.class.php(92): modParser->processElementTags('[[$tpl.news]]', '<div>...', false, false, '[[', ']]', Array, 10)
#4 /site/core/model/modx/modx.class.php(1558): modChunk->process(Array)
#5 /site/assets/components/mypackage/snippet.php(20): modX->getChunk('tpl.news', Array)

Важные строки:

• #3 — указывает на чанк tpl.news, где используется проблемная ссылка.
• #5 — ссылается на сниппет или компонент, вызвавший ошибку.

---

Исправление кода

1. Откройте указанный в логах чанк/шаблон.
2. Замените некорректные ссылки, например:

   <!-- Было -->
   <a href="[[~[[+id]]]]">Подробнее</a>
   
   <!-- Стало (проверка на существование ID) -->
   <a href="[[~[[+id:notempty=`[[+id]]`]]]]">Подробнее</a>

Или убедитесь, что плейсхолдер [[+id]] передается корректно.

---

Важно!

После исправления ошибок верните исходный код файла modx.class.php, чтобы избежать проблем с обновлениями и производительностью.

---

Если проблема осталась — проверьте все вызовы [[~...]] и работу с ID ресурсов в шаблонах и сниппетах.

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

И так задача - как поменять товарам шаблон, вот небольшой, но рабочий скрипт:

<?php
foreach ($modx->getIterator('modResource', array('class_key' => 'msProduct')) as $resource) {
  $resource->set('template', ID нового шаблона);
    $resource->save();
}

Вот и всё, простенький, но эффективный скрипт.

Встрял кароче с задачей как перенести все товары из одной категории в другую, вообще нашел платное решение на modstore.pro, но зачем платить мы же погромисты)))))

Вообщем написал небольшой скрипт который работает через консоль прямо в админке:

<?php
$oldCategoryId = 21951; // ID исходной категории
$newCategoryId = 21953; // ID целевой категории

// Проверяем существование новой категории
$newCategory = $modx->getObject('modResource', $newCategoryId);
if (!$newCategory) {
    echo "Ошибка: Категория с ID {$newCategoryId} не найдена!";
    return;
}

$count = 0;
$criteria = array(
    'class_key' => 'msProduct',
    'parent' => $oldCategoryId
);

foreach ($modx->getIterator('modResource', $criteria) as $product) {
    $product->set('parent', $newCategoryId);
    
    if ($product->save()) {
        $count++;
    } else {
        echo "Ошибка при сохранении товара ID {$product->id}<br>";
    }
}

echo "Успешно перемещено {$count} товаров.";
?>

Вауля - и ой как хорошо, наши товары перенеслись в другую категорию!
Не забудьте только почистить кэш и скинуть url в настройках.

Roblox — одна из самых популярных платформ для создания игр, где Lua используется для написания игровой логики. В этой статье мы разберем, как создать вашу первую программу: от настройки среды до написания скрипта, который оживит объект в игре.

Почему Lua в Roblox?

Roblox Studio использует Lua как основной язык для скриптов по нескольким причинам:

• Простота: Минималистичный синтаксис Lua идеален для новичков.
• Интеграция: Lua-скрипты управляют объектами, физикой, событиями и интерфейсами в Roblox.
• Кроссплатформенность: Код работает одинаково на всех устройствах, поддерживаемых Roblox.

Шаг 1: Установка Roblox Studio

1. Перейдите на официальный сайт Roblox и зарегистрируйтесь.
2. Скачайте Roblox Studio (бесплатно).
3. Запустите программу и создайте новое место (Create → New Place).

Шаг 2: Создание первого скрипта

1. В Roblox Studio добавьте объект:

   • Нажмите + в панели Workspace.
   • Выберите Part (куб) или Model (например, персонажа).

2. Добавьте скрипт:

   • Щелкните правой кнопкой мыши на объекте в Explorer (окно слева).
   • Выберите Insert Object → Script.

Шаг 3: Напишите код на Lua

Вставьте в скрипт следующий код:

local part = script.Parent  -- Ссылка на объект, к которому прикреплен скрипт  

part.Touched:Connect(function(hit)  
    local player = game.Players:GetPlayerFromCharacter(hit.Parent)  
    if player then  
        part.BrickColor = BrickColor.Random()  -- Изменение цвета при касании  
        print(player.Name .. " коснулся объекта!")  
    end  
end)  

Что делает этот код?

• При касании объекта (Touched) проверяет, принадлежит ли касание игроку.
• Меняет цвет объекта на случайный.
• Выводит сообщение в консоль.

Шаг 4: Тестирование скрипта

1. Нажмите Play (зеленая кнопка) в Roblox Studio.
2. Перейдите в режим тестирования и подойдите к объекту.
3. Убедитесь, что цвет изменился, а в консоли (Output ) появилось сообщение.

---

Основы Roblox API: что нужно знать

Чтобы писать сложные скрипты, изучите ключевые компоненты:

1. Объекты и свойства

• Workspace: Корневая папка для всех объектов в игре.
• Players: Управление игроками и их данными.
• Properties: Например, Part.Position, Part.Size.

2. События (Events)

• Touched — срабатывает при касании объекта.
• MouseButton1Click — клик по GUI-элементу.
• PlayerAdded — когда игрок заходит в игру.

3. Службы (Services)

• RunService: Управление игровым циклом (рендеринг, физика).
• MarketplaceService: Работа с покупками внутри игры.

---

Пример: Движущийся объект

Добавьте скрипт, который заставит объект перемещаться:

local part = script.Parent  

while true do  
    part.Position = part.Position + Vector3.new(0, 0.5, 0)  -- Движение вверх  
    wait(0.1)  -- Пауза в 0.1 секунды  
end  

Важно:

• wait() — обязательная функция для задержки, иначе цикл перегрузит игру.
• Vector3.new(x, y, z) — задает координаты в 3D-пространстве.

Советы для новичков

• Используйте документацию: Roblox Developer Hub содержит примеры и описание API.
• Изучайте чужой код: Загляните в скрипты популярных игр Roblox.
• Пробуйте шаблоны: Roblox Studio предоставляет готовые шаблоны для изучения.

Что дальше?

Создайте простую игру: лабиринт, кликер или платформер.
Добавьте GUI-интерфейс с помощью ScreenGui и TextButton.
Изучите работу с DataStore для сохранения прогресса игроков.

---

Первая программа на Lua в Roblox — это всегда эксперимент. Начните с простых скриптов, постепенно осваивая события, физику и многопользовательские функции. Помните: даже популярные игры вроде Adopt Me! или Brookhaven начинались с малого. Удачи в создании вашей первой игры!

Разберем основы языка Lua, его особенности, синтаксис и примеры кода для новичков. Вы узнаете, чем Lua отличается от Python или JavaScript, где его применяют (от разработки игр до IoT) и как быстро начать программировать на этом легковесном языке.

Почему Lua идеален для начинающих?

Lua — это минималистичный скриптовый язык, который ценят за:

• Простой синтаксис: меньше правил, больше практики.
• Высокую скорость выполнения: Lua компилируется в байт-код, что делает его быстрым даже в ресурсоемких проектах.
• Интеграцию с другими языками: Lua легко встраивается в C/C++, что расширяет его возможности.

Например, в Roblox или World of Warcraft аддоны пишут именно на Lua из-за его гибкости и низких требований к ресурсам.

Основы синтаксиса Lua: с чего начать?

Lua славится минималистичным и интуитивным синтаксисом, который позволяет новичкам быстро перейти от теории к практике. Чтобы освоить базу, достаточно понять несколько ключевых концепций. Разберем их по порядку.

---

Переменные: динамическая типизация и области видимости

В Lua переменные не требуют явного указания типа — он определяется автоматически. Для объявления используется ключевое слово local (рекомендуется) или присваивание без него (глобальная переменная).

local message = "Привет, Lua!"  -- Локальная переменная  
count = 10                      -- Глобальная переменная (лучше избегать)  

Важно:

• Локальные переменные видны только в блоке, где объявлены (например, внутри функции).
• Глобальные переменные доступны везде, но их использование может привести к ошибкам в больших проектах.

---

Типы данных: от чисел до таблиц

Lua поддерживает 8 базовых типов данных. Наиболее часто используются:

• number: целые и дробные числа (3, 3.14).
• string: строки в одинарных или двойных кавычках ("текст", 'Lua').
• boolean: true или false.
• nil: отсутствие значения (аналог null в других языках).
• table: универсальная структура для хранения данных (аналог массивов и объектов).

Пример работы с таблицами:

local user = {name = "Alice", age = 25}  
print(user.name)  -- Выведет "Alice"  

---

Условные операторы: if-then-else

Условные конструкции в Lua пишутся с помощью if, then, else и elseif. Блок закрывается ключевым словом end.

Пример:

local temperature = 20  
if temperature > 30 then  
    print("Жарко!")  
elseif temperature > 15 then  
    print("Тепло")  
else  
    print("Прохладно")  
end  

---

Циклы: for, while и repeat-until

Lua предлагает три типа циклов:

1. Числовой цикл for:

for i = 1, 5 do  
    print("Итерация " .. i)  -- Выведет числа от 1 до 5  
end  

2. Цикл while:

local x = 1  
while x <= 3 do  
    print(x)  
    x = x + 1  
end  

3. Цикл repeat-until (аналог do-while):

repeat  
    print("Попытка")  
until false  -- Бесконечный цикл (на примере)  

---

Функции: объявление и аргументы

Функции в Lua объявляются через function и могут возвращать несколько значений.

Пример функции с аргументами:

local function sum(a, b)  
    return a + b  
end  
print(sum(2, 3))  -- Выведет 5  

Особенности:
Функции можно сохранять в переменные или таблицы.
Поддерживается vararg (переменное число аргументов) через ...

---

Таблицы: основа структур данных

Таблицы в Lua — это ассоциативные массивы, которые могут хранить любые типы данных. Они используются для создания объектов, списков и даже классов.

Пример сложной таблицы:

local person = {  
    name = "Bob",  
    age = 30,  
    hobbies = {"games", "reading"},  
    greet = function(self)  
        print("Hello, " .. self.name)  
    end  
}  
person:greet()  -- Вызов метода таблицы  

Совет: Используйте метатаблицы для реализации ООП-концепций, например, наследования.

---

Обработка ошибок: assert и pcall

Для управления ошибками Lua предоставляет функции assert() и pcall() (protected call).

Пример с pcall:

local status, result = pcall(function()  
    error("Что-то пошло не так")  
end)  
if not status then  
    print("Ошибка: " .. result)  
end  

---

Где используется Lua? Примеры проектов

Lua — язык-невидимка, который часто работает «под капотом». Вот где его можно встретить:

1. Игровая индустрия

• Roblox: Вся логика игр пишется на Lua.
• World of Warcraft: Аддоны и модификации создаются с помощью Lua.
• Love2D: Популярный фреймворк для 2D-игр.

2. Веб-сервисы

• OpenResty: Платформа на основе Nginx + Lua для обработки миллионов запросов в секунду.
• Tarantool: NoSQL-база данных с поддержкой Lua для написания хранимых процедур.

3. IoT и встраиваемые системы

• NodeMCU: Платформа для IoT-устройств, где Lua управляет микроконтроллерами.
• ESP8266/ESP32: Lua используется для программирования Wi-Fi модулей.

4. Прочее

• Adobe Photoshop: Некоторые скрипты для автоматизации.
• Wireshark: Анализ сетевого трафика через Lua-скрипты.

Как начать изучать Lua: шаги для новичка

Если вы уже разобрались с основами синтаксиса (переменные, циклы, таблицы), переходите к практике. Вот пошаговый план:

Шаг 1: Установка инструментов

• Интерпретатор Lua: Скачайте с официального сайта.
• Редактор кода: VS Code с расширением Lua Language Server или ZeroBrane Studio.
• Онлайн-песочница: replit.com для быстрого старта.

Шаг 2: Пишите мини-проекты
Применяйте изученные таблицы и функции в реальных задачах:

• Калькулятор с графическим интерфейсом (используйте библиотеку IUP ).
• Текстовая RPG-игра с использованием циклов и условий.
• Парсер CSV-файла (работа со строками и таблицами).

Шаг 3: Изучите продвинутые темы

• Метатаблицы: Реализуйте ООП через __index и __newindex.
• Модули: Организуйте код в файлы с помощью require().
• Работа с API: Подключите Lua к C/C++ или используйте библиотеку LuaSocket для HTTP-запросов.

Шаг 4: Участвуйте в сообществах

• Форумы: Lua Users и Reddit r/lua и конечно же на нашем форуме - RosDesk!
• GitHub: Изучайте исходники популярных проектов на Lua (например, фреймворк LÖVE ).

Шаг 5: Создайте портфолио

• Реализуйте проекты, которые покажут ваши навыки:

• Игра на Love2D с публикацией на itch.io.

• Утилита для автоматизации задач на ESP32.

• Скрипт для анализа данных (используйте LuaCSV ).

---

Итого

Lua — язык, который дает свободу выбора: от игр до промышленного IoT. Его минималистичный синтаксис позволяет быстро начать, а интеграция с C/C++ открывает двери в высоконагруженные проекты. Следуя шагам из этой статьи, вы не только освоите Lua, но и сможете применять его в коммерческих задачах. Не забывайте экспериментировать — именно это превращает новичков в профессионалов.

Зачем использовать классы для анимации?

1. Чистота кода
   Анимации, описанные через CSS, проще читать и поддерживать, чем JavaScript-анимации.

2. Производительность
   CSS-анимации часто работают быстрее за счёт использования GPU для обработки трансформаций и переходов.

3. Гибкость
   Вы можете легко управлять анимациями через добавление или удаление классов, не переписывая логику.

4. Повторное использование
   Один класс анимации можно применять к разным элементам.

---

Пример реализации класса Animator

Класс Animator может быть полезен для управления анимациями через добавление и удаление CSS-классов. Вот пример его реализации:

class Animator {
  constructor() {
    this.animations = {};
  }

  /**
   * Добавляет класс анимации элементу.
   * @param {HTMLElement} element - Элемент для анимации.
   * @param {string} animationClass - Название класса анимации.
   */
  addAnimation(element, animationClass) {
    element.classList.add(animationClass);
    return new Promise((resolve) => {
      const onAnimationEnd = () => {
        element.classList.remove(animationClass);
        element.removeEventListener('animationend', onAnimationEnd);
        resolve();
      };
      element.addEventListener('animationend', onAnimationEnd);
    });
  }

  /**
   * Удаляет класс анимации элемента.
   * @param {HTMLElement} element - Элемент для анимации.
   * @param {string} animationClass - Название класса анимации.
   */
  removeAnimation(element, animationClass) {
    element.classList.remove(animationClass);
  }
}

// Пример использования:
const animator = new Animator();

const box = document.querySelector('.box');
animator.addAnimation(box, 'fade-in').then(() => {
  console.log('Анимация завершена!');
});

Как это работает?

1. Добавление класса
   Метод addAnimation добавляет класс анимации к элементу и возвращает Promise, который разрешается после завершения анимации (событие animationend).
2. Удаление класса
   После завершения анимации класс автоматически удаляется, чтобы элемент вернулся к исходному состоянию.
3. CSS для анимации
   Для работы анимации нужно определить соответствующие стили в CSS:

/* Пример CSS для анимации */
.fade-in {
  animation: fadeInAnimation 1s ease-in-out;
}

@keyframes fadeInAnimation {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

Преимущества класса Animator

1. Автоматизация
   Вам не нужно вручную отслеживать завершение анимации — это делает Animator.
2. Масштабируемость
   Можно легко расширить функциональность, например, добавить поддержку последовательных анимаций или цепочек.
3. Удобство
   Работа с анимациями становится более декларативной и понятной.

---

Пример использования в реальном проекте

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

const cards = document.querySelectorAll('.product-card');
const animator = new Animator();

cards.forEach((card, index) => {
  setTimeout(() => {
    animator.addAnimation(card, 'slide-in');
  }, index * 200); // Добавляем задержку для эффекта последовательности
});

/* CSS для анимации */
.slide-in {
  animation: slideInAnimation 0.5s ease-out;
}

@keyframes slideInAnimation {
  from {
    transform: translateY(20px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

Сравнение подходов к анимации

Подход	Преимущества	Недостатки
CSS-классы	- Простота реализации - Высокая производительность - Легко переиспользовать - Чистый и декларативный код	- Ограниченная гибкость для сложных анимаций - Зависимость от браузерной поддержки
JavaScript-анимации	- Полный контроль над процессом анимации - Возможность динамически изменять параметры - Подходит для сложных задач	- Сложнее в реализации и поддержке - Может быть менее производительным - Больше кода
Библиотеки (например, GSAP)	- Мощные инструменты для создания сложных анимаций - Кроссбраузерность - Встроенные функции для работы с таймингом и эффектами	- Избыточность для простых задач - Дополнительная зависимость - Увеличение размера проекта

---

Можно разобрать примеры создания более сложных анимаций с использованием requestAnimationFrame или библиотек, таких как GSAP.

Почему булевы значения в сигнатуре функции — это плохо?

1. Снижение читаемости
   Когда вы видите вызов функции, например:

   processOrder(order, true);

Сразу ли понятно, что делает этот true? Нет. Это может быть флаг для “экспресс-доставки”, “скидки” или ещё чего-то. Код становится менее понятным.

2. Ограниченная масштабируемость
   Если завтра нужно добавить третий режим, вам придётся заменять булево значение на что-то более сложное. Например, null, дополнительные флаги или даже переписывать логику.

3. Увеличение когнитивной нагрузки
   При чтении кода разработчик должен помнить, что означает каждый булевый флаг. Это особенно сложно в больших проектах.

---

Альтернативные подходы

Вот несколько способов, как можно избежать булевых значений в сигнатуре функции:

1. Использование объектов для конфигурации

Передавайте параметры в виде объекта, где каждое свойство имеет осмысленное название. Это делает код более читаемым и масштабируемым.

// Плохо
function processOrder(order, isExpress) {
  if (isExpress) {
    console.log("Обработка экспресс-заказа");
  } else {
    console.log("Обработка стандартного заказа");
  }
}

processOrder(order, true); // Что значит true?

// Хорошо
function processOrder(order, options) {
  if (options.isExpress) {
    console.log("Обработка экспресс-заказа");
  } else {
    console.log("Обработка стандартного заказа");
  }
}

processOrder(order, { isExpress: true }); // Ясно, что это экспресс-заказ

2. Использование перечислений (Enums)

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

// Плохо
function setVisibility(element, isVisible) {
  if (isVisible) {
    element.style.display = "block";
  } else {
    element.style.display = "none";
  }
}

setVisibility(myElement, false); // Что значит false?

// Хорошо
const Visibility = {
  VISIBLE: "visible",
  HIDDEN: "hidden",
};

function setVisibility(element, visibility) {
  if (visibility === Visibility.VISIBLE) {
    element.style.display = "block";
  } else if (visibility === Visibility.HIDDEN) {
    element.style.display = "none";
  }
}

setVisibility(myElement, Visibility.HIDDEN); // Ясно, что скрываем элемент

3. Разделение функций

Если поведение функции сильно зависит от флага, возможно, стоит разделить её на две отдельные функции.

// Плохо
function calculatePrice(price, isDiscounted) {
  return isDiscounted ? price * 0.9 : price;
}

console.log(calculatePrice(100, true)); // Неочевидно

// Хорошо
function calculateFullPrice(price) {
  return price;
}

function calculateDiscountedPrice(price) {
  return price * 0.9;
}

console.log(calculateDiscountedPrice(100)); // Ясно, что считаем скидку

4. Использование классов или замыканий

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

// Плохо
function createLogger(isVerbose) {
  if (isVerbose) {
    console.log("Логирование включено");
  } else {
    console.log("Логирование отключено");
  }
}

createLogger(true); // Что значит true?

// Хорошо
class Logger {
  constructor(verbose) {
    this.verbose = verbose;
  }

  log(message) {
    if (this.verbose) {
      console.log(`[DEBUG] ${message}`);
    } else {
      console.log(message);
    }
  }
}

const verboseLogger = new Logger(true);
verboseLogger.log("Это сообщение будет с префиксом"); // Ясно, что логгер включен

---

Вот таблица, которая наглядно демонстрирует преимущества и недостатки различных подходов для избежания булевых значений в сигнатуре функции:

Подход	Преимущества	Недостатки
Булевы значения	- Простота реализации - Быстрое написание кода	- Низкая читаемость - Ограниченность в масштабировании - Увеличение когнитивной нагрузки
Объекты для конфигурации	- Высокая читаемость - Легко добавлять новые параметры - Гибкость	- Может быть избыточным для простых задач - Требует дополнительного времени на написание
Перечисления (Enums)	- Строгость типов - Предсказуемость - Четкая документация поведения	- Требует дополнительного кода - Не всегда подходит для динамических случаев
Разделение функций	- Ясность намерений - Простота использования - Легко тестировать	- Увеличивает количество функций - Может привести к дублированию кода
Классы/замыкания	- Инкапсуляция логики - Гибкость - Возможность повторного использования	- Может быть сложнее для новичков - Увеличивает объем кода

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

Когда нужно скопировать сайт, но не хочется тратить неделю на ручную работу

Привет, коллеги! Сегодня расскажу о крутой новинке — инструменте Same.dev, который умеет клонировать сайты практически “под корень”. Если вы веб-разработчик, дизайнер или просто любите эксперименты, эта штука точно зацепит.

Как это работает?

Логика простая:

• Вбиваете ссылку на нужный сайт.
• Идёте пить кофе (или даже обедать).
• Возвращаетесь — клон готов!

Но есть нюанс: агент немного переписывает код, чтобы избежать проблем с авторскими правами. То есть, сайт будет похож на оригинал, но не идентичен.

Делюсь находкой — отличным инструментом для создания различных визуальных материалов. Этот нейросервис помогает:

• Составлять сложные UML и ER-диаграммы
• Рисовать блок-схемы любой сложности
• Анализировать, суммировать и переводить текстовые документы

Сервис доступен для бесплатного использования, однако с определёнными ограничениями по функционалу и объёму работы.

Попробуем.

Март 2025 года принес релиз TypeScript 5.8 — очередного обновления языка, который делает разработку на JavaScript безопаснее и эффективнее. Разберем все ключевые изменения, от улучшенной проверки типов до оптимизации производительности.

Главные нововведения TypeScript 5.8

Microsoft продолжает развивать TypeScript, делая его инструментом номер один для масштабных проектов. Вот что вошло в версию 5.8:

1. Гранулярная проверка ветвей в return-выражениях

Теперь компилятор анализирует каждую ветку условных операторов в return отдельно. Например, если в одной ветке возвращается string, а в другой — number, TypeScript не будет требовать объединения типов (string | number), если это не требуется логикой кода. Это устраняет ложные ошибки и упрощает работу с сложными условиями.

2. Поддержка require() для ES-модулей в --module nodenext

Раньше при использовании ES-модулей в Node.js приходилось полностью переписывать импорты на синтаксис import. Теперь можно комбинировать require() с ES-модулями, что упрощает миграцию legacy-кода.

3. Флаг --module node18

Добавлена официальная поддержка Node.js 18, включая корректную обработку модулей и импортов. Это особенно актуально для проектов, использующих современные возможности Node.js.

4. Режим --erasableSyntaxOnly

Этот флаг компилирует код, сохраняя только синтаксические конструкции, которые не влияют на выполнение программы (например, аннотации типов). Результат — “чистый” JavaScript без лишних элементов.

5. Флаг --libReplacement

Позволяет заменить стандартные библиотеки TypeScript (lib.d.ts) на пользовательские. Это ускоряет загрузку проектов, где используются специфичные окружения (например, урезанные версии браузеров или IoT-устройств).

6. Сохранение вычисляемых имен свойств в .d.ts

Ранее при генерации декларационных файлов вычисляемые свойства (например, [key: string]: any) теряли оригинальные имена. Теперь они сохраняются, что улучшает читаемость типов.

Оптимизации и улучшения производительности

• Ускорение загрузки проектов: Время компиляции сократилось за счет оптимизации обработки больших кодовых баз.

• Эффективные обновления: Изменения в коде теперь обрабатываются быстрее, что ускоряет работу в IDE и CI/CD-конвейерах.

Изменения в поведении

• lib.d.ts: Обновлены определения DOM и стандартных библиотек для соответствия актуальным спецификациям.
• Ограничения на import assertions: В режиме --module nodenext добавлены проверки корректности утверждений импорта (например, assert { type: "json" }).

Как обновиться до TypeScript 5.8?

Команда TypeScript уже начала работу над версией 5.9. Ночные сборки (Nightlies) доступны для тестирования новых функций. Следите за новостями на GitHub-репозитории.

TypeScript 5.8 — это шаг к более строгой типизации, гибкой настройке и высокой производительности. Новые флаги, такие как --libReplacement и --erasableSyntaxOnly, расширяют возможности интеграции языка в проекты любого уровня сложности. А какие из нововведений вы уже используете? Делитесь опытом в комментариях!

ООП (Объектно-Ориентированное Программирование) — это подход к организации кода, который позволяет структурировать программы как набор взаимодействующих объектов. Вместо того чтобы писать код как последовательность инструкций (как в процедурном программировании), мы описываем объекты с их свойствами и поведением. Давайте разберемся, из чего это состоит.

---

Основные понятия ООП

1. Классы и объекты

• Класс — это шаблон или описание объекта. Например, класс Car может содержать характеристики (цвет, модель, скорость) и действия (ехать, тормозить).
• Объект — это конкретный экземпляр класса. Например, объект my_car с параметрами: красный цвет, модель Tesla, скорость 200 км/ч.

# Пример класса на Python
class Car:
    def __init__(self, color, model):
        self.color = color
        self.model = model

    def drive(self):
        print(f"{self.model} is driving!")

# Создание объекта
my_car = Car("red", "Tesla")
my_car.drive()  # Вывод: Tesla is driving!

Инкапсуляция

Это принцип, который скрывает внутренние детали объекта и предоставляет публичные методы для взаимодействия с ним. Например, вы не можете напрямую изменить скорость автомобиля, но можете вызвать метод brake(), который сделает это безопасно.

• Приватные поля (например, _speed) защищены от прямого доступа.
• Геттеры и сеттеры управляют доступом к данным.

Наследование

Позволяет создавать новый класс на основе существующего. Например, класс ElectricCar может наследовать свойства от класса Car, добавляя новые (например, ёмкость батареи).

class ElectricCar(Car):
    def __init__(self, color, model, battery_capacity):
        super().__init__(color, model)
        self.battery_capacity = battery_capacity

Полиморфизм

Объекты разных классов могут иметь одинаковые методы , но выполнять их по-разному. Например, метод drive() для Car и ElectricCar будет работать по-разному, но вызываться одинаково.

Абстракция

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

Зачем нужно ООП?

• Повторное использование кода: Наследование и композиция уменьшают дублирование.
• Удобная структура: Программа становится наглядной, как набор взаимодействующих объектов.
• Легкость поддержки: Изменения в одном классе не сломают всю систему.
• Моделирование реального мира: Объекты в коде отражают объекты из жизни (пользователи, документы, устройства).

Где используется?

• В крупных проектах (веб-приложения, игры).
• В библиотеках и фреймворках (React, Django).
• В языках вроде Java, Python, C++, C#.

—

Итог: ООП — это не просто синтаксис, а способ мышления. Если научиться правильно применять его принципы, код станет понятным, гибким и удобным для развития.

Привет всем! Делюсь своими впечатлениями о новых клиентских хуках в React 19. Поработав с ними некоторое время, могу сказать, что они действительно делают разработку проще и приятнее.

Самое крутое, что теперь можно забыть про кучу сторонних библиотек для работы с формами и данными. Все необходимое теперь есть прямо в React “из коробки”.

Расскажу подробнее про use(Promise) - он реально меня удивил своей простотой. Раньше приходилось городить конструкции с useState и useEffect для обработки асинхронных операций, а теперь все становится намного элегантнее.

Вот пример использования:

import { use } from 'react';

function Post({ id }) {
  const post = use(fetchPost(id)); // Приостанавливает рендеринг до получения данных
  return <article>{post.title}</article>;
}

// Где-то выше в компоненте-родителе:
<Suspense fallback={<LoadingSpinner />}>
  <Post id={postId} />
</Suspense>

Обратите внимание, насколько это просто: мы просто вызываем use() с промисом, и React сам позаботится о приостановке рендеринга до получения данных. А благодаря Suspense мы можем легко показать загрузчик.

Что мне особенно нравится:

• Код стал более декларативным
• Нет необходимости вручную отслеживать состояния загрузки
• Исчезает "callback hell" и сложные цепочки промисов

Например, раньше пришлось бы писать что-то вроде:

function Post({ id }) {
  const [post, setPost] = useState(null);
  const [loading, setLoading] = useState(true);

  useEffect(() => {
    fetchPost(id)
      .then(data => {
        setPost(data);
        setLoading(false);
      })
      .catch(error => console.error(error));
  }, [id]);

  if (loading) return <LoadingSpinner />;
  return <article>{post.title}</article>;
}

Как видите, новый подход гораздо компактнее и понятнее. Больше никаких лишних состояний и эффектов!

Если у кого-то есть опыт использования этих новых хуков или вопросы по ним - давайте обсудим в комментариях! Особенно интересно было бы узнать, как эти изменения повлияли на ваши проекты.

P.S. Про остальные новые хуки тоже планирую написать подробнее, ниже в этой теме .

Кто пытался освоить динамическое создание объектов RegExp в JavaScript тот поймет. Баля, это оказалось не так просто, как казалось на первый взгляд! Но давайте по порядку. Сукпздц, сколько всего интересного я узнал, пока разбирался с этой темой.

Что такое RegExp?

Для тех, кто в танке: RegExp (или регулярные выражения) — это мощный инструмент для работы со строками. С их помощью можно искать, заменять, проверять и извлекать данные из текста. Но что делать, если шаблон для поиска нужно создавать динамически? Тут-то всё и начинается… 🤯

---

Литералы vs Конструкторы

В JavaScript есть два способа создания регулярных выражений:

1. Литералы:

const regex = /шаблон/;

2. Конструктор RegExp:

const regex = new RegExp("шаблон");

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

---

Динамическое создание шаблона

Представьте, что у нас есть массив слов, и мы хотим найти их в тексте. Вот как это можно сделать:

const words = ["JavaScript", "RegEx", "динамический"];
const text = "Я изучаю JavaScript и RegExp, это сукпздц сложно!";

// Создаем динамическое регулярное выражение
const pattern = words.join("|"); // "JavaScript|RegEx|динамический"
const regex = new RegExp(pattern, "gi");

// Ищем совпадения
const matches = text.match(regex);
console.log(matches); // ["JavaScript", "RegEx"]

Это же целая магия! Мы используем replace с регулярным выражением, чтобы добавить обратный слэш \ перед каждым спецсимволом. Теперь всё работает как надо.

---

Добавляем флаги динамически

А что, если флаги тоже должны быть динамическими? Например, пользователь может выбрать, нужно ли игнорировать регистр или искать глобально. Вот как это можно реализовать:

function createRegex(pattern, flags = "") {
  return new RegExp(pattern, flags);
}

const dynamicPattern = "JavaScript";
const dynamicFlags = "gi"; // Пользователь выбрал глобальный поиск и игнорирование регистра

const regex = createRegex(dynamicPattern, dynamicFlags);
const text = "javascript is awesome, JavaScript is powerful!";
console.log(text.match(regex)); // ["javascript", "JavaScript"]

Удобно, правда? Теперь можно легко управлять как шаблоном, так и флагами.

---

Регулярки для валидации

А теперь давайте решим реальную задачу: напишем функцию, которая проверяет, соответствует ли строка динамическому шаблону. Например, валидация email:

function validateString(input, pattern) {
  const regex = new RegExp(pattern);
  return regex.test(input);
}

const emailPattern = "^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,}$";
const email = "test@example.com";

console.log(validateString(email, emailPattern)); // true
console.log(validateString("invalid-email", emailPattern)); // false

Эта функция принимает строку и шаблон, а затем проверяет, соответствует ли строка шаблону. Как же это полезно!

Работа с динамическими регулярными выражениями — это, конечно, не для слабонервных. Но, как же круто, когда ты можешь создавать шаблоны “на лету”! Главное — не забывать про экранирование спецсимволов и правильно использовать флаги.

Если кто не в курсе — это такая штука, которую дают на собеседованиях, чтобы проверить, умеешь ли ты вообще хоть что-то писать на JavaScript. Ну или просто чтобы посмеяться над твоим кодом .

Что такое FizzBuzz?

Для тех, кто в танке: FizzBuzz — это задача, где тебе нужно вывести числа от 1 до N (например, до 100), но с некоторыми условиями:

• Если число делится на 3, то вместо него выводится слово “Fizz”.
• Если число делится на 5, то выводится “Buzz”.
• Если число делится и на 3, и на 5, то выводится “FizzBuzz”.
• Если ни одно из условий не выполняется, просто выводится само число.

Звучит просто, правда? Но, сколько же можно усложнять эту задачу! Давайте разберемся, как я это делал, и какие варианты решения у меня получились.

---

Первый подход: Просто работаем

Начнем с самого простого и прямолинейного решения. Тупо цикл for, проверки через if и вывод в консоль. Вот такой код у меня получился:

for (let i = 1; i <= 100; i++) {
  if (i % 3 === 0 && i % 5 === 0) {
    console.log("FizzBuzz");
  } else if (i % 3 === 0) {
    console.log("Fizz");
  } else if (i % 5 === 0) {
    console.log("Buzz");
  } else {
    console.log(i);
  }
}

Вроде бы всё работает, но, этот код выглядит как будто его написал первокурсник. Можно ли сделать лучше? Конечно, можно!

---

Второй подход: Улучшаем читаемость

Я подумал: а почему бы не использовать тернарный оператор? Это же модно, молодёжно и компактно! Вот что у меня вышло:

for (let i = 1; i <= 100; i++) {
  console.log(
    i % 15 === 0 ? "FizzBuzz" :
    i % 3 === 0 ? "Fizz" :
    i % 5 === 0 ? "Buzz" :
    i
  );
}

Круто, правда? Но знаете что? Этот код всё равно выглядит как ебучий костыль. Да, он короче, но понятнее ли он стал? Не уверен. Может, есть способ ещё круче?

---

Третий подход: Функциональный стиль

А что, если мы попробуем написать более функционально? Создадим функцию, которая будет принимать число и возвращать нужную строку. Вот так:

const fizzBuzz = (num) => {
  let output = "";
  if (num % 3 === 0) output += "Fizz";
  if (num % 5 === 0) output += "Buzz";
  return output || num;
};

for (let i = 1; i <= 100; i++) {
  console.log(fizzBuzz(i));
}

Теперь всё выглядит намного чище! Мы вынесли логику в отдельную функцию, и основной цикл стал проще. Но знаете что? Я всё равно чувствую, что можно ещё больше поиздеваться над этой задачей.

---

Четвертый подход: Array и map 🤯

А давайте сделаем это через массивы и метод map! Звучит как извращение, но почему бы и нет? Вот что у меня получилось:

const result = Array.from({ length: 100 }, (_, i) => {
  const num = i + 1;
  return num % 15 === 0 ? "FizzBuzz" :
         num % 3 === 0 ? "Fizz" :
         num % 5 === 0 ? "Buzz" :
         num;
});

console.log(result.join("\n"));

Теперь мы создаем массив длиной 100, заполняем его значениями через map, а потом выводим всё одной строкой через join. Красота! Но, бля, зачем я это делаю? Это же FizzBuzz, а не какой-нибудь ML-проект!

---

Пятый подход: Генераторы и yield

А что, если мы добавим генераторы? Зачем? Просто потому что можем! Вот это чудовище:

function* fizzBuzzGenerator(limit) {
  for (let i = 1; i <= limit; i++) {
    yield i % 15 === 0 ? "FizzBuzz" :
          i % 3 === 0 ? "Fizz" :
          i % 5 === 0 ? "Buzz" :
          i;
  }
}

const generator = fizzBuzzGenerator(100);
for (const value of generator) {
  console.log(value);
}

Генераторы — это, конечно, мощная штука, но для FizzBuzz это явно overengineering. Хотя, знаете что? Мне нравится!

Вот такие вот пироги, ребята. FizzBuzz — это, конечно задачка для новичков, сколько же можно её усложнять? Я даже не знаю, какой вариант выбрать. Может, просто оставить первый, чтобы не выглядеть как долбоёб на собеседовании?

Я уже довольно давно интересуюсь Linux, и за это время успел попробовать несколько дистрибутивов. Некоторые из них мне понравились, с другими возникли сложности, а про остальные я только читал или слышал от других пользователей. В этой теме я поделюсь своим опытом работы с Ubuntu, Fedora и Kali Linux, а также расскажу о других популярных дистрибутивах, которые пока не пробовал, но планирую.

---

1. Ubuntu

Мой опыт:

Ubuntu был первым дистрибутивом, который я установил на свой компьютер. Мне он показался очень удобным для новичков, особенно благодаря простоте установки и большому количеству документации. Я использовал его как основную систему около года, и за это время разобрался с базовыми вещами в Linux.

На текущий момент Ubuntu использую под Windows WSL

Что понравилось:

• Простой и понятный интерфейс. Даже если ты раньше никогда не работал с Linux, Ubuntu покажется тебе интуитивным.
• Большое сообщество. Если что-то не получается, всегда можно найти решение в интернете.
• Snap-пакеты упрощают установку программ, хотя иногда они работают медленнее, чем традиционные пакеты.
• Долгосрочные версии (LTS) действительно стабильны. Я использовал LTS-версию, и она отлично работала.

Что не понравилось:

• Иногда обновления могут сломать систему, особенно если ты используешь не-LTS версии.
• Snap-пакеты иногда занимают много места и работают медленно.

Где скачать:

https://ubuntu.com/download

---

2. Fedora

Мой опыт:

После Ubuntu я решил попробовать Fedora. Мне было интересно посмотреть, чем она отличается, ведь многие говорят, что это один из самых современных дистрибутивов. Я установил Fedora Workstation с рабочим столом GNOME.

Что понравилось:

• Свежие версии программ. Fedora всегда предлагает последние версии ПО, что мне очень понравилось.
• Интерфейс GNOME выглядит красиво и современно. Хотя вначале было немного непривычно, но потом я привык.
• Хорошая производительность. Система работает быстро, даже на не самом мощном железе.
• Открытость и приверженность свободному ПО. Это вызывает уважение.

Что не понравилось:

• Иногда программы из репозитория могут быть нестабильными, так как они новые.
• Не все проприетарные драйверы работают “из коробки”. Например, с NVIDIA пришлось повозиться.

Где скачать:

https://getfedora.org/

---

3. Kali Linux

Мой опыт:

Kali Linux я пробовал исключительно для учебных целей. Я интересуюсь информационной безопасностью, и мне хотелось посмотреть, какие инструменты доступны в этом дистрибутиве. Устанавливал его в VirtualBox, чтобы не трогать основную систему.

Что понравилось:

• Огромное количество предустановленных инструментов для тестирования безопасности. Это действительно удобно, если ты занимаешься этическим хакингом.
• Частые обновления. Разработчики следят за актуальностью программ.
• Поддержка различных сред выполнения (Live USB, VirtualBox, VMware). Это позволяет легко экспериментировать.

Что не понравилось:

• Для новичков может быть сложно. Без базовых знаний в области безопасности и Linux здесь делать нечего.
• Не подходит для повседневного использования. Это специализированный дистрибутив, и использовать его как основную систему нецелесообразно.

Где скачать:

https://www.kali.org/get-kali/

---

4. Debian

Про Debian я много читал и слышал от других пользователей. Многие говорят, что это один из самых стабильных дистрибутивов, который часто используется на серверах. Также я знаю, что Ubuntu основан на Debian, поэтому они во многом похожи.

Особенности:

• Высокая стабильность. Пакеты тщательно тестируются перед выпуском.
• Минималистичный подход. Здесь нет лишних “наворотов”, только самое необходимое.
• Большой выбор пакетов через APT. Можно установить практически любую программу.
• Подходит для работы как на домашнем компьютере, так и на сервере.

Где скачать:

https://www.debian.org/distrib/

---

5. Linux Mint

Linux Mint — это еще один популярный дистрибутив, который часто рекомендуют новичкам. Я читал, что он основан на Ubuntu и предлагает удобный интерфейс, похожий на Windows. Многие пользователи хвалят его за простоту и стабильность.

Особенности:

• Удобный интерфейс Cinnamon, MATE или XFCE. Особенно популярен Cinnamon.
• Встроенные мультимедийные кодеки и поддержка проприетарного ПО. Не нужно ничего дополнительно устанавливать.
• Простота установки и настройки. Даже если ты никогда не работал с Linux, разберешься быстро.
• Хорошо работает даже на старых компьютерах.

Где скачать:

https://linuxmint.com/download.php

---

6. Manjaro

Manjaro — это дистрибутив, основанный на Arch Linux. Я слышал, что он сочетает в себе гибкость Arch и простоту Ubuntu. Многие пользователи хвалят его за удобство и возможность легко настраивать систему.

Особенности:

• Автоматическое обновление ядра и пакетов. Не нужно беспокоиться о совместимости.
• Есть варианты с разными рабочими столами: XFCE, KDE, GNOME.
• Большой выбор программ через AUR (Arch User Repository).
• Простота установки и настройки. Для новичков есть графический установщик.

Где скачать:

https://manjaro.org/download/

---

7. Arch Linux

Arch Linux — это минималистичный дистрибутив, который предоставляет полный контроль над системой. Я читал, что он больше подходит для опытных пользователей, которые хотят настроить свою систему “под себя”. Пока я не готов к нему, но планирую попробовать позже.

Особенности:

• Rolling-release модель. Обновления выходят постоянно, и тебе не нужно ждать новых версий.
• Большое сообщество и подробная документация (Arch Wiki).
• Гибкость и свобода в настройке.
• Требует ручной установки и конфигурации.

Где скачать:

https://archlinux.org/download/

---

Заключение

За время работы с Linux я успел попробовать Ubuntu, Fedora и Kali Linux. Каждый из них оставил свои впечатления, и я понял, что выбор дистрибутива зависит от задач, которые ты хочешь решать. Про остальные дистрибутивы я пока только читал или слышал от других пользователей, но планирую их попробовать в будущем.

Если ты тоже интересуешься Linux, надеюсь, мой опыт и информация будут полезными. Если у тебя есть вопросы или ты знаешь что-то интересное, пиши в комментариях!

Привет, друзья! Сегодня рассмотрим Rust — одном из самых интересных и быстрорастущих языков последних лет. Если вы еще не слышали о нем или только начинаете знакомство, то эта статья для вас. Мы разберем ключевые особенности Rust, его преимущества, недостатки и области применения. И так поехали!

Что такое Rust?

Rust — это системный язык программирования, разработанный Mozilla в 2010 году. Он был создан с целью предоставить разработчикам инструмент, который сочетает в себе высокую производительность (как у C/C++) и безопасность (особенно при работе с памятью). Rust стремится предотвратить распространенные ошибки, такие как утечки памяти, гонки данных и использование освобожденной памяти.

Ключевые особенности Rust

1. Безопасность памяти

Одна из главных фишек Rust — это гарантия безопасности памяти без использования сборщика мусора (Garbage Collector). Это достигается благодаря уникальной системе владения (Ownership) и заимствования (Borrowing).

• Владение (Ownership): В Rust каждая переменная “владеет” своим значением, и только один владелец может существовать в любой момент времени. Когда владелец выходит из области видимости, память автоматически освобождается.

{
    let s = String::from("hello"); // Создаем строку
    // `s` владеет строкой
} // Здесь `s` выходит из области видимости, и память освобождается

• Заимствование (Borrowing): Вы можете временно “заимствовать” значение через ссылки, но Rust строго контролирует, чтобы не было одновременного изменения и чтения данных.

fn main() {
    let mut x = 5;
    let y = &mut x; // Заимствуем `x` как изменяемую ссылку
    *y += 1;        // Изменяем значение через ссылку
    println!("{}", x); // Выведет 6
}

Эта система позволяет избежать утечек памяти, гонок данных и других проблем, которые часто встречаются в C/C++.

2. Высокая производительность

Rust компилируется в машинный код, что делает его невероятно быстрым. Благодаря отсутствию сборщика мусора и оптимизациям компилятора, Rust по производительности сравним с C и C++. При этом он предлагает гораздо более безопасную среду разработки.

3. Строгая типизация

Rust — это статически типизированный язык. Компилятор проверяет все типы на этапе компиляции, что помогает избежать ошибок, связанных с несоответствием типов.

fn add(a: i32, b: i32) -> i32 {
    a + b
}

Здесь мы явно указываем типы аргументов (i32) и возвращаемого значения. Это делает код более предсказуемым и надежным.

4. Параллельность и многопоточность

Rust предоставляет мощные инструменты для работы с параллельностью и многопоточностью. Благодаря системе владения, Rust гарантирует отсутствие гонок данных (data races) даже в многопоточных приложениях.

use std::thread;

fn main() {
    let handle = thread::spawn(|| {
        println!("Hello from a thread!");
    });

    handle.join().unwrap();
}

Здесь создается новый поток, который выполняет код внутри замыкания. Rust гарантирует, что данные, используемые в разных потоках, будут обрабатываться безопасно.

5. Обширная стандартная библиотека

Rust имеет богатую стандартную библиотеку, которая покрывает множество задач: работа с файлами, сетью, коллекциями, многопоточностью и т.д. Например:

• Работа с файлами:

use std::fs;

fn main() {
    let contents = fs::read_to_string("file.txt").expect("Failed to read file");
    println!("{}", contents);
}

• Обработка HTTP-запросов:

use reqwest::blocking::get;

fn main() {
    let response = get("https://example.com").unwrap();
    println!("{}", response.text().unwrap());
}

6. Кроссплатформенность

Rust поддерживает множество платформ, включая Windows, macOS, Linux, а также различные архитектуры (ARM, x86 и др.). Это делает его отличным выбором для создания кроссплатформенных приложений.

7. Система макросов

Rust предоставляет мощную систему макросов, которая позволяет автоматизировать повторяющиеся задачи и расширять функциональность языка. Например, макрос println! используется для вывода текста:

fn main() {
    let name = "Rust";
    println!("Hello, {}!", name); // Выведет "Hello, Rust!"
} 

Макросы в Rust работают на уровне абстрактного синтаксического дерева (AST), что делает их более гибкими и безопасными, чем макросы в C/C++.

Преимущества Rust

1. Безопасность: Система владения и заимствования гарантирует отсутствие утечек памяти и гонок данных.
2. Производительность: Rust компилируется в машинный код и работает так же быстро, как C/C++.
3. Надежность: Строгая типизация и проверки на этапе компиляции минимизируют количество ошибок в рантайме.
4. Кроссплатформенность: Поддержка множества платформ и архитектур.
5. Активное сообщество: Rust активно развивается, и вокруг него существует большое сообщество разработчиков.

Недостатки Rust

1. Крутая кривая обучения: Система владения и заимствования может быть сложной для новичков. Особенно если вы привыкли к языкам с автоматическим управлением памятью (например, JavaScript или Python).
2. Длинное время компиляции: Rust компилятор очень строгий и выполняет множество проверок, что увеличивает время компиляции.
3. Меньше библиотек, чем в экосистемах Python/JavaScript: Хотя Rust имеет много полезных библиотек, его экосистема пока не так развита, как у более старых языков.

Области применения Rust

Rust становится все популярнее в различных областях разработки. Вот основные направления, где он особенно востребован:

1. Системное программирование

Rust идеально подходит для написания операционных систем, драйверов устройств, встраиваемых систем и других низкоуровневых приложений. Его безопасность и производительность делают его отличной альтернативой C/C++.

Примеры:

• Операционная система Redox , написанная полностью на Rust.
• Проект Theseus , исследовательская ОС.

2. Веб-разработка

Хотя Rust не является классическим языком для веб-разработки, он активно используется для создания серверных приложений и микросервисов. Фреймворки вроде Actix и Rocket позволяют создавать высокопроизводительные веб-серверы.

Пример:

use actix_web::{web, App, HttpServer, Responder};

async fn index() -> impl Responder {
    "Hello, Rust web development!"
}

#[actix_web::main]
async fn main() -> std::io::Result<()> {
    HttpServer::new(|| {
        App::new().route("/", web::get().to(index))
    })
    .bind("127.0.0.1:8080")?
    .run()
    .await
}

3. Игровая индустрия

Rust начинает набирать популярность в игровой индустрии благодаря своей производительности и безопасности. Он используется для создания движков, инструментов и игр.

Примеры:

• Игровой движок Bevy , написанный на Rust.
• Игра Veloren , voxel-based RPG.

4. Blockchain и криптовалюты

Rust активно используется в разработке блокчейн-проектов и криптовалют благодаря своей производительности и безопасности.

Примеры:

• Криптовалюта Solana , написанная на Rust.
• Блокчейн-платформа Polkadot.

5. Инструменты разработки

Rust часто используется для создания инструментов разработки, таких как компиляторы, линтеры и анализаторы кода.

Пример:

• Инструмент Cargo , менеджер пакетов и сборщик проектов для Rust.

---

Итоги

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

Если вы хотите попробовать что-то новое и готовы потратить время на изучение, Rust определенно стоит вашего внимания. А если вы уже пишете на Rust, делитесь своими впечатлениями в комментариях!

P.S. Не забудьте заглянуть в официальную документацию Rust — она одна из лучших в мире программирования.

Ссылки для дальнейшего изучения:

• Официальный сайт Rust
• The Rust Programming Language (книга)
• Rust by Example

Привет, народ! Хочу поделиться своими мыслями о языке программирования Dart. Начну с того, что я не пишу на Dart — я JavaScript-программист до мозга костей, и мне нравится мой выбор. Но время от времени я присматриваюсь к другим языкам, чтобы понять, какие инструменты есть у других разработчиков, и как они решают задачи. И знаете что? Dart действительно вызывает интерес!

Dart был создан Google в 2011 году, и сейчас он активно используется для разработки мобильных приложений (Flutter), веб-приложений, серверных решений и даже десктопных программ. Давайте посмотрим, чем этот язык так привлекателен.

Статическая типизация

Первая вещь, которая бросается в глаза — это статическая типизация. Для меня, как JavaScript-разработчика, это было шоком. В JS мы все привыкли к динамической типизации, где можно написать что-то вроде:

let x = "hello";
x = 42; // Why not?

А в Dart такое невозможно. Типы строго проверяются во время компиляции:

String x = "hello";
x = 42; // Ошибка: нельзя присвоить int переменной String

Null Safety

Вот еще одна фишка, которая заставила меня задуматься. Dart имеет встроенный механизм Null Safety — защиту от null и undefined. Если вы когда-либо сталкивались с ошибками типа Cannot read property 'foo' of null в JavaScript, то поймете, почему это важно.

В Dart нужно явно указать, может ли переменная быть null, используя знак ?:

String? name; // Может быть null
name = null; // OK
print(name?.length); // Безопасный вызов метода

Это спасает от множества глупых ошибок. Хотя, честно говоря, в JavaScript мы уже можем использовать TypeScript для подобного, но в Dart это работает из коробки.

Ориентация на производительность

Dart был разработан с учетом производительности. Он может компилироваться как в машинный код (для Flutter-приложений), так и в JavaScript (для веба). Это позволяет создавать быстрые и эффективные приложения без необходимости жертвовать кроссплатформенностью.

Например, если вы пишете мобильное приложение на Flutter, Dart компилируется в нативный код для Android и iOS. А если вы пишете веб-приложение, Dart преобразуется в оптимизированный JavaScript. Удобно, правда?

Асинхронность через async/await

Если вы знакомы с JavaScript, то знаете, как удобно работать с асинхронным кодом через async/await. В Dart эта концепция реализована практически один в один:

Future<String> fetchData() async {
  await Future.delayed(Duration(seconds: 2)); // Симулируем задержку
  return "Data loaded!";
}

void main() async {
  print(await fetchData()); // Выведет "Data loaded!" через 2 секунды
}

Для меня это было приятным сюрпризом. Dart не пытается изобрести велосипед, а просто берет лучшие практики из других языков.

Flutter — главный козырь Dart

Если вы никогда не слышали о Flutter, это фреймворк для создания кроссплатформенных приложений на Dart. Он позволяет писать один код и запускать его на Android, iOS, вебе, Windows, macOS и Linux. Это огромное преимущество для команд, которые хотят экономить время и ресурсы.

Как JavaScript-разработчик, я могу сравнить Flutter с React Native. Только Flutter использует собственный рендеринг, что делает его более производительным и гибким. Но вот проблема: для работы с Flutter нужно учить Dart. А я пока не готов отказаться от моего любимого JavaScript .

Богатая стандартная библиотека

Dart предлагает мощную стандартную библиотеку, которая покрывает множество задач: работа с коллекциями, файлами, сетью, регулярными выражениями и т.д. Например:

import 'dart:convert';

void main() {
  Map<String, dynamic> data = jsonDecode('{"name": "John", "age": 30}');
  print(data['name']); // Выведет "John"
}

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

Сильное сообщество и поддержка Google

Google активно развивает Dart и Flutter, что обеспечивает язык хорошей документацией, регулярными обновлениями и большим количеством учебных материалов. Сообщество тоже растет, поэтому найти ответы на вопросы становится всё проще.

Итоги

Dart — это интересный язык, который предлагает много преимуществ для тех, кто хочет создавать кроссплатформенные приложения. Его статическая типизация, Null Safety и интеграция с Flutter делают его особенно привлекательным для мобильной разработки.

Однако, как JavaScript-программист, я пока не готов полностью переключаться на Dart. Мне нравится гибкость и свобода, которую дает JavaScript, особенно в сочетании с современными фреймворками вроде React или Vue.js. Но я определенно буду следить за развитием Dart и Flutter — кто знает, может быть, однажды я решу попробовать их в реальном проекте.

А вы уже работали с Dart? Какие ваши впечатления?
P.S. Если хотите научиться писать на Dart — начните с официальной документации. Она отличная!

Привет, народ!

Если вы только начинаете знакомство с Shell или уже чувствуете себя уверенно, но хотите расширить свой арсенал — эта статья для вас!

Shell — это мощный инструмент, который может сделать вашу жизнь проще… если вы знаете, как им пользоваться. А если нет, то он может превратить ваш рабочий день в кошмар. Но не переживайте, я покажу вам несколько полезных команд, которые помогут избежать большинства проблем.

Основы: Начнем с простого

Если вы только начинаете, вот несколько базовых команд, без которых никуда:
ls

ls -la

Это команда для просмотра содержимого директории. -l показывает детальную информацию (размер файлов, права доступа и т.д.), а -a отображает скрытые файлы. Без этих флагов вы будете чувствовать себя как слепой котёнок.

cd

cd /path/to/directory

Двигайтесь по директориям! Просто укажите путь, куда хотите попасть. И да, если забудете, где сейчас находитесь, используйте:

pwd

mkdir и rm

mkdir new_folder
rm -rf folder_to_delete

Создание новых директорий (mkdir) и удаление ненужных (rm). Внимание: будьте осторожны с rm -rf. Это как дробовик в толпе людей — один неверный шаг, и всё, что вы любили, исчезнет навсегда. Не говоря уже о том, что можно случайно удалить / и получить “поздравляю, ты сломал систему!”.

Работа с файлами: Когда текстовые документы нападают

cat

cat file.txt

Просмотр содержимого файла. Если файл слишком большой, лучше использовать less или more.

grep

grep "искомая строка" file.txt

Поиск строки в файле. Очень полезная штука, особенно когда вы ищете что-то конкретное в логах или конфигурационных файлах. Можно комбинировать с другими командами через | (pipe) :

ps aux | grep python

touch

touch new_file.txt

Создание нового файла. Просто и элегантно.

Управление процессами: Когда система начинает тормозить

ps

ps aux

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

top и htop

top

Мониторинг системы в реальном времени. Если у вас есть htop, используйте его — он намного удобнее.

kill

kill -9 PID

Убивает процесс по его ID (PID). Если процесс не хочет умирать, добавьте -9 — это как сказать “умри, сволочь!”

Поиск и замена: Магия sed и awk

sed

sed -i 's/old_text/new_text/g' file.txt

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

awk

awk '{print $1}' file.txt

Обработка столбцов данных. Например, если у вас есть файл с IP-адресами, вы можете легко выбрать первый столбец.

Работа с сетью

ping

ping google.com

Проверка соединения с сервером. Если не работает, значит либо сервер мертв, либо ваш интернет — говно.

curl

curl -I https://example.com

Получение заголовков HTTP. Великолепная команда для тестирования API или проверки работы сайтов.

netstat

netstat -tuln

Просмотр открытых портов и соединений. Если что-то странное происходит с сетью, начните с этой команды.

Дополнительные советы: На закуску

history

history

Просмотр истории команд. Если вы забыли, какую команду использовали вчера, просто посмотрите историю.

alias

alias ll='ls -la'

Создание собственных команд. Например, если вы часто используете ls -la, сделайте себе алиас ll — сэкономите время и нервы.

man

man ls

Руководства по командам. Если забыли, как что работает, всегда можно обратиться к справке. Хотя иногда она кажется написанной на марсианском языке.

Итоги

Shell — это как магия, но с меньшим количеством искр и больше стресса. Однако, освоив эти команды, вы сможете работать эффективнее и избегать многих типичных ошибок. Главное — практикуйтесь, экспериментируйте и помните: если что-то идет не так, всегда можно перезагрузить систему (или купить новую).

А теперь идите, пробуйте, и да прибудет с вами терминал!

P.S. Если сломаете систему — не вините меня. Это ваш выбор.

Each child in a list should have a unique "key" prop

Пример:

{items.map(item => <div>{item.name}</div>)}

Решение: Добавить уникальный key:

{items.map(item => <div key={item.id}>{item.name}</div>)}