Category: Уроки програмування

Приклад використання функції calc() для зміни розміру шрифту в CSS

Раніше ми робили короткий огляд функції calc() в CSS. Сьогодні ми хочемо розглянути невеликий практичний приклад, який дасть рішення для плавного масштабування розміру шрифта в залежності від розміру екрана. Якщо раніше подібні завдання вирішувалися за допомогою jQuery, то з появою функції calc(), це можна зробити за допомогою чистого CSS. Функція calc() дозволяє робити прості математичні обчислення прямо в CSS. А це дозволяє легше створювати адаптивні макети сайтів. Давайте розглянемо один невеличкий реальний підхід, який дозволить...

Уроки PHP – опис оператора switch (перемикання)

Оператор switch оцінює умову і надає кілька точок прийняття рішення, в залежності від значення. Оператор switch аналогічний серії операторів if/else для одного і того ж виразу. Якщо вам потрібно порівняти одну і ту ж змінну (або вираз) з багатьма різними значеннями і виконувати різні фрагменти коду в залежності від значення, тоді вам відмінно підійде оператор switch. У сьогоднішній статті ми розглянемо оператор switch (перемикання) і порівняємо його з операторами if/else та elseif.     Нижче...

Уроки JavaScript – не працюють події jQuery після AJAX завантаження

Якщо ви використовуєте AJAX на своєму сайті, майте на увазі, що такі події, як клік (click), надсилання (submit), наведення (hover), можуть не працювати, якщо ви не прикріпите їх правильно. У сьогоднішній статті ми розглянемо практичне рішення проблеми, коли не спрацьовують події в jQuery після динамічної зміни сторінки (або AJAX).     Опис задачі Припустимо, у нас є блоки з заголовком і прихованим контентом в тегові <p>. По кліку на заголовку, прихований контент показується/ховається за допомогою...

Уроки PHP – корисні сніпети

При роботі з PHP дуже корисно мати певний набір готових функцій і фрагментів коду (сніпетів), які можуть заощадити багато часу. Сьогодні ми розглянемо цікаві фрагменти коду, які, ймовірно, вам знадобляться.     1) Знайти всі посилання на сторінці Використовуючи DOM, ви можете легко отримати всі посилання з будь-якої веб-сторінки. Ось робочий практичний приклад: <?php $html = file_get_contents('https://sebweo.com'); $dom = new DOMDocument(); @$dom->loadHTML($html); $xpath = new DOMXPath($dom); // отримання всіх вузлів DOM сторінки $hrefs = $xpath->evaluate("/html/body//a");...

Уроки JavaScript – Шпаргалка по регулярним виразам

У сьогоднішній статті ми розглянемо регулярні вирази в JavaScript, а також побачимо практичні приклади використання регулярних виразів в JavaScript скриптах. Регулярні вирази бувають досить корисними, і їх можна використовувати практично у всіх своїх скриптах. Але, для цього потрібна практика, тому нижче представлені основні приклади регулярних виразів, які допоможуть вам в цьому.     Шпаргалка регулярних виразів в JavaScript   Скорочений запис пошуку символів let regex; regex = /\d/; // відповідає будь-якій цифрі regex = /\D/;...

Уроки PHP – Скорочений запис умови if else (тернарний оператор)

Ви, напевно, вже знаєте основні варіанти запису умови в PHP if, else, elseif. Використовуючи ці умовні оператори, можна перевірити масу можливих варіантів. Але іноді буває, що потрібно перевірити умову тільки серед 2-3 можливих варіантів. У цьому випадку велика спокуса максимально зменшити обсяг коду. Можливо, що для деяких програмістів скорочені записи умов додадуть більше плутанини, але іноді вони бувають корисні. У сьогоднішній статті ми коротко розглянемо синтаксис і приклади скороченого запису умови в PHP.    ...

Коротке ознайомлення з інструментом для баз даних – phpMyAdmin

Всі сайти (крім найпростіших та статичних) використовують бази даних. Все, що відбувається на таких сайтах, записується в базу даних. Тому, якщо у вас сайт, наприклад, на Magento або WordPress, вам потрібно буде вміти працювати з базами даних. Для цього потрібен елементарний набір знань, а також відповідні інструменти. Одним з самих зручних інструментів для роботи з базою даних є phpMyAdmin. За допомогою нього ви можете зручно і легко взаємодіяти з вашими базами даних. Сьогоднішня стаття присвячена...

Уроки JavaScript – строгий режим (strict-mode)

Коли розробник пише скрипти в строгому режимі, це полегшує йому створення «безпечного» JavaScript. За замовчуванням JavaScript дозволяє програмісту писати код трохи недбало, наприклад, не оголошувати змінні за допомогою var при першій їх появі. Хоча це може здатися зручним для деяких розробників, такий підхід може бути причиною багатьох помилок, коли ім’я змінної написано з помилкою або випадково зазначено поза її області дії. Програмісти люблять змушувати комп’ютер робити за них нудні речі і автоматично перевіряти їх роботу...

Уроки PHP – регулярні вирази з прикладами

У сьогоднішній статті ми розглянемо регулярні вирази в PHP, а також побачимо практичні приклади використання регулярних виразів в PHP скриптах.     Основи регулярних виразів в PHP На самому початку появи регулярних виразів на них було покладено завдання допомоги при роботі з рядками в Unix системах. Пізніше вони стали активно використовуватися не тільки в інших системах, але й в різних мовах програмування. У PHP регулярні вирази використовуються для синтаксичного аналізу тексту відповідно до визначеного шаблону....

Уроки JavaScript – як отримати поточну дату і час

Однією з найцікавіших речей в JavaScript є отримання доступу до дати і часу, та подальша робота з ними. Насправді це дуже легко, і в сьогоднішній статті ми розглянемо цей процес дуже детально. В JavaScript вже є вбудований об’єкт, який отримує дату і час – все, що вам потрібно зробити, це просто використовувати його!     Об’єкт дати Date() в JavaScript Щоб використовувати цей об’єкт дати, ви повинні спочатку створити його екземпляр. Для цього виконайте наступне:...

Уроки PHP – основні приклади роботи з рядками

В сьогоднішній статті ми розглянемо практичні приклади основних операцій з рядками в PHP: об’єднання рядків (конкатенація), порівняння рядків, конвертація рядків в ціле число та в масив, заміна рядка.     Конкатенація (об’єднання) рядків PHP Конкатенація рядків – це метод маніпулювання рядками, коли ви об’єднуєте 2 або більше рядків. У PHP це завдання вирішується досить просто. Для цього ви можете використовувати оператор конкатенації, яким є ‘.‘ (крапка). Нижче наведено приклад об’єднання 2 або більше рядків таким...

Уроки JavaScript – ознайомлення з функцією console.log()

Коли ви пишете додаток на JavaScript, дуже корисно використовувати налагоджувач (або дебаґер, від англ. debugger), тобто, програму, яка призначена для пошуку помилок в інших програмах. Всі браузери поставляються з подібною програмою, яка виконує функції налагоджувача, — мова йде про Консоль (Console). Тут ви знайдете всі помилки, які виникають при взаємодії браузера з сайтом. Наприклад, тут ви можете побачити недоступні ресурси сайту (які повертають 404 помилку), помилки в JavaScript коді та масу інших корисних даних. Крім...

Уроки PHP – отримання та виведення дати і часу

Сьогоднішня стаття присвячена розгляду того, як на практиці використовувати функції по отриманню дати і часу в PHP, а також розгляду способів виведення та форматування дати і часу.     Основні моменти для дат і часу в PHP Функції, які обробляють дату і час в PHP, дозволяють отримувати дату і час з того сервера, на якому виконується скрипт. Також вони дозволяють маніпулювати, редагувати, форматувати ці значення перед їх відображенням на екран (виведенням). Сьогодні ми розглянемо найважливіші...

Приклади маніпулювання DOM за допомогою jQuery

У попередніх статтях категорії Уроки JavaScript ми розглянули основні принципи DOM, дізналися, як можна взаємодіяти і маніпулювати елементами DOM за допомогою простого JavaScript. У цій статті ми трохи розширимо цю тему і розглянемо приклади маніпулювання елементами DOM за допомогою потужної бібліотеки JavaScript – jQuery. Бібліотека jQuery має потужні інструменти для знаходження елементів і роботи з ними для досягнення потрібної мети. За допомогою методів jQuery завдання обходу і маніпуляції елементами DOM вирішуються досить простими та інтуїтивно...

Як зробити перенаправлення (редирект) в PHP

Досить часто при роботі з PHP-скриптами потрібно автоматично перенаправляти відвідувачів на іншу сторінку (або інший сайт), наприклад після успішного заповнення форми. У сьогоднішньому уроці ми розглянемо практичне рішення питання перенаправлення (редиректу) на інші сторінки або сайти в PHP. На щастя, перенаправлення з використанням PHP – це досить просте завдання.   Для перенаправлення ви можете використовувати функцію header() в PHP. Ця функція відправляє необроблений HTTP-заголовок в браузер. В результаті браузер перенаправляє користувача на сторінку, яка визначена...