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

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

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

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

Детальний опис умовних тегів в WordPress

За допомогою умовних тегів ви можете контролювати те, який контент відображати на сторінці сайту на WordPress. Існує маса готових умовних тегів, які впливають на різні області вашого сайту, наприклад, головну сторінку, записи в блозі або певну категорію. Це дозволяє точніше керувати відображенням потрібного контенту вашого сайту. В одній з попередніх статей ми вже писали коротко про умовні теги WordPress. А в сьогоднішній статті ми розглянемо це питання більш детально.     Як працюють умовні теги...

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

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

Керування індексами в Magento 2

В Magento 2 є ряд важливих аспектів, які потрібно враховувати при створенні інтернет-магазину на цій платформі. Сьогодні ми розглянемо один з таких аспектів – управління індексами. У сьогоднішній статті ми розглянемо приклади команд при керуванні індексами в Magento 2.     Вимоги Щоб працювати з індексами в Magento 2, ви повинні увійти на сервер по SSH на рівні користувача з правами на запис файлової системи. Як використовувати командний рядок (консоль) в Мадженто 2, ви можете...

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

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

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

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

З Новим 2019 Роком!

Вітаємо з Новим Роком! Нехай Новий Рік подарує світлу надію, виконає всі заповітні бажання і принесе щастя у ваш дім. Бажаємо, щоб 2019-й рік подарував багато приводів для радості, а також велику кількість щасливих моментів. Щоб збувалися добрі бажання, а у всіх справах вас супроводжувала удача! Бажаємо вам та вашим рідним міцного здоров’я, любові, взаєморозуміння, радості, достатку, мирного неба над головою, цікавих подорожей та чудових подій! Залиште всі негаразди позаду і нехай в Новому Році...

Відкриті бази даних України – місцеві бюджети

На сайті Міністерства фінансів України став доступним портал openbudget.gov.ua, на якому можна знайти доволі детальну інформацію про показники доходів і витрат зведених бюджетів. Якщо ви хочете побачити бюджети міст чи сіл, відкрийте секцію «Місцеві бюджети» та скористайтесь пошуком в правій боковій панелі Пошук бюджету. Перший випадаючий список – Територія – тут виберіть доступний пункт: область, Автономна Республіка Крим, місто Київ чи Севастополь. Після цього у другому випадаючому списку (Бюджет) виберіть потрібний місцевий бюджет. Після цього...

Логування в Magento 2

В процесі розробки часто виникає необхідність реєструвати (логувати; записувати в логи) змінні або користувацькі повідомлення. Magento 2 поставляється з вбудованим засобом логування, яке засноване на бібліотеці Monolog (цей пакет знаходиться за адресою: /vendor/monolog). У сьогоднішній статті ми коротко розглянемо процес логування в Мадженто 2, а також розглянемо питання створення власного журналу.     Основним класом для ведення логів в Magento 2 є Magento\Framework\Logger\Monolog, і він визначений в app/etc/di.xml так: <preference for="Psr\Log\LoggerInterface" type="Magento\Framework\Logger\Monolog" />   Ви...

Уроки 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 ";...

Масові дії в Майстерні WordPress

Якщо вам потрібно внести зміни в велику кількість постів блогу на WordPress, першої вашою думкою буде та, що потрібно відкривати і редагувати кожен пост один за другим. Але, на щастя, для цього є більш простий спосіб! В адмінці ВордПрес (Майстерні) є така функція як масове редагування. Функція масових дій дозволяє вносити безліч змін на свій сайт одночасно, будь то оновлення статусу постів і сторінок, зміна URL-адрес і зміна статусу коментарів. Ця функція досить корисна, але...

Як створити адаптивну таблицю в WordPress

Таблиця – це відмінний спосіб структурування даних, що робить їх більш читабельними. Таблиці можна використовувати для опису характеристик товарів, розкладу, статистики і т.д. Через те, що таблиці займають досить багато місця, їх досить складно зробити адаптивними. У сьогоднішній статті ми розглянемо питання важливості адаптивності для таблиць, а також практичне вирішення завдання правильного відображення таблиці на будь-якому розмірі екрану.     Якщо ви переглядаєте неоптимізовану таблицю на мобільному пристрої, вона виступає за рамки екрану і її...

Як отримати посилання на кошик в phtml файлі або Блоці Magento2

Досить часто при роботі з Magento 2 потрібно отримати посилання на Кошик (або на сторінку оформлення замовлення). Наприклад, вам потрібно додати ці посилання в певному шаблоні, або ж в Блоці при розробці модуля. Вирішення цього завдання досить просте, для цього вам потрібно тільки викликати метод getUrl() і немає необхідності додавати окремий код в XML-макет теми. Правда, реалізація в phtml-шаблонах або Блоці трохи відрізняється.     У файлі .phtml Якщо вам потрібно відображати посилання на кошик...

Основи JavaScript

В цьому уроці ми розглянемо базові поняття про деякі основи JavaScript. Сьогодні ми приділимо увагу різним типам даних JavaScript, визначенню функцій, побачимо, що таке масиви і об’єкти, познайомимося з операторами в JavaScript, умовою if/else, а також з циклами for і while.     В JavaScript ви можете мати різні типи значень. Існують такі типи даних: числа, рядки, логічні значення (boolean), об’єкти, невизначені та нульові (NULL): Однорядкові коментарі пишуться з використанням двох косих рисок (//), весь...

Уроки PHP – Масиви (Array)

У цьому уроці ми розглянемо, що таке масиви в PHP і як з ними працювати. Ви дізнаєтеся, як створювати, сортувати або показувати вміст масива. Розглянемо асоціативні та багатовимірні масиви. Також приділимо трохи уваги основним функціям при роботі з масивами в PHP.     Масиви в PHP – основи Масиви – це спеціальні типи даних. На відміну від інших простих змінних, масив може зберігати більше одного значення. Припустимо, що вам потрібно зберегти основні кольори в своєму...

Як показувати останні коментарі в сайдбарі WordPress

Вам потрібно виводити останні коментарі в сайдбарі (бічний панелі) WordPress? Якщо ви ще не знаєте, як це зробити, тоді ви прийшли за правильною адресою. У сьогоднішній статті ми покажемо вам, як можна легко відображати останні коментарі в сайдбарі сайту на WordPress (або ж в інших місцях, які підтримують віджети).     Дефолтний віджет останніх коментарів у WordPress WordPress поставляється з вбудованим, готовим до використання, віджетом недавніх коментарів, який ви можете додати на бічну панель свого...

Як швидко додати зображення товару в Magento 2

Як ви вже знаєте, структура і функціональність Magento 2 відрізняються від Magento 1.x версій. У новій версії двигуна було введено багато нового. Це стосується як фронтенду, так і бекенду. І сьогодні ми коротко розглянемо як можна легко та швидко додати картинку (або відео) для товара в Magento 2.   В першу чергу вам потрібно зайти в Консоль адміністратора магазину на Мадженто 2. Потім перейдіть в Товари -> Каталог (Products -> Catalog). Ви побачите список товарів...

JavaScript та DOM

У цій статті ми поговоримо про основні аспекти мови програмування JavaScript і DOM (об’єктна модель документів). Використання фреймворків, таких як jQuery або Prototype – це відмінний спосіб швидкої розробки додатків на JavaScript, але також важливо знати і розуміти базові аспекти цієї мови. Навіть якщо ви використовуєте тільки якусь конкретну бібліотеку, сьогоднішня інформація все одно принесе вам користь – розуміння того, як щось працює під «капотом», — це дуже важливо.     JavaScript – вступ JavaScript...

Уроки PHP – рядки

У цьому уроці ми детально розглянемо, що таке рядки в PHP, як їх використовувати, а також розглянемо найпростіші функції маніпуляції з рядками.     Рядки в PHP: основи Рядок (string) – це тип даних в PHP та набір символів. У PHP вбудована підтримка 256 різних символів. Для визначення рядка можна використовувати три різні способи: одинарні лапки подвійні лапки heredoc-синтаксис   Вам вирішувати, який спосіб використовувати, адже у кожного з них є свої плюси і мінуси....

Як показувати пости рандомно в WordPress

Рандомний показ ваших публікацій дасть можливість читачам дізнатися більше про контент на вашому сайті. Вас зацікавила можливість показу випадкових постів в WordPress? Якщо так, тоді в сьогоднішньому уроці ми покажемо вам, як можна легко показувати випадкові публікації на сайті під керуванням CMS WordPress.     Навіщо показувати випадкові пости в WordPress WordPress за замовчуванням показує ваші пости в блозі у зворотному хронологічному порядку (спочатку нові). Це дозволяє читачам вашого блогу бачити більш свіжі пости в...

Новий випуск WordPress 5.0 Bebo та редактор Gutenberg

6 грудня 2018 року відбувся випуск WordPress 5.0 Bebo. У цьому випуску представлено новий редактор WordPress під кодовою назвою Gutenberg, який є значним стрибком вперед в плані функціональності. Новий редактор використовує блочну систему для редагування, яка дозволяє гнучко вбудовувати різний контент в пости і сторінки. Поки новий випуск ще не пройшов серйозну «обкатку», в короткостроковій перспективі його використання може викликати проблеми для деяких власників сайтів на WordPress. І в сьогоднішній статті ми обговоримо кілька моментів,...

Як змінити розмір картинок в Magento 2

Розмір картинки товару, а також інші параметри картинок в Magento 2 визначаються у файлі <ТЕМА>/etc/view.xml. Шлях до ТЕМИ наступний: app/design/frontend/<Vendor>/ТЕМА. Наприклад, для теми Magento Blank розташування файлу view.xml наступне: app/design/frontend/Magento/blank/etc/view.xml. Якщо ж ви встановлювали тему через Composer, тоді папку теми можна знайти в vendor/magento/theme-frontend-<КОД_ТЕМИ>. У файлі view.xml міститься конфігурація зображень для товарів, а також для картинок-мініатюр магазину. Цей файл є обов’язковим для теми, але його можна не використовувати, якщо він є в батьківській темі. Батьківська...

Як створювати вірусний контент – основні трюки для постів

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