👩‍💻 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;