👩‍💻 3 способа разместить элемент по центру:
✔️ С помощью flex:

.center-flex {
    display: flex;
    align-items: center;
    justify-content: center;
}

✔️ С помощью grid:

.center-grid {
    display: grid;
    place-items: center;
}

✔️ С помощью абсолютной позиции:

 .center-absolute {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

👩‍💻 Шпаргалка CSS для (first, last) nth-child:
Используйте селекторы :first-child, :last-child и :nth-child() для точного выбора элементов в HTML документе.

🥰 :first-child: Выбирает первый дочерний элемент своего родителя.

li:first-child {
    /* Стили для первого элемента списка */
}

⭐️ :last-child: Выбирает последний дочерний элемент своего родителя.

li:last-child {
    /* Стили для последнего элемента списка */
}

🔥 :nth-child(): Выбирает элементы, которые соответствуют указанному математическому выражению.

/* Выбор каждого четвертого элемента */
li:nth-child(4n) {
    /* Стили для каждого четвертого элемента списка */
}

👩‍💻 Bootstrap - это один из самых популярных фреймворков для разработки веб-интерфейсов. Вот почему он так популярен:

🔥 Готовые компоненты
🔥 Отзывчивый дизайн
🔥 Сеточная система
🔥 Темы и расширения
🔥 Большое сообщество

🔝 Ссылка на Bootstrap

👩‍💻 4 способа преобразовать строку в число в JavaScript:
JavaScript предоставляет несколько способов преобразования строк в числа в зависимости от ваших потребностей.

📌 parseInt(): Преобразует строку в целое число.

let str = "123";
let num = parseInt(str);
console.log(num); // Output: 123

📌 parseFloat(): Преобразует строку в число с плавающей точкой.

let str = "3.14";
let num = parseFloat(str);
console.log(num); // Output: 3.14

📌 Number(): Преобразует строку в число (целое или с плавающей точкой).

let str = "42";
let num = Number(str);
console.log(num); // Output: 42

📌 Unary Plus (+): Используется для преобразования строки в число.

let str = "99";
let num = +str;
console.log(num); // Output: 99

👩‍💻 Известные JavaScript фреймворки:
JavaScript фреймворки предоставляют разработчикам мощные инструменты для создания динамичных и интерактивных веб-приложений. Вот некоторые из самых популярных фреймворков:

👩‍💻 React:
- виртуальный DOM для оптимизации производительности.
- удобное управление состоянием.
- обширное сообщество и экосистема.

👩‍💻 Vue.js:
- простота в изучении.
- гибкость.
- богатая функциональность и активное сообщество.

👩‍💻 Node.js:
- высокая производительность.
- масштабируемость.
- широкий выбор библиотек и модулей.
- единый язык для клиентской и серверной разработки.

👩‍💻 const 🆚 readonly

🤜 Различие между const и readonly заключается в том, что значения констант определяются во время компиляции, в то время как переменные readonly могут быть инициализированы либо во время компиляции, либо во время выполнения программы.

public class ConstVsReadonly
{
    private const int CONST_VALUE = 0;

    private readonly int _readonlyValue;

    public ConstVsReadonly(int readonlyValue)
    {
        _readonlyValue = readonlyValue;
    }
}

👩‍💻 Атрибут spellcheck

🧠 Атрибут spellcheck указывает браузеру проверять или нет правописание и грамматику в тексте элемента

<textarea lang="ru" spellcheck="true"></textarea>

👩‍💻 Псевдокласс :empty

👁 Псевдокласс :empty представляет пустые элементы, иными словами такие, которые не содержат дочерних элементов, текста или пробелов.

<p>Кошка</p>
<p></p>
<p>Собака</p>

p {
  width: 150px;
  height: 150px;
  border: 1px solid #000000;
}

p:empty {
  background: red;
}

👩‍💻 Наглядная шпаргалка по Input Types в HTML

💎 Новая среда для представление идей
Создавайте документы и веб-страницы за считанные секунды.

➡️ Ссылка на сайт

👩‍💻 JOIN-операторы в SQL

👥 Объяснение INNER JOIN, LEFT JOIN, RIGHT JOIN и их использование для объединения данных из разных таблиц.

SELECT t1.column1, t2.column2
FROM table1 t1
INNER JOIN table2 t2 ON t1.id = t2.id;

👩‍💻 var 🆚 let 🆚 const

Ключевые слова var, let и const используются для объявления переменных в JavaScript. var имеет функциональную область видимости и может быть переопределена, let обеспечивает блочную область видимости и может быть изменена, а const также имеет блочную область видимости, но не может быть переопределена после инициализации. Используйте const, когда значение переменной не должно изменяться, let для изменяемых переменных в рамках блока, и var предпочтительно не использовать из-за его неявной области видимости.

// Использование var
var x = 10;
console.log(x); // Вывод: 10
x = 20;
console.log(x); // Вывод: 20

// Использование let
let y = 30;
console.log(y); // Вывод: 30
y = 40;
console.log(y); // Вывод: 40

// Использование const
const z = 50;
console.log(z); // Вывод: 50
// Попытка переопределения const вызовет ошибку
// z = 60; // TypeError: Assignment to constant variable

👩‍💻 Градиент текста

<h1 class="text-gradient">Разноцветный заголовок!</h1>

.text-gradient {
  background: linear-gradient(145deg, #B657A8, #1A154B);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}

👩‍💻 Индексы в SQL

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

CREATE INDEX idx_column1 ON table_name (column1);

👩‍💻 Git

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

🍽 Основные команды Git:
1. git init – инициализирует новый репозиторий.
2. git add <файл> – добавляет изменения в индекс.
3. git commit -m "сообщение" – сохраняет состояние индекса в репозитории.
4. git status – показывает текущий статус репозитория.
5. git log – отображает историю коммитов.
6. git branch – показывает список веток.
7. git checkout <ветка> – переключается на другую ветку.
8. git merge <ветка> – объединяет указанную ветку в текущую.

➡️Ссылка на гит