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

Цього тижня ми зануримося у майбутнє, вивчаючи NewSQL, хмарні бази даних, такі як AWS RDS та BigQuery, а також те, як штучний інтелект (ШІ) та машинне навчання (МН) інтегруються у сучасні системи баз даних. Це важливо як для розробників, так і для ентузіастів даних, оскільки ці тенденції формують те, як ми будемо керувати, масштувати і отримувати цінність із даних у 2025 році та в майбутньому.

Вступ до

SQL (Structured Query Language) — це мова програмування, яка використовується для зберігання, управління та маніпулювання даними, особливо в системах керування реляційними базами даних. Вона є однією з найпоширеніших мов для СУБД (систем управління базами даних), оскільки є швидкою та легкою для розуміння.

Сьогодні більшість бізнесів орієнтовані на дані, тому важливо зберігати та регулярно звертатися до даних. Наприклад, якщо п’ять ресторанів Pizza Hut в Кенії обслуговують десяти тисячі клієнтів щодня, вони можуть передавати ці дані в централізовану базу даних для аналізу та покращення досвіду клієнтів. SQL допомагає реалізувати ці завдання.

SQL дозволяє створювати, читати, оновлювати та видаляти (CRUD) дані, і це … Читати далі

На цьому уроці ми розглянули основи SQL, зокрема як створювати таблиці, вставляти в них дані, переглядати ці дані та оновлювати їх за допомогою запитів. SQL, або Structured Query Language, є стандартною мовою для роботи з базами даних, яка дозволяє зберігати, обробляти і маніпулювати даними.

Зазначимо, що SQL використовується для зберігання даних у базах даних, а також для отримання, оновлення або видалення цих даних. Це надзвичайно корисно для бізнесів, які орієнтовані на дані і постійно потребують доступу до них, як, наприклад, для мережі Pizza Hut, яка може зберігати дані про клієнтів і використовувати їх для аналізу і покращення сервісу.

В SQL … Читати далі

Під час роботи над проектом для свого портфоліо я завантажив базу даних для практики в SQL. Після того, як імпортував і обробив дані, я помітив, що в стовпці ID, який я планував перетворити на первинний ключ, були дублікати. Тому перед тим, як зробити цей стовпець первинним ключем, я спочатку мав прибрати дублікати.

Для цього я використав CTE (Common Table Expression), що дозволяє створити тимчасовий запит. Як тільки цей запит виконано, тимчасова таблиця буде видалена.

Я також застосував метод ROW_NUMBER, щоб нумерувати рядки результатів, та використав PARTITION BY для групування даних.

Приклад коду:

WITH duplicates AS (
SELECT *,
ROWNUMBER … Читати далі

Використання підготовлених запитів є оптимальним підходом для виконання SQL-запитів, оскільки вони дозволяють безпечно впроваджувати параметри, які будуть змінюватися під час кожного виконання запиту. Це забезпечує більшу безпеку та ефективність у порівнянні з з'єднанням рядків для створення SQL-запитів.

У наведеному прикладі показано, як небезпечно створювати запити через з'єднання рядків, коли значення введене користувачем можуть включати спеціальні символи, що спричиняють SQL-ін'єкції. Проблема в тому, що введення без попередньої обробки може бути використано для атак.

У хорошому прикладі SQL-запит створюється з використанням параметрів. Це допомагає безпечно додавати значення до запиту, уникати SQL-ін'єкцій і динамічно будувати запити за допомогою об'єкта QueryDefinition.

При використанні змінних … Читати далі

У цьому уроці були розглянуті функції, пов'язані з box-modeling, включаючи такі важливі властивості:

Overflow
Resetting defaults
Visibility
Border-box

overflow

Це ситуація, коли елемент, що знаходиться всередині батьківського контейнера, не вміщується в його межах і виходить за них. Для вирішення цієї проблеми є кілька властивостей:

hidden — вміст, що виходить за межі контейнера, буде прихований, і буде видно лише частину.

p{
overflow: hidden;
}

visible — значення за замовчуванням, де вміст, що виходить за межі, буде видно.

p{
overflow: visible;
}

scroll — весь вміст, що виходить за межі, буде прихований, але до контейнера додадуть смугу прокрутки, яка дозволить переглядати … Читати далі

У цій статті я хочу поділитися двома корисними порадами щодо CSS, які можуть зробити ваш сайт більш зручним і привабливим для користувачів.

Перша порада стосується зміни кольору курсора. Навіть невеликі деталі, як-от зміна кольору курсора, можуть істотно покращити взаємодію з користувачем. За допомогою CSS ви можете легко змінити колір курсора. Ось приклад:

input {
caret-color: blue;
}
.myInput {
caret-color: #00ff00;
}
.custom {
caret-color: rgb(255, 100, 0);
}

В результаті, курсор у текстовому полі змінюється на той колір, який ви вказали. Я використовував оранжевий колір за допомогою значень rgb.

Друга порада стосується використання властивості :is() у CSS. Ця властивість … Читати далі

У цьому прикладі показано, як можна змінити елемент HTML за допомогою jQuery. Після того, як відбулася подія hover, до елемента div0 додається клас "selected", а вміст цього елемента змінюється на новий текст.

У результаті, елемент div0 зберігає свій вміст після події hover, завдяки класу, що був доданий. Натомість div1 показує свій вміст лише під час події hover. Це нагадує поведінку HTML елемента input з типом checkbox, де вибір залишається активним після завершення події hover.

Цей підхід демонструє, як за допомогою jQuery можна маніпулювати стилями і контентом елементів, роблячи їх інтерактивними на веб-сторінці.

Перекладено з: CSS Basics 11… Читати далі

Використання CSS замість SCSS може призвести до непередбачуваних проблем, особливо залежно від вмісту вашого файлу .browserslist.

У цьому прикладі для тестування використано код, що демонструє проекцію вмісту за допомогою Angular. Клас .text-1, який є частиною проекції, має атрибут [_ngcontent-ng-c2567263143], що забезпечує відокремлення стилів для дочірніх компонентів. Це означає, що застосовані стилі до цього класу не впливають на інші компоненти.

У першому випадку, коли використовуються стандартні діапазони сумісності браузерів для Angular 19.x, включаючи останні 2 версії Chrome, Firefox, Edge, Safari, iOS і Android, а також Firefox ESR, проекція працює коректно, і стилі не впливають на інші елементи, оскільки … Читати далі

Елементи CSS часто здаються фіксованими, але їх можна змінювати за допомогою JavaScript. У даному випадку до елемента div0 додано клас "selected", а текст у ньому змінюється на новий, що продемонстровано в коді.

Коли користувач натискає на div0, на елементі відображається текст "data from JavaScript to CSS". Це простий, але ефективний спосіб взаємодії між CSS і JavaScript.

Не забувайте експериментувати з JavaScript для динамічних змін стилів на веб-сторінці!

Перекладено з: CSS Basics 12… Читати далі