👩‍💻 Наглядная шпаргалка по 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 <ветка> – объединяет указанную ветку в текущую.

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

👩‍💻 Три вида функций в JavaScript

📌 Function Declarations:
- Объявляются с использованием ключевого слова function.
- Могут быть вызваны до своего определения (поднятие).

function greet(name) {
    return `Привет, ${name}!`;
}

📌 Function Expressions:
- Функции, которые присваиваются переменной.
- Могут быть анонимными.

const greet = function(name) {
    return `Привет, ${name}!`;
};

📌 Arrow Functions:
- Короткий и читабельный синтаксис.
- this привязан к месту объявления.

const greet = (name) => {
    return `Привет, ${name}!`;
};

📱 ChatGPT

ChatGPT - это инновационная модель искусственного интеллекта, созданная OpenAI, способная генерировать тексты на различные темы, отвечать на вопросы и даже вести увлекательные диалоги.

Краткий список функций ChatGPT:
🔥 Генерация текста.
🔥 Ответы на вопросы.
🔥 Диалоги и развлечения.
🔥 Генерация фото.
🔥 Обучение и обучающие материалы.
🔥 Создание контента.

➡️Ссылка на ChatGPT

👩‍💻 Наглядная шпаргалка по позиционированию элементов с помощью Grid CSS

👩‍💻 Figma

Figma - это инновационный инструмент для дизайна, позволяющий создавать прототипы, макеты интерфейсов и даже проводить совместную работу в реальном времени. Используйте Figma для воплощения своих творческих идей в жизнь, делись своими проектами с командой и получайте обратную связь легко и эффективно!

➡️Ссылка на Figma

👩‍💻 Оформление элементов с помощью CSS Border Radius

👩‍💻 Логические операторы в C#
Эти операторы позволяют реализовать условные конструкции и принимать решения в коде. Здесь мы рассмотрим три основных логических оператора: И (&&), ИЛИ (||) и НЕ (!).

💎 Оператор И (&&)
Оператор И используется, когда нужно, чтобы два условия были истинны одновременно. Например, программа может проверить, что пользователь совершеннолетний и зарегистрирован, прежде чем разрешить доступ к ресурсу.

if (age >= 18 && isRegistered)
{
    Console.WriteLine("Доступ разрешён.");
}
else
{
    Console.WriteLine("Доступ запрещён.");
}

💎 Оператор ИЛИ (||)
Оператор ИЛИ применяется, когда хотя бы одно из условий должно быть истинным. Это может быть полезно, например, если доступ к функции должен быть открыт для администраторов или модераторов.

if (userRole == "Администратор" || userRole == "Модератор")
{
    Console.WriteLine("Доступ к панели управления предоставлен.");
}
else
{
    Console.WriteLine("У вас нет доступа к этой панели.");
}

💎 Оператор НЕ (!)
Оператор НЕ инвертирует логическое значение. Он полезен для проверки отрицательных условий. Например, можно запретить выполнение операции, если пользователь не авторизован.

if (!isAuthorized)
{
    Console.WriteLine("Пожалуйста, выполните вход в систему.");
}
else
{
    Console.WriteLine("Добро пожаловать в систему!");
}

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

👩‍💻 Руководство по выбору курсора в CSS

👩‍💻 Использование агрегатных функций в SQL
Сегодня мы поговорим о функциях COUNT, SUM, AVG, MIN, и MAX.

❤️‍🔥 Функция COUNT()
Функция COUNT() используется для подсчета количества строк в столбце или в таблице. Очень полезно, когда нужно узнать, сколько записей соответствует определенному критерию.

SELECT COUNT(*) FROM employees;

❤️‍🔥 Функция SUM()
Функция SUM() суммирует числовые значения в столбце. Это идеальный инструмент для получения общих сумм, например, общей зарплаты сотрудников.

SELECT SUM(salary) FROM employees;

❤️‍🔥 Функция AVG()
Функция AVG() вычисляет среднее значение по набору числовых данных. Она особенно полезна для анализа общих тенденций.

SELECT AVG(salary) FROM employees;

❤️‍🔥 Функции MIN() и MAX()
Функции MIN() и MAX() используются для нахождения минимального и максимального значения в столбце соответственно.

SELECT MIN(salary), MAX(salary) FROM employees;

📌 Используя эти функции, вы можете извлечь значительную ценность из ваших данных, позволяя принимать обоснованные решения на основе вашего анализа.

👩‍💻 Наглядная шпаргалка по Box-shadow в CSS

👩‍💻 Sass/SCSS
Sass/SCSS - это мощный препроцессор CSS, который помогает вам управлять стилями вашего веб-проекта более эффективно и организованно!

💎 SASS — это препроцессор CSS, который добавляет множество удобных функций для более эффективного и удобного написания стилей.
💎 SCSS (Sassy CSS) — это синтаксис SASS, который полностью совместим с CSS, но добавляет новые возможности.

🔥 Основные возможности SCSS:
🔥 Переменные:
Вы можете определять переменные для хранения значений, которые вы часто используете, например, цвета или размеры шрифтов.

$primary-color: #333;
$font-size: 16px;

body {
  color: $primary-color;
  font-size: $font-size;
}

🔥 Вложенность:
SCSS позволяет использовать вложенные правила, что делает ваш CSS более организованным и легче читаемым.

.navbar {
  background-color: $primary-color;
  li {
    display: inline-block;
    a {
      text-decoration: none;
      color: white;
    }
  }
}

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

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

.header {
  @include flex-center;
}

➡️ Ссылка на документацию

👩‍💻 Небольшая шпаргалка по CSS Flexbox