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

Уроки JavaScript – виконання коду після повного завантаження DOM

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

Уроки PHP – Абстрактні класи та ключові слова

У попередньому уроці ми розглянули конструктори і деструктори в PHP. Наступним пунктом йде розгляд абстрактних класів і ключових слів static і final. У чому різниця між звичайними класами і абстрактними? Різниця між «звичайним» і абстрактним класом полягає в тому, що абстрактний клас може бути успадкований, але не можна створити його примірник (не може бути інстанційований). Він також може містити абстрактні методи. Це методи без будь-якого реального коду в них. У таких класах ви використовуєте тільки...

Як підключати файли і шаблони в WordPress

Багато розробників люблять мову програмування PHP за її розширюваність та гнучкість. Але в цій мові є деякі речі, які часто збивають з пантелику. Найяскравішим прикладом тут виступає правильний спосіб підключення зовнішніх файлів. Для цього в PHP є аж чотири способи підключення файлів, а WordPress навіть пропонує свій власний варіант. У сьогоднішній статті ми розглянемо чотири способи, які є в PHP для підключення файлів, а також розглянемо способи підключення файлів і шаблонів, які є в WordPress....

Уроки JavaScript – Діалогові вікна alert, confirm і prompt

Діалогові вікна дозволяють взаємодіяти з користувачем і працювати з даними, які отримані від цього користувача. Ви, безсумнівно, бачили їх, використовували їх і вони вас завжди дратували, коли вони з’являлися на якомусь сайті. Тепер прийшов час навчитися самому їх створювати. За допомогою діалогових вікон JavaScript ви можете взаємодіяти з відвідувачем вашого сайту досить простим і тривіальним способом. Наприклад, ви можете запитувати ім’я відвідувача, а потім якось його відображати на сайті. Або ви можете зробити діалогове вікно...

Уроки PHP – Конструктори і Деструктори

PHP – це одна з найбільш широко використовуваних мов програмування. У неї велика спільнота відданих розробників, і на PHP побудовано багато популярних фреймворків. Одними з найяскравіших прикладів можна назвати Magento і WordPress. Якщо ви хочете стати успішним програмістом – ця мова підійде вам для вивчення. А наші уроки по PHP можуть вам у цьому допомогти.     У попередньому уроці ми розглянули Класи PHP і трохи введення в ООП. Ми зробили огляд примірників класу, ключового...

Уроки JavaScript – Об’єкт події (Event Object)

В попередній статті ми розглянули основні події в браузері. Сьогодні ми розширимо цю тему, та коротко розглянемо Об’єкт події (Event Object), який є одним з важливих аспектів обробки подій. Всякий раз, коли ви прив’язуєте функцію до події, тобто коли ви створюєте обробник подій, функція буде передана об’єкту. Це трапляється на самому початку, тому нам не потрібно робити для цього додаткових кроків. Цей об’єкт події містить різноманітну інформацію про подію, яка тільки що відбулася; він також...

Уроки PHP – Класи і введення в ООП

В останньому уроці категорії ми розглянули функції в PHP, однак, щоб рухатися далі в освоєнні мови PHP, потрібно вивчити ще одну важливу концепцію. Йтиметься про ООП або об’єктно-орієнтоване програмування. Об’єктно-орієнтоване програмування – це стиль програмування, який покликаний змусити вас думати про програмування як про реальний світ. В ООП ви працюєте з об’єктами, а не тільки з даними. Коли ви хочете створити новий об’єкт, ви робите це за допомогою класів. Класи – це фундаментальна частина ООП....

Ознайомлення з функцією calc() в CSS

Функція calc() в CSS – це простий спосіб виконати прості математичні дії прямо в CSS стилях без використання, наприклад, мови програмування PHP. Функція вміє працювати з чотирма простими математичними операторами: додавання (+), віднімання (–), множення (*) і ділення (/). З допомогою функції calc() ви можете розрахувати значення властивостей CSS прямо під час їх визначення.     Приклад синтаксису функції calc() /* властивість: calc(математична дія); */ width: calc(100% - 35px);   Математична дія, яку можна виконати для виразу,...

Уроки JavaScript – Короткий огляд подій в браузері

Перш, ніж ми перейдемо до розгляду даної теми, важливо зробити акцент на одній речі: дерево DOM і мова JavaScript – це дві різні сутності. Події браузера є частиною API DOM, але вони не є частиною JavaScript. Події браузера є основою будь-якого веб-додатку і вони дуже часто використовуються в JavaScript. Саме через ці події ми визначаємо те, що має статися. Якщо у вашому документі є кнопка, і вам потрібна перевірка форми при її натисканні, ви повинні...

Уроки PHP – Функції

Керуючі конструкції, такі як умовні оператори і цикли, дуже корисні. Вони роблять код менш повторюваним і більш зрозумілим. Наступний щабель тут – це функції, які з використанням керуючих конструкцій, дозволяють писати більш складні сценарії та програми. У сьогоднішній статті ми поговоримо про функції в PHP: їх визначення, виклик, повернення значень, а також невеликий практичний приклад.     Визначення функції в PHP Отже, що таке функція? Простіше кажучи, функція – це блок коду, який написавши один...

Основні види 3D-трансформацій в CSS

Коли з’явилися CSS-трансформації, з елементами стало можливим проводити різні перетворення: їх можна зміщувати, повертати, нахиляти, здавлювати і розтягувати. А за допомогою 3D-перетворень в CSS стали можливими ще більш неймовірні речі. Вони дають можливість розробникам додати новий вимір на свої сайти. Спочатку тривимірні трансформації можуть здатися трохи приголомшуючими, особливо якщо врахувати, що HTML-полотно (екран монітора) – це 2D-простір. Але якщо ви уявите собі, що ваш сайт має і глибину (вглиб екрану, або виступаючи з екрану), тоді...

Уроки JavaScript – Основи маніпулювання елементами в DOM

Минулого разу ми розглянули деякі основи JavaScript і торкнулися різних аспектів об’єктної моделі документа, в тому числі способи доступу до вузлів і переміщення по DOM. Сьогодні ми поговоримо про те, як маніпулювати елементами в DOM.     Елементи для маніпулювання В останньому уроці ми розглянули кроки, пов’язані з доступом до колекції вузлів DOM або окремого вузла DOM. Справжня магія виникає, коли ми потім маніпулюємо певними властивостями, що призводить до так званої «поведінки». Кожен окремий вузол...

Уроки PHP – Змінні

Одним з основних елементів майже в кожній мові програмування є змінні. Змінні використовуються для зберігання інформації, яка потрібна буде в подальшому. У PHP змінні повинні починатися зі знака долара ($), після якого слідує ім’я змінної. Є кілька правил, які вам потрібно знати при створенні змінних. По-перше, ім’я змінної повинно починатися з літери або нижнього підкреслення. По-друге, ім’я не може починатися з цифри. По-третє, воно може містити тільки буквено-цифрові символи і символи підкреслення (A-z, 0-9 і...

Уроки JavaScript – Доступ до вузлів та атрибутів в DOM

У цій статті ми продовжимо говорити про об’єктну модель документів (DOM) і розглянемо основні способи доступу до неї за допомогою JavaScript.     Давайте для прикладу візьмемо невеликий HTML документ, в якому є абзац та невпорядкований список: <!DOCTYPE html> <html lang="uk-UA"> <head> <meta charset="UTF-8"> <title>JavaScript – доступ до вузлів DOM</title> </head> <body> <p id="paragraph">Перший тестовий параграф</p> <ul> <li>Пункт 1 невпорядкованого списку</li> <li>Пункт 2 невпорядкованого списку</li> <li>Пункт 3 невпорядкованого списку</li> <li>Пункт 4 невпорядкованого списку</li> <li>Пункт 5...

Уроки PHP – Цикли

У цьому уроці ми розглянемо цикли в PHP, а також приклади коду їх використання.   Цикл в PHP – це керуюча конструкція, яка покликана виконувати блок коду кілька разів. Це означає, що вам не потрібно багато разів копіювати і вставляти код в файл, достатньо тільки використовувати правильну інструкцію циклу.   Приклад коду без циклу: <?php echo " 1 "; echo " 2 "; echo " 3 "; echo " 4 "; echo " 5 ";...